MediaWiki:Common.css: Difference between revisions
m Dark theme: style reference lists / footnotes / Record notes (pii) - were white-on-white due to unstyled default background |
m Add mobile responsive rules (max-width:700px): full-width infoboxes, scrollable wide tables/navboxes, capped images; desktop unaffected |
||
| Line 647: | Line 647: | ||
.tf-steps { counter-reset: tfstep; } | .tf-steps { counter-reset: tfstep; } | ||
.tf-steps > li { margin:8px 0; } | .tf-steps > li { margin:8px 0; } | ||
/* ===== Mobile readability for article content (added 2026-07-18) ===== | |||
Scoped to narrow viewports; desktop layout unchanged. Complements the | |||
existing tf-mainpage @media rules above. */ | |||
@media (max-width: 700px) { | |||
/* Infoboxes span full width instead of squeezing body text into a sliver */ | |||
.mw-parser-output .infobox, | |||
.mw-parser-output .sidebar, | |||
.mw-parser-output .tf-cbox, | |||
.mw-parser-output .tf-abox, | |||
.mw-parser-output .tf-pbox, | |||
.mw-parser-output .tf-ebox { | |||
float: none !important; | |||
width: auto !important; | |||
max-width: 100% !important; | |||
margin: 0.6em auto !important; | |||
box-sizing: border-box; | |||
} | |||
/* Wide data tables scroll within their own box, not the whole page */ | |||
.mw-parser-output .wikitable, | |||
.mw-parser-output .tf-navbox { | |||
display: block; | |||
overflow-x: auto; | |||
-webkit-overflow-scrolling: touch; | |||
max-width: 100%; | |||
} | |||
/* Images never force horizontal overflow */ | |||
.mw-parser-output img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
} | |||