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
 
(336 intermediate revisions by the same user not shown)
Line 2: Line 2:
   The "mobile" body class can be used to target mobile specifically */
   The "mobile" body class can be used to target mobile specifically */


body.anon.ns-content.action-view.mobile #stub,
#n-Anniversary { display: none; }
body.anon.ns-content.action-view .notice-template:not(.show) {
.mw-wiki-logo { background-size: 150px; }
 
body.anon.ns-content.action-view .notice-template.show small,
body.anon.ns-content.action-view .notice-template:not(.show):not(:only-child),
body.anon.ns-content.action-view #mw-hidden-catlinks:nth-of-type(2), body.anon .navbox .navspace > * {
display: none !important;
display: none !important;
}
}
body.anon.ns-content.action-view:not(.mobile) .notice-template.show {
body.anon.ns-content.action-view.desktop .notice-template.show {
margin-top: 0 !important;
margin-top: 0 !important;
}
}


/* SiteNotice */
/* 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; }
 
/* Show/hide toggle */
.mw-collapsible-toggle {
font-weight: bold;
}
.infobox .mw-collapsible-toggle,
.infobox-wide .mw-collapsible-toggle {
min-width: 40px;
text-align: right;
}
.infobox .mw-made-collapsible > tbody > tr > th:not([style*="left"]),
.infobox-wide .mw-made-collapsible > tbody > tr > th:not([style*="left"]) {
padding-left: 45px !important;
}
table:not(.wikitable) .mw-collapsible-toggle {
padding-right: 0.3em;
}
table.toccolours .mw-collapsible-toggle {
min-width: 3.6em;
}
}


/* Gallery classes */
/* Infobox templates */
.gallery.center {
.infobox-wide {
margin-left: auto !important;
width: 100%;
margin-right: auto !important;
border-spacing: 0;
}
}
.gallery.centertext .gallerytext {
.infobox, .infobox-wide {
text-align: center !important;
color: #000;
padding: 4px;
border: 1px solid;
}
}
 
:is(.infobox, .infobox-wide) th a {
/* Navbox show/hide */
color: inherit !important;
.navbox .mw-collapsible-toggle {
}
text-align: right;
.infobox audio + br,
min-width: 3.729em;
.infobox .mw-tmh-player.audio + br {
content: '';
display: block;
margin-top: 3px;
}
}
 
.infobox td > audio:first-child,
/* Horizontal rule */
.infobox td > .mw-tmh-player.audio:first-child {
hr { overflow: hidden; }
margin-top: 2px;
 
/* Self-link color */
a.mw-selflink { color: inherit !important; }
 
/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help { display: none; }
 
/* 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 {
.infobox div[style*="column"] br + a {
height: 13px;
display: inline-block;
min-height: 13px;
position: relative;
top: -1px;
opacity: 0.51;
}
}
 
.infobox > tbody > tr > td:first-of-type:not(:last-of-type) {
/* Root category */
min-width: 6em;
body.page-Category_Super_Mario_Wiki.action-view #mw-subcategories h3:last-of-type,
body.page-Category_Super_Mario_Wiki.action-view #mw-subcategories ul:last-of-type,
body.page-Category_Super_Mario_Wiki.action-view #catlinks {
display: none;
}
}
 
/* TemplateStyles needs :has() selector support */
/* Foreign names template */
.infobox:is(#film, #tv-series) tr:has(th):not(:has(+ tr > td)) {
#foreignNames.noMeanings th:nth-of-type(3),
#foreignNames.noMeanings td:nth-of-type(3) {
display: none;
display: none;
}
}


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


/* Infobox styles */
/* WikiLove templates */
.infobox.red {
.wikilove {
width: 300px;
color: #000;
background: #FFF5EE;
border: 1px solid;
border: 1px solid #F98686;
border-spacing: 4px;
}
}
.infobox.red > tbody > tr:first-child > td[colspan="2"] {
.wikilove td:last-of-type {
font-size: 125%;
padding: 8px;
text-align: center;
background: #FAAAAA;
}
}
.infobox.red > tbody > tr:nth-child(2) > td[colspan="2"] {
:not(td) > .wikilove {
text-align: center;
margin: 1em 0;
}
}
.infobox.red > tbody > tr:nth-child(2n+3) {
td > .wikilove {
background: #FFE4E1;
width: 100%;
}
}


