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

Update Quizz For Phone Vers.

Browse Source
This commit is contained in:
tezcat
2026-05-12 23:48:12 +02:00
parent a655c4f1c3
commit 8fac2ed85a
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SRC/style.css
+15 -5
View File
@@ -366,17 +366,19 @@ header h1:hover { animation:glitch .4s steps(1) forwards; }
background:rgba(255,255,255,.02); border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.02); border:1px solid var(--border); border-radius:12px;
text-align:center; position:relative; overflow:hidden; text-align:center; position:relative; overflow:hidden;
box-shadow:0 0 40px var(--theme-glow), inset 0 0 60px rgba(0,0,0,.3); box-shadow:0 0 40px var(--theme-glow), inset 0 0 60px rgba(0,0,0,.3);
display:flex; flex-direction:column; min-height:400px;
} }
#quiz-container::before { #quiz-container::before {
content:''; position:absolute; top:0; left:0; right:0; height:2px; content:''; position:absolute; top:0; left:0; right:0; height:2px;
background:linear-gradient(90deg,transparent,var(--theme-color),transparent); background:linear-gradient(90deg,transparent,var(--theme-color),transparent);
} }
#quiz-question { #quiz-question {
font-size:.95rem; font-weight:500; line-height:1.8; font-size:.95rem; font-weight:500; line-height:1.6;
color:var(--text-primary); margin-bottom:2rem; color:var(--text-primary); margin-bottom:1.5rem;
white-space:pre-line; text-align:left; white-space:pre-line; text-align:left; flex-grow:1;
display:flex; align-items:center; min-height:120px;
} }
#quiz-options { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-bottom:1rem; } #quiz-options { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-bottom:1rem; width:100%; }
.quiz-btn { .quiz-btn {
background:rgba(255,255,255,.03); color:var(--text-primary); background:rgba(255,255,255,.03); color:var(--text-primary);
@@ -384,6 +386,7 @@ header h1:hover { animation:glitch .4s steps(1) forwards; }
font-family:'Space Grotesk',sans-serif; font-size:.9rem; font-weight:500; font-family:'Space Grotesk',sans-serif; font-size:.9rem; font-weight:500;
cursor:pointer; text-align:left; position:relative; overflow:hidden; cursor:pointer; text-align:left; position:relative; overflow:hidden;
transition:all .2s ease; transition:all .2s ease;
display:flex; align-items:center; min-height:54px;
} }
.quiz-btn::before { .quiz-btn::before {
content:''; position:absolute; inset:0; content:''; position:absolute; inset:0;
@@ -540,7 +543,14 @@ header h1:hover { animation:glitch .4s steps(1) forwards; }
50% { transform:translateX(5px); } 50% { transform:translateX(5px); }
75% { transform:translateX(-3px); } 75% { transform:translateX(-3px); }
} }
@media (max-width:768px) {
#layer-Quiz .desc-box, #layer-Quiz .daily-challenge-box { display:none; }
}
@media (max-width:520px) { @media (max-width:520px) {
#quiz-options { grid-template-columns:1fr; } #quiz-options { grid-template-columns:1fr; }
#quiz-container { padding:1.5rem 1.25rem; } #quiz-container { padding:1.5rem 1rem; height:80vh; min-height:500px; justify-content:flex-start; overflow-y:auto; margin-bottom:1rem; }
#quiz-question { min-height:90px; font-size:.9rem; align-items:flex-start; margin-top:0; flex-grow:0; }
.quiz-btn { min-height:48px; font-size:.85rem; padding:.6rem 1rem; }
#quiz-img-preview.visible { max-height:220px; margin-bottom:1rem; }
#quiz-img-preview img, #quiz-img-preview video { max-height:150px; }
} }