{"id":43401,"date":"2016-09-28T15:13:53","date_gmt":"2016-09-28T15:13:53","guid":{"rendered":"https:\/\/the7.io\/main\/?page_id=43401"},"modified":"2016-09-28T15:13:53","modified_gmt":"2016-09-28T15:13:53","slug":"10-blog-list-side-overlap","status":"publish","type":"page","link":"https:\/\/renov-bat.pro\/index.php\/blog\/blog-list\/10-blog-list-side-overlap\/","title":{"rendered":"10. Blog list &#8211; side overlap"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .post-thumbnail-wrap {\n  width: 75%;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .post-entry-content {\n  width: calc(100% - 75% + 150px);\n  margin-top: 50px;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .no-img .post-entry-content {\n  width: 100%;\n  margin-top: 0;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .project-odd .post-entry-content {\n  margin-left: -150px;\n}\n.rtl .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .project-odd .post-entry-content {\n  margin-right: -150px;\n  margin-left: 0;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .no-img.project-odd .post-entry-content {\n  margin-left: 0;\n}\n.rtl .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .no-img.project-odd .post-entry-content {\n  margin-right: 0;\n  margin-left: 0;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .project-even .post-entry-content {\n  margin-right: -150px;\n}\n.rtl .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .project-even .post-entry-content {\n  margin-left: -150px;\n  margin-right: 0;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .no-img.project-even .post-entry-content {\n  margin-right: 0;\n}\n.rtl .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .no-img.project-even .post-entry-content {\n  margin-left: 0;\n  margin-right: 0;\n}\n@media screen and (max-width: 768px) {\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .project-odd .post-entry-content {\n    left: 0;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.side-overlap-layout-list .project-even .post-entry-content {\n    right: 0;\n  }\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67:not(.mode-masonry) article {\n  margin-top: 50px;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n  padding-top: 50px;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.dividers-on:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.dividers-on:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-thumbnail-wrap {\n  padding: 0% 0% 0px 0%;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  margin: -22px 0 0 -22px;\n  border-width: 0px;\n  color: #ffffff;\n}\n.bottom-overlap-layout-list.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico {\n  margin-top: -47px;\n}\n.gradient-overlay-layout-list.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico,\n.content-rollover-layout-list.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico {\n  margin: 0 0 10px;\n}\n.content-align-center.gradient-overlay-layout-list.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico,\n.content-align-center.content-rollover-layout-list.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico {\n  margin: 0 auto 10px;\n}\n.dt-icon-bg-on.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico > span,\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico:before {\n  font-size: 32px;\n  line-height: 44px;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico > span,\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .gallery-zoom-ico:before {\n  color: #ffffff;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .fancy-date a {\n  background: #ffffff;\n  box-shadow: none;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .fancy-date a * {\n  color: #2d2d2d;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .fancy-categories a {\n  color: #ffffff;\n  background: rgba(0,0,0,0.8);\n  box-shadow: none;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-title,\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.owl-carousel .entry-title {\n  margin-bottom: 7px;\n  font-weight: bold;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-title a,\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.owl-carousel .entry-title a {\n  color: #111111;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-meta {\n  margin-bottom: 20px;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-meta * {\n  color: #aaaaaa;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .portfolio-categories {\n  margin-bottom: 20px;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-meta > a:after,\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-meta > span:after {\n  background: #aaaaaa;\n  box-shadow: none;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-excerpt {\n  margin-bottom: 5px;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-excerpt * {\n  color: #5b5b5b;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67:not(.centered-layout-list) .post-entry-content {\n  padding: 30px 35px 35px 35px;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {\n  padding: 0;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.content-bg-on:not(.classic-layout-list):not(.centered-layout-list) .post-entry-content {\n  background: #ffffff;\n  box-shadow: none;\n}\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-details.details-type-link,\n.blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-details.details-type-link * {\n  color: #111111;\n}\n@media screen and (max-width: 768px) {\n  .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 article {\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.dividers-on article {\n    border: none;\n  }\n  .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.blog-shortcode.dividers-on article,\n  .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.dividers-on.classic-layout-list article {\n    margin-top: 20px;\n    padding: 0;\n  }\n  .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.blog-shortcode.dividers-on article:first-of-type,\n  .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.dividers-on.classic-layout-list article:first-of-type {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-entry-content:after {\n    display: none;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .project-even .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.centered-layout-list .post-thumbnail-wrap {\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.centered-layout-list .post-entry-title-content {\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67.centered-layout-list .post-entry-content {\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .fancy-categories {\n    top: 10px;\n    left: 10px;\n    bottom: auto;\n    right: auto;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .fancy-date a {\n    top: 10px;\n    right: 10px;\n    left: auto;\n    bottom: auto;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-entry-content {\n    padding: 20px;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .blog-shortcode.blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n<\/style><div class=\"articles-list blog-shortcode mode-list blog-list-shortcode-id-1e569356a328b2a163007b2a1b6f8c67 side-overlap-layout-list content-bg-on jquery-filter dt-icon-bg-off horizontal-fancy-style loading-effect-fade-in\" data-cur-page=\"1\" data-post-limit=\"4\" data-pagination-mode=\"load-more\"><article class=\"post project-odd visible post-15120 type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-cuisine tag-krion tag-porcelanosa tag-salle-de-bain category-16 description-off\" data-name=\"KRION\u00ae de PORCELANOSA : Un Mat\u00e9riau de Choix pour des R\u00e9novations Uniques\" data-date=\"2023-06-12T08:00:51+02:00\">\n\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\n\t\t\n\t\t<span class=\"fancy-categories\"><a href=\"https:\/\/renov-bat.pro\/index.php\/category\/technology\/\" rel=\"category tag\">Design<\/a><\/span>\n\t\t<a href=\"https:\/\/renov-bat.pro\/index.php\/2023\/06\/12\/krion-porcelanosa\/\" class=\"post-thumbnail-rollover layzr-bg layzr-bg\" ><img fetchpriority=\"high\" decoding=\"async\" class=\"blog-thumb-lazy-load preload-me 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%20512&#39;%2F%3E\" data-src=\"https:\/\/renov-bat.pro\/wp-content\/uploads\/2016\/09\/Porcelanosa-encimera-KRION_01-768x512.jpg\" data-srcset=\"https:\/\/renov-bat.pro\/wp-content\/uploads\/2016\/09\/Porcelanosa-encimera-KRION_01-768x512.jpg 768w, https:\/\/renov-bat.pro\/wp-content\/uploads\/2016\/09\/Porcelanosa-encimera-KRION_01-1280x852.jpg 1280w\" loading=\"eager\" style=\"--ratio: 768 \/ 512;\" sizes=\"(max-width: 768px) 100vw, 768px\" alt=\"\" title=\"Krion3\" width=\"768\" height=\"512\"  \/><\/a>\n\t<\/div>\n<\/div>\n\n\n<div class=\"post-entry-content\">\n\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/renov-bat.pro\/index.php\/2023\/06\/12\/krion-porcelanosa\/\" title=\"KRION\u00ae de PORCELANOSA : Un Mat\u00e9riau de Choix pour des R\u00e9novations Uniques\" rel=\"bookmark\">KRION\u00ae de PORCELANOSA : Un Mat\u00e9riau de Choix pour des R\u00e9novations Uniques<\/a>\n\t<\/h3>\n\n\t<div class=\"entry-meta\"><a class=\"author vcard\" href=\"https:\/\/renov-bat.pro\/index.php\/author\/renov-bat\/\" title=\"Voir tous les articles par renov-bat\" rel=\"author\">Par <span class=\"fn\">renov-bat<\/span><\/a><a href=\"https:\/\/renov-bat.pro\/index.php\/2023\/06\/12\/\" title=\"8h00\" class=\"data-link\" rel=\"bookmark\"><time class=\"entry-date updated\" datetime=\"2023-06-12T08:00:51+02:00\">12 juin 2023<\/time><\/a><\/div>\n\t<div class=\"entry-excerpt\"><p>Duis ornare, est at lobortis mollis &#8211; libero mollis  facilisis dolorus urabitur orci, vitae congue neque lectus neque. Aliquam lorem ipsum amet dolor ultrices erat.<\/p>\n<\/div>\n\t\n<a href=\"https:\/\/renov-bat.pro\/index.php\/2023\/06\/12\/krion-porcelanosa\/\" class=\"dt-btn-s dt-btn post-details details-type-btn\" aria-label=\"En savoir plus sur KRION\u00ae de PORCELANOSA : Un Mat\u00e9riau de Choix pour des R\u00e9novations Uniques\">Details<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n\n<\/div><\/article><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][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":43206,"menu_order":100,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-43401","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/pages\/43401","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=43401"}],"version-history":[{"count":0,"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/pages\/43401\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/pages\/43206"}],"wp:attachment":[{"href":"https:\/\/renov-bat.pro\/index.php\/wp-json\/wp\/v2\/media?parent=43401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}