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
(238 intermediate revisions by the same user not shown)
Line 5: Line 5:
.mw-wiki-logo { background-size: 150px; }
.mw-wiki-logo { background-size: 150px; }


.useronly, .autoconfonly { display: none; }
.mw-special-Upload .noupload, .useronly,
.autoconfonly, .editprotected, .editinterface {
display: none;
}
body.anon.ns-content.action-view.mobile #stub,
body.anon.ns-content.action-view.mobile #stub,
body.anon.ns-content.action-view .notice-template:not(.show) {
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;
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; }
/* Image thumbs */
.mw-parser-output > .tabber, section > .tabber { display: block; width: max-content; margin-bottom: 0.5em; }
html .thumbimage { background-color: #fff; }
.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 classes */
/* Show/hide toggle */
img.blackbg { background: #000 !important; }
.mw-collapsible-toggle {
img.graybg, img.greybg { background: #808080 !important; }
font-weight: bold;
 
/* Image/gallery classes */
img.pixelated, .pixelated img {
image-rendering: crisp-edges !important;
image-rendering: pixelated !important;
}
}
 
.infobox .mw-collapsible-toggle {
/* Gallery classes */
min-width: 41px;
.gallery.center {
text-align: right;
margin-left: auto !important;
margin-right: auto !important;
}
}
.gallery.centertext .gallerytext {
.infobox th a.mw-collapsible-text {
text-align: center !important;
color: inherit !important;
}
}
 
.infobox .mw-made-collapsible > tbody > tr > th:not([style*="text-align"]) {
/* Gallery slideshow */
padding-left: 45px !important;
.mw-gallery-slideshow .gallerybox + .gallerybox {
display: none;
}
}
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox {
table:not(.wikitable) .mw-collapsible-toggle {
display: inline-block !important;
padding-right: 0.3em;
}
}


/* Show/hide toggles */
/* Infobox templates */
.navbox .mw-collapsible-toggle {
.infobox-wide {
text-align: right;
width: 100%;
min-width: 3.729em;
border-spacing: 0;
}
.infobox, .infobox-wide {
color: #000;
padding: 4px;
border: 1px solid;
}
}
.wikitable.mw-collapsed .mw-collapsible-toggle {
.infobox th a, .infobox-wide th a {
margin-left: 10px;
color: inherit !important;
}
}
 
.infobox audio + br,
/* Horizontal rule */
.infobox .mw-tmh-player.audio + br {
hr { overflow: hidden; }
content: '';
 
display: block;
/* Self-link color */
margin-top: 3px;
a.mw-selflink { color: inherit !important; }
 
/* Special:Preferences */
#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,
.infobox td > audio:first-child,
.mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"],
.infobox td > .mw-tmh-player.audio:first-child {
.mw-special-Contact:not(.mobile) fieldset div[data-ooui*="wpCCme"] {
margin-top: 2px;
margin-top: 2px;
}
}
.mw-special-Contact fieldset div[data-ooui*="CAPTCHA"] {
.infobox div[style*="column"] br + a {
margin-top: 1em;
display: inline-block;
}
}
 
.infobox > tbody > tr > td:first-of-type:not(:last-of-type) {
/* Watchlist expiry (icon fix) */
min-width: 6em;
.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;
}
}
/* Root category */
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;
}
/* Infobox colors */
.infobox { color: #000; }
.infobox.red { border: 1px solid #F98686; background: #FFF5EE; }
.infobox.red > tbody > tr:first-child > td { background: #FAAAAA; }
.infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; }
.infobox.green { border: 1px solid #88AA88; background: #F8FFF7; }
.infobox.green > tbody > tr:first-child > td { background: #8AFA8A; }
.infobox.green > tbody > tr:nth-child(2n+3) { background: #AAFFAA; }
.infobox.orange { border: 1px solid #FF5300; background: #FFF7EE; }
.infobox.orange > tbody > tr:first-child > td { background: #FF8A4A; }
.infobox.orange > tbody > tr:nth-child(2n+3) { background: #FF9C77; }


/* Notice templates */
/* Notice templates */
Line 137: Line 104:
}
}
.notice-template.copyright {
.notice-template.copyright {
font-style: italic;
background: #fff9f9;
background: #fff9f9;
border: 1px solid #C55;
border: 1px solid #C55;
Line 160: Line 128:
}
}


/* Template:Button */
/* Reception tables */
span.longbutton {
table.wikitable.reviews {
color: #000;
width: 100%;
font-size: smaller;
text-align: center;
font-variant: small-caps;
border: 2px solid #000 !important;
white-space: nowrap;
margin-bottom: 5px;
background: #fff;
border: 1px solid #000;
border-radius: 1em;
padding: 0 0.5em;
display: inline;
}
span.roundbutton {
width: 10px;
height: 16px;
font-size: smaller;
font-variant: small-caps;
white-space: nowrap;
background: url(https://mario.wiki.gallery/images/thumb/7/75/Def_Button.svg/16px-Def_Button.svg.png) no-repeat;
padding: 0 3px;
display: inline-block;
overflow: hidden;
}
 
/* Template:Fake link */
span.fakelink {
color: #002bb8;
cursor: pointer;
}
span.fakelink:hover {
text-decoration: underline;
}
 
/* Template:Sigbox */
div.sigbox {
min-width: 295px;
min-height: 35px;
background: url(https://mario.wiki.gallery/images/sigboxbg.png) no-repeat top left;
}
 
/* Template:Foreign names */
#foreignNames tr.separator + tr > td {
border-top: 2px solid #000;
}
#foreignNames.noMeanings th:nth-of-type(3),
#foreignNames.noMeanings td:nth-of-type(3) {
display: none;
}
}


/* 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 {
Line 264: Line 166:


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

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