New theme fixes
This commit is contained in:
parent
bea73621ff
commit
2e2ebe83fe
6 changed files with 114 additions and 30 deletions
22
config.toml
22
config.toml
|
@ -22,22 +22,15 @@ paginate = 5
|
|||
[[menu.main]]
|
||||
identifier="about"
|
||||
name = "About"
|
||||
url = "/en/#about"
|
||||
url = "/en/#home-introduction"
|
||||
weight = 10
|
||||
|
||||
[[menu.main]]
|
||||
identifier="services"
|
||||
name = "Services"
|
||||
url = "/en/#services"
|
||||
url = "/en/#home-bottom"
|
||||
weight = 20
|
||||
|
||||
[[menu.main]]
|
||||
identifier="services-introduction"
|
||||
name = "Introduction"
|
||||
url = "/en/#services"
|
||||
weight = 11
|
||||
parent = "services"
|
||||
|
||||
[[menu.main]]
|
||||
identifier="brainminder"
|
||||
name = "BrainMinder"
|
||||
|
@ -101,22 +94,15 @@ paginate = 5
|
|||
[[languages.it.menu.main]]
|
||||
identifier="about"
|
||||
name = "Presentazione"
|
||||
url = "/#about"
|
||||
url = "/#home-introduction"
|
||||
weight = 10
|
||||
|
||||
[[languages.it.menu.main]]
|
||||
identifier="services"
|
||||
name = "Servizi"
|
||||
url = "/#services"
|
||||
url = "/#home-bottom"
|
||||
weight = 20
|
||||
|
||||
[[languages.it.menu.main]]
|
||||
identifier="services-introduction"
|
||||
name = "Introduzione"
|
||||
url = "/#services"
|
||||
weight = 11
|
||||
parent = "services"
|
||||
|
||||
[[languages.it.menu.main]]
|
||||
identifier="brainminder"
|
||||
name = "BrainMinder"
|
||||
|
|
|
@ -6,6 +6,7 @@
|
|||
<body lang="{{ .Site.Language.Lang }}">
|
||||
{{ partial "nav.html" . }}
|
||||
|
||||
<div id="page-content">
|
||||
<header class="service">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
@ -51,6 +52,7 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
<!-- /#content -->
|
||||
</div>
|
||||
|
||||
{{ partial "footer.html" . }}
|
||||
|
||||
|
|
|
@ -51,6 +51,10 @@
|
|||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.616 16.077H7.077q-1.692 0-2.884-1.192T3 12t1.193-2.885t2.884-1.193h3.539v1H7.077q-1.27 0-2.173.904Q4 10.731 4 12t.904 2.173t2.173.904h3.539zM8.5 12.5v-1h7v1zm4.885 3.577v-1h3.538q1.27 0 2.173-.904Q20 13.269 20 12t-.904-2.173t-2.173-.904h-3.538v-1h3.538q1.692 0 2.885 1.192T21 12t-1.193 2.885t-2.884 1.193z'/%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
#home-introduction {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.service {
|
||||
display: flex;
|
||||
margin-top: 10px;
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
{{ partial "nav.html" . }}
|
||||
{{ partial "home-banner.html" . }}
|
||||
|
||||
<div id="page-content">
|
||||
{{ with (index .Site.Data.introduction .Site.Language.Lang).home }}
|
||||
<div id="home-introduction" class="container">
|
||||
<div class="row">
|
||||
|
@ -17,6 +18,7 @@
|
|||
</div>
|
||||
{{ end }}
|
||||
{{ partial "home-bottom.html" . }}
|
||||
</div>
|
||||
{{ partial "footer.html" . }}
|
||||
</body>
|
||||
|
||||
|
|
|
@ -4,21 +4,18 @@
|
|||
<img class="img-fluid" src="/img/logo.svg" alt="SpeedTech">
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div id="topmenu">
|
||||
<input type="checkbox" id="responsive-button"><label for="responsive-button"></label>
|
||||
<ul>
|
||||
{{ $current := . }}
|
||||
{{ range .Site.Menus.main }}
|
||||
{{ $topLevel := replace .URL "/" "" }}
|
||||
{{ if .HasChildren }}
|
||||
<li>
|
||||
<a href="#" role="button">
|
||||
<li class="dropdown">
|
||||
<a href="{{ .URL }}" role="button">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<ul>
|
||||
<ul class="submenu">
|
||||
{{ range .Children }}
|
||||
<li>
|
||||
<a href="{{ .URL }}" title="{{ .Params.title }}">
|
||||
|
|
|
@ -115,7 +115,7 @@ a {
|
|||
/* End reset */
|
||||
|
||||
body {
|
||||
padding-top: 130px;
|
||||
padding-top: 60px;
|
||||
font-family: "Arial";
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
@ -214,6 +214,12 @@ body {
|
|||
mask-size: 100% 100%;
|
||||
}
|
||||
|
||||
.icon-responsive-menu {
|
||||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.5 17.27q-.213 0-.356-.145T4 16.768t.144-.356t.356-.143h15q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143zm0-4.77q-.213 0-.356-.144T4 11.999t.144-.356t.356-.143h15q.213 0 .356.144t.144.357t-.144.356t-.356.143zm0-4.77q-.213 0-.356-.143Q4 7.443 4 7.23t.144-.356t.356-.143h15q.213 0 .356.144T20 7.23t-.144.356t-.356.144z'/%3E%3C/svg%3E");
|
||||
-webkit-mask-image: var(--svg);
|
||||
mask-image: var(--svg);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1140px;
|
||||
width: 100%;
|
||||
|
@ -273,7 +279,13 @@ body {
|
|||
font-weight: 500;
|
||||
}
|
||||
|
||||
ul li ul {
|
||||
ul li.dropdown:after {
|
||||
content: "\25BE";
|
||||
margin-left: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul.submenu {
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
|
@ -287,10 +299,10 @@ body {
|
|||
left: 0;
|
||||
display: none;
|
||||
z-index: 2000;
|
||||
padding-left: 0;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
ul li ul li {
|
||||
ul.submenu li {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
padding: 0.25rem;
|
||||
|
@ -298,8 +310,13 @@ body {
|
|||
white-space: nowrap;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
ul li ul li:hover {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
ul li ul a {
|
||||
color: var(--dark-color);
|
||||
}
|
||||
|
@ -309,6 +326,73 @@ body {
|
|||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#responsive-button {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 45px;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
cursor: pointer
|
||||
}
|
||||
#responsive-button + label {cursor: pointer;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 992px) {
|
||||
#topmenu {
|
||||
position:relative;
|
||||
#responsive-button {
|
||||
display: block;
|
||||
}
|
||||
label:before {
|
||||
font-size: 1.6em;
|
||||
color: #FFFFFF;
|
||||
content: "\2261";
|
||||
margin-left: 20px;
|
||||
}
|
||||
ul {
|
||||
background:var(--dark-color);
|
||||
position:absolute;
|
||||
z-index:3;
|
||||
height:auto;
|
||||
display:none;
|
||||
top: 0;
|
||||
border-radius: 6px;
|
||||
flex-direction: column;
|
||||
border: 1px solid #fff;
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
padding-top:4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
ul li.dropdown:after {
|
||||
content: none;
|
||||
}
|
||||
ul.submenu {
|
||||
width:100%;
|
||||
position:static;
|
||||
background: var(--dark-color);
|
||||
color: #fff;
|
||||
padding-top:4px;
|
||||
padding-bottom: 4px;
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
ul.submenu li a{
|
||||
color: #fff;
|
||||
}
|
||||
li {display:block;float:left;width:auto;}
|
||||
input, label {position:absolute;right:0;display:block}
|
||||
input {z-index:4}
|
||||
input:checked + label {color:#FFFFFF}
|
||||
input:checked + label:before {content:"\00d7"}
|
||||
input:checked ~ ul, input:checked ~ ul>li>ul.submenu {display: flex;visibility: visible; opacity: 1}
|
||||
input:checked ~ ul>li>ul.submenu>li {visibility: visible; display:block;}
|
||||
}
|
||||
}
|
||||
|
||||
#home-introduction {
|
||||
|
@ -334,7 +418,7 @@ body {
|
|||
margin-top: 20px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
background: url("../img/bg-image-1.jpg") no-repeat;
|
||||
background: #000 url("../img/bg-image-1.jpg") no-repeat;
|
||||
color: white;
|
||||
h2 {
|
||||
text-align: center;
|
||||
|
@ -607,3 +691,12 @@ footer {
|
|||
padding-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Max large */
|
||||
@media (max-width: 992px) {
|
||||
#page-content .container, footer .container {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
Loading…
Add table
Reference in a new issue