/* DK styles */
/* Series boxes */
table.dktable,
div.infobox.series {
table.dktable-brown {
width: 250px;
color: #000;
text-align: center;
background: #fff;
background: #f9f9f9;
margin: 1em 0;
border: 1px solid #a2a9b1;
border: 1pt solid #000;
border-radius: 10px;
border-collapse: collapse;
padding: 0 10px;
}
}
table.dktable > * > tr > td,
 
table.dktable > * > tr > th,
/* Foreign name tables */
table.dktable-brown > * > tr > td,
#foreign-names:not(:has(.foreign-note)) td:has(.no-foreign-note),
table.dktable-brown > * > tr > th {
#foreign-names:not(:has(.foreign-note)) > tbody > tr > th:nth-of-type(4) {
border: 1pt solid #000;
display: none !important;
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;
}
}
/* Category box */
.catlinks { background: #f9f9f9 url(https://mario.wiki.gallery/images/papermariohead.jpg) no-repeat bottom right; }

Latest revision as of 17:09, March 6, 2025

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

body.anon.ns-content.action-view .notice-template.show small,
body.anon.ns-content.action-view .notice-template:not(.show):not(:only-child),
body.anon.ns-content.action-view #mw-hidden-catlinks:nth-of-type(2), body.anon .navbox .navspace > * {
	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,
.infobox-wide .mw-collapsible-toggle {
	min-width: 40px;
	text-align: right;
}
.infobox .mw-made-collapsible > tbody > tr > th:not([style*="left"]),
.infobox-wide .mw-made-collapsible > tbody > tr > th:not([style*="left"]) {
	padding-left: 45px !important;
}
table:not(.wikitable) .mw-collapsible-toggle {
	padding-right: 0.3em;
}
table.toccolours .mw-collapsible-toggle {
	min-width: 3.6em;
}

/* Infobox templates */
.infobox-wide {
	width: 100%;
	border-spacing: 0;
}
.infobox, .infobox-wide {
	color: #000;
	padding: 4px;
	border: 1px solid;
}
:is(.infobox, .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;
}
/* TemplateStyles needs :has() selector support */
.infobox:is(#film, #tv-series) tr:has(th):not(:has(+ tr > td)) {
	display: none;
}

/* Notice templates */
.notice-template {
	color: #000;
	box-sizing: border-box;
}
.notice-template.file {
	background: #f1f1de;
	border: 2px solid #996;
}
.notice-template:is(.file, .copyright) {
	padding: 5px;
}
.notice-template:is(.file, .copyright, #aboutfile) {
	width: 90%;
	margin: 5px auto;
}
.notice-template:is(.copyright, #aboutfile) {
	font-size: 95%;
}
.notice-template.copyright {
	font-style: italic;
	background: #fff9f9;
	border: 1px solid #C55;
}
.notice-template.maintenance {
	border: 1px solid #000;
	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:is(.maintenance, .talk) {
	display: flex;
	padding: 0 1em;
	margin: 0 2% 1em;
}
body.mediawiki .notice-template img {
	max-width: none !important;
}

/* WikiLove templates */
.wikilove {
	color: #000;
	border: 1px solid;
	border-spacing: 4px;
}
.wikilove td:last-of-type {
	padding: 8px;
}
:not(td) > .wikilove {
	margin: 1em 0;
}
td > .wikilove {
	width: 100%;
}

/* Series boxes */
div.infobox.series {
	width: 250px;
	text-align: center;
	background: #f9f9f9;
	border: 1px solid #a2a9b1;
	border-radius: 10px;
	padding: 0 10px;
}

/* Foreign name tables */
#foreign-names:not(:has(.foreign-note)) td:has(.no-foreign-note),
#foreign-names:not(:has(.foreign-note)) > tbody > tr > th:nth-of-type(4) {
	display: none !important;
}

/* Category box */
.catlinks { background: #f9f9f9 url(https://mario.wiki.gallery/images/papermariohead.jpg) no-repeat bottom right; }