MediaWiki:Common.css: Difference between revisions
Replaced content with "→Base background + text: body { background-color: #000; color: #fff; } →Main content area: .mw-body, .mw-parser-output { background-color: #000; color: #fff; } →Headings: h1, h2, h3, h4, h5, h6 { color: #fff; } →Links: a { color: #6aa9ff; } a:visited { color: #b38cff; } →Tables: table { background-color: #111; color: #fff; } →Infoboxes / wikitables: .infobox, .wikitable { background-color: #111;..." Tag: Replaced |
No edit summary |
||
| (52 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 --- | |||
. | ----------------- */ | ||
.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 { | |||
.infobox | font-weight: bold; | ||
. | |||
} | } | ||
/* | /* Fixes weird stretching bug with the Vector skin */ | ||
.infobox | .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; | |||
} | |||
} | } | ||
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;
}
}