Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- IMM GRID CONTENT TEMPLATE
- */
- .imm-content-grid.template-1:before {
- content: "";
- position: absolute;
- width: 100%;
- height: 100vh;
- left: 0;
- top: 70px;
- background: #8888881c;
- }
- /* IMAGE COLUMN */
- .imm-image-column {
- margin: 100px 100px;
- }
- .imm-image-column .gallery-section {
- position: relative;
- overflow: hidden;
- }
- .imm-image-column .image-column-item{
- width: 50%;
- display: inline-block;
- float: left;
- }
- .imm-image-column .image-column-item img{
- width: 100%;
- padding: 0 25px 25px 0;
- object-fit: cover;
- }
- .imm-image-column .item-1 img, .imm-image-column .item-2 img, .image-column-item.item-6 img {
- height: 700px;
- }
- .image-column-item.item-3 {
- width: 100%;
- }
- .image-column-item.item-3 img {
- height: 317px;
- }
- .image-column-item.item-4 img, .image-column-item.item-5 img {
- height: 383px;
- }
- .imm-background-image {
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center;
- }
- /* imm-paragraph-gallery */
- .imm-paragraph-gallery .paragraph-wrap {
- background-color: #f2f2f2;
- padding: 45px 0;
- }
- .imm-paragraph-gallery .paragraph-col {
- padding-left: 20px;
- padding-right: 140px;
- }
- .imm-paragraph-gallery .paragraph-wrap p {
- font-family: 'Open Sans';
- font-size: 14px;
- font-weight: 400;
- text-align: justify;
- }
- .imm-paragraph-gallery .gallery-column-wrap {
- margin-top: -280px;
- }
- .imm-paragraph-gallery .gallery-column-wrap .row {
- margin: 0 100px;
- }
- .imm-paragraph-gallery .gallery-column-left {
- padding-left: 0;
- padding-right: 30px
- }
- .imm-paragraph-gallery .gallery-column-right {
- padding-left: 0;
- padding-right: 30px
- }
- .imm-paragraph-gallery .image-gallery-item {
- margin-bottom: 30px;
- }
- .imm-paragraph-gallery .image-gallery-item img {
- width: 100%
- }
- /* Nav post project */
- .nav-post-project {
- margin: 150px 100px 50px 100px;
- }
- .nav-post-project a {
- position: relative;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- display: block;
- }
- .nav-post-project .thumbnail-nav-project {
- text-align: center;
- }
- .nav-post-project .thumbnail-nav-project img {
- width: 200px;
- height: 120px;
- margin: 0 auto;
- object-fit: cover;
- }
- .nav-post-project p {
- text-align: center;
- margin-top: 15px;
- margin-bottom : 0;
- font-family: 'Open Sans';
- }
- .nav-post-project .arrow-link-project {
- width: 50px;
- height: 50px;
- padding-left: 20px;
- position: absolute;
- top: 50%;
- left: 0;
- transform: translate(0, -49%);
- }
- .nav-post-project .previous-post .arrow-link-project {
- left: -20px;
- }
- .nav-post-project .next-post .arrow-link-project {
- left: unset;
- right: -20px;
- transform: translate(0px, -50%) rotate(180deg)
- }
- .nav-post-project .arrow-link-project span {
- width: 2px;
- height: 35px;
- background: #000;
- display: block;
- }
- .nav-post-project .arrow-link-project span:nth-child(1) {
- transform: rotate(45deg) translate(0, 0px);
- }
- .nav-post-project .arrow-link-project span:nth-child(2) {
- transform: rotate(-45deg) translate(8px, -7px)
- }
- /* */
- .wrap-project-construction .project-construction-des {
- width: 100%;
- top: 50%;
- transform: translateY(-50%);
- }
- .wrap-project-construction .project-construction-img {
- height: 60vh;
- }
- /* image column full width */
- .imm-image-column-full {
- margin: 100px 0;
- margin-bottom: 0;
- }
- .imm-image-column-full .image-column-wrap {
- overflow: hidden;
- }
- .imm-image-column-full .image-column-item {
- display: inline-block;
- width: 50%;
- float: left;
- }
- .imm-image-column-full .image-column-item img {
- width: 100%;
- }
- .imm-image-column-full .image-column-item.item-1 img{
- padding-right: 15px;
- }
- .imm-image-column-full .image-column-item.item-2 img {
- padding-left: 15px
- }
Advertisement
Add Comment
Please, Sign In to add comment