Adjust indent.

This commit is contained in:
BoHung Chiu 2022-10-27 21:06:20 +08:00
parent 2645649e0d
commit 1fcc578a1a
1 changed files with 116 additions and 119 deletions

View File

@ -4,14 +4,14 @@
.default_site_h1{ .default_site_h1{
font-weight: bold; font-weight: bold;
font-size: 2em; font-size: 2em;
@media (max-width: 480px){ @media (max-width: 480px){
font-size: 2.5em; font-size: 2.5em;
display: flex; display: flex;
align-items: center; align-items: center;
.site-logo{ .site-logo{
margin-right: 0.5em!important; margin-right: 0.5em!important;
} }
} }
} }
.site-logo{ .site-logo{
max-height: 10em; max-height: 10em;
@ -21,16 +21,16 @@
z-index: 1; z-index: 1;
} }
.kenjohn{ .kenjohn{
position: absolute; position: absolute;
flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;
display: flex; display: flex;
z-index: 10; z-index: 10;
left: 0; left: 0;
background-color: #fff; background-color: #fff;
margin-top: 0; margin-top: 0;
min-width: 100%; min-width: 100%;
opacity: 0.98; opacity: 0.98;
transition: opacity .5s ease-out; transition: opacity .5s ease-out;
} }
.header-nav { .header-nav {
text-align: center; text-align: center;
@ -103,13 +103,13 @@
box-shadow: 2px 2px 5px #00000033; box-shadow: 2px 2px 5px #00000033;
padding: 1em; padding: 1em;
li{ li{
padding: 0.5em; padding: 0.5em;
&:hover{ &:hover{
span { span {
color:#0d5151!important; color:#0d5151!important;
text-decoration: underline; text-decoration: underline;
}
} }
}
} }
} }
@ -120,8 +120,7 @@
} }
span{ span{
&:hover{ &:hover{
color: #288E8E!important;
color: #288E8E!important;
} }
} }
@ -130,50 +129,50 @@
@media(min-width:1801px){ @media(min-width:1801px){
height: 1080px; height: 1080px;
.ad-overlay{ .ad-overlay{
bottom: 40%; bottom: 40%;
position: absolute; position: absolute;
} }
} }
@media screen and (min-width:1451px) and (max-width:1800px){ @media screen and (min-width:1451px) and (max-width:1800px){
height: 800px; height: 800px;
.ad-overlay{ .ad-overlay{
bottom: 30%; bottom: 30%;
position: absolute; position: absolute;
} }
} }
@media screen and (min-width:1281px) and (max-width:1450px){ @media screen and (min-width:1281px) and (max-width:1450px){
height: 800px; height: 800px;
.ad-overlay{ .ad-overlay{
bottom: 30%; bottom: 30%;
position: absolute; position: absolute;
} }
} }
@media screen and (min-width:1026px) and (max-width:1280px){ @media screen and (min-width:1026px) and (max-width:1280px){
height: 720px; height: 720px;
.ad-overlay{ .ad-overlay{
bottom: 30%; bottom: 30%;
position: absolute; position: absolute;
} }
} }
@media screen and (min-width:991px) and (max-width:1025px){ @media screen and (min-width:991px) and (max-width:1025px){
height: 1360px; height: 1360px;
.ad-overlay{ .ad-overlay{
bottom: 35%; bottom: 35%;
position: absolute; position: absolute;
} }
} }
@media screen and (min-width:$screen-xs) and (max-width:990px){ @media screen and (min-width:$screen-xs) and (max-width:990px){
height: 970px; height: 970px;
.ad-overlay{ .ad-overlay{
bottom: 35%; bottom: 35%;
position: absolute; position: absolute;
} }
} }
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
height: 700px; height: 700px;
.ad-overlay{ .ad-overlay{
top: 5%; top: 5%;
position: absolute; position: absolute;
} }
} }
} }
@ -188,11 +187,11 @@
height: 800px!important; height: 800px!important;
} }
} }
.jplayer_slide{ .jplayer_slide{
@media(max-width: $screen-xs){ @media(max-width: $screen-xs){
height: 800px!important; height: 800px!important;
}
} }
}
[id^="jp_video_"]{ [id^="jp_video_"]{
height: auto !important; height: auto !important;
width: auto !important; width: auto !important;
@ -201,10 +200,9 @@
max-width: none !important; max-width: none !important;
} }
.ad-overlay{ .ad-overlay{
background: none; background: none;
visibility: visible!important; visibility: visible!important;
text-align: center!important; text-align: center!important;
} }
} }
@ -224,9 +222,9 @@
@extend .response-container; @extend .response-container;
} }
.header-banner { overflow: hidden; } .header-banner { overflow: hidden; }
.jp-audio, .jp-audio-stream, .jp-video{ .jp-audio, .jp-audio-stream, .jp-video{
border: 0px; border: 0px;
} }
.navbar-header { .navbar-header {
padding: 0; padding: 0;
@ -325,16 +323,16 @@
top: 0; top: 0;
} }
.navFixed,.navRel { .navFixed,.navRel {
flex-wrap:wrap-reverse; flex-wrap:wrap-reverse;
display: flex; display: flex;
.navbar-header{ .navbar-header{
display: flex!important;
}
.header-nav{
@media(min-width: 480px){
display: flex!important; display: flex!important;
} }
.header-nav{ }
@media(min-width: 480px){
display: flex!important;
}
}
.layout-header .header-nav a{ .layout-header .header-nav a{
text-shadow: none; text-shadow: none;
} }
@ -379,40 +377,39 @@
} }
} }
.modules-menu .modules-menu-level-0 > li > a{ .modules-menu .modules-menu-level-0 > li > a{
color: #333; color: #333;
text-shadow: none; text-shadow: none;
} }
.header-nav{ .header-nav{
background: #e7e8ea; background: #e7e8ea;
} }
.header-nav a{ .header-nav a{
text-shadow:none; text-shadow:none;
color: #333333; color: #333333;
} }
.navbar-toggle .icon-bar{ .navbar-toggle .icon-bar{
background-color: #333; background-color: #333;
} }
.modules-menu .modules-menu-level-0 > li:hover .modules-menu-level-1{ .modules-menu .modules-menu-level-0 > li:hover .modules-menu-level-1{
@media (min-width: $screen-sm){ @media (min-width: $screen-sm){
visibility: visible; visibility: visible;
max-height: none; max-height: none;
opacity: 1; opacity: 1;
padding:1em 20% 3em; padding:1em 20% 3em;
transition-duration: opacity 0.3s cubic-bezier(0.48, 0.01, 0.5, 0.99),visibility 0.1s linear; transition-duration: opacity 0.3s cubic-bezier(0.48, 0.01, 0.5, 0.99),visibility 0.1s linear;
}
}
.navbar-toggle{
position: absolute;
right: 0;
} }
}
.navbar-toggle{
position: absolute;
right: 0;
}
} }
@media (width: 768px) { @media (width: 768px) {
.navbar-toggle{ .navbar-toggle{
display: block!important; display: block!important;
} }
} }
.header-nav{ .header-nav{
} }
@ -434,24 +431,24 @@
} }
.nav{ .nav{
font-family: "Industry_Demi", Sans-serif; font-family: "Industry_Demi", Sans-serif;
font-size: 11px; font-size: 11px;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
padding: 1em 0; padding: 1em 0;
&:hover{ &:hover{
background-color: #e4002b; background-color: #e4002b;
color: #fff; color: #fff;
} }
} }
.navone ::before{ .navone ::before{
content: ''; content: '';
position: absolute; position: absolute;
background: url("/assets/account-icon.png") no-repeat; background: url("/assets/account-icon.png") no-repeat;
width: 23px; width: 23px;
height: 23px; height: 23px;
left: -10px; left: -10px;
top: 10px; top: 10px;
display: inline-block; display: inline-block;
left: 5px; left: 5px;
} }