MediaWiki:Gadget-GlobalStyle.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
mNo edit summary
(59 intermediate revisions by the same user not shown)
Line 18: Line 18:
}
}


/* Site notice */
/* Tabs fix */
#localNotice a.external {
.tabber { display: inline-block; }
padding: 0 !important;
.tabbertab:first-child { padding: 5px; }
background: none !important;
.infobox .tabbertab:first-child { padding: 5px 0 0; }
}
.client-js .tabbertab:first-child { margin-top: 22px; }
.client-js .tabbertab:not(:first-of-type) { display: none; }
.mw-parser-output > .tabber, section > .tabber { display: block; width: max-content; margin-bottom: 0.5em; }
.mobile ul.tabbernav li a { padding-top: 4px; padding-bottom: 4px; }
.client-js .mobile .tabbertab:first-child { margin-top: 27px; }
.client-nojs .tabbertab + .tabbertab { margin-top: 2.5px; }
.tabbertab > p:first-child { margin-top: 0.2em; }
.tabbertab > p:last-child { margin-bottom: 0; }


/* Image thumbs */
/* Show/hide toggle */
html .thumbimage { background-color: #fff; }
.mw-collapsible-toggle {
 
font-weight: bold;
/* 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.autoresize, .autoresize img, img.autoscale, .autoscale img {
min-width: 15px !important;
max-width: 100% !important;
height: auto !important;
}
}
img.blackbg, .gallery.blackbg .thumb { background: #000 !important; }
.infobox .mw-collapsible-toggle {
img.graybg, .gallery.graybg .thumb, img.greybg, .gallery.greybg .thumb {
min-width: 41px;
background: #808080 !important;
text-align: right;
}
.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; }
.rcoptions { clear: both; }
.mw-parser-output table sup { white-space: nowrap; }
hr, .wikitable td, .wikitable th { overflow: hidden; }
div[style*="column-"] > * { margin-top: 0 !important; margin-bottom: 0 !important; }
span.comment, .diff td div, .filehistory.wikitable td[dir], .mw-parser-output a.external.free {
word-wrap: anywhere !important;
}
 
/* 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,
.infobox th a.mw-collapsible-text {
.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;
color: inherit !important;
cursor: inherit !important;
text-decoration: inherit !important;
font-weight: bold !important;
}
}
a font:hover, a span:hover {
.infobox .mw-made-collapsible > tbody > tr > th:not([style*="text-align"]) {
text-decoration: inherit;
padding-left: 45px !important;
}
}
.autocomment a:hover {
table:not(.wikitable) .mw-collapsible-toggle {
color: inherit;
padding-right: 0.3em;
}
 
/* 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;
}
 
/* Pixelated gallery/interface image upscaling */
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img {
image-rendering: crisp-edges;
image-rendering: pixelated;
}
 
/* Root category */
body.page-Category_Super_Mario_Wiki.action-view #catlinks,
body.page-Category_Super_Mario_Wiki.action-view #mw-subcategories .mw-category-group:last-of-type {
display: none;
}
}


/* Infobox templates */
/* Infobox templates */
.infobox,
.infobox-wide {
.infobox-wide {
width: 100%;
border-spacing: 0;
}
.infobox, .infobox-wide {
color: #000;
color: #000;
padding: 4px;
border: 1px solid;
border: 1px solid;
}
}
.infobox audio + br {
.infobox th a, .infobox-wide th a {
color: inherit !important;
}
.infobox audio + br,
.infobox .mw-tmh-player.audio + br {
content: '';
content: '';
display: block;
display: block;
margin-top: 2px;
margin-top: 3px;
}
}
.infobox td > audio:first-child {
.infobox td > audio:first-child,
.infobox td > .mw-tmh-player.audio:first-child {
margin-top: 2px;
margin-top: 2px;
}
}
.infobox .mw-made-collapsible > tbody > tr > th:not([style*="text-align"]) {
.infobox div[style*="column"] br + a {
padding-left: 43px !important;
display: inline-block;
}
}
.infobox > tbody > tr > td:first-of-type:not(:last-of-type) {
.infobox > tbody > tr > td:first-of-type:not(:last-of-type) {
Line 291: Line 136:
}
}


