css

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

@@ -109,6 +109,7 @@ b, strong, label, th {
         color: #444; }
   #header #navbar {
     font-size: 0.9rem;
+    text-transform: capitalize;
     /* Child Indicator */ }
     #header #navbar .has-children > a > span {
       display: inline-block;

user/themes/epau-antimatter/css/custom.css

@@ -0,0 +1,52 @@
+#header #navbar ul.navigation {
+  text-transform: uppercase;
+}
+
+  .navigation a {
+    color: black;
+  }
+
+  #header.scrolled #navbar a {
+      color: black !important;
+  }
+
+
+.callout {
+  background-color: #000;
+  color: white;
+}
+
+.callout h1, h2, h3, p {
+  text-align: left !important;
+  }
+
+.align-left_centered {
+  display: block;
+  margin-left: 35%;
+}
+
+.programmes {
+  display: flex;
+  flex-wrap: wrap;
+  background-color: #d5d2d1;
+
+}
+.programme {
+  max-width: 30%;
+  padding: 3rem;
+  background-color: white;
+  margin: 0.5rem;
+}
+
+.programme h4 {
+  text-transform: uppercase;
+}
+
+.programme img {
+  max-width: 30%;
+}
+
+.programmes :hover {
+  background-color: black;
+  color: white;
+}

user/themes/epau-antimatter/scss/configuration/template/_colors.scss

@@ -1,6 +1,6 @@
 // Core
-$core-text:						#444;
-$core-accent:					#1BB3E9;
+$core-text:						#000;
+$core-accent:					#000;
 $secondary-link:				#F6635E;
 $white:							#fff;
 $black:							#000;

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

@@ -54,6 +54,7 @@ template {
 a {
 	background: transparent;
 	text-decoration: none;
+
 }
 
 a:active,

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

@@ -12,4 +12,4 @@
 
 #body > script:first-child + .grav-lightslider {
   margin-top: -3rem;
-}
+}

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

@@ -8,7 +8,7 @@ $dropdown-color: #f6f6f6;
 	z-index: 10;
 	width: 100%;
 	height: $header-height;
-	background-color: rgba(255,255,255,0.90);
+	background-color: black;
 	box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
 
 
@@ -25,10 +25,11 @@ $dropdown-color: #f6f6f6;
 		}
 
 		#logo a, #navbar span {
-			color: $core-text !important;
+			color: $black !important;
 		}
 		#navbar a {
-			color: $core-accent !important;
+			color: $black !important;
+
             &:hover {
                 color: darken($core-accent, 20%) !important;
             }
@@ -39,29 +40,12 @@ $dropdown-color: #f6f6f6;
 
 		.navigation {
 			margin-top: 0.5rem !important;
+
 		}
 	}
 
 
-	/*
-	// ajout ouidade marche pas
 
-		#header #logo h3 > a {
-			display: inline-block;
-		}
-
-
-		.toplogo {
-			max-width: 230px;
-			width: 100%;
-			transition: width 500ms ease;
-		}
-
-		.scrolled .toplogo {
-			width: 50%;
-		}
-//
-*/
 
 	// set heights for vertical centering
 	> .grid, #logo, #navbar {
@@ -76,9 +60,9 @@ $dropdown-color: #f6f6f6;
 			font-size: 2rem;
 			line-height: 2rem;
 			margin: 0;
-			text-transform: uppercase;
+
 			a {
-				color: $core-text;
+				color: $black;
 			}
 		}
 	}
@@ -128,6 +112,8 @@ $dropdown-color: #f6f6f6;
 			margin: 0;
 			padding: 0;
 			list-style: none;
+			text-transform: uppercase;
+
 
 			&.navigation {
 				display: inline-block;
@@ -145,6 +131,7 @@ $dropdown-color: #f6f6f6;
 						display: inline-block;
 						padding: 0.3rem 0.8rem;
 
+
 						-webkit-backface-visibility: hidden;
 
 

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

@@ -1,24 +1,21 @@
-<div class="modular-row programmes{{ page.header.class}}">
+<div class="programmes{{ page.header.class}}">
     {{ content|raw }}
 
-    <div class="">
+
     {% for programme in page.header.programmes %}
 
-        <div class="">
-            <div class="">
+        <div class="programme">
+            {% if programme.logo %}
+            <img src="{{page.media[programme.logo].url|e }}" alt="logo du programme {{programme.nom_du_programme}}" />
+            {% endif %}
             {% if programme.nom_du_programme %}
             <h4>{{ programme.nom_du_programme }}</h4>
             {% endif %}
             {% if programme.texte_de_presentation %}
             <p>{{ programme.texte_de_presentation|markdown }}</p>
             {% endif %}
-            {% if programme.logo %}
-            <img src="{{page.media[programme.logo].url|e }}" alt="logo du programme {{programme.nom_du_programme}}" />
-
-
-            {% endif %}
-            </div>
         </div>
+
     {% endfor %}
-    </div>
+
 </div>

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

@@ -3,5 +3,7 @@
     {% if image %}
         {{ image.cropResize(400,400).html('','','align-'~page.header.image_align)|raw }}
     {% endif %}
-{{ content|raw }}
+  <div class="align-left_centered">
+  {{ content|raw }}
+  </div>
 </div>

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

@@ -25,6 +25,7 @@
             {% do assets.addCss('theme://css/nucleus-ie9.css') %}
             {% do assets.addJs('theme://js/html5shiv-printshiv.min.js') %}
         {% endif %}
+
     {% endblock %}
 
     {% block javascripts %}