MediaWiki:Common.css: Difference between revisions
No edit summary |
Header is left-aligned in desktop |
||
| (13 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 81: | Line 90: | ||
body[class*=' page-User_'] .hide-when-not-idea, | body[class*=' page-User_'] .hide-when-not-idea, | ||
body[class*=' page-Idea_Supreme_'] .hide-when-not-idea, | body[class*=' page-Idea_Supreme_'] .hide-when-not-idea, | ||
body[class*=' page-Special_'] | body[class*=' page-Special_'] .hide-when-not-idea, | ||
body[class*=' ns-special '] .hide-when-not-idea { | body[class*=' ns-special '] .hide-when-not-idea { | ||
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 462: | Line 481: | ||
--tab-bg: #72777d; | --tab-bg: #72777d; | ||
--is-border-color: #ccc; | --is-border-color: #ccc; | ||
} | |||
/* Printer touch-ups */ | |||
@media print { | |||
.firstHeading::before { | |||
display: none; | |||
} | |||
.vector-page-titlebar, .skin-minerva .page-heading { | |||
border: 0; | |||
background: none; | |||
} | |||
header .share-container, .header-button { | |||
display: none; | |||
} | |||
.page-quick-details { | |||
float: right; | |||
} | |||
.infobox-tab.active, .infobox-panel, .infobox-wishes-panel { | |||
background-color: #CCCCCC; | |||
} | |||
.infobox-tab { | |||
background-color: #EEEEEE; | |||
} | |||
.mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame'] { | |||
margin: 1em 0 1em 2em; | |||
float: right; | |||
clear: right; | |||
} | |||
.infobox-actions [data-tab='about-idea'] { | |||
display: none; | |||
} | |||
.infobox-idea { | |||
page-break-inside: avoid; | |||
} | |||
} | |||
/* 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; | |||
} | |||
} | } | ||