Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
Tag: Manual revert
No edit summary
Line 1,326:
 
/* =================================================================
12. EDITORIAL DESIGN SYSTEM v2 ("paper & ink")
Appended LAST deliberately: later rules of equal specificity win,
so this section restyles typography / color / spacing WITHOUT
editing sections 1-11. Delete(it theeven wholere-points section to11's revert.--wt-*
color variables from here — a later :root wins). Delete the whole
Division of labor (the FT model): serif display title + serif
section to revert.
prose; sans for structure (section headings, kicker, standfirst)
v2 coherence pass: ONE sans stack for chrome+data, ONE small text
and for data (tables, infobox — guarded + size-pinned below).
size, THREE grays + two hairlines, tables printed on the paper
(not white cards), header band + TOC blended into the canvas.
================================================================= */
 
Line 1,358 ⟶ 1,360:
}
 
/* ── Design knobs ── */.
ONE gray ramp (3 grays + 2 hairlines), ONE small size, ONE sans.
The --wt-* lines re-point section 11's table palette onto the
same warm ramp (this :root is later, so it wins the tie). ── */
:root {
--ed-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
--ed-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica NeueInter", Helvetica, Arial, sans-serif; /* = Vector/Codex chrome stack */
--ed-ink: #2625222b2926; /* displaytext, +headings, strong rules (warm near-black) */
--ed-textsecondary: #33302e66605c; /* bodylabels, textstandfirst, (FTTOC, black-80)footer links */
--ed-strongfaint: #4d4845807973; /* standfirstpage refs, list markers, (FTfooter black-70)body */
--ed-secondaryhairline: #66605ce7e2db; /* labels, breadcrumb,light mutedwarm UIline (FTinfobox black-60frame) */
--ed-fainthairline-strong: #807973d6d0c8; /* pagestronger refs,warm footer, list markersline (FTfrozen-column black-50edge) */
--ed-link: #0d7680; /* interactive teal (FT's link color) */
--ed-underline: #ccc1b7; /* resting link underline tint (FT black-20) */
--ed-accent: #f07662; /* house coral — hover underline, sparing */
--ed-paper: #fbfaf7; /* page canvas (set #fff to disable the tint) */
--ed-hairlinemeasure: #e5e0da42em; /* warmprose line length; tables hairlinebreak (infoboxfull frame)width */
--ed-measuresmall: 42em0.8125rem; /* proseTHE linesmall length;size: tables, breakinfobox, fullTOC, widthfooter */
 
--ed-data-size: 0.8125rem;/* tables + infobox text (13px), pinned in rem */
/* section 11's table palette, warmed onto the same ramp */
--wt-border: #ece8e1;
--wt-rule: var(--ed-secondary);
--wt-edge: var(--ed-hairline-strong);
--wt-th-bg: #f3efe8;
--wt-th-text: var(--ed-secondary);
}
 
