AsiaV5/assets/stylesheets/template/layout/content.scss

101 lines
1.7 KiB
SCSS

@charset "utf-8";
@import "../initial";
.layout-content {
.container {
padding: 25px 15px;
line-height: 1.5;
@extend .response-content;
@media (min-width: $screen-md){
min-height: 600px;
}
}
//top-wrap
.top-wrap{
& div{
margin-bottom: 15px;
}
}
.ba-banner-widget-5{
background-color: rgba(255,255,255,0.8);
border: 1px solid #d2d2d2;
padding: 15px 30px;
.w-ba-banner__wrap{
width: auto;
max-width: none;
}
}
// page content, table
.breadcrumb{
background-color: #fff;
}
.view_count {
opacity: 0.6;
}
.i-annc__table{
background-color: #eee;
}
.i-annc .i-annc__title{
color: $theme-color-second;
&:hover{
color: $theme-color-five;
}
}
@media (min-width: $screen-md){
.top-wrap .ba-banner-widget-5{
margin-top: -60px;
.w-ba-banner__wrap{margin-bottom: 0;}
}
}
@media (max-width: $screen-md){
.top-wrap .ba-banner-widget-5{
padding: 15px;
.w-ba-banner__wrap.image-only{
margin: 0;
a{
display: block;
padding: 0 0 15px 0;
&:last-child{
padding-bottom: 0;
}
}
}
}
}
@media (max-width: $screen-md)and(min-width: $screen-sm){
.top-wrap .ba-banner-widget-5{
.w-ba-banner__wrap.image-only {
margin: 0 -7px -15px;
a{
padding: 0 7px 15px 7px;
}
}
}
}
}
// css3 特效
.mw-block{
.widget-gallery a:hover{
img{
opacity: 0.7;
transition: all 0.2s;
}
}
}
.top-wrap{
.w-ba-banner a:hover{
img{
opacity: 0.8;
border: 2px solid $theme-color-four;
transition: all 0.2s;
}
}
}