/* DK tables */
/* Donkey Kong tables */
table.dktable,
table.wikitable.dk { color: #000; }
table.dktable-brown {
table.wikitable.dk > * > tr > * { border-color: #000; }
color: #000;
table.wikitable.dk > * > tr > th { background-color: #BB8855; }
background: #fff;
table.wikitable.dk > * > tr:not([bgcolor]):nth-child(even) { background: wheat; }
border: 1pt solid #000;
table.wikitable.dk > * > tr:not([bgcolor]):nth-child(odd) { background: #FFF8DC; }
border-collapse: collapse;
margin: 1em 0;
}
table.dktable > * > tr > td,
table.dktable > * > tr > th,
table.dktable-brown > * > tr > td,
table.dktable-brown > * > tr > th {
border: 1pt solid #000;
padding: 0.2em 0.4em;
}
table.dktable-brown > * > tr > th {
background: #BB8855;
}
table.dktable-brown > * > tr:nth-child(odd) > td {
background: #FFF8DC;
}
table.dktable-brown > * > tr:nth-child(even) > td {
background: wheat;
}


/* Fake headings */
/* Fake headings */
#fh1, #fh2, #fh3,
#fh1 { font-size: 193%; }
#fh4, #fh5, #fh6 {
#fh2 { font-size: 166%; }
color: #000;
#fh3 { font-size: 142%; }
font-weight: normal;
#fh4 { font-size: 126%; }
background: none;
#fh5 { font-size: 111%; }
#fh1, #fh2 {
border-bottom: 1px solid #aaa;
border-bottom: 1px solid #aaa;
padding-top: 0.5em;
padding-bottom: 0.17em;
margin: 0;
}
}
#fh1 { font-size: 188%; }
#fh2 { font-size: 150%; }
#fh3 { font-size: 132%; }
#fh4 { font-size: 116%; }
#fh5 { font-size: 100%; }
#fh6 { font-size: 80%; }
#fh3, #fh4, #fh5, #fh6 {
#fh3, #fh4, #fh5, #fh6 {
font-weight: bold;
font-weight: bold;
border-bottom: none;
}
#fh1, #fh2, #fh3, #fh4, #fh5, #fh6 {
padding: 0.5em 0 0.17em;
}
}
#bodyContent #fh1, #bodyContent #fh2 {
#bodyContent #fh1, #bodyContent #fh2 {

Revision as of 18:58, May 9, 2024

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

#n-Anniversary { display: none; }
.mw-wiki-logo { background-size: 150px; }

.mw-special-Upload .noupload, .useronly,
.autoconfonly, .editprotected, .editinterface {
	display: none;
}
body.anon.ns-content.action-view.mobile #stub,
body.anon.ns-content.action-view .notice-template:not(.show),
body.anon.ns-content.action-view #mw-hidden-catlinks:nth-of-type(2) {
	display: none !important;
}
body.anon.ns-content.action-view.desktop .notice-template.show {
	margin-top: 0 !important;
}

/* Tabs fix */
.tabber { display: inline-block; }
.tabbertab:first-child { padding: 5px; }
.infobox .tabbertab:first-child { padding: 5px 0 0; }
.client-js .tabbertab:first-child { margin-top: 22px; }
.client-js .tabbertab:not(:first-of-type) { display: none; }
.mw-parser-output > .tabber, section > .tabber { display: block; width: max-content; margin-bottom: 0.5em; }
.mobile ul.tabbernav li a { padding-top: 4px; padding-bottom: 4px; }
.client-js .mobile .tabbertab:first-child { margin-top: 27px; }
.client-nojs .tabbertab + .tabbertab { margin-top: 2.5px; }
.tabbertab > p:first-child { margin-top: 0.2em; }
.tabbertab > p:last-child { margin-bottom: 0; }

/* Show/hide toggle */
.mw-collapsible-toggle {
	font-weight: bold;
}
.infobox .mw-collapsible-toggle {
	min-width: 41px;
	text-align: right;
}
.infobox th a.mw-collapsible-text {
	color: inherit !important;
}
.infobox .mw-made-collapsible > tbody > tr > th:not([style*="text-align"]) {
	padding-left: 45px !important;
}
table:not(.wikitable) .mw-collapsible-toggle {
	padding-right: 0.3em;
}

