{"id":51741,"date":"2018-04-02T09:33:37","date_gmt":"2018-04-02T09:33:37","guid":{"rendered":"https:\/\/the7.io\/main\/?page_id=51741"},"modified":"2018-04-02T09:33:37","modified_gmt":"2018-04-02T09:33:37","slug":"10-portfolio-masonry-background-overlay","status":"publish","type":"page","link":"https:\/\/renov-bat.pro\/index.php\/portfolio\/portfolio-masonry\/10-portfolio-masonry-background-overlay\/","title":{"rendered":"10. Portfolio masonry &#8211; background overlay"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=\u00a0\u00bbstretch_row_content_no_spaces\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1572897478546{padding-top: 0px !important;padding-bottom: 0px !important;background-color: #1a1c20 !important;}\u00a0\u00bb][vc_column]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.gradient-overlay-layout-list .post-entry-content {\n  -webkit-backface-visibility: hidden;\n  transform: translatez(0);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {\n  top: 20px;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.dividers-on:not(.mode-masonry) article:first-of-type,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.dividers-on:not(.mode-masonry) article.visible.first {\n  margin-top: 0;\n  padding-top: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.hover-scale article:after {\n  background: rgba(0,0,0,0.5);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.gradient-overlay-layout-list article {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-thumbnail-wrap *,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-thumbnail-rollover:after {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: rgba(0,0,0,0.5);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.bottom-overlap-layout-list.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container {\n  height: calc(100% - 100px);\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 5px;\n  margin: 10px 5px 10px;\n}\n.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a,\n.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a {\n  margin: 10px 10px 10px 0;\n}\n.dt-icon-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-hover-border-on.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a:before {\n  background: rgba(255,255,255,0.3);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n.dt-icon-hover-bg-on.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a:after {\n  background: #ffffff;\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a > span:before {\n  font-size: 16px;\n  line-height: 44px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a:not(:hover) > span {\n  color: #ffffff;\n}\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a > span,\n.dt-icon-hover-off.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a:hover > span {\n  color: #ffffff;\n}\n.dt-icon-hover-on.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-links-container a:hover > span {\n  color: #333333;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-title,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.owl-carousel .entry-title {\n  margin-bottom: 0px;\n  font-size: 28px;\n  line-height: 38px;\n  font-weight: bold;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-title a,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.owl-carousel .entry-title a {\n  color: #ffffff;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-meta {\n  margin-bottom: 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-meta * {\n  font-size: 15px;\n  line-height: 28px;\n  color: rgba(255,255,255,0.5);\n  font-style: italic;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .portfolio-categories {\n  margin-bottom: 10px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-meta > a:after,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-meta > span:after {\n  background: rgba(255,255,255,0.5);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09:not(.centered-layout-list) .post-entry-content {\n  padding: 0px 20px 0px 20px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {\n  padding: 0;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.gradient-overlay-layout-list .post-entry-content {\n  border-radius: 0px;\n}\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-details.details-type-link,\n.portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-details.details-type-link * {\n  color: #ffffff;\n}\n@media screen and (max-width: ) {\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 article {\n    -webkit-flex-flow: column nowrap;\n    -moz-flex-flow: column nowrap;\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.dividers-on article {\n    border: none;\n  }\n  .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-entry-content:after {\n    display: none;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .project-even .post-thumbnail-wrap,\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.centered-layout-list .post-thumbnail-wrap {\n    -webkit-order: 0;\n    -moz-order: 0;\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.centered-layout-list .post-entry-title-content {\n    -webkit-order: 1;\n    -moz-order: 1;\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09.centered-layout-list .post-entry-content {\n    -webkit-order: 2;\n    -moz-order: 2;\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-entry-content {\n    padding: 20px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .portfolio-shortcode.portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n<\/style><div class=\"portfolio-shortcode portfolio-masonry-shortcode-id-88807464a6b6ee35713436e3a4907e09 mode-masonry gradient-overlay-layout-list content-bg-on jquery-filter lazy-loading-mode content-align-center dt-icon-bg-on dt-icon-border-on dt-icon-hover-on dt-icon-hover-border-on dt-icon-hover-bg-on scale-img meta-info-off disable-layout-hover enable-bg-rollover resize-by-browser-width  hover-fade loading-effect-scale-up description-on-hover\" data-padding=\"0px\" data-cur-page=\"1\" data-post-limit=\"9\" data-pagination-mode=\"load-more\" data-desktop-columns-num=\"3\" data-v-tablet-columns-num=\"2\" data-h-tablet-columns-num=\"3\" data-phone-columns-num=\"1\" data-width=\"0px\" data-columns=\"0\"><div class=\"iso-container\" ><div class=\"visible wf-cell iso-item\" data-post-id=\"57602\" data-date=\"2023-06-26T18:27:11+02:00\" data-name=\"Chantier 3\"><article class=\"post visible forward-post post-57602 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-salon dt_portfolio_category-530\" data-name=\"Chantier 3\" data-date=\"2023-06-26T18:27:11+02:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/renov-bat.pro\/index.php\/project\/chantier-3\/\" class=\"post-thumbnail-rollover layzr-bg\" target=\"\"  aria-label=\"Post image\"><img fetchpriority=\"high\" decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20768%20576&#39;%2F%3E\" data-src=\"https:\/\/renov-bat.pro\/wp-content\/uploads\/2023\/06\/WhatsApp-Image-2023-06-11-at-21.52.46-1-768x576.jpeg\" data-srcset=\"https:\/\/renov-bat.pro\/wp-content\/uploads\/2023\/06\/WhatsApp-Image-2023-06-11-at-21.52.46-1-768x576.jpeg 768w, https:\/\/renov-bat.pro\/wp-content\/uploads\/2023\/06\/WhatsApp-Image-2023-06-11-at-21.52.46-1.jpeg 1024w\" loading=\"eager\" style=\"--ratio: 768 \/ 576;\" sizes=\"(max-width: 768px) 100vw, 768px\" alt=\"\" title=\"WhatsApp Image 2023-06-11 at 21.52.46 (1)\" width=\"768\" height=\"576\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/renov-bat.pro\/index.php\/project\/chantier-3\/\" target=\"\" title=\"Chantier 3\" rel=\"bookmark\">Chantier 3<\/a>\n\t<\/h3>\n\n\t\n\t\n<\/div><\/article><\/div><div class=\"visible wf-cell iso-item\" data-post-id=\"57586\" data-date=\"2023-06-26T18:17:12+02:00\" data-name=\"Chantier 2\"><article class=\"post visible forward-post post-57586 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-salle-de-bain dt_portfolio_category-529\" data-name=\"Chantier 2\" data-date=\"2023-06-26T18:17:12+02:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/renov-bat.pro\/index.php\/project\/chantier-1-2\/\" class=\"post-thumbnail-rollover layzr-bg\" target=\"\"  aria-label=\"Post image\"><img decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20768%20576&#39;%2F%3E\" data-src=\"https:\/\/renov-bat.pro\/wp-content\/uploads\/2023\/06\/WhatsApp-Image-2023-06-11-at-21.52.46-6-768x576.jpeg\" data-srcset=\"https:\/\/renov-bat.pro\/wp-content\/uploads\/2023\/06\/WhatsApp-Image-2023-06-11-at-21.52.46-6-768x576.jpeg 768w, https:\/\/renov-bat.pro\/wp-content\/uploads\/2023\/06\/WhatsApp-Image-2023-06-11-at-21.52.46-6.jpeg 1024w\" loading=\"eager\" style=\"--ratio: 768 \/ 576;\" sizes=\"(max-width: 768px) 100vw, 768px\" alt=\"\" title=\"WhatsApp Image 2023-06-11 at 21.52.46 (6)\" width=\"768\" height=\"576\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/renov-bat.pro\/index.php\/project\/chantier-1-2\/\" target=\"\" title=\"Chantier 2\" rel=\"bookmark\">Chantier 2<\/a>\n\t<\/h3>\n\n\t\n\t\n<\/div><\/article><\/div><div class=\"visible wf-cell iso-item\" data-post-id=\"13288\" data-date=\"2022-08-17T23:01:10+02:00\" data-name=\"Chantier 1\"><article class=\"post visible forward-post post-13288 dt_portfolio type-dt_portfolio status-publish has-post-thumbnail hentry dt_portfolio_category-salle-de-bain dt_portfolio_category-529\" data-name=\"Chantier 1\" data-date=\"2022-08-17T23:01:10+02:00\">\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t<a href=\"https:\/\/renov-bat.pro\/index.php\/project\/chantier-1\/\" class=\"post-thumbnail-rollover layzr-bg\" target=\"\"  aria-label=\"Post image\"><img decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20768%201024&#39;%2F%3E\" data-src=\"https:\/\/renov-bat.pro\/wp-content\/uploads\/2022\/08\/WhatsApp-Image-2023-06-11-at-21.52.12.jpeg\" data-srcset=\"https:\/\/renov-bat.pro\/wp-content\/uploads\/2022\/08\/WhatsApp-Image-2023-06-11-at-21.52.12.jpeg 768w\" loading=\"eager\" style=\"--ratio: 768 \/ 1024;\" sizes=\"(max-width: 768px) 100vw, 768px\" alt=\"\" title=\"WhatsApp Image 2023-06-11 at 21.52.12\" width=\"768\" height=\"1024\"  \/><\/a>\t<\/div>\n<\/div>\n\n<div class=\"post-entry-content  \">\n\n\t\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/renov-bat.pro\/index.php\/project\/chantier-1\/\" target=\"\" title=\"Chantier 1\" rel=\"bookmark\">Chantier 1<\/a>\n\t<\/h3>\n\n\t\n\t\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><div class=\"paginator paginator-more-button\">\n\t\t\t\t<a class=\"button-load-more \" href=\"javascript:void(0);\" data-dt-page=\"1\" ><span class=\"stick\"><\/span><span class=\"stick\"><\/span><span class=\"stick\"><\/span><span class=\"button-caption\">Charger la suite<\/span><\/a>\n\t\t\t<\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=\u00a0\u00bbstretch_row_content_no_spaces\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1572897478546{padding-top: 0px !important;padding-bottom: 0px !important;background-color: #1a1c20 !important;}\u00a0\u00bb][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15303,"menu_order":100,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-51741","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/pages\/51741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/comments?post=51741"}],"version-history":[{"count":0,"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/pages\/51741\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/pages\/15303"}],"wp:attachment":[{"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/media?parent=51741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}