asiaH2/assets/stylesheets/template/RWD.scss

113 lines
2.0 KiB
SCSS
Raw Permalink Normal View History

2021-04-19 02:04:27 +00:00
@charset "utf-8";
@import "initial";
@media(max-width:1024px){
#main-nav{
width: 100%;
}
.layout-header{
height: 640px;
}
}
@media(min-width:1024px){
.introtext{
margin-top: 12em;
}
}
@media only screen and (min-width: 767px) and (max-width: 1024px){
.layout-header .header-nav{
position: absolute;
right: 0;
padding: 2em;
}
.layout-header .navbar-header{
padding: 0 2em;
}
}
@media only screen and (min-width: 767px) and (max-width: 769px){
.introtext{
margin-top:3em;
}
}
@media(max-width: 767px) {
.modules-menu .modules-menu-level-0>li { margin: 0; }
.modules-menu .modules-menu-level-0>li:hover { background: transparent; }
.introtext{
padding-bottom: 6em;
padding-top: 6em;
}
}
@media(max-width: 768px) {
.layout-header{
height: 480px;
}
.down{
.ad-overlay{
padding-bottom: 2em!important;
}
}
}
@media(min-width: 769px) {
.introtext{
margin-top: 6em;
}
}
@media(max-width: $screen-xs) {
.container > .navbar-header {
margin: 0;
}
.header-contain{
background-color:#ffffffb8;
padding-bottom: 1em;
}
.layout-header{
height: 440px;
}
.header-banner{
img{
max-width: none;
height: 480px;
}
}
.modules-menu .modules-menu-level-1{
background-color: #459967;
}
.right{
padding: 0;
}
.left{
padding: 0;
}
.introimage{
padding: 0;
}
.layout-content-inner {
padding: 0!important;
}
.layout-content-box2{
padding-top: 3em;
}
}
@media(min-width:767px){
.header-contain{
z-index: 1;
}
.introimage{
padding-left: 8em;
}
.left{
padding-right: 0.25rem;
}
.right{
padding-left: 0.25rem;
}
.header-banner {
img{
width:100%;
}
}
.onepart{
padding-bottom: 6em;
padding-top: 6em;
}
}