css correction ok bg
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
greg 2025-12-14 08:02:07 +01:00
parent 7c86d21f7b
commit 5436a4c4f2
5 changed files with 67 additions and 119 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,14 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class=" responsive DesktopUI" lang="fr"><head> <html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <head>
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="UTF-8">
<meta name="theme-color" content="#171a21"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../static/css/style.css" rel="stylesheet" type="text/css"> <link href="../static/css/style.css" rel="stylesheet" type="text/css">
<title>Resident Evil Soluce Chris</title> <title>Resident Evil Soluce Chris</title>
</head> </head>
<body class="responsive_page" cz-shortcut-listen="true" style="background-image: url(../static/re1_jill_assets/re1.png); background-position: fixed; background-repeat: no-repeat;"> <body class="chris">
<h1>CHRIS</h1> <h1>CHRIS</h1>

View File

@ -1,14 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class=" responsive DesktopUI" lang="fr"><head> <html class=" responsive DesktopUI" lang="fr"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#171a21"> <meta name="theme-color" content="#171a21">
<link href="../static/css/style.css" rel="stylesheet" type="text/css"> <link href="../static/css/style.css" rel="stylesheet" type="text/css">
<title>Resident Evil Soluce Jills</title> <title>Resident Evil Soluce Jills</title>
</head> </head>
<body class="responsive_page" cz-shortcut-listen="true" style="background-image: url(../static/re1_jill_assets/re1.png); background-position: fixed; background-repeat: no-repeat;"> <body class="jill">
<h1>JILL</h1> <h1>JILL</h1>

View File

@ -6,9 +6,7 @@
<body style="background-image: url(static/bg.png);"> <body style="background-image: url(static/bg.png);">
<h1> <h1>VIDEO GAME SOLUCE</h1>
VIDEO GAME SOLUCE
</h1>
<h3>RESIDENT EVIL 1</h3> <h3>RESIDENT EVIL 1</h3>

View File

@ -1,11 +1,41 @@
/* RE SOLUCE CSS */
body { body {
/* background-image: url('../static/re1_jill_assets/'); */ margin: 0;
background-repeat: no-repeat; min-height: 100vh;
background-attachment: fixed;
background-size: cover;
background-position: center;
} }
/* CHRIS */
body.chris::before {
content: "";
position: fixed;
inset: 0;
background: url("../re1_jill_assets/re1.png") center / cover no-repeat;
opacity: 0.8;
z-index: -1;
}
/* JILL */
body.jill::before {
content: "";
position: fixed;
inset: 0;
background: url("../re1_jill_assets/re1.png") center / cover no-repeat;
opacity: 0.8;
z-index: -1;
}
/* FABLE */
body.fable::before {
content: "";
position: fixed;
inset: 0;
background: url("../fable_assets/bg.png") center / cover no-repeat;
opacity: 0.8;
z-index: -1;
}
h1, h3 { h1, h3 {
color:red; color:red;
} }
@ -32,64 +62,4 @@ b, .subSectionDesc, .subSectionTitle {
text-align: center; text-align: center;
color: honeydew; color: honeydew;
font-size: larger; font-size: larger;
}
.replyButton {
width: 100%;
text-align: center;
margin-bottom: 4px;
}
.buttonGroup {
flex: 18%;
margin-left: 20px;
margin-right: 0px;
}
.cookieMessage {
flex: 85%;
margin: auto;
}
.popupTextTitle {
padding-bottom: 10px;
font-size: 13px;
line-height: 17px;
color: #c6d4df;
}
.popupTextTitle a {
text-decoration: underline;
}
.cookiepreferences_popup {
display: none;
position: fixed;
bottom: 0;
width: 100%;
z-index: 2000;
padding-top: 10px;
}
.cookiepreferences_popup_content {
display: flex;
box-sizing: border-box;
width: 90%;
margin: auto;
margin-bottom: 20px;
padding: 16px 16px 10px 16px;
max-width: 980px;
background: linear-gradient(90.85deg, #333840 0.58%, #25282E 74.92%);
box-shadow: 0px 0px 10px #000000;
border-left: 2px solid #00CCFF;
}
@media all and (max-width: 910px) {
body.responsive_page .cookiepreferences_popup_content {
flex-direction: column;
}
body.responsive_page .cookiepreferences_popup_content .cookieMessage {
margin-bottom: 20px;
}
body.responsive_page .cookiepreferences_popup_content .buttonGroup {
flex-direction: row;
margin-left: 0px;
}
body.responsive_page .cookiepreferences_popup_content .buttonGroup .replyButton {
width: unset;
}
} }