MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1,326:
/* =================================================================
12. EDITORIAL DESIGN SYSTEM
Appended LAST deliberately: later rules of equal specificity win,
so this section restyles typography / color / spacing WITHOUT
Line 1,332:
color variables from here — a later :root wins). Delete the whole
section to revert.
v3: tables become one coherent BLOCK (full frame in the rule
color, scrollbar tight under the bottom rule, warm thin thumb),
caption sized as the table title, body 16px, footer/TOC/eyebrow
sizes unified.
================================================================= */
Line 1,372 ⟶ 1,373:
--ed-faint: #807973; /* page refs, list markers, footer body */
--ed-hairline: #e7e2db; /* light warm line (infobox frame) */
--ed-hairline-strong: #d6d0c8; /* stronger warm line (
--ed-link: #0d7680; /* interactive teal (FT's link color) */
--ed-underline: #ccc1b7; /* resting link underline tint */
Line 1,378 ⟶ 1,379:
--ed-paper: #fbfaf7; /* page canvas (set #fff to disable the tint) */
--ed-measure: 42em; /* prose line length; tables break full width */
--ed-body: 1rem; /* body size (16px — the "90% zoom" preference) */
--ed-small: 0.8125rem; /* THE small size: tables, infobox, TOC, footer */
Line 1,389 ⟶ 1,391:
/* ── Canvas: warm paper everywhere — page, the header band Vector
paints white on its own,
scroll-fade overlay ── */
body, .mw-page-container { background-color: var(--ed-paper) !important; }
.vector-header-container .mw-header,
Line 1,397 ⟶ 1,400:
#vector-toc, .vector-toc, .vector-pinned-container {
background-color: transparent !important;
}
.vector-sticky-pinned-container::after {
background: linear-gradient(transparent, var(--ed-paper)) !important;
}
@media print { body, .mw-page-container { background-color: #fff !important; } }
Line 1,405 ⟶ 1,411:
body { font-family: var(--ed-sans); }
/* ── Prose voice: serif
.mw-body-content {
font-family: var(--ed-serif);
line-height: 1.6;
color: var(--ed-ink);
Line 1,419 ⟶ 1,425:
.mw-parser-output > dl { max-width: var(--ed-measure); }
/* guards: the data voice stays sans at the ONE small size — otherwise the
every em-based column width)
table.wikitable, .infobox {
font-family: var(--ed-sans);
Line 1,426 ⟶ 1,432:
}
/* ── The table BLOCK ──
scrolling content) in the paper color; hover warms.
2. Full frame in the rule color: top/bottom rules come from
section 11; the side rails are painted on the first/last
column CELLS (in border-collapse a cell border beats a
same-width table border, so a table-level side border would
silently lose to the hairline cell borders).
3. The table's outer margins move to the scroll WRAPPER so the
horizontal scrollbar hugs the bottom rule, and the scrollbar
itself goes thin + warm. ── */
table.wikitable,
table.wikitable td,
Line 1,434 ⟶ 1,449:
.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); }▼
.wikitable th:first-child,
.wikitable td:first-child { border-left: 1px solid var(--wt-rule); }
.wikitable th:last-child,
.wikitable td:last-child { border-right: 1px solid var(--wt-rule); }
table.wikitable { margin: 0; }
.mw-parser-output div[style*="overflow-x"],
.copy-table-scroll {
margin: 0.3em 0 2em;
scrollbar-width: thin;
scrollbar-color: var(--ed-hairline-strong) transparent;
}
/* caption = the table's TITLE: one size step above the 13px cells, so
it can no longer be confused with bold Total rows */
color: var(--ed-ink);
font-size: 0.875rem;
font-weight: 600;
}
/* standfirst — the italic intro sentence (FT: sans, calm). Anchored to the
Line 1,455 ⟶ 1,490:
/* page-reference superscripts — present everywhere, must whisper.
line-height:0 stops them inflating the line box
.mw-body-content sup {
font-size: 68%;
Line 1,475 ⟶ 1,510:
margin-bottom: 0.35em;
}
/* breadcrumb under the title rule — the shared eyebrow treatment
#contentSub .subpages {
font-family: var(--ed-sans);
Line 1,548 ⟶ 1,582:
}
/* ── TOC sidebar: quiet sans at the ONE small size
the shared eyebrow; ink on hover/active ── */
.vector-toc { font-family: var(--ed-sans); }
.vector-toc .vector-pinnable-header-label {
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--ed-secondary) !important;
}
.vector-toc .vector-toc-link,
.vector-toc .vector-toc-link:visited {
Line 1,599 ⟶ 1,641:
}
/* ── Footer + page-bottom cleanup
{ font-size: 0.75em }`, which COMPOUNDS with any footer size —
the rem on the li kills the compounding; footer now matches
the TOC exactly ── */
@media screen {
.printfooter { display: none; } /* "Retrieved from ..." clutter; stays in print */
Line 1,605 ⟶ 1,650:
#footer, .mw-footer {
font-family: var(--ed-sans);
▲ font-size: var(--ed-small);
color: var(--ed-faint);
border-top: 1px solid var(--ed-ink) !important;
}
#footer li, .mw-footer li { font-size: var(--ed-small); }
#footer a, #footer a:visited,
.mw-footer a, .mw-footer a:visited { color: var(--ed-secondary) !important; }
Line 1,616 ⟶ 1,661:
h1#firstHeading, .mw-first-heading { font-size: 1.7rem; }
.mw-body-content h2, .mw-body-content .mw-heading2 { font-size: 1.22rem; }
}
| |||