/* ── Canvas: warm paper; whiteeverywhere data— surfaces (tablespage, infobox)the popheader ──band */Vector
paints white on its own, and the TOC column ── */
body, .mw-page-container { background-color: var(--ed-paper) !important; }
.vector-header-container .mw-header,
.vector-header-container .vector-sticky-header {
background-color: var(--ed-paper) !important;
}
#vector-toc, .vector-toc, .vector-pinned-container {
background-color: transparent !important;
}
@media print { body, .mw-page-container { background-color: #fff !important; } }
 
/* ── ONE sans: the whole interface (header, search, tagline, buttons,
footer) and all data share the Codex stack; prose re-asserts the
serif below ── */
body { font-family: var(--ed-sans); }
 
/* ── Prose voice: serif, larger, warm ink ── */
Line 1,386 ⟶ 1,410:
font-size: 1.125rem; /* 18px (FT body is 18-20); Vector default is 14px */
line-height: 1.6;
color: var(--ed-textink);
font-variant-numeric: lining-nums;
}
Line 1,394 ⟶ 1,418:
.mw-parser-output > ol,
.mw-parser-output > dl { max-width: var(--ed-measure); }
/* guards: the data voice stays sans andat isthe PINNEDONE insmall remsize — otherwise the
18px body would silently inflate section 11's 0.85em tables (and every
em-based column width) by ~29% */
table.wikitable, .infobox {
font-family: var(--ed-sans);
font-size: var(--ed-data-sizesmall);
}
 
/* ── Tables printed ON the paper (not white cards): surfaces go
transparent; only the sticky first column stays opaque (it must
cover scrolling content) in the paper color; hover warms ── */
table.wikitable,
table.wikitable td,
table.wikitable caption { background-color: var(--ed-ink)transparent; }▼
.wikitable td:first-child { background-color: var(--ed-paper); }
table.wikitable > tbody > tr:hover > td { background-color: #f2ede5; }
table.wikitable caption { color: var(--ed-ink); }
 
/* standfirst — the italic intro sentence (FT: sans, calm). Anchored to the
Line 1,410 ⟶ 1,444:
font-size: 0.97em;
line-height: 1.55;
color: var(--ed-strongsecondary);
}
 
Line 1,429 ⟶ 1,463:
}
 
/* ── Title block: serif display, REGULAR weight, large (FT headline manner) ── */
h1#firstHeading, .mw-first-heading {
font-family: var(--ed-serif);
Line 1,441 ⟶ 1,475:
margin-bottom: 0.35em;
}
/* breadcrumb under the title rule — quietthe uppercaseeyebrow kickertreatment */(shared with
the infobox header): 0.75rem caps */
#contentSub .subpages {
font-family: var(--ed-sans);
font-size: 0.72rem75rem;
font-weight: 600;
letter-spacing: 0.08em;
Line 1,454 ⟶ 1,489:
#contentSub .subpages a:visited { color: var(--ed-secondary) !important; }
 
/* ── Section headings: sans semibold on the house rules. (FTScoped in-articleto
style). Scoped to .mw-body-content — Vector's own typography rules are
are class-qualified (0,1,1), so bare h2/h3 selectors would LOSE. ── */
.mw-body-content h2, .mw-body-content .mw-heading2, .section-heading {
font-family: var(--ed-sans);
Line 1,479 ⟶ 1,514:
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
font-family: var(--ed-sans);
font-size: 0.92rem1rem;
font-weight: 600;
letter-spacing: 0.02em;
color: var(--ed-ink) !important;
}
Line 1,514 ⟶ 1,548:
}
 
/* ── TOC sidebar: quiet sans at the ONE small size, ink on hover/active ── */
.vector-toc { font-family: var(--ed-sans); }
.vector-toc .vector-toc-link,
.vector-toc .vector-toc-link:visited {
color: var(--ed-secondary) !important;
font-size: 0.8125remvar(--ed-small);
text-decoration: none;
}
Line 1,525 ⟶ 1,559:
.vector-toc .vector-toc-list-item-active > .vector-toc-link { color: var(--ed-ink) !important; }
 
/* ── Infobox: whitethe "documentpage's ONE white card", in the data voice.
table.infobox (0,2,1) out-specifies the TemplateStyles sheet's
'.mw-parser-output .infobox' !important rules (0,2,0), which are
Line 1,531 ⟶ 1,565:
.mw-parser-output table.infobox {
font-family: var(--ed-sans);
font-size: var(--ed-data-sizesmall);
background-color: #fff !important;
border: 1px solid var(--ed-hairline) !important;
Line 1,541 ⟶ 1,575:
color: var(--ed-secondary) !important; /* beats inline color:inherit */
text-align: left !important;
font-size: 0.72rem75rem; /* the shared eyebrow size */
font-weight: 600;
letter-spacing: 0.09em08em;
text-transform: uppercase;
border-bottom: 1px solid var(--ed-ink);
Line 1,554 ⟶ 1,588:
}
.infobox .infobox-data { color: var(--ed-ink); padding: 0.22em 0.2em; }
 
/* table captions: explicit ink on the new canvas (family + size come from
the data-voice guard above) */
▲table.wikitable caption { color: var(--ed-ink); }
 
/* ── Blockquotes: coral bar, serif italic (future-proofing — the emitter
Line 1,565 ⟶ 1,595:
padding: 0.2em 0 0.2em 1.2em;
margin: 1.2em 0;
color: var(--ed-strongsecondary);
font-style: italic;
}
 
/* ── Footer + page-bottom cleanup: the ONE small size, legible ── */
@media screen {
.printfooter { display: none; } /* "Retrieved from ..." clutter; stays in print */
Line 1,575 ⟶ 1,605:
#footer, .mw-footer {
font-family: var(--ed-sans);
font-size: 0.78remvar(--ed-small);
color: var(--ed-faint);
border-top: 1px solid var(--ed-ink) !important;
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"