Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01
This commit is contained in:
Andres
@@ -117,6 +117,7 @@ footer {
|
||||
::selection {
|
||||
/*Source: https://openclassrooms.com/forum/sujet/couleur-surlignage-34526*/
|
||||
background-color: #641a10;
|
||||
color: #ffefe5;
|
||||
}
|
||||
|
||||
/****************************/
|
||||
@@ -277,10 +278,26 @@ footer {
|
||||
|
||||
}
|
||||
|
||||
.aPropos .conteneurMaps {
|
||||
max-width: 700px;
|
||||
max-height: 600px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.aPropos .conteneurMaps>iframe {
|
||||
border: 0;
|
||||
|
||||
}
|
||||
|
||||
.aPropos .sidebyside>div {
|
||||
margin: 5px 20px;
|
||||
}
|
||||
|
||||
.aPropos .sidebyside>h1 {
|
||||
width: 120%;
|
||||
|
||||
}
|
||||
|
||||
.aPropos textarea {
|
||||
resize: none;
|
||||
width: 100%;
|
||||
@@ -312,49 +329,44 @@ footer {
|
||||
/* AUTEUR: Jérémy */
|
||||
/****************************/
|
||||
.team {
|
||||
background: #13172c url("../images/imagesTeam/Intro.png") center;
|
||||
background: #13172c center;
|
||||
background-size: cover;
|
||||
background-position: top;
|
||||
color: #ffefe5;
|
||||
}
|
||||
|
||||
.team header.introduction {
|
||||
background: #13172c url("../images/imagesTeam/Introduction.png") center/cover fixed;
|
||||
background: #13172c url("../images/imagesTeam/BackgroundHeader.webp") center/cover fixed;
|
||||
background-position: top;
|
||||
height: 100vh;
|
||||
display: block;
|
||||
text-align: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.team header.introduction h1,
|
||||
.team header.introduction p {
|
||||
line-height: 5;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.team header.introduction div.introduction {
|
||||
background-color: #13172cd5;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.team header.introduction button {
|
||||
color: #ffefe5;
|
||||
padding: 0 16px;
|
||||
margin: 0 4px;
|
||||
|
||||
height: 40px;
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
background-color: #13172c;
|
||||
}
|
||||
|
||||
.team header.introduction button a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
.team header.introduction div.introduction a {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: #ffefe5;
|
||||
padding: 10.8px 16px;
|
||||
margin: 160px 4px;
|
||||
background-color: #13172c;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
|
||||
.team header.introduction button:hover {
|
||||
height: 40px;
|
||||
.team header.introduction div.introduction a:hover {
|
||||
border-radius: 20px;
|
||||
background-color: #b47871;
|
||||
}
|
||||
@@ -363,73 +375,65 @@ footer {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.team div.titre {
|
||||
grid-area: titre;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
padding-top: 66px;
|
||||
}
|
||||
|
||||
.team div.grilleGauche {
|
||||
background-color: rgb(19 23 44 / 90%);
|
||||
border-radius: 20px;
|
||||
display: grid;
|
||||
align-items: flex-start;
|
||||
grid-template-areas:
|
||||
"avatar nom"
|
||||
"avatar description";
|
||||
grid-template-columns: 1fr 5fr;
|
||||
grid-template-rows: 1fr 5fr;
|
||||
padding: 16px;
|
||||
margin: 16px 5%;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.team div.grilleDroite {
|
||||
background-color: rgb(19 23 44 / 90%);
|
||||
border-radius: 20px;
|
||||
display: grid;
|
||||
align-items: flex-start;
|
||||
grid-template-areas:
|
||||
"nom avatar"
|
||||
"description avatar";
|
||||
grid-template-columns: 5fr 1fr;
|
||||
grid-template-rows: 1fr 5fr;
|
||||
padding: 16px;
|
||||
margin: 16px 5%;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.team div.avatar {
|
||||
grid-area: avatar;
|
||||
grid-template-columns: 15%;
|
||||
.team section article {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 16px;
|
||||
height: 100vh;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.team div.nom {
|
||||
grid-area: nom;
|
||||
grid-template-columns: 85%;
|
||||
text-align: center;
|
||||
.team section article.grilleGauche {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.team div.description {
|
||||
grid-area: description;
|
||||
grid-template-columns: 85%;
|
||||
.team section article.grilleDroite {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.team div.avatar img {
|
||||
width: 100%;
|
||||
aspect-ratio: 1 / 1;
|
||||
/* hauteur = largeur */
|
||||
border-radius: 20%;
|
||||
.team section article#lea {
|
||||
background: #13172c url("../images/imagesTeam/BackgroundLea.webp") center/cover fixed;
|
||||
}
|
||||
|
||||
.team section article#jeremy {
|
||||
background: #13172c url("../images/imagesTeam/BackgroundJeremy.webp") center/cover fixed;
|
||||
}
|
||||
|
||||
.team section article#andres {
|
||||
background: #13172c url("../images/imagesTeam/BackgroundAndres.webp") center/cover fixed;
|
||||
}
|
||||
|
||||
.team section article#stanislas {
|
||||
background: #13172c url("../images/imagesTeam/BackgroundStanislas.webp") center/cover fixed;
|
||||
}
|
||||
|
||||
|
||||
.team section article div.box {
|
||||
background-color: rgba(19, 23, 44, 0.8);
|
||||
padding: 16px;
|
||||
margin: 16px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.team div.grilleDroite:hover,
|
||||
.team div.grilleGauche:hover {
|
||||
background-color: rgba(39, 58, 86, 90%);
|
||||
.team section article div.box:hover {
|
||||
background-color: rgba(39, 58, 86, 0.9);
|
||||
}
|
||||
|
||||
.team section article.grilleGauche div.box {
|
||||
margin-right: 50%;
|
||||
}
|
||||
|
||||
.team section article.grilleDroite div.box {
|
||||
margin-left: 50%;
|
||||
}
|
||||
|
||||
.team section article h2,
|
||||
.team section article h3,
|
||||
.team section article p {
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.team section article h3 {
|
||||
color: #f1f1f1af;
|
||||
}
|
||||
|
||||
/****************************/
|
||||
|
||||
Reference in New Issue
Block a user