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

137 lines
2.9 KiB
SCSS
Raw Normal View History

2020-04-09 10:46:42 +00:00
@charset "utf-8";
@import "../initial";
.layout-content {
min-height: 37.5em;
2021-04-19 02:04:27 +00:00
padding-bottom: 6em;
background-color: #fff;
background-image: linear-gradient(180deg, transparent 0, rgba(191,139,61,0.1) 100%);
2021-09-03 03:45:44 +00:00
-pie-background: linear-gradient(180deg, transparent 0, rgba(191,139,61,0.1) 100%);
behavior: url("/assets/ie_support/PIE2/PIE.htc");
2020-04-09 10:46:42 +00:00
.container {
@extend .response-container;
}
2021-04-19 02:04:27 +00:00
}
.down{
display: flex;
width: 100%;
.columnbox{
width: 50%;
}
.leftbox{
padding-right: 0.25rem;
}
.rightbox{
padding-left: 0.25rem;
}
.ad-overlay{
padding-bottom: 3em!important;
}
}
.big{
padding: 0!important;
}
.onepart{
.w-ba-banner{
&:hover{
img{
}
}
}
}
.layout-content-box2{
.w-ba-banner{
&:hover{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
img{
transform: scale(1.1);
}
.transitionfade{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,.4);
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-ms-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
}
}
}
.left{
.controlplay{
display: none;
}
ul.button-mid .prev-button{
display: none;
}
ul.button-mid .next-button{
display: none;
}
.ad-overlay h3{
text-align: center;
}
.ad-overlay{
padding-bottom: 5em;
}
.banner-pager{
display: none;
}
}
.right{
.controlplay{
display: none;
}
ul.button-mid .prev-button{
display: none;
}
ul.button-mid .next-button{
display: none;
}
.ad-overlay h3{
text-align: center;
}
.ad-overlay{
padding-bottom: 5em;
}
.banner-pager{
display: none;
}
}
.introtext{
opacity: 0;
-webkit-transform: translateY(15%) translateZ(0);
-moz-transform: translateY(15%) translateZ(0);
-o-transform: translateY(15%) translateZ(0);
-ms-transform: translateY(15%) translateZ(0);
transform: translateY(15%) translateZ(0);
-webkit-transition: transform 0.8s ease-out, opacity 0.4s ease;
-moz-transition: transform 0.8s ease-out, opacity 0.4s ease;
-o-transition: transform 0.8s ease-out, opacity 0.4s ease;
-ms-transition: transform 0.8s ease-out, opacity 0.4s ease;
transition: transform 0.8s ease-out, opacity 0.4s cubic-bezier(0.63, 0.01, 0, 1.02);
&:hover{
transform: scale(1.1);
}
}
.animationtext{
opacity: 1;
-webkit-transform: translateY(0) translateZ(0);
-moz-transform: translateY(0) translateZ(0);
-o-transform: translateY(0) translateZ(0);
-ms-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}