transparence bandeau

user/themes/epau-antimatter/css-compiled/template.css

@@ -43,8 +43,8 @@ b, strong, label, th {
 
 #body {
   background: #fff;
-  padding-top: 8rem;
+  padding-top: 5rem;
-  padding-bottom: 11rem; }
+  padding-bottom: 0; }
 
 .left {
   float: left; }
@@ -805,7 +805,6 @@ ul.pagination {
   background: none !important; }
   #sb-site #body {
     background: none !important;
-    padding-bottom: 2rem !important;
     font-family: "Sarabun", sans-serif !important; }
     #sb-site #body p:empty {
       display: none; }
@@ -888,6 +887,13 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   #header #navbar {
     padding-right: 2rem; } }
 
+.parallax-window {
+  background: transparent;
+  width: 100%; }
+
+.parallax-mirror {
+  top: -80px; }
+
 .callout {
   filter: opacity(0.75);
   position: relative;
@@ -902,6 +908,10 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
     font-weight: 300;
     font-size: 1rem; }
 
+.ressources {
+  background-color: white;
+  padding-top: 1rem; }
+
 .titre_nsb {
   display: block;
   margin-right: 52%; }
@@ -958,12 +968,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   padding-top: 8rem;
   padding-bottom: 8rem; }
 
-.parallax-window {
-  background: transparent; }
-
-.parallax-mirror {
-  top: -80px; }
-
 .programme {
   z-index: 1;
   max-width: 35%;
@@ -1053,7 +1057,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 .gouvernance {
   background-color: #000;
-  filter: opacity(0.75);
   color: #ffffff;
   text-transform: uppercase;
   padding-bottom: 6rem;
@@ -1232,7 +1235,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 #new-footer {
   display: flex;
-  flex-direction: column; }
+  flex-direction: column;
+  background-color: white;
+  padding-bottom: 3rem; }
   #new-footer .tothetop {
     position: relative;
     height: 1rem;

user/themes/epau-antimatter/scss/template/_core.scss

@@ -45,9 +45,10 @@ b, strong {
 	@extend .padding-horiz;
 
 	background: $page-bg;
-	// padding-top: $header-height;
+	padding-top: $header-height;
-	padding-top: $header-height + $padding-vert;
+	// padding-top: $header-height + $padding-vert;
-	padding-bottom: $footer-height + $padding-vert + 2rem;
+	// padding-bottom: $footer-height + $padding-vert + 2rem;
+	padding-bottom: 0;
 }
 
 // Alignment

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -26,7 +26,7 @@
 
   #body{
     background: none !important;
-    padding-bottom: 2rem !important;
+    // padding-bottom: 2rem !important;
     font-family: "Sarabun", sans-serif !important;
     p:empty { display:none; }
     @media (max-width: 442px) {
@@ -35,6 +35,7 @@
   }
 }
 
+
 body#top.modular.fullwidth.title-center.title-h1h2 {
   overflow-y:hidden;
 }
@@ -137,6 +138,21 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   }
 }
 
+.parallax-window {
+    background: transparent;
+    // background-position: center;
+    // background-size: cover;
+    // position: relative;
+    // top: -500px;
+    width: 100%;
+}
+
+.parallax-mirror {
+  top: -80px;
+
+  // height: auto;
+}
+
 .callout {
   filter:opacity(0.75);
   position: relative;
@@ -154,13 +170,17 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   }
 }
 
