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.
sticky-safe left rail, title breathing room + CONTENTS rule on the
title's line, caption icon, logo on the title axis.
================================================================= */
Line 1,381 ⟶ 1,380:
--ed-body: 1rem; /* body size (16px — the "90% zoom" preference) */
--ed-small: 0.8125rem; /* THE small size: tables, infobox, TOC, footer */
--ed-title-gap: 0.9rem; /* air between the header bar and the page title */
/* section 11's table palette, warmed onto the same ramp
--wt-rule is the table FRAME: deliberately lighter than the ink
h2 rules so tables sit below section structure in the hierarchy */
--wt-border: #ece8e1;
--wt-rule:
--wt-edge: var(--ed-hairline-strong);
--wt-th-bg: #f3efe8;
Line 1,410 ⟶ 1,412:
serif below ── */
body { font-family: var(--ed-sans); }
/* ── Logo on the title axis: push it right by the TOC column + grid
gap at Vector's own grid breakpoints, so the logo + tagline sit
exactly above the page title. Below 1120px the TOC column does
not exist, so no offset. ── */
@media (min-width: 1120px) { .mw-logo { margin-left: calc(12.25rem + 24px); } }
@media (min-width: 1680px) { .mw-logo { margin-left: calc(15.5rem + 24px); } }
/* ── Prose voice: serif, warm ink ── */
Line 1,436 ⟶ 1,445:
only the sticky first column stays opaque (it must cover
scrolling content) in the paper color; hover warms.
2. Full frame in
travel with the cell. The table's own left border is disabled
so the rail is the only line there.
3. The table's outer margins move to the scroll WRAPPER so the
horizontal scrollbar hugs the bottom rule, and the scrollbar
Line 1,451 ⟶ 1,462:
.wikitable th:first-child,
.wikitable td:first-child {
border-left: none;
box-shadow: inset 1px 0 0 var(--wt-rule), /* left rail — sticks with the cell */
1px 0 0 var(--wt-edge); /* right edge of the frozen column */
}
.wikitable th:last-child,
.wikitable td:last-child { border-right: 1px solid var(--wt-rule); }
table.wikitable { margin: 0; border-left: none; }
.mw-parser-output div[style*="overflow-x"],
.copy-table-scroll {
Line 1,463 ⟶ 1,478:
}
/* caption = the table's TITLE: one size step above the 13px cells,
a systematic data glyph (swap the emoji here to change it everywhere) */
table.wikitable caption {
color: var(--ed-ink);
font-size: 0.875rem;
font-weight: 600;
}
table.wikitable caption::before {
content: "📊";
margin-right: 0.45em;
font-size: 0.9em;
}
Line 1,498 ⟶ 1,518:
}
/* ── Title block: serif display, REGULAR weight, large;
under the header (beats section 2's zero-margin reset) ── */
h1#firstHeading, .mw-first-heading {
font-family: var(--ed-serif);
Line 1,507 ⟶ 1,528:
color: var(--ed-ink) !important;
border-bottom: 2px solid var(--ed-ink) !important;
margin-top: var(--ed-title-gap) !important;
padding-bottom: 0.3em;
margin-bottom: 0.35em;
Line 1,582 ⟶ 1,604:
}
/* ── TOC sidebar: quiet sans at the ONE small size; "
a 2px ink rule sized to land on the same line as the title's rule
(nudge padding-top ±2px to fine-align; exact only when the title
is a single line) ── */
.vector-toc { font-family: var(--ed-sans); }
.vector-toc .vector-pinnable-header {
border-bottom: 2px solid var(--ed-ink) !important;
padding-top: 1.55rem;
padding-bottom: 1.3rem;
margin-bottom: 0.9rem;
}
.vector-toc .vector-pinnable-header-label {
font-size: 0.75rem;
| |||