tezcat/OpenPlanetsMaps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update BG & Header for Quizz

Browse Source
This commit is contained in:
tezcat
2026-05-12 23:59:05 +02:00
parent a889b829f0
commit f9fb069435
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SRC/style.css
+7
View File
@@ -23,6 +23,7 @@ body.theme-Quiz { --theme-color:#7eb8f7; --theme-glow:rgba(126,184,247,.35);
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; } *,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html, body { max-width:100vw; overflow-x:hidden; }
body { body {
background:var(--bg-deep); color:var(--text-primary); background:var(--bg-deep); color:var(--text-primary);
font-family:'Space Grotesk',sans-serif; font-family:'Space Grotesk',sans-serif;
@@ -547,6 +548,12 @@ header h1:hover { animation:glitch .4s steps(1) forwards; }
#layer-Quiz .desc-box, #layer-Quiz .daily-challenge-box { display:none; } #layer-Quiz .desc-box, #layer-Quiz .daily-challenge-box { display:none; }
} }
@media (max-width:520px) { @media (max-width:520px) {
header { padding:0 1rem; }
header h1 { font-size:.85rem; letter-spacing:.05em; text-align:center; }
.menu-icon, .help-btn { padding:.4rem .6rem; font-size:.7rem; }
#content-area { padding:1.5rem 1rem; }
.flex-row .box { min-width:100%; }
.desc-box { padding:1.25rem 1rem; font-size:.85rem; }
#quiz-options { grid-template-columns:1fr; gap:0.85rem; } #quiz-options { grid-template-columns:1fr; gap:0.85rem; }
#quiz-container { padding:1.5rem; height:auto; min-height:auto; justify-content:center; overflow:visible; margin-bottom:2rem; } #quiz-container { padding:1.5rem; height:auto; min-height:auto; justify-content:center; overflow:visible; margin-bottom:2rem; }
#quiz-question { min-height:auto; font-size:.95rem; align-items:center; justify-content:center; text-align:center; margin-top:0; margin-bottom:1.5rem; } #quiz-question { min-height:auto; font-size:.95rem; align-items:center; justify-content:center; text-align:center; margin-top:0; margin-bottom:1.5rem; }