tweaking du style pour le fond foncé de la vidéo d'intro
This commit is contained in:
@@ -48,15 +48,19 @@
|
|||||||
.sidebyside {
|
.sidebyside {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.colonne {
|
.colonne {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FROM: https://www.w3schools.com/howto/howto_css_equal_height.asp */
|
/* FROM: https://www.w3schools.com/howto/howto_css_equal_height.asp */
|
||||||
.col-container {
|
.col-container {
|
||||||
display: table;
|
display: table;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col {
|
.col {
|
||||||
display: table-cell; /* Make elements inside the container behave like table cells */
|
display: table-cell;
|
||||||
|
/* Make elements inside the container behave like table cells */
|
||||||
}
|
}
|
||||||
|
|
||||||
.centered {
|
.centered {
|
||||||
@@ -198,7 +202,7 @@ footer a:hover {
|
|||||||
background-color: #13172cb0;
|
background-color: #13172cb0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5%;
|
top: 5%;
|
||||||
height: 125%;
|
height: 120%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, 0);
|
transform: translate(-50%, 0);
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
@@ -354,9 +358,11 @@ footer a:hover {
|
|||||||
overflow: none;
|
overflow: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.aPropos .sidebyside>div {
|
.aPropos .sidebyside>div {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.aPropos p {
|
.aPropos p {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -923,6 +929,7 @@ footer a:hover {
|
|||||||
text-shadow: 2px 2px 2px #13172c;
|
text-shadow: 2px 2px 2px #13172c;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions section {
|
.missions section {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 40vh;
|
height: 40vh;
|
||||||
@@ -939,18 +946,23 @@ footer a:hover {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
/* float: left */
|
/* float: left */
|
||||||
}
|
}
|
||||||
.missions h1,h2 {
|
|
||||||
|
.missions h1,
|
||||||
|
h2 {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions>section:first-of-type {
|
.missions>section:first-of-type {
|
||||||
padding: 0 20vw;
|
padding: 0 20vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #autreMissions a:any-link {
|
.missions #autreMissions a:any-link {
|
||||||
color:#bf815b;
|
color: #bf815b;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions section:nth-child(odd) article {
|
.missions section:nth-child(odd) article {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
/* float: right; */
|
/* float: right; */
|
||||||
@@ -981,43 +993,56 @@ footer a:hover {
|
|||||||
.missions #missionsInfo {
|
.missions #missionsInfo {
|
||||||
background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #survie {
|
.missions #survie {
|
||||||
background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #assassination {
|
.missions #assassination {
|
||||||
background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #capture {
|
.missions #capture {
|
||||||
background: url('../images/imageSR/qu/capture.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/capture.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #defense {
|
.missions #defense {
|
||||||
background: url('../images/imageSR/qu/defense.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/defense.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #excavation {
|
.missions #excavation {
|
||||||
background: url('../images/imageSR/qu/excavation.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/excavation.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #extermination {
|
.missions #extermination {
|
||||||
background: url('../images/imageSR/qu/extermination.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/extermination.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #hijack {
|
.missions #hijack {
|
||||||
background: url('../images/imageSR/qu/detournement.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/detournement.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #interception {
|
.missions #interception {
|
||||||
background: url('../images/imageSR/qu/interception.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/interception.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #invasion {
|
.missions #invasion {
|
||||||
background: url('../images/imageSR/qu/invasion.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/invasion.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #mobileDefense {
|
.missions #mobileDefense {
|
||||||
background: url('../images/imageSR/qu/defenseMobile.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/defenseMobile.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #sauvetage {
|
.missions #sauvetage {
|
||||||
background: url('../images/imageSR/qu/sauvetage.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/sauvetage.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #sabotage {
|
.missions #sabotage {
|
||||||
background: url('../images/imageSR/qu/sabotage.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/sabotage.jpg') center/cover fixed;
|
||||||
/* color:#641a10; */
|
/* color:#641a10; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.missions #autreMissions {
|
.missions #autreMissions {
|
||||||
background: url('../images/imageSR/qu/sabotageRuches.jpg') center/cover fixed;
|
background: url('../images/imageSR/qu/sabotageRuches.jpg') center/cover fixed;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user