slide & contact

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

@@ -23,7 +23,9 @@ b, strong {
 // Global Container
 #container {
  	min-height: 100%;
-  	position: relative;
+
+  position: relative;
+
 }
 
 // Fullwidth styles
@@ -43,7 +45,8 @@ b, strong {
 	@extend .padding-horiz;
 
 	background: $page-bg;
-	padding-top: $header-height + $padding-vert;
+	padding-top: $header-height;
+	// padding-top: $header-height + $padding-vert;
 	padding-bottom: $footer-height + $padding-vert + 2rem;
 }
 

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

@@ -17,13 +17,19 @@
 
 #body > script:first-child + .grav-lightslider {
   margin-top: -3rem;
+
 }
 
+
 #sb-site{
   background: none !important;
 
   #body{
+    // min-height: 100vh;
+    // display: flex;
+    // flex-direction: column;
     background: none !important;
+
     padding-bottom: 2rem !important;
     font-family: "Sarabun", sans-serif !important;
     p:empty { display:none; }
@@ -146,21 +152,25 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 //   }
 
 .callout {
-    background-color: rgba(255, 255, 255, 0.5);
-    padding-top: 0.5rem;
-    padding-right: 0rem !important;
-    padding-left: 0rem !important;
-    h1, h2, h3, p {
-      text-align: left !important;
-    }
-    h2 {
-      text-transform: capitalize;
-      font-weight: 300;
-      font-size: 1rem;
-    }
+  position: relative;
+  z-index: 1;
+  padding-top: 0.5rem;
+  padding-right: 0rem !important;
+  padding-left: 0rem !important;
+  h1, h2, h3, p {
+    text-align: left !important;
+  }
+  h2 {
+    text-transform: capitalize;
+    font-weight: 300;
+    font-size: 1rem;
+  }
 }
 
+
 .titre_nsb {
+  // position: relative;
+  // top: -440px;
     display: block;
     margin-right: 52%;
 
@@ -226,49 +236,54 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 }
 
 
-
-
 .programmes {
+  // position: relative;
+  // min-height:cover;
+  //
+  // // background-size: contain;
+  // top: -440px;
   display: flex;
   flex-wrap: wrap;
-  background-color: #d5d2d1;
-  z-index: -1;
   justify-content: center;
   padding-left: 15%;
   padding-right: 15%;
-
   padding-top: 8rem;
+  // padding-bottom: 40rem;
   padding-bottom: 8rem;
 }
 
 .parallax-window {
     background: transparent;
+    // // background-size: contain;
+    //   height: 300vh;
+    // width: 100%;
+
 }
 
 .parallax-mirror {
   top: -80px;
+  // height: auto;
+
+
 }
 
-.programme {
 
+.programme {
+  // position: relative;
+  // top: 440px;
   z-index: 1;
   max-width: 35%;
   min-width: 26rem;
   padding: 1.5rem;
   background-color: white;
   margin: 0.4rem;
-
-
     h4 {
       text-transform: uppercase;
       line-height: 1.2;
-
     }
-
     img {
       max-height: 4rem;
     }
-
     p {
       font-family: $font-family-default;
       font-weight: 500;
@@ -284,17 +299,20 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 .programme:hover {
   background-color: #000;
   transition:0.2s ease-in-out;
-
   p {
     color: #fff;
   }
-
   h4 {
     color: #fff;
   }
 }
 
 
+// #ressources {
+//   position: relative;
+//   top: -440px;
+// }
+
 /*CSS pour afficher/masquer un texte via un bouton*/
 
 /*Style du module TEXTE*/
@@ -363,7 +381,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 }
 
 .gouvernance {
-  background-color: #000;
+  background-color: hsl(0,0%,20%);
   color: #ffffff;
   text-transform: uppercase;
   padding-bottom: 6rem;

user/themes/epau-antimatter/scss/template/modular/_features.scss

@@ -7,7 +7,8 @@
   }
 
     .features {
-
+      // position: relative;
+      // top: -440px;
         width: 75%;
         margin: auto;
 

user/themes/epau-antimatter/scss/template/modular/_text.scss

@@ -7,7 +7,7 @@ $image-margin:      2rem;
 // styling
 .callout {
     background: $text-bg;
-    // filter:opacity(0.2);
+    // filter:opacity(0.7);
     color: #fff;
     padding: $text-padding $content-padding;
     @include breakpoint(desktop-only) {