MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1,326:
/* =================================================================
12. EDITORIAL DESIGN SYSTEM v5.
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.
v5.
header tint, CONTENTS label+rule calibrated to the title block.
================================================================= */
Line 1,376 ⟶ 1,377:
--ed-accent: #f07662; /* house coral — hover underline, sparing */
--ed-paper: #fbfaf7; /* page canvas (set #fff to disable the tint) */
--ed-
--ed-measure: calc(100% - var(--ed-infobox-w)); /* prose ends ON the infobox border */
--ed-body: 1rem; /* body size (16px — the "90% zoom" preference) */
--ed-small: 0.8125rem; /* THE small size: tables, infobox, TOC, footer */
Line 1,441 ⟶ 1,443:
/* ── The table BLOCK ──
1. Printed ON the paper (not white cards): surfaces transparent
read as part of the header band; hover warms.
2. Full frame in --wt-rule. Sides: the RIGHT rail is a plain
border on the last-column cells; the LEFT rail must be a
Line 1,457 ⟶ 1,460:
table.wikitable td,
table.wikitable caption { background-color: transparent; }
.wikitable td:first-child { background-color: var(--
table.wikitable > tbody > tr:hover > td { background-color: #f2ede5; }
Line 1,630 ⟶ 1,633:
.vector-toc .vector-toc-list-item-active > .vector-toc-link { color: var(--ed-ink) !important; }
/* ── Infobox: the page's ONE white card, in the data voice
is the SAME token the prose measure subtracts, so the text edge
meets the infobox border exactly, on every page.
table.infobox (0,2,1) out-specifies the TemplateStyles sheet's
'.mw-parser-output .infobox' !important rules (0,2,0), which are
Line 1,637 ⟶ 1,642:
font-family: var(--ed-sans);
font-size: var(--ed-small);
width: var(--ed-infobox-w); /* SAME token as the prose measure = exact axis */
box-sizing: border-box;
background-color: #fff !important;
border: 1px solid var(--ed-hairline) !important;
Line 1,689 ⟶ 1,696:
@media screen and (max-width: 768px) {
:root { --ed-measure: 100%; } /* infobox is full-width on mobile */
.mw-parser-output table.infobox { width: 100%; }
h1#firstHeading, .mw-first-heading { font-size: 1.7rem; }
.mw-body-content h2, .mw-body-content .mw-heading2 { font-size: 1.22rem; }
| |||