Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
No edit summary
Line 1,326:
 
/* =================================================================
12. EDITORIAL DESIGN SYSTEM v5.23 ("paper & ink")
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.23: infobox width andENFORCED proseover measureinline share ONE tokenwidths (exact text axis on
hand-written pages too); scrollbar in the header tint.
text/infobox axis on every page), frozen table column carries the
header tint, CONTENTS label+rule calibrated to the title block.
================================================================= */
 
Line 1,372 ⟶ 1,371:
--ed-faint: #807973; /* page refs, list markers, footer body */
--ed-hairline: #e7e2db; /* light warm line (infobox frame) */
--ed-hairline-strong: #d6d0c8; /* stronger warm line (edges, scrollbar) */
--ed-link: #0d7680; /* interactive teal (FT's link color) */
--ed-underline: #ccc1b7; /* resting link underline tint */
Line 1,443 ⟶ 1,442:
 
/* ── The table BLOCK ──
1. Printed ON the paper (not white cards): surfaces transparent.;
Theonly the sticky first column stays opaque (it must cover scrolling
scrolling content) and carriesin the HEADERpaper TINT, so thecolor; frozenhover labelswarms.
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,455 ⟶ 1,453:
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 is
itselfthin, goesin thinthe +header warmtint. ── */
table.wikitable,
table.wikitable td,
table.wikitable caption { background-color: transparent; }
.wikitable td:first-child { background-color: var(--wted-th-bgpaper); } /* frozen col = header tint */
table.wikitable > tbody > tr:hover > td { background-color: #f2ede5; }
 
Line 1,477 ⟶ 1,475:
margin: 0.3em 0 2em;
scrollbar-width: thin;
scrollbar-color: var(--edwt-hairlineth-strongbg) transparent; /* scrollbar = header tint */
}
 
Line 1,634 ⟶ 1,632:
 
/* ── Infobox: the page's ONE white card, in the data voice; its width
is the SAME token the prose measure subtracts, soENFORCED the text edgewith
!important so inline widths on hand-written pages cannot break
meets the infobox border exactly, on every page.
the axis. table.infobox (0,2,1) also out-specifies the TemplateStyles sheet's
'.mw-parser-outputTemplateStyles .infoboxsheet's !important rules (0,2,0),. which── are*/
emitted in the body AFTER site styles and would otherwise win. ── */
.mw-parser-output table.infobox {
font-family: var(--ed-sans);
font-size: var(--ed-small);
width: var(--ed-infobox-w) !important; /* SAME token as the prose measure; = exact axis */!important
beats inline widths on hand-written pages */
box-sizing: border-box;
background-color: #fff !important;
Line 1,696 ⟶ 1,694:
@media screen and (max-width: 768px) {
:root { --ed-measure: 100%; } /* infobox is full-width on mobile */
.mw-parser-output table.infobox { width: 100% !important; }
h1#firstHeading, .mw-first-heading { font-size: 1.7rem; }
.mw-body-content h2, .mw-body-content .mw-heading2 { font-size: 1.22rem; }
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"