EV001/assets/stylesheets/template/RWD.scss

150 lines
2.3 KiB
SCSS
Executable File

@charset "utf-8";
@import "initial";
@media(max-width:769px){
.index-gallery.index2 .index-content{
margin: 0;
}
.background{
top:68px;
}
.header-nav{
margin-bottom: 1em!important;
}
.wrap{
flex-wrap: wrap;
}
.left{
width: 100%;
margin-bottom: 3em;
}
.header-banner{
width: 100%;
margin: 0;
padding: 0;
}
.container{
padding: 0;
}
.layout-content{
margin-top: 20px!important;
}
.background{
img{
height: 287px;
}
}
.boxbox{
width: 100%;
margin-top: 54px;
margin-bottom: 32px;
.imagebox{
padding-right: 20px;
text-align: right;
float: right;
}
}
}
@media(max-width:500px){
.navbar-brand{
width: 80%;
}
.background{
top:93px;
}
.left{
margin-bottom: 0;
}
.index-pic{
width: 100%;
}
.index-part{
width: 100%;
}
}
@media(max-width:400px){
.boxbox{
margin-bottom: 0;
}
.row{
margin-top: 20px;
}
.wrap{
margin-bottom: 1.5em;
}
}
@media(min-width:769px){
.header-banner>.w-ba-banner{
border: 5px #fff solid;
border-radius: 5px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
}
}
@media(min-width:769px){
.index-gallery.index2 img{
width: 405px;
}
.boxleft{
top:550px;
padding: 0;
position: absolute;
width: 23%;
}
.header-nav{
margin-bottom: 1em;
}
.modules-menu .modules-menu-level-0 >li>a{
background: url(/assets/sb-a.png) 13px center no-repeat;
padding-left: 36px;
&:hover{
background: url(/assets/sb-hover.png) 13px center no-repeat;
}
}
.boxright{
padding: 0;
width: 70%;
float: right;
margin-right: 16px;
}
.wrap{
display:flex;
margin-bottom: 15px;
}
.left{
padding-right: 25px;
}
}
@media(max-width:768px){
.site-logo{
width: 85%;
}
}
@media (min-width: 992px){
.w-annc .w-annc__item{
padding-right: 0;
}
}
@media (min-width: 1024px){
.background{
img{
height: 484px;;
}
}
.wrap{
margin-bottom: 64px;
}
.background{
top: -94px;
}
.boxbox{
margin-top: 4em;
}
}
@media (width: 769px) {
.navbar-toggle{
display: block!important;
}
}