ronaldo/quiz-ius
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

inicio do dia 06-04-26

Browse Source
This commit is contained in:
Ronaldo
2026-04-06 10:05:22 +00:00
parent 0687e194ad
commit 7b9fb34462
6 changed files with 211 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
css/custom.css
View File

@@ -86,7 +86,7 @@ body, .pane, .view {
}
.logo-top-small {
max-width: 74%;
max-width: 74%;
position: fixed;
top: 0;
left: 50%;
@@ -110,17 +110,18 @@ max-width: 74%;
/* Question Screen */
.question-box {
background-color: var(--cor-fundo-escuro);
background-color: #FFFFFF; /* Folhinha branca */
border-radius: 4rem 1rem;
padding: 1.5rem;
line-height: 2.3rem;
width: 90%;
margin-bottom: 1.5rem;
box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.5);
box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.2);
z-index: 5;
}
.question-box p {
color: var(--cor-texto-principal);
color: var(--cor-texto-secundario); /* Fonte verde */
font-family: 'General Sans' !important;
font-size: 2.5rem;
font-weight: 600;
@@ -157,8 +158,8 @@ max-width: 74%;
justify-content: center;
font-size: 3em;
font-weight: bold;
color: #000;
border-right: 0.1rem solid rgba(0,0,0,0.1);
color: var(--cor-texto-secundario); /* Fonte verde */
border-right: 0.1rem solid rgba(0,0,0,0.05);
}
.text-box {
@@ -167,8 +168,8 @@ width: 80%;
display: flex;
align-items: center;
font-size: 1.8rem;
color: #000;
font-weight: 500;
color: var(--cor-texto-secundario); /* Fonte verde */
font-weight: 600;
line-height: 0.9em;
}
@@ -193,14 +194,14 @@ width: 80%;
}
.result-title-box h1 {
color: var(--cor-fundo-escuro);
color: var(--cor-texto-secundario); /* Fonte verde */
font-size: 4rem;
font-weight: bold;
margin: 0;
}
.score-box {
background-color: var(--cor-fundo-escuro);
background-color: #FFFFFF; /* Quadrado branco */
border-radius: 1.5rem;
padding: 2rem;
width: 80%;
@@ -210,13 +211,13 @@ width: 80%;
}
.score-box p {
color: #fff;
color: var(--cor-texto-secundario); /* Fonte verde */
font-size: 2rem;
margin: 0;
}
.score-box h2 {
color: var(--cor-titulos);
color: var(--cor-fundo-resultado); /* Fonte verde escura */
font-size: 8rem;
font-weight: bold;
margin: -0.5rem 0;
@@ -252,19 +253,29 @@ body {
background-color: var(--cor-fundo-principal) !important;
}
/* --- Modo Debug (rotaciona -90deg e redimensiona para view) --- */
/* --- Modo Debug (Simulação Real 1080x1920 em Monitor Horizontal) --- */
html.debug-mode {
width: calc(100vh * 9 / 16);
height: 100vh;
/* Força o container em 9:16 baseado na altura total do monitor */
height: 100vh !important;
width: 56.25vh !important; /* (1080 / 1920 * 100) = 56.25vh */
position: fixed !important;
top: 50vh !important;
left: 0;
top: 50% !important;
left: 50% !important;
/* Centraliza e rotaciona -90deg para teste em monitor widescreen */
transform: translate(-50%, -50%) rotate(-90deg) !important;
transform-origin: center center !important;
/* Auxílio visual para delimitar a área da TV */
border: 1px solid rgba(255,255,255,0.2) !important;
box-shadow: 0 0 5rem rgba(0,0,0,0.8) !important;
background-color: #000 !important;
overflow: hidden !important;
}
html.debug-mode body {
/* No Modo Debug, 1vh refere-se à altura desse container simulado */
width: 100% !important;
height: 100% !important;
max-width: none !important;