effet header

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

@@ -156,23 +156,6 @@ b, strong, label, th {
             display: inline-block;
             padding: 0.3rem 0.8rem;
             -webkit-backface-visibility: hidden; }
-            #header #navbar ul.navigation li a:before, #header #navbar ul.navigation li a:after {
-              content: "";
-              position: absolute;
-              width: 100%;
-              height: 1px;
-              bottom: 0;
-              left: 0;
-              background-color: #000;
-              visibility: hidden;
-              -webkit-transform: scaleX(0);
-              -moz-transform: scaleX(0);
-              -ms-transform: scaleX(0);
-              -o-transform: scaleX(0);
-              transform: scaleX(0);
-              -webkit-transition: all 0.2s ease;
-              -moz-transition: all 0.2s ease;
-              transition: all 0.2s ease; }
             #header #navbar ul.navigation li a:hover:before {
               visibility: visible;
               -webkit-transform: scaleX(0.75);
@@ -825,6 +808,15 @@ ul.pagination {
   padding: 0.3rem 0.8rem;
   -webkit-backface-visibility: hidden; }
 
+#header #navbar ul.navigation li:after {
+  display: inline;
+  content: "|";
+  padding: 0 .1em;
+  vertical-align: top; }
+
+#header #navbar ul.navigation li a:hover {
+  font-weight: 900; }
+
 #header.scrolled #navbar ul.navigation li a {
   color: black !important;
   font-size: 0.95rem;
@@ -835,7 +827,7 @@ ul.pagination {
   flex-direction: row; }
 
 #logo img {
-  padding: 1rem; }
+  padding: 0.5rem; }
 
 .callout {
   padding-top: 0.5rem; }

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

@@ -26,10 +26,23 @@
     display: inline-block;
     padding: 0.3rem 0.8rem;
     -webkit-backface-visibility: hidden;
-
+    // float: left;
 }
 
 
+#header #navbar ul.navigation li:after {
+  display: inline;
+  content: "|";
+  padding: 0 .1em;
+  vertical-align: top;
+}
+
+#header #navbar ul.navigation li a:hover {
+  font-weight: 900;
+}
+
+
+
   #header.scrolled #navbar  ul.navigation li a {
       color: black !important;
       font-size: 0.95rem;
@@ -45,7 +58,7 @@
 }
 
 #logo img {
-  padding: 1rem;
+  padding: 0.5rem;
 }
 
 

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

@@ -113,6 +113,7 @@ $dropdown-color: #f6f6f6;
 			z-index: 1000;
 			position: relative;
 			padding-bottom: 1px;
+
 		}
 
 		ul {
@@ -143,19 +144,19 @@ $dropdown-color: #f6f6f6;
 						-webkit-backface-visibility: hidden;
 
 
-						&:before, &:after {
-							content: "";
-							position: absolute;
-							width: 100%;
-							height: 1px;
-							bottom: 0;
-							left: 0;
-							background-color: $core-accent;
-							visibility: hidden;
-							@include transform(scaleX(0));
-							@include transition(all 0.2s ease);
-
-						}
+						// &:before, &:after {
+						// 	content: "";
+						// 	position: absolute;
+						// 	width: 100%;
+						// 	height: 1px;
+						// 	bottom: 0;
+						// 	left: 0;
+						// 	background-color: $core-accent;
+						// 	visibility: hidden;
+						// 	@include transform(scaleX(0));
+						// 	@include transition(all 0.2s ease);
+						//
+						// }
 
 						&:hover:before {
 							visibility: visible;
@@ -174,6 +175,7 @@ $dropdown-color: #f6f6f6;
 							top: 0;
 							visibility: visible;
 							@include transform(scaleX(0.75));
+
 						}
 					}
 
@@ -198,6 +200,9 @@ $dropdown-color: #f6f6f6;
 						&.active > a {
 							background-color: darken($dropdown-color, 4%);
 							color: $core-accent;
+	
+
+
 						}
 
 						&:hover > a {
@@ -224,6 +229,7 @@ $dropdown-color: #f6f6f6;
 					/* Active on Hover */
 					&:hover > ul {
 						display: block;
+
 					}
 
 				}
@@ -293,6 +299,7 @@ $dropdown-color: #f6f6f6;
         }
         a:before, a:after {
         	background-color: rgba($header-text,0.7) !important;
+
         }
 
     }