111 lines
2.2 KiB
CSS
111 lines
2.2 KiB
CSS
|
|
/* ----------------------------------------------------------------
|
|
|
|
layouts.css
|
|
|
|
-----------------------------------------------------------------*/
|
|
|
|
|
|
/* ----------------------------------------------------------------
|
|
5. Sections
|
|
-----------------------------------------------------------------*/
|
|
|
|
|
|
.section {
|
|
position: relative;
|
|
margin: 60px 0;
|
|
padding: 60px 0;
|
|
background-color: #F9F9F9;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.parallax {
|
|
background-color: transparent;
|
|
background-attachment: fixed;
|
|
background-position: 50% 0;
|
|
background-repeat: no-repeat;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mobile-parallax,
|
|
.video-placeholder {
|
|
background-size: cover !important;
|
|
background-attachment: scroll !important;
|
|
background-position: center center;
|
|
}
|
|
|
|
.section .container { z-index: 2; }
|
|
|
|
.section .container + .video-wrap { z-index: 1; }
|
|
|
|
.revealer-image {
|
|
position: relative;
|
|
bottom: -100px;
|
|
transition: bottom .3s ease-in-out;
|
|
-webkit-transition: bottom .3s ease-in-out;
|
|
-o-transition: bottom .3s ease-in-out;
|
|
}
|
|
|
|
.section:hover .revealer-image { bottom: -50px; }
|
|
|
|
|
|
/* ----------------------------------------------------------------
|
|
6. Columns & Grids
|
|
-----------------------------------------------------------------*/
|
|
|
|
|
|
.col_full { width: 100%; }
|
|
.col_half,
|
|
.postcontent.bothsidebar { width: 48%; }
|
|
.col_one_third { width: 30.63%; }
|
|
.col_two_third { width: 65.33%; }
|
|
.col_one_fourth,
|
|
.sidebar { width: 22%; }
|
|
.col_three_fourth,
|
|
.postcontent { width: 74%; }
|
|
.col_one_fifth { width: 16.8%; }
|
|
.col_two_fifth { width: 37.6%; }
|
|
.col_three_fifth { width: 58.4%; }
|
|
.col_four_fifth { width: 79.2%; }
|
|
.col_one_sixth { width: 13.33%; }
|
|
.col_five_sixth { width: 82.67%; }
|
|
body.stretched .container-fullwidth {
|
|
position: relative;
|
|
padding: 0 60px;
|
|
width: 100%;
|
|
}
|
|
|
|
.postcontent,
|
|
.sidebar,
|
|
.col_full,
|
|
.col_half,
|
|
.col_one_third,
|
|
.col_two_third,
|
|
.col_three_fourth,
|
|
.col_one_fourth,
|
|
.col_one_fifth,
|
|
.col_two_fifth,
|
|
.col_three_fifth,
|
|
.col_four_fifth,
|
|
.col_one_sixth,
|
|
.col_five_sixth {
|
|
display: block;
|
|
position: relative;
|
|
margin-right: 4%;
|
|
margin-bottom: 50px;
|
|
float: left;
|
|
}
|
|
|
|
.col_full {
|
|
clear: both;
|
|
float: none;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.postcontent.col_last,
|
|
.sidebar.col_last { float: right; }
|
|
|
|
.col_last {
|
|
margin-right: 0 !important;
|
|
clear: right;
|
|
} |