From 6ee8ad125692175ddfb705080a4bc54b76c5a4f6 Mon Sep 17 00:00:00 2001
From: Debulois <quentin@debulois.fr>
Date: Wed, 6 Apr 2022 21:37:53 +0200
Subject: Finalisation, affinage du css et ajout d'un système de vérification
 pour les mdp pour qu'ils soient forts.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Static/Css/navbar.css | 44 +++++++++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

(limited to 'Static/Css/navbar.css')

diff --git a/Static/Css/navbar.css b/Static/Css/navbar.css
index 327cde8..6887f0d 100644
--- a/Static/Css/navbar.css
+++ b/Static/Css/navbar.css
@@ -1,11 +1,19 @@
 
+/* 
+############################################################################
+#                                                                          #
+# Description: CSS spécifique au header et à la navbar                     #
+#                                                                          #
+############################################################################ 
+*/
+
 .showNav {
     top: 0vh !important;
 }
 
 .navLinkClicked {
+    color:     var(--mainSiteColor) !important;
     transform: scale(1.2) rotate(90deg);
-    color: var(--mainSiteColor) !important;
 }
 
 .headerInfoAdmin {
@@ -21,30 +29,30 @@
 }
 
 header {
-    z-index: 1;
-    display: flex;
-    justify-content: space-around;
+    z-index:          1;
+    display:          flex;
+    justify-content:  space-around;
     height:           10vh;
-    text-align: center;
+    text-align:       center;
     background-color: var(--headerBg);
     border-top:       var(--mainSiteColor) solid 6px;
     border-bottom:    var(--mainSiteColor) solid 3px;
 }
 
 header h2 {
+    margin:      0px;
     font-family: akira;
     color:       var(--mainSiteColor) !important;
-    margin:      0px;
 }
 
 header a {
-    display: flex;
-    flex-direction: column;
+    display:         flex;
+    flex-direction:  column;
     justify-content: center;
-    text-align:       center;
+    text-align:      center;
     flex-grow:       1;
-    color:           var(--navbarTextColor);
     text-decoration: none;
+    color:           var(--navbarTextColor);
     transition:      all 0.1s ease-in-out;
 }
 
@@ -59,14 +67,8 @@ header a:hover {
     transform: scale(1.1);
 }
 
-header i {
-    all:          revert;
-    margin-right: 0.4em;
-    font-size:    var(--fontSizeI);
-}
-
 header a:first-child {
-    border-right: 3px solid var(--mainSiteColor);
+    border-right:     3px solid var(--mainSiteColor);
     background-color: var(--navBg);
 }
 
@@ -75,9 +77,9 @@ header a:first-child:hover {
 }
 
 header a:first-child i {
-    color:      #404040;
-    font-size:  var(--fontSizeLarge);
     margin:     0px;
+    color:     #404040;
+    font-size:  var(--fontSizeLarge);
     transition: all 0.1s ease-in-out;
 }
 
@@ -91,8 +93,8 @@ nav {
     position:         relative;
     justify-content:  space-around;
     height:           10vh;
-    border-bottom:    var(--mainSiteColor) solid 3px;
     background-color: var(--navBg);
+    border-bottom:    var(--mainSiteColor) solid 3px;
     box-shadow:       0px 0px 6px #0e0e0e;
     transition:       all 0.1s ease-in-out;
 }
@@ -103,8 +105,8 @@ nav a {
     justify-content: center;
     text-align:      center;
     flex-grow:       1;
-    color:           var(--navbarTextColor);
     text-decoration: none;
+    color:           var(--navbarTextColor);
     transition:      all 0.1s ease-in-out;
 }
 
-- 
cgit v1.2.3