MediaWiki:Common.css: Difference between revisions
Appearance
Phase 2: placeholder brand colors (terracotta/cream) |
Mobile: keep infoboxes as full-width tables on narrow screens |
||
| Line 35: | Line 35: | ||
a:visited { | a:visited { | ||
color: var( --pentalatin-primary-dark ); | color: var( --pentalatin-primary-dark ); | ||
} | |||
/* Phase 7 mobile fix (2026-11-12). With $wgVectorResponsive on, Vector turns content | |||
tables into scrollable blocks on narrow screens (display:block). Our infoboxes have a | |||
fixed 300px width, so the inner table shrank to its content and the red title bar | |||
stopped short. Keep infoboxes as real tables, never wider than the screen. */ | |||
.mw-parser-output table.infobox { | |||
display: table; | |||
max-width: 100%; | |||
} | } | ||
Revision as of 03:20, 13 November 2026
/* PentaLatin Phase 2 placeholder branding.
Simple warm terracotta/cream palette, no dark-mode handling yet (deferred
until real branding assets/logo are chosen). Safe to replace wholesale later. */
:root {
--pentalatin-primary: #B2472F;
--pentalatin-primary-dark: #7A2E22;
--pentalatin-cream: #F7F1E6;
}
body {
background-color: var( --pentalatin-cream );
}
.mw-body,
.vector-body {
background-color: #ffffff;
}
.vector-header-container,
.vector-header {
background-color: var( --pentalatin-cream );
}
#firstHeading,
.firstHeading {
font-family: Georgia, 'Times New Roman', serif;
color: var( --pentalatin-primary-dark );
}
a {
color: var( --pentalatin-primary );
}
a:visited {
color: var( --pentalatin-primary-dark );
}
/* Phase 7 mobile fix (2026-11-12). With $wgVectorResponsive on, Vector turns content
tables into scrollable blocks on narrow screens (display:block). Our infoboxes have a
fixed 300px width, so the inner table shrank to its content and the red title bar
stopped short. Keep infoboxes as real tables, never wider than the screen. */
.mw-parser-output table.infobox {
display: table;
max-width: 100%;
}