Insurer Brain

MediaWiki:Gadget-wix-interactive.css: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 2,365:
.wix-ib-choices {
grid-template-columns: 1fr;
}
}
 
 
/* ================================================================
GM vs PAA / VFA STEPPER — data-wix-module="gm-paa"
Side-by-side table: step through General Model vs PAA or VFA.
================================================================ */
 
[data-wix-module="gm-paa"] {
--gp-gm: #1a5276;
--gp-alt: #6b4c8a;
--gp-alt-light: #f3eef8;
--gp-yes: #217a4b;
--gp-no: #b8423a;
}
 
/* VFA variant overrides (applied via JS-set class) */
[data-wix-module="gm-paa"].wix-gp--vfa {
--gp-alt: #7a4422;
--gp-alt-light: #f5ede6;
}
 
 
/* ── 91. Scenario Callout ───────────────────────────────────────── */
 
.wix-gp-scenario {
display: inline-block;
background: #fdf6e0;
border: 1px solid #e6d9a0;
border-radius: var(--wix-radius);
padding: 0.5rem 0.85rem;
font-size: 0.78em;
color: #6b5a10;
line-height: 1.45;
margin-bottom: 1.25rem;
}
 
 
/* ── 92. Comparison Table ───────────────────────────────────────── */
 
.wix-gp-table {
background: var(--wix-bg);
border: 1px solid var(--wix-border);
border-radius: var(--wix-radius);
overflow: hidden;
margin-bottom: 1.25rem;
}
 
.wix-gp-thead {
display: grid;
grid-template-columns: 1fr 80px 80px;
padding: 0.6rem 1rem;
border-bottom: 2px solid var(--wix-border);
align-items: center;
}
 
.wix-gp-th {
font-size: 0.68em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
text-align: center;
}
 
.wix-gp-th:first-child {
text-align: left;
color: var(--wix-text-muted);
}
 
.wix-gp-th--gm { color: var(--gp-gm); }
.wix-gp-th--alt { color: var(--gp-alt); }
 
 
/* ── 93. Row ────────────────────────────────────────────────────── */
 
.wix-gp-row {
display: grid;
grid-template-columns: 1fr 80px 80px;
padding: 0 1rem;
border-bottom: 1px solid var(--wix-border-subtle);
transition: background var(--wix-transition);
}
 
.wix-gp-row:last-child { border-bottom: none; }
 
.wix-gp-row-label {
font-size: 0.8em;
padding: 0.65rem 0;
display: flex;
align-items: center;
gap: 0.5rem;
color: var(--wix-text-muted);
transition: color 0.3s;
}
 
.wix-gp-row--revealed .wix-gp-row-label { color: var(--wix-text); }
.wix-gp-row--current { background: var(--gp-alt-light); }
.wix-gp-row--current .wix-gp-row-label { font-weight: 600; }
 
.wix-gp-num {
font-size: 0.65em;
font-weight: 700;
width: 18px;
flex-shrink: 0;
font-variant-numeric: tabular-nums;
}
 
.wix-gp-mark {
display: flex;
align-items: center;
justify-content: center;
padding: 0.65rem 0;
font-size: 1.05em;
font-weight: 700;
opacity: 0;
transition: opacity 0.3s;
}
 
.wix-gp-row--revealed .wix-gp-mark { opacity: 1; }
.wix-gp-mark--yes { color: var(--gp-yes); }
.wix-gp-mark--no { color: var(--gp-no); }
.wix-gp-mark--mod { color: var(--gp-alt); font-size: 0.7em; font-weight: 700; }
 
 
/* ── 94. Explanation Box ────────────────────────────────────────── */
 
.wix-gp-explain {
background: var(--wix-bg);
border: 1px solid var(--wix-border);
border-radius: var(--wix-radius);
padding: 0.75rem 1rem;
margin-bottom: 1rem;
min-height: 44px;
}
 
.wix-gp-explain-step {
font-size: 0.64em;
font-weight: 600;
color: var(--gp-alt);
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.2rem;
}
 
.wix-gp-explain-body {
font-size: 0.82em;
color: var(--wix-text-muted);
line-height: 1.5;
}
 
 
/* ── 95. Counters Row ───────────────────────────────────────────── */
 
.wix-gp-counters {
display: flex;
gap: 0.6rem;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 1.25rem;
}
 
.wix-gp-cbox {
background: var(--wix-bg);
border: 1px solid var(--wix-border);
border-radius: var(--wix-radius);
padding: 0.5rem 1rem;
text-align: center;
min-width: 100px;
}
 
.wix-gp-cbox-num {
font-size: 1.25em;
font-weight: 700;
font-variant-numeric: tabular-nums;
transition: color 0.3s;
}
 
.wix-gp-cbox-num--kept { color: var(--gp-yes); }
.wix-gp-cbox-num--skip { color: var(--gp-no); }
.wix-gp-cbox-num--pct { color: var(--gp-alt); }
 
.wix-gp-cbox-lbl {
font-size: 0.62em;
color: var(--wix-text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
margin-top: 0.15rem;
}
 
 
/* ── 96. Controls ───────────────────────────────────────────────── */
 
.wix-gp-controls {
display: flex;
justify-content: center;
gap: 0.6rem;
}
 
 
/* ── 97. Footnote ───────────────────────────────────────────────── */
 
.wix-gp-footnote {
text-align: center;
font-size: 0.72em;
color: var(--wix-text-muted);
margin-top: 1rem;
}
 
 
/* ── 98. Mobile ─────────────────────────────────────────────────── */
 
@media (max-width: 520px) {
.wix-gp-thead,
.wix-gp-row {
grid-template-columns: 1fr 64px 64px;
padding-left: 0.6rem;
padding-right: 0.6rem;
}
}
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Gadget-wix-interactive.css"