Formatter les documents et enlever les espaces blanc
This commit is contained in:
@@ -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 {
|
||||
@@ -254,16 +262,18 @@ footer {
|
||||
margin: 15px 0px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
@@ -272,7 +282,7 @@ footer {
|
||||
margin: 5px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
background-color: #C19F8A;
|
||||
background-color: #c19f8a;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
@@ -284,10 +294,10 @@ footer {
|
||||
}
|
||||
|
||||
.lore .nextArc a:hover {
|
||||
border-radius:15px;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
background-color: #bf815b;
|
||||
color: #FFEFE5;
|
||||
color: #ffefe5;
|
||||
}
|
||||
|
||||
.lore aside {
|
||||
@@ -296,7 +306,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;
|
||||
}
|
||||
@@ -307,19 +329,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;
|
||||
@@ -340,6 +372,7 @@ footer {
|
||||
margin-left: 5px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
/****************************/
|
||||
/* PAGE: Missions */
|
||||
/* AUTEUR: Stanislas */
|
||||
|
||||
Reference in New Issue
Block a user