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. | #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 | body.anon.ns-content.action-view.desktop .notice-template.show { | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | } | ||
/* | /* Tabs fix */ | ||
.tabber { display: inline-block; } | |||
padding: | .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; | display: none; | ||
} | } | ||
/* Notice templates */ | /* Notice templates */ | ||
.notice-template. | .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. | .notice-template:is(.file, .copyright) { | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
.notice-template. | .notice-template:is(.file, .copyright, #aboutfile) { | ||
. | |||
width: 90%; | width: 90%; | ||
margin: 5px auto; | margin: 5px auto; | ||
} | } | ||
.notice-template#aboutfile | .notice-template:is(.copyright, #aboutfile) { | ||
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.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 | .notice-template:is(.maintenance, .talk) { | ||
display: flex; | |||
padding: 0 1em; | |||
margin: 0 2% 1em; | |||
} | } | ||
.notice-template | body.mediawiki .notice-template img { | ||
max-width: none !important; | |||
} | } | ||
/* | /* WikiLove templates */ | ||
. | .wikilove { | ||
color: #000; | |||
border: 1px solid; | |||
border: | 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: | border-radius: 10px; | ||
border- | 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; } |
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; }