MediaWiki:Common.css: Difference between revisions
Appearance
Created page with "→CSS placed here will be applied to all skins: :root { --pi-background: var(--background-color-interactive-subtle) !important; --pi-secondary-background: var(--background-color-interactive) !important; }" |
bigger infobox title |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
:root { | :root { | ||
--pi-background: var(--background-color-interactive-subtle) !important; | --pi-background: var(--background-color-interactive-subtle, #f8f9fa) !important; | ||
--pi-secondary-background: | --pi-secondary-background: #dedee2 !important; | ||
--pi-border-color: transparent; | |||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night { | |||
--pi-secondary-background: hsl(240,6%,20%) !important; | |||
} | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os { | |||
--pi-secondary-background: hsl(240,6%,20%) !important; | |||
} | |||
} | |||
aside.portable-infobox { | |||
border: 1px solid #a2a9b1; | |||
} | |||
aside.portable-infobox .pi-title { | |||
background-color: var(--pi-secondary-background); | |||
font-size: 150%; | |||
font-weight: bold; | |||
text-align: center; | |||
padding: 0; | |||
margin: 0.4rem 0.3rem; | |||
} | |||
aside.portable-infobox .pi-secondary-background { | |||
padding: 0.2rem; | |||
margin: 0.3rem; | |||
text-align: center; | |||
font-size: 110%; | |||
} | |||
.content .mw-parser-output .portable-infobox .pi-data-label { | |||
flex-basis: 90px; | |||
} | } | ||
Latest revision as of 19:04, 12 January 2025
/* CSS placed here will be applied to all skins */
:root {
--pi-background: var(--background-color-interactive-subtle, #f8f9fa) !important;
--pi-secondary-background: #dedee2 !important;
--pi-border-color: transparent;
}
@media screen {
html.skin-theme-clientpref-night {
--pi-secondary-background: hsl(240,6%,20%) !important;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os {
--pi-secondary-background: hsl(240,6%,20%) !important;
}
}
aside.portable-infobox {
border: 1px solid #a2a9b1;
}
aside.portable-infobox .pi-title {
background-color: var(--pi-secondary-background);
font-size: 150%;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0.4rem 0.3rem;
}
aside.portable-infobox .pi-secondary-background {
padding: 0.2rem;
margin: 0.3rem;
text-align: center;
font-size: 110%;
}
.content .mw-parser-output .portable-infobox .pi-data-label {
flex-basis: 90px;
}