MediaWiki:Gadget-GlobalStyle.css

/* CSS placed here will be applied to all skins on both desktop and mobile The "dark" and "mobile" body classes can be used to target different scenarios */

.useronly, .autoconfonly { display: none; } body.anon.ns-content.action-view.mobile #stub, body.anon.ns-content.action-view .noticebox.nb-hide, body.anon .navbox .plainlinksneverexpand > * { display: none !important; } body.anon.ns-content.action-view:not(.mobile) .noticebox.nb-show { margin-top: 0 !important; }

/* SiteNotice */ padding: 0 !important; background: none !important; }
 * 1) localNotice a.external {

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

/* Image classes */ img.blackbg { background: #000 !important; } img.graybg, img.greybg { background: #808080 !important; }

/* 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; }

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

/* Horizontal rule */ hr { overflow: hidden; }

/* Self-link color */ a.mw-selflink { color: inherit !important; }

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

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

/* 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 */ .tabbox:not(:first-of-type) { display: none; } .mobile .tabbox > .tab { margin-bottom: 14px; } .tabbox > .tab { margin-bottom: 12px; font-weight: bold; } .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 8px; } .skin-timeless .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 6.5px; } .skin-minerva .infobox.tabbed > .tabcontainer > .tabbox > .tab { margin-bottom: 4.75px; } .tabcontainer { position: relative; top: -2px; background-color: #f9f9f9; border: 1px solid #aaa; } .infobox:not(.tabbed) .tabcontainer { top: 0; }

/* User profile */ .profile-icon { width: 22px; height: 22px; background-size: 22px; display: inline-block; vertical-align: middle; margin-right: 4px; } .user-section-heading { clear: both; } @media all and (min-width: 720px) { #user-page-left > .profile-info-container > div { width: 50%; float: left; } }	color: #fff; font-weight: bold; } /* Edit profile */ .profile-tab-on, .profile-tab-on a { font-size: 100% !important; font-weight: bold !important; }	padding: 10px; } body.mw-special-UpdateProfile .firstHeading, body.mw-special-UploadAvatar .firstHeading { display: block; } body.mw-special-UpdateProfile #mw-content-text h1, body.mw-special-UploadAvatar #mw-content-text h1 { display: none; } /* Social headings */ .ns-2.action-view:not(.subpage) .pagetitle, .ns-200.action-view:not(.subpage) .pagetitle, .ns-202.action-view:not(.subpage) .pagetitle, .ns-2.action-view:not(.subpage) .firstHeading, .ns-200.action-view:not(.subpage) .firstHeading, .ns-202.action-view:not(.subpage) .firstHeading, .ns-2.action-view:not(.subpage) .page-heading, .ns-200.action-view:not(.subpage) .page-heading, .ns-202.action-view:not(.subpage) .page-heading, .ns-2.action-view:not(.subpage) .subtitle, .ns-200.action-view:not(.subpage) .subtitle, .ns-202.action-view:not(.subpage) .subtitle, .ns-2.action-view:not(.subpage) #siteSub, .ns-200.action-view:not(.subpage) #siteSub, .ns-202.action-view:not(.subpage) #siteSub, .ns-2.action-view:not(.subpage) #contentSub, .ns-200.action-view:not(.subpage) #contentSub, .ns-202.action-view:not(.subpage) #contentSub { display: none !important; }
 * 1) points-level {
 * 1) mw-content-text > .profile-on:first-child {

/* Infoboxes */ .infobox { border-radius: 0 0 10px 10px; } .infobox tr:not(:first-of-type) th:not([style*="font-size"]) { font-size: smaller !important; }

/* Infobox galleries */ .infobox .mw-gallery-slideshow-buttons { padding: 0 0 10px !important; } .infobox .mw-gallery-slideshow-img-container { min-height: 249px; } .infobox .mw-gallery-slideshow-caption, .infobox .gallerytext, .infobox .gallerytext p { margin: 0 !important; padding: 0 !important; } .mobile .infobox .mw-gallery-slideshow .thumb > div { margin-top: 0 !important; margin-bottom: 3px !important; } .mobile .infobox .mw-gallery-slideshow .gallerybox + .gallerybox { display: inline-block !important; } .mobile .infobox .mw-gallery-slideshow .gallerybox { width: 91px !important; } body:not(.mobile) .infobox .mw-gallery-slideshow > .gallerybox:first-of-type { height: 285px; }

/* Template:Tabbed infobox */ .infobox.tabbed table { display: block !important; float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; overflow-x: auto !important; } .infobox.tabbed tbody { display: table !important; width: 100% !important; } .infobox.tabbed .infobox > tbody > tr:nth-child(2) img { max-width: 100% !important; height: auto !important; image-rendering: auto !important; } .mobile .infobox.tabbed > .tabtoc li { font-size: 13px !important; } @media all and (max-width:719px) { .mobile .infobox.tabbed { margin-bottom: 13.5px !important; } }

/* Template:Battle infobox */ .infobox.battle ul { margin-left: 0.8em; } .skin-minerva .infobox.battle ul { margin-left: 0; } .details-header .mw-collapsible-toggle { min-width: 3.25em; text-align: right; padding-right: 0.45em; } .details-table.mw-made-collapsible .details-header { padding-left: 3.6em; } .dark .infobox.battle .details-header { background: #222 !important; } @media all and (max-width: 719px) { .mobile .infobox.battle .details-table { word-wrap: anywhere; } }

/* Black and white font colors */ .blacknwhite { color: #000; } .dark .blacknwhite { color: #fff; }

/* User welcome - No user levels */ .mp-welcome-logged-in p { margin-top: 0; } .mp-welcome-logged-in h3, .mp-welcome-logged-in .cleared { display: none; }

/* Responsive column templates */ .rcol { width: 100%; display: grid; column-gap: 15px; } @media only screen and (min-width: 768px) { .rcol2 { grid-template-columns: 1fr 1fr; } .rcol3 { grid-template-columns: 1fr 1fr 1fr; } .rcol4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .rcol5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .rcol6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .rcol7 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } @media only screen and (max-width: 767px) { .rcol2,	.rcol3,	.rcol4,	.rcol5,	.rcol6,	.rcol7 { grid-template-columns: 1fr; } }