asiaH4/assets/stylesheets/template/layout/home.scss

172 lines
3.1 KiB
SCSS

.page-home{
.layout-content{
.layout-content-boxL{
padding: 0 10px 30px;
}
.layout-content-boxR{
padding: 0 10px 0px;
}
h3{
color: $theme-color-second;
font-family: $main-font;
font-size: 24px;
margin: 0 0 0.5em 0;
line-height: 1.5;
}
.widget-announcement-15{
background-color: #fff;
position: relative;
z-index: 10;
.w-annc__widget-title{
color: $theme-color-second;
font-size: 24px;
margin-top: 0;
}
.w-annc__box{
border: 1px solid #f7ca63;
border-top: 5px solid #f2980a;
padding: 20px 30px;
position: relative;
&:after{
content: "";
height: 5px;
width: 4px;
background-color: #fff;
position: absolute;
top: -5px;
right: 28%;
}
}
.w-annc__item{
margin-bottom: 15px;
}
.w-annc .w-annc__meta i,.w-annc__postdate,.w-annc__category{
color: #222;
}
h4.w-annc__entry-title{
margin: 5px 0;
.w-annc__title{
color: #495054;
display: block;
line-height: 1.7;
&:hover{
color: $theme-color-main;
}
}
}
.w-annc__more-wrap{
.w-annc__more{
text-transform: uppercase;
border: 1px solid #e3e3e3;
background-color: #f2f2f2;
color: #222;
font-size: $font-13;
display: block;
line-height: 28px;
text-align: center;
&:hover{
background-color:$theme-color-main;
border-color: $theme-color-main;
color: #fff;
transition: all 0.2s;
}
}
}
}
.widget-announcement-16{
.w-annc__item{
margin-bottom: 0;
}
.w-annc__img-wrap{
.w-annc__img{
max-width: none;
width: 100%;
height: auto;
border: 1px solid #e4e2de;
}
}
.w-annc__more{
text-transform: uppercase;
padding-left: 10px;
font-size: $font-13;
color: #715050;
&:hover{
color:$theme-link-color;
}
}
}
.widget-gallery.widget2{
a.widget-pic{
img{
border: 4px solid #d8d4cc;
}
&:hover{
img{
border-color: #fbb05d;
transition: all 0.2s;
}
}
}
}
.aside > div{}
.aside-top{
font-size: $font-13;
line-height: 1.7;
color: #222;
position: relative;
margin-bottom: 30px;
a.w-annc__more {
padding-left: 10px;
font-size: $font-13;
color: #715050;
&:hover{
color:$theme-link-color;
}
}
}
.aside-bottom{
> div{
padding-bottom: 30px;
.w-annc__widget-title,.w-annc__list,.w-ba-banner__widget-title,.w-ba-banner__wrap{
position: relative;
z-index: 10;
}
}
}
.extra{
clear: both;
padding: 0 10px;
}
@media (min-width: $screen-sm){
.aside-bottom{
margin: 0 -20px;
> div{
width: 50%;
float: left;
padding: 30px 20px 30px 20px;
position: relative;
}
}
}
@media (min-width: $screen-md){
.container{padding: 2em 50px 2em 35px;}
.layout-content-boxL{
float: left;
width: 36%;
}
.layout-content-boxR{
float: right;
width: 63%;
}
.aside-top{
margin-top: 48px;
&:after{
right: -35px;
}
}
}
}
}