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

www/css/style.css

@@ -33,7 +33,7 @@ nav ul li a {
 }
 
 nav ul li {
-    width: 12,5%;
+    width: 12.5%;
     padding: 0 60px;
     
 }
@@ -89,32 +89,45 @@ nav img {
 /* AUTEUR: Léa */
 /**************************************/
 .lore {
-    background-color: #C19F8A;
+    background: #13172c url("../images/ImagesLea/warframeLore.jpg") no-repeat center;
+    background-size: cover;
+    background-position: top;
     color: #FFEFE5;
 }
 
 .lore main{
     margin: auto;
-    width: 1366px;
+    width: 1300px;
 }
 
 .lore h1, h2, h3{
-    margin: 10px;
+    margin: 10px;   
 }
 
-.lore p{
-    margin: 10px;
+.lore p, blockquote{
+    margin-left: 10px;
+    margin-top: 15px;
+}
+
+.lore blockquote {
+    width: 60%;
+    font-weight: bold;
 }
 
 .lore table{
-    width: 80%;
+    width: 100%;
+    position: sticky;
+    top: 1px;
     border: 2px solid #FFEFE5;
-    margin: auto;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 5px;
 }
 
 .lore th{
     padding: 10px;
     border: 1px solid #FFEFE5;
+    background-color: #13172c;
 }
 
 .lore td{
@@ -131,11 +144,73 @@ nav img {
 
 .lore article {
     width: 95%;
+    margin: 15px 0px;
 }
 
-.lore article div {
-    align-items: center;
+.lore th a, blockquote a{
+    color: #C19F8A;
+}
+
+.lore .wrap {
     display: flex;
+    align-items: flex-start;
+}
+.lore .text { 
+    width: 70%; 
+    flex-grow: 1;
+}
+
+.lore .nextArc {
+    width: 8%;
+    margin: 5px;
+    padding: 15px 10px;
+    display: block;
+    text-align: center;
+    background-color: #C19F8A;
+    border-radius: 15px;
+}
+
+.lore .nextArc a {
+    color: #13172c;
+    text-decoration: none;
+}
+
+.lore .nextArc a:hover {
+    width: 8%;
+    border-radius:15px;
+    text-align: center;
+    background-color: #bf815b;
+    color: #FFEFE5;
+}
+
+#awakening, #vorsPrize, #professor, #onceAwake, #deimos {
+    display: flex;
+    align-items: flex-start;
+}
+
+#awakening img, #professor img, #onceAwake img, #deimos img {
+    padding: 10px;
+    margin-top: 3.5%;
+    border-radius: 20px;
+}
+
+#vorsPrize img, #archwing img {
+    padding: 10px;
+    margin-top: 5px;
+    border-radius: 20px;
+}
+
+#voxSolaris img {
+    width: 30%;
+    margin-top: 5%;
+    border-radius: 20px;
+}
+
+#PreludeToWar img {
+    width: 30%;
+    flex-shrink: 0;
+    margin-left: 5px;
+    border-radius: 20px;
 }
 /****************************/
 /* PAGE: Missions */