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

494 lines
9.5 KiB
SCSS

@charset "utf-8";
@import "../initial";
.layout-content {
position: relative;
min-height: 600px;
padding:2em 0 5em;
background-color: #f5f5f5;
.container {
@extend .response-content;
@media (min-width: $screen-md){}
}
}
.page-home{
.layout-content{
padding: 0 0 2em 0;
margin: 0;
background:url(/assets/content_bg3.jpg);
@media (min-width: $screen-md){
padding: 0 0 5em 0;
}
}
.row{
@media (max-width: $screen-md){
margin: 2em 0 0;
}
}
.w-annc__widget-title{
margin-bottom: 20px;
font-size: 1rem;
color: #fff;
border-bottom: 1px solid #b4b4b4;
span{
padding: 10px 15px;
clear: both;
display: table;
border-radius: 5px 5px 0 0 ;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
line-height: 1;
}
}
.layout-content-boxL{
.content-boxL1{
.w-annc__widget-title{
span{
background-color: #e07e12;
}
}
.widget-announcement-17 {
position: relative;
li.w-annc__item{
/*background-color: #efe3e0;*/
/*border-bottom: 1px solid #e6dad6;*/
background-color: #f7ebd8;
border-bottom: 1px solid #e8dfcd;
&:hover{
h4.w-annc__entry-title .w-annc__title{
color: #d8760b;
}
}
}
.w-annc__more-wrap{
position: absolute;
right: 5px;
top: 10px;
line-height: 20px;
.w-annc__more{
color: #4f453b;font-size: 0.875em;
&:hover{
color:#991c22;
}
}
}
}
.L11{
.widget-announcement-17{
.w-annc__widget-title{
span{
background-color: #900c3b;
}
}
li.w-annc__item{
background-color: #f5d9d6;
border-bottom: 1px solid #eac7c4;
&:hover{
h4.w-annc__entry-title .w-annc__title{
color: #900c3b;
}
}
}
.w-annc__more-wrap{
a.w-annc__more:hover{
color:#900c3b;
}
}
}
}
@media (min-width: $screen-md){
width: 33.333%;
float: left;
padding: 0 40px 15px 0;
margin-top: 2em;
overflow:hidden;
}
}
.content-boxL2{
.w-annc__widget-title{
span{
background-color: #1ba252;
}
}
.widget-announcement-17 {
position: relative;
li.w-annc__item{
/*background-color: #e8f1e6;*/
/*border-bottom: 1px solid #d9e4d6;*/
background-color: #ddecdd;
border-bottom: 1px solid #d1ded1;
&:hover{
h4.w-annc__entry-title .w-annc__title{
color: #03923d;
}
}
}
.w-annc__more-wrap{
position: absolute;
right: 5px;
top: 10px;
line-height: 20px;
.w-annc__more{
color: #4f453b;font-size: 0.875em;
&:hover{
color:#991c22;
}
}
}
}
.L22{
.widget-announcement-17{
.w-annc__widget-title{
span{
background-color: #212763;
}
}
li.w-annc__item{
background-color: #d9e2f3;
border-bottom: 1px solid #d1daec;
&:hover{
h4.w-annc__entry-title .w-annc__title{
color: #212763;
}
}
}
.w-annc__more-wrap{
a.w-annc__more:hover{
color:#212763;
}
}
}
}
@media (min-width: $screen-md){
width: 33.3333%;
float: left;
padding: 0 40px 15px 0;
margin-top: 2em;
overflow:hidden;
}
}
.content-boxL3{
.w-annc__widget-title{
span{
background-color: #007bc7;
}
}
.widget-announcement-17 {
position: relative;
li.w-annc__item{
/*background-color: #efe9de;*/
/*border-bottom: 1px solid #e6e1d6;*/
background-color: #d6ecec;
border-bottom: 1px solid #c7dede;
&:hover{
h4.w-annc__entry-title .w-annc__title{
color: #0b74b5;
}
}
}
.w-annc__more-wrap{
position: absolute;
right: 5px;
top: 10px;
line-height: 20px;
.w-annc__more{
color: #4f453b;font-size: 0.875em;
&:hover{
color:#991c22;
}
}
}
}
.L33{
.widget-announcement-17{
.w-annc__widget-title{
span{
background-color: #56277b;
}
}
li.w-annc__item{
background-color: #dcdaf1;
border-bottom: 1px solid #cecce2;
&:hover{
h4.w-annc__entry-title .w-annc__title{
color: #56277b;
}
}
}
.w-annc__more-wrap{
a.w-annc__more:hover{
color:#56277b;
}
}
}
}
@media (min-width: $screen-md){
float: left;
width: 33.333%;
padding: 0 40px 15px 0;
margin-top: 2em;
overflow:hidden;
}
}
// Widget-17
.widget-announcement-17 {
li.w-annc__item{
padding-bottom: 1em;
margin-bottom: 1.7em;
&:hover{
/*box-shadow: 0 3px 5px rgba(0,0,0,0.3);*/
.w-annc__img-wrap{
img{
opacity: 1;
/*transform: scale(1.1)!important;*/
transition:0.3s;
}
}
}
}
.w-annc__meta{
padding: 0 15px;
i{
color: #797979;
padding-right: 0.1em;
}
.w-annc__postdate{
color: #797979;
}
}
h4.w-annc__entry-title{
margin-top: 5px;
margin-bottom: 0;
.w-annc__title {
font-family: $main-font;
line-height: 1.3;
font-size: 1rem;
color: #474747;
padding: 0 15px;
display: block;
@media (min-width: $screen-md){
height: 40px;
overflow: hidden;
display: block;
}
}
}
.w-annc__list > .w-annc__item:nth-child(3n+1) {
clear: both;
}
.w-annc__img-wrap {
height: 142px;
margin: 0 0 1em 0;
background-color:#222;
overflow: hidden;
img{
opacity: 0.8;
}
}
.w-annc__more-wrap{
a.btn-primary{
color: #000;
border-color: transparent;
background-color: transparent;
position: relative;
z-index: 1;
&:hover{
text-decoration:underline;
border-color: transparent;
background-color: transparent;
}
.fa{
padding-left: 6px;
}
}
}
}
.content-boxB{
position: relative;
clear: both;
.boxB-menu{
ul {
margin-bottom: 0;
padding: 0;
list-style: none;
border-bottom: 2px solid #5d5d5d;
overflow: hidden;
li {
float: left;
border-radius: 5px 5px 0 0;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
padding: 6px 10px;
margin-left: 3px;
font-size: $font-15;
color: #fff;
}
li.h2-title1{
background-color: #007bc7;
}
li.h2-title2{
background-color: #1ba252;
}
li.h2-title3{
background-color: #e07e12;
}
li.focusClass,li:hover{
background-color: #991c22;
}
@media (min-width: $screen-md){
margin-right:40px;
}
}
}
// Widget-18
.widget-announcement-18 {
h3.w-annc__widget-title{
display: none;
}
ul.w-annc__list{
background-color: #f7f7f7;
}
.w-annc__item {
margin: 0;
padding: 9px 0;
border-bottom: 1px solid #e3e3e3;
&:nth-of-type(odd) {
background-color:#fff;
}
&:hover{
background-color: #f1f0f0;
transition:0.2s;
}
}
h4.w-annc__entry-title{
margin: 0;
a.w-annc__title{
color: #474747;
line-height: 1.3;
&:hover{
color:#a0050d;
}
}
}
.w-annc__category-wrap,
.w-annc__status,
.w-annc__title,
.w-annc__postdate-wrap {
font-size: 0.8125rem;
line-height: 1.3;
}
.w-annc__postdate-wrap{
max-width: 82px;
padding-right: 0;
list-style: 20px;
.w-annc__postdate {
vertical-align: sub;
}
}
.w-annc__status {
display: inline-block;
}
.w-annc__more-wrap.clearfix {
position: absolute;
top: 0;
line-height: 35px;
right: 1%;
font-size: 0.875em;
a.w-annc__more{
color: #222;
&:hover{
color:#991c22;
}
}
@media (min-width: $screen-md){
margin-right: 40px;
}
}
@media (min-width: $screen-md){
margin-right:40px;
}
}
}
@media (min-width: $screen-sm){
padding: 0 15px;
}
@media (min-width: $screen-md){
float: left;
width: 75%;
padding-right: 0;
padding-left: 0;
}
}
.layout-content-boxR{
.layout-content-boxR2{
& > div{
background-color: #f7f7f7;
margin-top:2em;
@media (min-width: $screen-md){
}
}
}
.ba-banner-widget-4{
.w-ba-banner__wrap.image-only{
padding: 20px 1em;
a{
float: left;
width: 46%;
border-radius: 13px;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
margin: 2%;
&:hover{}
img{
display: block;
}
@media (max-width: $screen-md)and(min-width: $screen-xs){
width: 21%;
}
@media (min-width: 1999px){
width: 46%;
}
}
}
}
.w-ba-banner.ba-banner-widget-3{
padding: 20px 1em;
h3{
margin-top: 0;
font-size: 1.375em;
border-bottom: 3px solid #79050b;
color: #79050b;
margin-bottom: 12px;
padding-bottom: 8px;
}
.banner-pager{
right: 1.3em;
bottom: 1.3em;
}
}
@media (min-width: $screen-sm){
padding: 0 15px;
}
@media (min-width: $screen-md){
float: right;
width: 25%;
padding-left: 0;
padding-right: 0;
}
}
}