MediaWiki:Gadget-GlobalStyle.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary
mNo edit summary
(29 intermediate revisions by the same user not shown)
Line 24: Line 24:
.client-js .tabbertab:first-child { margin-top: 22px; }
.client-js .tabbertab:first-child { margin-top: 22px; }
.client-js .tabbertab:not(:first-of-type) { display: none; }
.client-js .tabbertab:not(:first-of-type) { display: none; }
.mw-parser-output > .tabber, section > .tabber { display: table; margin-bottom: 0.5em; }
.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; }
.mobile ul.tabbernav li a { padding-top: 4px; padding-bottom: 4px; }
.client-js .mobile .tabbertab:first-child { margin-top: 27px; }
.client-js .mobile .tabbertab:first-child { margin-top: 27px; }
Line 31: Line 31:
.tabbertab > p:last-child { margin-bottom: 0; }
.tabbertab > p:last-child { margin-bottom: 0; }


/* Pixelated gallery/interface image upscaling */
/* Show/hide toggle */
ul.gallery:not(.smooth) img, table.listfiles img,
.mw-collapsible-toggle {
table.searchResultImage img, table.filehistory img {
font-weight: bold;
image-rendering: crisp-edges;
}
image-rendering: pixelated;
.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 {
/* Root category */
padding-right: 0.3em;
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-wide {
width: 100%;
border-spacing: 0;
}
.infobox, .infobox-wide {
.infobox, .infobox-wide {
color: #000;
color: #000;
padding: 4px;
border: 1px solid;
border: 1px solid;
}
}
.infobox th a, .infobox-wide th a {
color: inherit !important;
}
.infobox audio + br,
.infobox .mw-tmh-player.audio + br {
.infobox .mw-tmh-player.audio + br {
content: '';
content: '';
Line 54: Line 68:
margin-top: 3px;
margin-top: 3px;
}
}
.infobox td > audio:first-child,
.infobox td > .mw-tmh-player.audio:first-child {
.infobox td > .mw-tmh-player.audio:first-child {
margin-top: 2px;
margin-top: 2px;
Line 59: Line 74:
.infobox div[style*="column"] br + a {
.infobox div[style*="column"] br + a {
display: inline-block;
display: inline-block;
}
.infobox th a.mw-collapsible-text {
color: inherit !important;
}
.infobox .mw-made-collapsible > tbody > tr > th:not([style*="text-align"]) {
padding-left: 43px !important;
}
}
.infobox > tbody > tr > td:first-of-type:not(:last-of-type) {
.infobox > tbody > tr > td:first-of-type:not(:last-of-type) {
Line 117: Line 126:
.notice-template.maintenance#delete a:not(.new) {
.notice-template.maintenance#delete a:not(.new) {
color: yellow;
color: yellow;
}
/* Content box toggle */
.contentbox .mw-collapsible-toggle {
font-weight: bold;
}
/* List of games */
.games {
background: silver;
border: 1px solid #000;
margin-bottom: 7px;
}
.games tbody tr {
background: #fff;
}
.client-nojs .games tr:first-of-type th {
background: silver;
}
}


Line 145: 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;
}