-
+.ressources {
+  background-color: white;
+  padding-top: 1rem;
+}
 .titre_nsb {
   // position: relative;
   // top: -440px;
     display: block;
     margin-right: 52%;
 
+
       h1 {
         margin-bottom: 0rem !important;
         text-align: right;
@@ -239,22 +259,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   padding-bottom: 8rem;
 }
 
-.parallax-window {
-    background: transparent;
-    // background-size: cover;
-    //   height: 300vh;
-    // width: 100%;
-
-}
-
-.parallax-mirror {
-  top: -80px;
-  // height: auto;
-
-
-}
-
-
 .programme {
   // position: relative;
   // top: 440px;
@@ -369,7 +373,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 .gouvernance {
   background-color: #000;
-  filter:opacity(0.75);
+  // filter:opacity(0.75);
   color: #ffffff;
   text-transform: uppercase;
   padding-bottom: 6rem;
@@ -653,6 +657,8 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   // position:absolute;
   display: flex;
   flex-direction: column;
+  background-color: white;
+  padding-bottom: 3rem;
 
   .tothetop {
     position: relative;

user/themes/epau-antimatter/templates/modular/programmes.html.twig

@@ -1,9 +1,7 @@
 
 <div
-  class="programmes{{ page.header.class}} parallax-window"
+  class="programmes{{ page.header.class}}">
-  data-parallax="scroll"
+<!-- <div class="parallax-window" data-parallax="scroll" data-image-src="{{ url('theme://images/04_photo_ AE_PlanDAou_36.jpg') }}"></div> -->
-  data-image-src="{{ url('theme://images/04_photo_ AE_PlanDAou_36.jpg') }}">
-<!-- <div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div> -->
 
 
     {{ content|raw }}

user/themes/epau-antimatter/templates/modular/ressources.html.twig

@@ -1,54 +1,56 @@
 
-<div class="titre_nsb after-h1">
+<div class="ressources">
+  <div class="titre_nsb after-h1">
 
-  <h1>Ressources</h1>
+    <h1>Ressources</h1>
 
 
-  <div class="souligne toright" >
+    <div class="souligne toright" >
-    <svg width="100%" height="0.5rem">
+      <svg width="100%" height="0.5rem">
-     <rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
+       <rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
-   </svg>
+     </svg>
-  </div>
-  <!-- <div class="after-h1-finish">
-    <svg width="50%" height="0.5rem">
-     <rect width="100%" height="100%" style="fill:rgb(0,0,0);stroke-width:3;stroke:rgb(0,0,0)" />
-   </svg>
-  </div> -->
-
-</div>
-
-  {{ content|raw }}
-
-<div class="features {{ page.header.class}}">
-
-  <div class="feature-items">
-      <div class="texte-cache">
-        {% for rapport in page.header.rapports %}
-
-            <div class="feature ">
-
-                {% if rapport.couverture and rapport.pdf %}
-                <a href="{{page.media[rapport.pdf].url|e }}" download >
-                  <img src="{{page.media[rapport.couverture].url|e }}" alt="couverture du {{rapport.titre_du_rapport}}" />
-                  {% endif %}
-                  {% if rapport.titre_du_rapport %}
-                  <h4>{{ rapport.titre_du_rapport }}</h4>
-                  {% endif %}
-                  {% if rapport.texte_de_presentation %}
-                  <p>{{ rapport.texte_de_presentation|markdown }}</p>
-                  {% endif %}
-                </a>
-
-
-
-            </div>
-        {% endfor %}
-      </div>
     </div>
+    <!-- <div class="after-h1-finish">
+      <svg width="50%" height="0.5rem">
+       <rect width="100%" height="100%" style="fill:rgb(0,0,0);stroke-width:3;stroke:rgb(0,0,0)" />
+     </svg>
+    </div> -->
 
+  </div>
+
+    {{ content|raw }}
+
+  <div class="features {{ page.header.class}}">
+
+    <div class="feature-items">
+        <div class="texte-cache">
+          {% for rapport in page.header.rapports %}
+
+              <div class="feature ">
+
+                  {% if rapport.couverture and rapport.pdf %}
+                  <a href="{{page.media[rapport.pdf].url|e }}" download >
+                    <img src="{{page.media[rapport.couverture].url|e }}" alt="couverture du {{rapport.titre_du_rapport}}" />
+                    {% endif %}
+                    {% if rapport.titre_du_rapport %}
+                    <h4>{{ rapport.titre_du_rapport }}</h4>
+                    {% endif %}
+                    {% if rapport.texte_de_presentation %}
+                    <p>{{ rapport.texte_de_presentation|markdown }}</p>
+                    {% endif %}
+                  </a>
+
+
+
+              </div>
+          {% endfor %}
+        </div>
+      </div>
+
+  </div>
+
+  <!-- <a href=""> -->
+
+  <button class="bouton-ouverture">Voir plus</button>
+  <!-- </a> -->
 </div>
-
-<!-- <a href=""> -->
-
-<button class="bouton-ouverture">Voir plus</button>
-<!-- </a> -->

user/themes/epau-antimatter/templates/partials/base.html.twig

@@ -67,7 +67,9 @@
         {% block showcase %}{% endblock %}
 
         {% block body %}
-        <section id="body" class="{{ class }}">
+        <section id="body" class="{{ class }} parallax-window"
+        data-parallax="scroll"
+        data-image-src="{{ url('theme://images/04_photo_ AE_PlanDAou_36.jpg') }}">
             {% block content %}{% endblock %}
         </section>
         {% endblock %}