MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* ------------------ | |||
--- General Style --- | |||
------------------ */ | |||
:root { | |||
color-scheme: light !important; | |||
} | |||
:root, .skin-invert, .no-theme { | |||
} | |||
/* ----------------- | /* ----------------- | ||
--- Infoboxes --- | --- Infoboxes --- | ||
| Line 4: | Line 16: | ||
.infobox { | .infobox { | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
color: #000; | color: #000; | ||
| Line 52: | Line 63: | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
.infobox { | .infobox { | ||
width: 100%; | |||
float: none; | float: none; | ||
clear: both; | clear: both; | ||
| Line 57: | Line 69: | ||
table-layout: fixed; | table-layout: fixed; | ||
} | } | ||
.infobox .nowrap { | .infobox .nowrap { | ||
white-space: normal; | white-space: normal; | ||
Latest revision as of 10:03, 7 January 2026
/* ------------------
--- General Style ---
------------------ */
:root {
color-scheme: light !important;
}
:root, .skin-invert, .no-theme {
}
/* -----------------
--- Infoboxes ---
----------------- */
.infobox {
border: 1px solid #a2a9b1;
color: #000;
padding: .2em;
font-size: .9em;
line-height: 1.5em;
border-spacing: 3px;
}
.infobox th,
.infobox td {
padding: .2em .5em;
text-align: left;
vertical-align: top;
}
.infobox .infobox-above,
.infobox .infobox-title {
font-size: 1.25em;
font-weight: bold;
text-align: center !important;
}
.infobox .infobox-caption {
font-weight: normal !important;
text-align: center !important;
}
.infobox .infobox-header {
font-size: 1.1em;
font-weight: bold;
text-align: center !important;
}
.infobox .infobox-label {
font-weight: bold;
}
/* Fixes weird stretching bug with the Vector skin */
.infobox img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
@media (max-width: 640px) {
.infobox {
width: 100%;
float: none;
clear: both;
margin: 0 0 1em 0;
table-layout: fixed;
}
.infobox .nowrap {
white-space: normal;
}
}
@media (min-width: 640px) {
.infobox {
/* @noflip */
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}