MediaWiki:Gadget-GlobalStyle.css

/* CSS placed here will be applied to all skins on both desktop and mobile
   The "mobile" body class can be used to target mobile specifically */

.mw-wiki-logo { background-size: 150px; }

.mw-special-Upload .noupload, .useronly,
.autoconfonly, .editprotected, .editinterface {
	display: none;
}
body.anon.ns-content.action-view.mobile #bodyContent .pikipediaBox:not(.show) {
	display: none !important;
}

/* Site notice */
#localNotice a.external {
	padding: 0 !important;
	background: none !important;
}

/* Image thumbs */
html .thumbimage { background-color: #fff; }

/* Image/gallery classes */
img.flipx, img.flipX { transform: scaleX(-1); }
img.flipy, img.flipY { transform: scaleY(-1); }
img.invert-light { filter: invert(1) hue-rotate(180deg); }
body.mediawiki img.noresize { max-width: none !important; }
img.blackbg, .gallery.blackbg img { background: #000 !important; }
img.graybg, img.greybg, .gallery.graybg img, .gallery.greybg img {
	background: #808080 !important;
}
.pixelated, .pixelart, .sprites, .sprite {
	image-rendering: crisp-edges; image-rendering: pixelated;
}

/* Gallery classes */
.gallery.center {
	margin-left: auto !important;
	margin-right: auto !important;
}
.gallery.centertext .gallerytext {
	text-align: center !important;
}

/* Gallery slideshow */
.mw-gallery-slideshow .gallerybox + .gallerybox {
	display: none;
}
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox {
	display: inline-block !important;
}

/* Media files */
.gallery video { width: 100%; height: 120px; }
.gallery audio { max-width: calc(100% - 30px) !important; }
.thumb video, .thumb audio { display: block; margin: auto; }
.filehistory video { max-height: 125px; max-width: 125px !important; }
.filehistory audio { max-width: 120px !important; }

/* File pages */
#file img, #file img:hover, .filehistory a img {
	background: url(https://wiki.gallery/images/checker.svg) repeat;
}

/* Formatting fixes */
#toc { clear: left; }
pre { overflow: auto; }
hr { overflow: hidden; }
.mw-parser-output table sup { white-space: nowrap; }
div[style*="column-"] > * { margin-top: 0 !important; margin-bottom: 0 !important; }
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] {
	word-wrap: anywhere;
}

/* Margin fixes */
.ns-subject:not(.ns-110) #mw-content-text li > ol,
.ns-subject:not(.ns-110) #mw-content-text li > ul:not(.gallery) {
	margin-top: 0.1em !important;
}
.ns-subject:not(.ns-110) #mw-content-text dl + ol,
.ns-subject:not(.ns-110) #mw-content-text dl + ul:not(.gallery) {
	margin-top: -0.3em !important;
}
.ns-subject:not(.ns-110) #mw-content-text ol + dl,
.ns-subject:not(.ns-110) #mw-content-text ul:not(.gallery) + dl  {
	margin-top: 0.3em !important;
}

/* Link fixes */
body.mediawiki a.mw-selflink {
	color: inherit !important;
	cursor: inherit !important;
	text-decoration: inherit !important;
	font-weight: bold !important;
}
a font:hover, a span:hover {
	text-decoration: inherit;
}
.autocomment a:hover {
	color: inherit;
}

/* Explain text */
.explain[title] {
	cursor: help;
	border-bottom: 1px dotted;
	text-decoration: none;
}

/* Scrollable tables */
table.scrollable {
	display: block;
	max-width: max-content;
	overflow: auto;
	border: 0;
}

/* Content boxes */
.contentbox.mw-collapsible > .mw-collapsible-toggle {
	float: none !important;
}
.client-js body:not(.skin-minerva) .contentbox.mw-collapsible:not(.mw-made-collapsible) {
	display: none !important;
}

/* Show/hide toggles */
.navbox .mw-collapsible-toggle {
	text-align: right;
	min-width: 3.729em;
}
.wikitable.mw-collapsed .mw-collapsible-toggle {
	margin-left: 10px;
}

/* Hide help indicator */
#mw-indicator-mw-helplink { display: none; }

/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help { display: none; }

/* Special:RecentChanges */
.mw-special-Recentchanges .mw-changeslist-time { display: initial; }
.mw-changeslist-legend .mw-collapsible-toggle { margin-left: 0.5em; }
.client-js .mw-enhanced-rc td:not(:first-of-type) { min-width: 18px; }

/* Special:Contact */
.mw-special-Contact fieldset div[data-ooui*="wpCCme"],
.mw-special-Contact fieldset div[data-ooui*="wpSubject"] {
	display: none;
}
.mw-special-Contact #wpCaptchaWord,
.mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"] {
	margin-top: 2px;
}
.mw-special-Contact fieldset div[data-ooui*="CAPTCHA"] {
	margin-top: 1em;
}

/* Sortable arrows for white text */
tr[style*="color:#fff"] > th.headerSort,
tr[style*="color:white"] > th.headerSort,
.sortable th.headerSort[style*="color:#fff"],
.sortable th.headerSort[style*="color:white"] {
	background-image: url(/images/sort_both-white.svg);
}
tr[style*="color:#fff"] > th.headerSortUp,
tr[style*="color:white"] > th.headerSortUp,
.sortable th.headerSortUp[style*="color:#fff"],
.sortable th.headerSortUp[style*="color:white"] {
	background-image: url(/images/sort_up-white.svg)
}
tr[style*="color:#fff"] > th.headerSortDown,
tr[style*="color:white"] > th.headerSortDown,
.sortable th.headerSortDown[style*="color:#fff"],
.sortable th.headerSortDown[style*="color:white"] {
	background-image: url(/images/sort_down-white.svg);
}

/* Watchlist expiry (icon fix) */
.oo-ui-icon-clock, .mw-ui-icon-clock::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm2.5 14.5L9 11V4h2v6l3 3z%22/%3E%3C/svg%3E");
}
.mw-changesList-watchlistExpiry.oo-ui-iconElement-icon {
	height: 13px;
	min-height: 13px;
	position: relative;
	top: -1px;
	opacity: 0.51;
}

/* Tabs fix */
.switch:first-child { margin-top: 28px; }
.mobile .switch:first-child { margin-top: 37px; }
.mobile.skin-timeless .switch:first-child { margin-top: 35.5px; }
.switchable > .switch:not(:first-of-type) { display: none; }

/* Infobox fix */
.infobox code { word-break: break-all; }

/* Content tables */
.hiddentable .mw-collapsible-toggle,
.technicaltable .mw-collapsible-toggle {
	text-align: right;
	min-width: 3.25em;
	margin-left: 0 !important;
}
.technicaltable {
	min-width: 380px;
}