MediaWiki:Common.css: Difference between revisions
No edit summary Tags: Mobile edit Mobile web edit |
Header is left-aligned in desktop |
||
| (25 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; | ||
} | |||
/* Hide options in preferences, particularly the ability to change skin in Vector and Minerva */ | |||
#mw-htmlform-skin, | |||
#mw-input-wpskin, | |||
#mw-prefsection-rendering-skin legend, | |||
#mw-htmlform-skin { | |||
display: none; | |||
} | |||
/* Logo tweaks */ | |||
body.skin-vector-2022 .mw-logo-icon { | |||
margin-right: 6px; | |||
} | } | ||
| Line 38: | 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 73: | 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_'] .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 213: | Line 231: | ||
/* No gray background behind pictures! */ | /* No gray background behind pictures! */ | ||
.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 275: | Line 302: | ||
display: block; | display: block; | ||
width: 322px; | width: 322px; | ||
} | |||
.skin-minerva .content figure[typeof~='mw:File/Thumb'], | |||
.skin-minerva .content figure[typeof~='mw:File/Frame'] { | |||
margin: 0.6em auto 1.75em auto; | |||
} | } | ||
| Line 306: | Line 338: | ||
#toc { | #toc { | ||
display: none; | |||
} | |||
/* Hide Discussion button at bottom of mobile page */ | |||
#page-secondary-actions { | |||
display: none; | display: none; | ||
} | } | ||
| Line 355: | Line 392: | ||
} | } | ||
.infobox-wishes | .infobox-wishes .infobox-heading { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| Line 362: | Line 399: | ||
.infobox-wishes-p { | .infobox-wishes-p { | ||
padding-bottom: 0; | padding-bottom: 0 !important; | ||
margin-bottom: .5em !important; | |||
font-size: .875rem; | |||
} | } | ||
| Line 400: | 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 406: | 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: | padding: 0.8em; | ||
overflow-y: auto; | overflow-y: auto; | ||
height: | height: 7em; | ||
border-radius: 0 8px 8px 8px; | border-radius: 0 8px 8px 8px; | ||
} | } | ||
.infobox-wishes-panel { | .infobox-wishes-panel { | ||
background-color: var(--tab-active-bg | background-color: var(--tab-active-bg); | ||
padding: | padding: 0.8em; | ||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
| Line 429: | Line 467: | ||
.infobox-list { | .infobox-list { | ||
padding-left: 0; | padding-left: 0; | ||
font-size: .875rem; | |||
font-size: | |||
list-style-type: disc; | list-style-type: disc; | ||
} | } | ||
| Line 439: | Line 476: | ||
--is-border-color: #000; | --is-border-color: #000; | ||
} | } | ||
html.skin-theme-clientpref-night { | html.skin-theme-clientpref-night { | ||
--tab-active-bg: #54595d; | --tab-active-bg: #54595d; | ||
--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; | |||
} | |||
} | } | ||