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

200 lines
3.7 KiB
SCSS

@charset "utf-8";
@import "../initial";
.layout-content {
min-height: 37.5em;
background: linear-gradient(to top, #fbc453,#fff, #fff,#fff0,#fff0);
-pie-background: linear-gradient(to top, #fbc453,#fff, #fff,#fff0,#fff0);
behavior: url("/assets/ie_support/PIE2/PIE.htc");
.container {
@extend .response-container;
}
}
.kenflex{
display: flex!important;
width: 70%;
justify-content: center;
margin: auto;
text-align: center;
color: #fff!important;
font-size: 2em!important;
.menu_ico{
background: #fabc3d;
padding: 1.2em 0;
margin-right: 0.3em;
&:hover{
border-radius: 100%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
transition: .3s ease-out;
}
}
.menu_ico2{
background: #e04f5f;
padding: 1.2em 0;
margin-right: 0.3em;
&:hover{
border-radius: 100%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
transition: .3s ease-out;
}
}
.menu_ico3{
background: #32bea6;
padding: 1.2em 0;
margin-right: 0.3em;
&:hover{
border-radius: 100%;
behavior: url("/assets/ie_support/PIE2/PIE.htc");
transition: .3s ease-out;
}
}
@media(max-width: $screen-xs){
width: 100%;
flex-wrap: wrap;
}
}
.body-banner{
input[type=search]{
width: 95%;
-webkit-appearance: none;
height: 40px;
border: none;
padding: 1em;
color: #333;
box-shadow: 1px 1px 3px 0px #3333339c;
@media(max-width: $screen-xs){
width: 86%;
}
}
.icon{
width: 4%;
margin: 0;
background: #c9c9c9;
border: none;
-webkit-appearance: none;
height: 40px;
border: none;
color: #333;
box-shadow: 1px 1px 3px 0px #3333339c;
@media(max-width: $screen-xs){
width: 12%;
}
}
}
.my_favorite_latin_words{
margin-top: 2em;
background-color: #fff;
}
div.jqcloud span.w10{
color: #fa8072;
}
.tab_nav{
justify-content: center;
text-align: center;
li{
width: 49%;
color: #fff!important;
@media(max-width: $screen-xs){
width:48%;
}
}
}
.video_data-widget-1{
ul{
padding: 0;
}
.view_info{
float: right;
}
.view_info img{
margin-right: 5px;
}
.video_info{
background: #fff;
padding: 1em 1em 3em;
}
}
.fxqcmn_sitemap{
background-color: #ff9914;
display: block;
padding: 5px;
margin-top: 10px;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
border-right: none;
}
.fxqcmn_tagcloud{
background-color: #25b7d3;
display: block;
padding: 5px;
margin-top: 10px;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
border-right: none;
}
.fxqcmn_movie{
background-color: #e04f5f;
display: block;
padding: 5px;
margin-top: 10px;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
border-right: none;
}
.fxqcmn_txt{
font-size: 150%;
padding: 0.5em 0;
width: 1em;
margin: 0 auto;
line-height: 1;
display: none;
a{
color: #fff;
}
}
.fixed_qcmenu{
padding: 0;
li{
&:hover{
.fxqcmn_txt{
display: block;
}
}
}
}
.black-screen-social-window {
background: none;
border: none;
}
.internal-page{
.row{
background-color: #fff;
margin-top: 1em;
}
.layout-content{
padding-bottom: 1em;
}
}
.pagination .active a{
background-color: #428bca!important;
}
.pagination{
width: 100%;
display: flex;
justify-content: center;
}
.video_tablist{
&:first-child{
li{
border-right:1px solid #fff;
}
}
}
.video_data-index-1{
padding-top: 2em;
}