MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 2,119:
full-width horizontal "dateline" strip for TABLE-FIRST pages
(financial supplements): no float, label-OVER-value pairs in a
responsive grid, content resumes full-width right below.
DESKTOP-ONLY enhancement: below 769px — and on Minerva, excluded via
.ed-infobox-band .infobox,▼
body:not(.skin-minerva) because the host pins a 1120px viewport meta
.ed-infobox-band table.infobox {▼
on phones so width queries alone can't target them — every band rule
float: none !important;▼
goes inert and the infobox falls back to the DEFAULT design (which
clear: none !important;▼
the existing mobile rules already render full-width). ── */
width: 100% !important;▼
@media (min-width: 769px) {
margin: 0.8em 0 1.8em !important;▼
▲ body:not(.skin-minerva) .ed-infobox-band .infobox,
▲ body:not(.skin-minerva) .ed-infobox-band table.infobox {
▲ float: none !important;
▲ clear: none !important;
▲ width: 100% !important;
▲ margin: 0.8em 0 1.8em !important;
}
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody {▼
display: grid;▼
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));▼
gap: 0.7em 1.6em;▼
}
display: block;▼
min-width: 0;
}
/* the DOCUMENT INFO eyebrow row spans the full band */▼
grid-column: 1 / -1;
}
body:not(.skin-minerva) .ed-infobox-band .infobox .infobox-above { display: block; }▼
/* each field = its two table cells stacked: small muted label over value */▼
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody > tr > th.infobox-label,▼
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody > tr
display: block;
padding: 0;▼
overflow-wrap: anywhere;▼
}
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody > tr
font-size: 0.8rem;▼
color: var(--text-light);▼
margin-bottom: 0.15em;▼
}
/* no floated card on band pages → the prose measure is released */▼
body:not(.skin-minerva) .mw-parser-output:has(.ed-infobox-band) { --ed-measure: 100%; }▼
}
▲.ed-infobox-band .infobox > tbody {
▲ display: grid;
▲ grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
▲ gap: 0.7em 1.6em;
▲.ed-infobox-band .infobox > tbody > tr { display: block; min-width: 0; }
▲/* the DOCUMENT INFO eyebrow row spans the full band */
▲.ed-infobox-band .infobox > tbody > tr:has(.infobox-above) { grid-column: 1 / -1; }
▲.ed-infobox-band .infobox .infobox-above { display: block; }
▲/* each field = its two table cells stacked: small muted label over value */
▲.ed-infobox-band .infobox > tbody > tr > th.infobox-label,
▲.ed-infobox-band .infobox > tbody > tr > td.infobox-data {
▲ display: block;
▲ padding: 0;
▲ overflow-wrap: anywhere;
▲.ed-infobox-band .infobox > tbody > tr > th.infobox-label {
▲ font-size: 0.8rem;
▲ color: var(--text-light);
▲ margin-bottom: 0.15em;
▲/* no floated card on band pages → the prose measure is released */
▲.mw-parser-output:has(.ed-infobox-band) { --ed-measure: 100%; }
/* ── Blockquotes: ink bar, serif italic. The quote TEXT sits on the body-
| |||