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