Dev_Web/web01
Public Access
5
0
Fork 0
Code Issues Projects Wiki Activity

modification d'images pour l'accueil et intégration d'une vidéo

Browse Source
This commit is contained in:
LD
2025-11-28 13:43:52 -05:00
parent 190e5617d3
commit e58387373d
13 changed files with 319 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
www/css/style.css
View File

@@ -139,14 +139,25 @@ footer {
width: 100%;
}
.accueil header {
background: #13172c url("../images/ImagesLea/warframeEnvironment.jpg") center/cover;
.accueil header div {
width: 100%;
padding: 5%;
}
.accueil header div {
.accueil #video {
width: 100%;
height: auto;
display: block;
}
.accueil #texte {
background-color: #13172cb0;
height: 75vh;
padding: 5%;
position: absolute;
top: 5%;
left: 50%;
padding-bottom: 36.6%;
transform: translate(-50%, 0);
z-index: 10;
}
.accueil #rencontreEquipe {
@@ -206,7 +217,7 @@ footer {
}
.accueil #histoireDE {
background: #13172c url("../images/ImagesLea/warframeFight.jpg") center/cover;
background: #13172c url("../images/ImagesLea/warframeStoryDE.jpg") center/cover;
}
.accueil .fondOpaqueGauche {
@@ -217,7 +228,7 @@ footer {
}
.accueil #universSciFi {
background: #13172c url("../images/ImagesLea/warframesInfested.jpg") center/cover;
background: #13172c url("../images/ImagesLea/sciFi1999.jpg") bottom/cover;
}
.accueil #universSciFi h2 {
@@ -232,11 +243,11 @@ footer {
}
.accueil #stylesMission {
background: #13172c url("../images/ImagesLea/weapons.jpg") top/cover;
background: #13172c url("../images/ImagesLea/warframeOrowyrm.jpg") top/cover;
}
.accueil #armures {
background: #13172c url("../images/ImagesLea/WarframeZephyr.jpg") top/cover;
background: #13172c url("../images/ImagesLea/warframeWeapons.jpg") top/cover;
}
/****************************/
@@ -546,40 +557,59 @@ footer {
/* AUTEUR: Léa */
/**************************************/
.lore {
background: #13172c url("../images/ImagesLea/warframeLore.jpg") no-repeat center;
.lore:not(footer) {
background-color: #13172c;
background-size: cover;
background-position: top;
color: #ffefe5;
}
.lore main {
margin: 0px auto 1% auto;
width: 85%;
.lore header {
background: #13172c url("../images/ImagesLea/warwithin.jpg") center/cover;
}
.lore main .exception p {
margin: auto;
padding: 1% 35% 5% 1%;
.lore header div {
background-color: #13172cb0;
padding: 5%;
}
.lore header h1 {
margin-left: -10px;
width: 60%;
font-size: 4.5rem;
}
.lore h1 {
margin-top: 30px;
font-size: 3.5rem;
margin-top: 25px;
margin-left: 8%;
font-size: 4.5rem;
}
.lore h2,
.lore h3 {
margin: 10px;
margin: 10px 0px;
}
.lore main p:not(.droite p),
.lore main h2:not(.droite h2) {
margin: auto;
padding: 1% 35% 1% 2.5%;
}
.lore article p,
blockquote {
margin: 10px 10px;
.lore article blockquote {
margin: 10px 0px;
}
.lore blockquote {
width: 80%;
.lore .droite blockquote {
margin: auto;
padding: 1% 35% 1% 0%;
font-weight: bold;
}
.lore blockquote:not(.droite blockquote) {
margin: auto;
padding: 1% 65% 1% 2.5%;
font-weight: bold;
}
@@ -612,18 +642,26 @@ blockquote {
width: 90%;
}
.lore article img:not(.specialAlign img) {
border-radius: 20px;
width: 30%;
.lore .fondOpaqueGauche {
background-color: #13172cb0;
text-align: left;
height: 75vh;
padding: 5%;
margin: auto;
}
.lore article:not(.exception) {
margin: 15px 0px;
scroll-margin-top: 110px;
display: flex;
align-items: flex-start;
.lore .fondOpaqueDroite {
background-color: #13172cb0;
height: 75vh;
padding: 5%;
}
.lore .droite {
margin: auto;
padding: 1% 0% 1% 35%;
}
.lore th a,
blockquote a {
color: #c19f8a;