diff options
Diffstat (limited to 'Static/Css/navbar.css')
| -rw-r--r-- | Static/Css/navbar.css | 44 |
1 files changed, 23 insertions, 21 deletions
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; } |
