MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* === Infobox (light theme default) === */ | |||
table.infobox { | table.infobox { | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
color: inherit; /* use skin's text color */ | |||
font-size: 90%; | font-size: 90%; | ||
line-height: 1.4em; | line-height: 1.4em; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
table.infobox th, table.infobox td { padding: .25em .5em; vertical-align: top; } | table.infobox th, | ||
table.infobox th { text-align: left; background: #f2f2f2; } | table.infobox td { | ||
.infobox-title { text-align: center; font-size: 120%; font-weight: bold; background: #cfe3a3; } | padding: .25em .5em; | ||
vertical-align: top; | |||
} | |||
table.infobox th { | |||
text-align: left; | |||
background: #f2f2f2; | |||
} | |||
.infobox-title { | |||
text-align: center; | |||
font-size: 120%; | |||
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 { | |||
background: #2a2b2e; | |||
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; } |
Revision as of 21:57, 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; background: #f2f2f2; } .infobox-title { text-align: center; font-size: 120%; 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 { background: #2a2b2e; 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; }