Public Access
5
0

tweaking du style pour le fond foncé de la vidéo d'intro

This commit is contained in:
LD
2025-12-03 20:59:23 -05:00
parent 052f838a3e
commit daebb6a889

View File

@@ -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;
} }