137 lines
2.9 KiB
SCSS
137 lines
2.9 KiB
SCSS
@charset "utf-8";
|
|
|
|
@import "../initial";
|
|
|
|
.layout-content {
|
|
min-height: 37.5em;
|
|
padding-bottom: 6em;
|
|
background-color: #fff;
|
|
background-image: linear-gradient(180deg, transparent 0, rgba(191,139,61,0.1) 100%);
|
|
-pie-background: linear-gradient(180deg, transparent 0, rgba(191,139,61,0.1) 100%);
|
|
behavior: url("/assets/ie_support/PIE2/PIE.htc");
|
|
.container {
|
|
@extend .response-container;
|
|
}
|
|
}
|
|
|
|
.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);
|
|
}
|