ソースを参照

transparence bandeau

ouidade 3 年 前
コミット
fa13c4976e

+ 16 - 11
user/themes/epau-antimatter/css-compiled/template.css

@@ -43,8 +43,8 @@ b, strong, label, th {
 
 #body {
   background: #fff;
-  padding-top: 8rem;
-  padding-bottom: 11rem; }
+  padding-top: 5rem;
+  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;

BIN
user/themes/epau-antimatter/images/04_photo_ AE_PlanDAou_36.jpg


BIN
user/themes/epau-antimatter/images/ARM161205-001.jpg


BIN
user/themes/epau-antimatter/images/Solideo_110221_Village_Olympique_Web_copyright_Sennse-cbadet_082.jpg


BIN
user/themes/epau-antimatter/images/Thizy_Les_Bourgs_copyright_Communaute_de_l_Ouest_Rhodanien.jpg


BIN
user/themes/epau-antimatter/images/copyright_Grenoble-Alpes_Metropole-Lucas_Frangella_1.jpg


+ 4 - 3
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-vert;
-	padding-bottom: $footer-height + $padding-vert + 2rem;
+	padding-top: $header-height;
+	// padding-top: $header-height + $padding-vert;
+	// padding-bottom: $footer-height + $padding-vert + 2rem;
+	padding-bottom: 0;
 }
 
 // Alignment

+ 25 - 19
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;

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

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

+ 39 - 37
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" >
-    <svg width="100%" height="0.5rem">
-     <rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
-   </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 class="souligne toright" >
+      <svg width="100%" height="0.5rem">
+       <rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
+     </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>
+  </div>
 
-  {{ content|raw }}
+    {{ content|raw }}
 
-<div class="features {{ page.header.class}}">
+  <div class="features {{ page.header.class}}">
 
-  <div class="feature-items">
-      <div class="texte-cache">
-        {% for rapport in page.header.rapports %}
+    <div class="feature-items">
+        <div class="texte-cache">
+          {% for rapport in page.header.rapports %}
 
-            <div class="feature ">
+              <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>
+                  {% 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>
+          {% endfor %}
+        </div>
       </div>
-    </div>
 
-</div>
+  </div>
 
-<!-- <a href=""> -->
+  <!-- <a href=""> -->
 
-<button class="bouton-ouverture">Voir plus</button>
-<!-- </a> -->
+  <button class="bouton-ouverture">Voir plus</button>
+  <!-- </a> -->
+</div>

+ 3 - 1
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 %}