summaryrefslogtreecommitdiff
path: root/Static/Css/navbar.css
diff options
context:
space:
mode:
Diffstat (limited to 'Static/Css/navbar.css')
-rw-r--r--Static/Css/navbar.css44
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;
}