MediaWiki:Common.css: Difference between revisions
Appearance
more wikipedia-like infoboxes |
bigger infobox title |
||
| (One intermediate revision by the same user not shown) | |||
| Line 3: | Line 3: | ||
--pi-background: var(--background-color-interactive-subtle, #f8f9fa) !important; | --pi-background: var(--background-color-interactive-subtle, #f8f9fa) !important; | ||
--pi-secondary-background: #dedee2 !important; | --pi-secondary-background: #dedee2 !important; | ||
--pi-border-color: transparent; | |||
} | } | ||
@media screen { | @media screen { | ||
html.skin-theme-clientpref-night { | |||
--pi-secondary-background: hsl(240,6%,20%) !important; | |||
} | |||
} | } | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref-os { | |||
--pi-secondary-background: hsl(240,6%,20%) !important; | |||
} | |||
} | } | ||
| Line 23: | Line 24: | ||
aside.portable-infobox .pi-title { | aside.portable-infobox .pi-title { | ||
background-color: var(--pi-secondary-background); | background-color: var(--pi-secondary-background); | ||
font-size: | font-size: 150%; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
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;
}