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

232 lines
3.9 KiB
SCSS

@charset "utf-8";
@import "../initial";
.layout-content {
min-height: 600px;
margin-bottom: 2em;
.container {
// @extend .response-content;
}
.breadcrumb-wrap{
margin-top: 20px;
@media (max-width:767px){
margin-top: 0;
}
}
.sitemenu-wrap-v {
.sitemenu-list.level-1{
background-color: #B6B4C1;
.sitemenu-item.level-1{
float: none;
border-bottom: 1px solid #7C7061;
background-color: transparent;
margin: 0;
padding: 0;
border-radius: 0;
display: flex;
&:last-child { border-bottom: transparent; }
&:hover{
background-color: darken(#B6B4C1, 20%);
.sitemenu-list.dropdown-menu { display: block; }
}
a{ display: block;
padding: 1em 1.5em;
color: #fff;
font-family: $main-font;
margin: 0;
width: 100%;
}
}
}
}
section[data-pp="1"]
{
.w-annc.widget-announcement-1{
padding-right: 35px;
height: 800px;
border-right: 2px dotted #b0b0b0;
@media (max-width:767px){
margin-top: 15px;
height:auto;
padding:0;
border-right: inherit;
}
.w-annc__title{
color: #996633;
font-weight: 700;
}
.w-annc__subtitle
{
margin-top: 10px;
line-height: 27px;
}
.w-annc__more.btn.btn-primary.pull-right
{ display: block;
width: 130px;
position: relative;
top:-20px;
background-color:#fff;
color: #6A4027;
border:inherit;
border-top: 1px solid #fff;
text-align: right;
}
.w-annc__meta{
color:#b8b8b8;
.w-annc__postdate-wrap{
color:#b8b8b8;
}
.w-annc__category{
color:#595959;
}
}
.w-annc__more.btn.btn-primary.pull-right:before
{
position: absolute;
border-style: inherit;
top: -30px;
left:40px;
content:'';
border-color: transparent transparent #B15016 transparent;
border-style: solid;
border-width: 30px 17px 30px 17px;
height: 0;
width: 0;
display: inline-block;
transform:rotate(-10deg);
}
}
.widget-gallery {
margin-top: 4em;
}
}
aside[data-pp="2"]
{ padding: 0;
.w-annc__more-wrap.clearfix
{ margin-top:30px;
border-top:3px solid #e1d1c1;
}
.w-annc__more.btn.btn-primary.pull-right
{ display: block;
text-align: right;
width: 85px;
position: relative;
top:-20px;
background-color:#fff;
color:#6A4027;
border:inherit;
border-top: 1px solid #fff;
padding-right: 0;
}
.w-annc__more.btn.btn-primary.pull-right:before
{
position: absolute;
border-style: inherit;
top: -30px;
left:7px;
content:'';
border-color: transparent transparent #B15016 transparent;
border-style: solid;
border-width: 30px 17px 30px 17px;
height: 0;
width: 0;
display: inline-block;
transform:rotate(-10deg);
}
.w-annc__postdate-wrap{
width: 18%;
line-height: 23px;
}
.w-annc__entry-title.col-sm-9{
width: 82%;
line-height: 20px;
@media (max-width:767px){
width: 100%;
}
.w-annc__title{
color:#555555;
&:hover {
color: #660000;
}
}
}
}
aside[data-pp="3"]
{
.w-annc.widget-announcement-2{
margin-right: -15px;
.w-annc__content-wrap.col-sm-8
{
@media (max-width:767px){
padding-left: 0;
}
}
.w-annc__widget-title{
margin-left: -15px;
}
.w-annc__img-wrap.col-sm-4.bullseye{
width: 80px;
height: 80px;
}
.w-annc__entry-title{
margin-top: 0;
}
.w-annc__title{
color: #274255;
font-size: 1em;
}
}
}
aside[data-pp="4"]
{
h3{
margin-left: -15px;
}
.w-ad-banner.ad-banner-widget-4{
margin:0 -15px 40px -15px;
@media (max-width:767px){
z-index: 0;
}
}
.ad-banner-widget-1 {
.ad-overlay {
h2 {
font-size: 1em;
font-family: $main-font;
color: #996633;
font-weight: 700;
}
p {
font-size: 0.8em;
font-family: $main-font;
color: #333;
}
}
}
}
}