Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01

www/css/style.css

@@ -1,4 +1,6 @@
-@charset "UTF-8"; /* La feuille de style est encodée en UTF-8 */
+@charset "UTF-8";
+
+/* La feuille de style est encodée en UTF-8 */
 /****************************/
 /* PAGE: Tous */
 /* AUTEUR: Tous */
@@ -16,9 +18,11 @@
 }
 
 body {
-    min-height: 100vh; /* Pour footer at bottom from : https://douiri.org/blog/fix-footer-bottom-css/ */
+    min-height: 100vh;
+    /* Pour footer at bottom from : https://douiri.org/blog/fix-footer-bottom-css/ */
     display: grid;
-    grid-template-rows: auto 1fr auto; /* SEE: https://www.geeksforgeeks.org/css/css-grid-layout-the-fr-unit/ */
+    grid-template-rows: auto 1fr auto;
+    /* SEE: https://www.geeksforgeeks.org/css/css-grid-layout-the-fr-unit/ */
 
     font-family: "Rubik", sans-serif;
     font-weight: 300;
@@ -50,7 +54,7 @@ nav a {
     display: flex;
     align-items: center;
     text-decoration: none;
-    color: #FFEFE5;
+    color: #ffefe5;
     padding: 0 16px;
     margin: 0 4px;
 }
@@ -58,7 +62,7 @@ nav a {
 nav a:hover {
     height: 40px;
     border-radius: 20px;
-    background-color: #B47871;
+    background-color: #b47871;
 }
 
 .boutonAccueil {
@@ -68,14 +72,14 @@ nav a:hover {
 footer {
     background-color: #13172c;
     text-align: center;
-    color: #FFEFE5;
+    color: #ffefe5;
     width: 100%;
     padding: 16px;
 }
 
 ::selection {
     /*Source: https://openclassrooms.com/forum/sujet/couleur-surlignage-34526*/
-  background-color: #641A10;
+    background-color: #641a10;
 }
 
 /****************************/
@@ -108,8 +112,9 @@ footer {
     background: #13172c url("../images/imagesTeam/Intro.png") center;
     background-size: cover;
     background-position: top;
-    color: #FFEFE5;
+    color: #ffefe5;
 }
+
 .team main {
     margin: auto;
 }
@@ -125,9 +130,9 @@ footer {
     border-radius: 20px;
     display: grid;
     align-items: flex-start;
-    grid-template-areas: 
-    "avatar nom"
-    "avatar description";
+    grid-template-areas:
+        "avatar nom"
+        "avatar description";
     grid-template-columns: 1fr 5fr;
     grid-template-rows: 1fr 5fr;
     padding: 16px;
@@ -140,9 +145,9 @@ footer {
     border-radius: 20px;
     display: grid;
     align-items: flex-start;
-    grid-template-areas: 
-    "nom avatar"
-    "description avatar";
+    grid-template-areas:
+        "nom avatar"
+        "description avatar";
     grid-template-columns: 5fr 1fr;
     grid-template-rows: 1fr 5fr;
     padding: 16px;
@@ -171,17 +176,17 @@ footer {
 
 .team div.avatar img {
     width: 100%;
-    aspect-ratio: 1 / 1; /* hauteur = largeur */
+    aspect-ratio: 1 / 1;
+    /* hauteur = largeur */
     border-radius: 20%;
     padding: 16px;
 }
 
-.team div.grilleDroite:hover, .team div.grilleGauche:hover {
+.team div.grilleDroite:hover,
+.team div.grilleGauche:hover {
     background-color: rgba(39, 58, 86, 90%);
 }
 
-
-
 /****************************/
 /* PAGE: Histoire de DE */
 /* AUTEUR: Jérémy */
@@ -199,7 +204,7 @@ footer {
     background: #13172c url("../images/ImagesLea/warframeLore.jpg") no-repeat center;
     background-size: cover;
     background-position: top;
-    color: #FFEFE5;
+    color: #ffefe5;
 }
 
 .lore main {
@@ -207,11 +212,14 @@ footer {
     width: 1300px;
 }
 
-.lore h1, h2, h3{
-    margin: 10px;   
+.lore h1,
+h2,
+h3 {
+    margin: 10px;
 }
 
-.lore article p, blockquote {
+.lore article p,
+blockquote {
     margin-left: 10px;
     margin-top: 15px;
 }
@@ -225,7 +233,7 @@ footer {
     width: 100%;
     position: sticky;
     top: 68px;
-    border: 2px solid #FFEFE5;
+    border: 2px solid #ffefe5;
     margin-left: auto;
     margin-right: auto;
     margin-top: 5px;
@@ -233,12 +241,12 @@ footer {
 
 .lore th {
     padding: 10px;
-    border: 1px solid #FFEFE5;
+    border: 1px solid #ffefe5;
     background-color: #13172c;
 }
 
 .lore td {
-    border: 1px solid #FFEFE5;
+    border: 1px solid #ffefe5;
 }
 
 .lore td img {
@@ -255,16 +263,18 @@ footer {
     scroll-margin-top: 110px;
 }
 
-.lore th a, blockquote a{
-    color: #C19F8A;
+.lore th a,
+blockquote a {
+    color: #c19f8a;
 }
 
 .lore .wrap {
     display: flex;
     align-items: flex-start;
 }
-.lore .text { 
-    width: 70%; 
+
+.lore .text {
+    width: 70%;
     flex-grow: 1;
 }
 
@@ -273,7 +283,7 @@ footer {
     margin: 5px;
     display: block;
     text-align: center;
-    background-color: #C19F8A;
+    background-color: #c19f8a;
     border-radius: 15px;
 }
 
@@ -285,10 +295,10 @@ footer {
 }
 
 .lore .nextArc a:hover {
-    border-radius:15px;
+    border-radius: 15px;
     text-align: center;
     background-color: #bf815b;
-    color: #FFEFE5;
+    color: #ffefe5;
 }
 
 .lore aside {
@@ -297,7 +307,19 @@ footer {
     bottom: 15px;
 }
 
-.lore #awakening, #vorsPrize, #professor, #onceAwake, #deimos, #secondDream, #natah, #risingTide, #warWithin, #chainsOfHarrow, #apostasy, #sacrifice, #newWar {
+.lore #awakening,
+#vorsPrize,
+#professor,
+#onceAwake,
+#deimos,
+#secondDream,
+#natah,
+#risingTide,
+#warWithin,
+#chainsOfHarrow,
+#apostasy,
+#sacrifice,
+#newWar {
     display: flex;
     align-items: flex-start;
 }
@@ -308,19 +330,29 @@ footer {
     border-radius: 20px;
 }
 
-.lore #awakening img, #professor img, #onceAwake img, #deimos img, #warWithin img {
+.lore #awakening img,
+#professor img,
+#onceAwake img,
+#deimos img,
+#warWithin img {
     padding: 10px;
     margin-top: 12%;
     border-radius: 20px;
 }
 
-.lore #vorsPrize img, #archwing img, #sacrifice img{
+.lore #vorsPrize img,
+#archwing img,
+#sacrifice img {
     padding: 10px;
     margin-top: 5px;
     border-radius: 20px;
 }
 
-.lore #voxSolaris img, #natah img, #risingTide img, #chainsOfHarrow img, #newWar img{
+.lore #voxSolaris img,
+#natah img,
+#risingTide img,
+#chainsOfHarrow img,
+#newWar img {
     width: 30%;
     margin-top: 4.5%;
     border-radius: 20px;
@@ -337,6 +369,7 @@ footer {
     margin-left: 5px;
     border-radius: 20px;
 }
+
 /****************************/
 /* PAGE: Missions */
 /* AUTEUR: Stanislas */