MediaWiki:Common.css
Appearance
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* === Infobox (light theme default) === */
table.infobox {
border: 1px solid #a2a9b1;
background: #f8f9fa;
color: inherit;
font-size: 90%;
line-height: 1.4em;
border-collapse: collapse;
width: 22em;
}
table.infobox th, table.infobox td { padding: .25em .5em; vertical-align: top; }
table.infobox th { text-align: left; }
/* Title: centered, 125%, uses custom color if provided */
table.infobox th.infobox-title {
text-align: center; /* centering */
font-size: 125%; /* size */
font-weight: bold;
background: var(--ib-title-bg, #cfe3a3); /* uses |color= if set */
}
/* === Dark theme via skin toggle (ignore custom color) === */
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 table.infobox th.infobox-title {
background: #323f2b; /* fixed dark header; overrides any --ib-title-bg */
color: #e8eaed;
}
/* Optional: link colors inside infobox in dark mode */
html.skin-theme-clientpref-night table.infobox a { color: #8ab4f8; }
html.skin-theme-clientpref-night table.infobox a:visited { color: #c58af9; }