This commit is contained in:
rulingcom 2022-10-12 11:10:09 +08:00
parent c2c31bba98
commit 4ef3e95331
2 changed files with 62 additions and 50 deletions

View File

@ -1,4 +1,4 @@
@charset "utf-8"; @charset "utf-8";
@import "../initial"; @import "../initial";
@ -372,7 +372,10 @@ a#content{
//top:2.5em; //top:2.5em;
.dropdowns{ .dropdowns{
@media (min-width: 769px) { @media (min-width: 769px) {
justify-content:center!important; justify-content: flex-start;
.navbar-header {
justify-content: center;
}
} }
} }
.navbar-brand{ .navbar-brand{

View File

@ -7,7 +7,9 @@
} }
} }
.navbar-collapse.in { .navbar-collapse.in {
overflow-y: unset; @media(min-width: 769px){
overflow-y: unset;
}
} }
.mobile-menu .collapse.navbar-collapse.modules-menu{ .mobile-menu .collapse.navbar-collapse.modules-menu{
padding-bottom: 3em; padding-bottom: 3em;
@ -49,6 +51,7 @@
border-bottom: 2px solid #288E8E; border-bottom: 2px solid #288E8E;
margin-right: 1em; margin-right: 1em;
font-weight:bold; font-weight:bold;
font-size: 1.4em;
} }
} }
.modules-menu-level-1{ .modules-menu-level-1{
@ -176,7 +179,7 @@
& > a { & > a {
padding: 0.8rem; padding: 0.8rem;
font-size: 14px; font-size: 1.4em;
color:#fff; color:#fff;
font-weight: 900; font-weight: 900;
// text-shadow: 1px 1px 1px #0000008c; // text-shadow: 1px 1px 1px #0000008c;
@ -209,10 +212,10 @@
position: relative; position: relative;
& > a { & > a {
font-size: 1.2em;
display: block; display: block;
padding: 1em 1.5em; padding: 1em 1.5em;
font-family: $main-font; font-family: $main-font;
font-size: 16px;
font-weight: 500; font-weight: 500;
color: #fff; color: #fff;
} }
@ -232,8 +235,9 @@
@media (min-width: $screen-sm) { @media (min-width: $screen-sm) {
& > li { & > li {
padding-right: 2em; padding-right: 0.5em;
width: 50%; width: 50%;
white-space: normal;
& > a { & > a {
padding-left: 1em; padding-left: 1em;
padding: 5px 0; padding: 5px 0;
@ -262,8 +266,8 @@
display: block; display: block;
padding: 0.3em 3em; padding: 0.3em 3em;
font-family: $main-font; font-family: $main-font;
color: #333; color: #fff;
font-size: 16px; font-size: 1em;
font-weight: 500; font-weight: 500;
} }
@ -328,29 +332,34 @@
top: 40px; top: 40px;
padding-top: 0; padding-top: 0;
} }
.modules-menu .modules-menu-level-0 > li > a, .modules-menu .modules-menu-level-0 ,.modules-menu .modules-menu-level-0 > li {color: #fff; .modules-menu .modules-menu-level-0 ,.modules-menu .modules-menu-level-0 > li {
font-size: 18px ; font-size: 1em;
font-weight: 500; } }
.menu-drop{ .modules-menu .modules-menu-level-0 > li > a {
font-size: 10px ; color: #fff;
} font-size: 1.4em;
font-weight: 500;
}
.menu-drop{
font-size: 0.625em ;
}
.navbar-toggle { .navbar-toggle {
position: absolute; position: absolute;
right: 2.8em; right: 2.8em;
background: transparent; background: transparent;
top: 6.5em; top: 6.5em;
z-index: 11111; z-index: 11111;
height: 40px; height: 40px;
margin: 0; margin: 0;
border: 0; border: 0;
-webkit-transition: -webkit-transform 0.3s; -webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s;
transition: transform 0.3s; transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;
@media(max-width:768px){ @media(max-width:768px){
left: 3em; left: 3em;
top:0; top:0;
} }
} }
.cover { .cover {
@ -409,27 +418,27 @@
margin-left: 5px; margin-left: 5px;
} }
.dropdown-arrow{ .dropdown-arrow{
align-self: center; align-self: center;
margin-left: 10px; margin-left: 10px;
z-index: 999; z-index: 999;
@media(max-width: 768px){ @media(max-width: 768px){
position: absolute; position: absolute;
right: 0.3em; right: 0.3em;
width: 2.5em; width: 2.5em;
height: 2.5em; height: 2.5em;
cursor: pointer; cursor: pointer;
line-height: 2.5em; line-height: 2.5em;
font-size: 1em; font-size: 1em;
text-align: center; text-align: center;
border-radius: 0.13em; border-radius: 0.13em;
display: none!important; display: none!important;
} }
} }
.fa-chevron-right{ .fa-chevron-right{
align-self: center; align-self: center;
margin-left: 10px; margin-left: 10px;
font-size: 3px; font-size: 0.25em;
font-weight: 100!important; font-weight: 100!important;
} }
.home-menu{ .home-menu{
display: none; display: none;
@ -485,7 +494,7 @@
display: block; display: block;
padding: 1em 1.5em; padding: 1em 1.5em;
font-family: $main-font; font-family: $main-font;
font-size: 16px; font-size: 1em;
font-weight: 600; font-weight: 600;
color: #333; color: #333;
} }