diff --git a/www/css/style.css b/www/css/style.css index 18c032d..4240295 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -48,15 +48,19 @@ .sidebyside { display: flex; } + .colonne { flex: 1; } + /* FROM: https://www.w3schools.com/howto/howto_css_equal_height.asp */ .col-container { display: table; } + .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 { @@ -198,7 +202,7 @@ footer a:hover { background-color: #13172cb0; position: absolute; top: 5%; - height: 125%; + height: 120%; left: 50%; transform: translate(-50%, 0); z-index: 10; @@ -354,9 +358,11 @@ footer a:hover { overflow: none; } + .aPropos .sidebyside>div { height: 100%; } + .aPropos p { width: 100%; } @@ -923,6 +929,7 @@ footer a:hover { text-shadow: 2px 2px 2px #13172c; } + .missions section { width: 100vw; height: 40vh; @@ -939,18 +946,23 @@ footer a:hover { text-align: left; /* float: left */ } -.missions h1,h2 { + +.missions h1, +h2 { margin-bottom: 2em; } + .missions>section:first-of-type { padding: 0 20vw; } + .missions #autreMissions a:any-link { - color:#bf815b; + color: #bf815b; text-decoration: underline; font-weight: 600; } + .missions section:nth-child(odd) article { text-align: right; /* float: right; */ @@ -963,13 +975,13 @@ footer a:hover { .missions section article p { max-width: 50%; - /* margin: auto; + /* margin: auto; float: left; */ } .missions section:nth-child(odd)>article>p { - margin: auto 0 auto auto; + margin: auto 0 auto auto; text-align: right; } @@ -981,43 +993,56 @@ footer a:hover { .missions #missionsInfo { background: url('../images/imageSR/qu/survie.jpg') center/cover fixed; } + .missions #survie { background: url('../images/imageSR/qu/survie.jpg') center/cover fixed; } + .missions #assassination { background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed; } + .missions #capture { background: url('../images/imageSR/qu/capture.jpg') center/cover fixed; } + .missions #defense { background: url('../images/imageSR/qu/defense.jpg') center/cover fixed; } + .missions #excavation { background: url('../images/imageSR/qu/excavation.jpg') center/cover fixed; } + .missions #extermination { background: url('../images/imageSR/qu/extermination.jpg') center/cover fixed; } + .missions #hijack { background: url('../images/imageSR/qu/detournement.jpg') center/cover fixed; } + .missions #interception { background: url('../images/imageSR/qu/interception.jpg') center/cover fixed; } + .missions #invasion { background: url('../images/imageSR/qu/invasion.jpg') center/cover fixed; } + .missions #mobileDefense { background: url('../images/imageSR/qu/defenseMobile.jpg') center/cover fixed; } + .missions #sauvetage { background: url('../images/imageSR/qu/sauvetage.jpg') center/cover fixed; } + .missions #sabotage { background: url('../images/imageSR/qu/sabotage.jpg') center/cover fixed; - /* color:#641a10; */ + /* color:#641a10; */ } + .missions #autreMissions { background: url('../images/imageSR/qu/sabotageRuches.jpg') center/cover fixed; }