MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 16: | Line 16: | ||
text-align: left; | text-align: left; | ||
} | } | ||
.infobox-title { | table.infobox th .infobox-title { | ||
text-align: center; | text-align: center; | ||
font-size: 122%; | font-size: 122%; | ||
Revision as of 22:05, 1 October 2025
/* === Infobox (light theme default) === */
table.infobox {
border: 1px solid #a2a9b1;
background: #f8f9fa;
color: inherit; /* use skin's text color */
font-size: 90%;
line-height: 1.4em;
border-collapse: collapse;
}
table.infobox th,
table.infobox td {
padding: .25em .5em;
vertical-align: top;
}
table.infobox th {
text-align: left;
}
table.infobox th .infobox-title {
text-align: center;
font-size: 122%;
font-weight: bold;
background: #cfe3a3; /* tweak to taste */
}
/* === Infobox (dark theme via skin toggle) ===
Vector/Minerva add `skin-theme-clientpref-night` on <html>
when the user selects Dark. We override based on that. */
html.skin-theme-clientpref-night table.infobox {
background: #202124;
border-color: #5f6368;
color: #e8eaed;
}
html.skin-theme-clientpref-night table.infobox th {
color: #e8eaed;
}
html.skin-theme-clientpref-night .infobox-title {
background: #323f2b; /* header tint for dark; adjust if you like */
color: #e8eaed;
}
/* Optional: make links inside infobox readable in dark mode */
html.skin-theme-clientpref-night table.infobox a { color: #8ab4f8; }
html.skin-theme-clientpref-night table.infobox a:visited { color: #c58af9; }