/* Infobox templates */
.infobox-wide {
	width: 100%;
	border-spacing: 0;
}
.infobox, .infobox-wide {
	color: #000;
	padding: 4px;
	border: 1px solid;
}
.infobox th a, .infobox-wide th a {
	color: inherit !important;
}
.infobox audio + br,
.infobox .mw-tmh-player.audio + br {
	content: '';
	display: block;
	margin-top: 3px;
}
.infobox td > audio:first-child,
.infobox td > .mw-tmh-player.audio:first-child {
	margin-top: 2px;
}
.infobox div[style*="column"] br + a {
	display: inline-block;
}
.infobox > tbody > tr > td:first-of-type:not(:last-of-type) {
	min-width: 6em;
}

/* Notice templates */
.notice-template.talk,
.notice-template.image,
.notice-template.maintenance {
	color: #000;
}
.notice-template.image {
	background: #f1f1de;
	border: 2px solid #996;
}
.notice-template.image,
.notice-template.copyright {
	padding: 5px;
}
.notice-template.image,
.notice-template#aboutfile,
.notice-template.copyright {
	width: 90%;
	margin: 5px auto;
}
.notice-template#aboutfile,
.notice-template.copyright {
	font-size: 95%;
}
.notice-template.copyright {
	font-style: italic;
	background: #fff9f9;
	border: 1px solid #C55;
}
.notice-template.talk,
.notice-template.maintenance {
	display: flex;
	padding: 0 1em;
	margin: 0 2% 0.75em;
}
.notice-template.maintenance {
	border-radius: 5px !important;
	border-image-slice: 10 !important;
	border-image-width: 10px !important;
	border-image-source: url(https://mario.wiki.gallery/images/notice-border.svg) !important;
}
.notice-template.maintenance#delete {
	color: #fff;
	background: #333;
}
.notice-template.maintenance#delete a:not(.new) {
	color: yellow;
}

/* Reception tables */
table.wikitable.reviews {
	width: 100%;
	text-align: center;
	border: 2px solid #000 !important;
	margin-bottom: 5px;
}

/* Donkey Kong tables */
table.wikitable.dk { color: #000; }
table.wikitable.dk > * > tr > * { border-color: #000; }
table.wikitable.dk > * > tr > th { background-color: #BB8855; }
table.wikitable.dk > * > tr:not([bgcolor]):nth-child(even) { background: wheat; }
table.wikitable.dk > * > tr:not([bgcolor]):nth-child(odd) { background: #FFF8DC; }

/* Fake headings */
#fh1 { font-size: 193%; }
#fh2 { font-size: 166%; }
#fh3 { font-size: 142%; }
#fh4 { font-size: 126%; }
#fh5 { font-size: 111%; }
#fh1, #fh2 {
	border-bottom: 1px solid #aaa;
}
#fh3, #fh4, #fh5, #fh6 {
	font-weight: bold;
}
#fh1, #fh2, #fh3, #fh4, #fh5, #fh6 {
	padding: 0.5em 0 0.17em;
}
#bodyContent #fh1, #bodyContent #fh2 {
	margin-bottom: 0.6em;
}
#bodyContent #fh3, #bodyContent #fh4, #bodyContent #fh5 {
	margin-bottom: 0.3em;
}

/* Project page backgrounds */
body.rootpage-MarioWiki_Proposals.skin-timeless #mw-content,
body.rootpage-MarioWiki_Proposals:not(.skin-timeless) #content {
	background: #fff url(https://mario.wiki.gallery/images/8/88/Proposals-bg.png);
}
body.rootpage-MarioWiki_Anniversary.skin-timeless #mw-content,
body.rootpage-MarioWiki_Anniversary:not(.skin-timeless) #content {
	background: #fff url(https://mario.wiki.gallery/images/7/79/Anniversary-bg.png);
}
body.rootpage-MarioWiki_Chat.skin-timeless #mw-content,
body.rootpage-MarioWiki_Chat:not(.skin-timeless) #content {
	background: #e9e9ff;
}