MediaWiki:Common.css: Difference between revisions
No edit summary |
Header is left-aligned in desktop |
||
| (8 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 */ | ||
body | body { | ||
{ | |||
font-family: Trebuchet MS, Tahoma, sans-serif; | font-family: Trebuchet MS, Tahoma, sans-serif; | ||
} | } | ||
| Line 11: | Line 10: | ||
#mw-htmlform-skin { | #mw-htmlform-skin { | ||
display: none; | display: none; | ||
} | |||
/* Logo tweaks */ | |||
body.skin-vector-2022 .mw-logo-icon { | |||
margin-right: 6px; | |||
} | } | ||
| Line 46: | Line 50: | ||
.mf-icon-expand { | .mf-icon-expand { | ||
display: none; | |||
} | |||
/* Remove hamburger menu with nothing in it in Vector */ | |||
.vector-main-menu-landmark { | |||
display: none; | display: none; | ||
} | } | ||
| Line 224: | Line 233: | ||
.mw-parser-output figure[typeof='mw:File'] img { | .mw-parser-output figure[typeof='mw:File'] img { | ||
background-color: transparent; | background-color: transparent; | ||
} | |||
/* Turn the brightness to 10 for pictures in dark mode */ | |||
html.skin-theme-clientpref-night .mw-parser-output > figure[typeof='mw:File/Thumb'] img { | |||
filter: brightness(1); | |||
} | |||
/* Remove filter on bottom logo in mobile dark mode */ | |||
html.skin-theme-clientpref-night .minerva-footer-logo > img { | |||
filter: unset; | |||
} | } | ||
| Line 419: | Line 438: | ||
padding: 0.4em 0.8em; | padding: 0.4em 0.8em; | ||
border-radius: 8px 8px 0 0; | border-radius: 8px 8px 0 0; | ||
background-color: var(--tab-bg | background-color: var(--tab-bg); | ||
cursor: pointer; | cursor: pointer; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 425: | Line 444: | ||
.infobox-tab.active { | .infobox-tab.active { | ||
background-color: var(--tab-active-bg | background-color: var(--tab-active-bg); | ||
} | } | ||
.infobox-panel { | .infobox-panel { | ||
background-color: var(--tab-active-bg | background-color: var(--tab-active-bg); | ||
padding: 0.8em; | padding: 0.8em; | ||
overflow-y: auto; | overflow-y: auto; | ||
| Line 437: | Line 456: | ||
.infobox-wishes-panel { | .infobox-wishes-panel { | ||
background-color: var(--tab-active-bg | background-color: var(--tab-active-bg); | ||
padding: 0.8em; | padding: 0.8em; | ||
border-radius: 8px; | border-radius: 8px; | ||
| Line 483: | Line 502: | ||
} | } | ||
.infobox-tab.active, .infobox-panel { | .infobox-tab.active, .infobox-panel, .infobox-wishes-panel { | ||
background-color: #CCCCCC; | background-color: #CCCCCC; | ||
} | } | ||
| Line 506: | Line 525: | ||
} | } | ||
/* Lastest Big Ideas Tweaks */ | |||
@media (max-width: 639px) { | |||
/* Center and bold Latest Big Ideas text */ | |||
.gallery .gallerybox { | |||
text-align: center; | |||
font-weight: bold; | |||
} | |||
} | |||
@media (min-width: 640px) { | |||
/* Header is left-aligned in desktop */ | |||
li.gallerycaption { | |||
text-align: unset; | |||
} | |||
} | |||
/* Light/dark mode | /* Light/dark mode | ||