MediaWiki:Gadget-GlobalStyle.css: Difference between revisions
From the Nintendo Wiki, a wiki covering all things Nintendo
Jump to navigationJump to search
Content added Content deleted
(fixed) |
(new and improved from https://www.mariowiki.com/MediaWiki:Gadget-GlobalStyle.css) |
||
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 */ |
||
#n-Anniversary { display: none; } |
|||
.mw-wiki-logo { background-size: 150px; } |
.mw-wiki-logo { background-size: 150px; } |
||
Line 8: | Line 9: | ||
display: none; |
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 { |
body.anon.ns-content.action-view.desktop .notice-template.show { |
||
margin-top: 0 !important; |
margin-top: 0 !important; |
||
} |
} |
||
/* |
/* Tabs fix */ |
||
.tabber { display: inline-block; } |
|||
#localNotice a.external { |
|||
.tabbertab:first-child { padding: 5px; } |
|||
padding: 0 !important; |
|||
.infobox .tabbertab:first-child { padding: 5px 0 0; } |
|||
background: none !important; |
|||
.client-js .tabbertab:first-child { margin-top: 22px; } |
|||
} |
|||
.client-js .tabbertab:not(:first-of-type) { display: none; } |
|||
.mw-parser-output > .tabber, section > .tabber { display: table; margin-bottom: 0.5em; } |
|||
/* Image thumbs */ |
|||
.mobile ul.tabbernav li a { padding-top: 4px; padding-bottom: 4px; } |
|||
html .thumbimage { background-color: #fff; } |
|||
.client-js .mobile .tabbertab:first-child { margin-top: 27px; } |
|||
.client-nojs .tabbertab + .tabbertab { margin-top: 2.5px; } |
|||
/* Image/gallery classes */ |
|||
.tabbertab > p:first-child { margin-top: 0.2em; } |
|||
img.blackbg, .gallery.blackbg img { background: #000 !important; } |
|||
.tabbertab > p:last-child { margin-bottom: 0; } |
|||
img.graybg, img.greybg, .gallery.graybg img, .gallery.greybg img { |
|||
background: #808080 !important; |
|||
} |
|||
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img { |
|||
image-rendering: crisp-edges; |
|||
image-rendering: pixelated; |
|||
} |
|||
.pixelated, .pixelart, .sprites, .sprite { |
|||
image-rendering: crisp-edges; image-rendering: pixelated; |
|||
} |
|||
img { |
|||
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; |
|||
} |
|||
/* message box padding */ |
|||
.messagebox, .errorbox, .warningbox, .successbox, .mw-message-box-warning { |
|||
padding:12px; |
|||
} |
|||
/* revision info */ |
|||
div#viewingold-warning { |
|||
background: #F9F9F9; |
|||
border: 1px solid #AAA; |
|||
color:#000 !important; |
|||
font-weight: bold; |
|||
margin: .5em 0 .5em; |
|||
padding: .5em 1em; |
|||
clear: both; |
|||
} |
|||
/* File pages */ |
|||
#file img, .filehistory a img { |
|||
background: url(https://static.miraheze.org/kirbywiki/7/73/Checker.png) repeat; |
|||
} |
|||
/* Media files */ |
|||
.gallery audio { |
|||
max-width: calc(100% - 30px) !important; |
|||
} |
|||
.gallery audio, .gallery video, .thumb audio, .thumb video { |
|||
display: block; |
|||
margin: auto; |
|||
} |
|||
.filehistory audio, .filehistory video { |
|||
max-width: 120px !important; |
|||
} |
|||
/* Formatting fixes */ |
|||
#toc { clear: left; } |
|||
pre { overflow: auto; } |
|||
hr { overflow: hidden; } |
|||
div[style*="column-"] > p { margin: 0 !important; } |
|||
.mw-parser-output table sup { white-space: nowrap; } |
|||
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] { |
|||
word-wrap: anywhere; |
|||
} |
|||
/** search results **/ |
|||
.mw-search-result-data { |
|||
color: #008000; |
|||
font-size: 97%; |
|||
} |
|||
.mw-body .mw-search-nonefound { |
|||
margin: 0; |
|||
font-size: revert; |
|||
} |
|||
/* Margin fixes */ |
|||
.ns-subject:not(.ns-110) #mw-content-text li > ul, |
|||
.ns-subject:not(.ns-110) #mw-content-text li > ol { |
|||
margin-top: 0.1em !important; |
|||
} |
|||
.ns-subject:not(.ns-110) #mw-content-text dl + ul, |
|||
.ns-subject:not(.ns-110) #mw-content-text dl + ol { |
|||
margin-top: -0.3em !important; |
|||
} |
|||
.ns-subject:not(.ns-110) #mw-content-text ul + dl, |
|||
.ns-subject:not(.ns-110) #mw-content-text ol + dl { |
|||
margin-top: 0.3em !important; |
|||
} |
|||
/* Scrollable tables */ |
|||
table.scrollable { |
|||
display: block; |
|||
overflow: auto; |
|||
max-width: max-content; |
|||
border: 0; |
|||
} |
|||
/* Show/hide toggles */ |
|||
.navbox .mw-collapsible-toggle { |
|||
text-align: right; |
|||
min-width: 3.729em; |
|||
} |
|||
.wikitable.mw-collapsed .mw-collapsible-toggle { |
|||
margin-left: 10px; |
|||
} |
|||
/* Links */ |
|||
a { color: #00f; } |
|||
a:active { color: orange; } |
|||
a:visited { color: #00c; } |
|||
.mw-parser-output a.extiw { color: #06f; } |
|||
.mw-parser-output a.extiw:visited { color: #3366BB; } |
|||
.mw-parser-output a.external { color: #06f; } |
|||
.mw-parser-output a.external:visited { color: #0044CC; } |
|||
/* Link fixes */ |
|||
body.mediawiki a.mw-selflink { |
|||
color: inherit !important; |
|||
cursor: inherit !important; |
|||
text-decoration: inherit !important; |
|||
font-weight: bold !important; |
|||
} |
|||
a font:hover, a span:hover { |
|||
text-decoration: inherit; |
|||
} |
|||
.autocomment a:hover { |
|||
color: inherit; |
|||
} |
|||
/* fake links */ |
|||
span.fakelink { |
|||
color: #002bb8; |
|||
cursor: pointer; |
|||
} |
|||
span.fakelink:hover { |
|||
text-decoration: underline; |
|||
} |
|||
/* Hide help indicator */ |
|||
#mw-indicator-mw-helplink { display: none; } |
|||
/* 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, |
|||
.mw-special-Contact fieldset div[data-ooui*="HTMLInfoField"], |
|||
.mw-special-Contact.desktop fieldset div[data-ooui*="wpCCme"] { |
|||
margin-top: 2px; |
|||
} |
|||
.mw-special-Contact fieldset div[data-ooui*="CAPTCHA"] { |
|||
margin-top: 1em; |
|||
} |
|||
/* 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 */ |
/* Pixelated gallery/interface image upscaling */ |
||
ul.gallery |
ul.gallery:not(.smooth) img, table.listfiles img, |
||
table.searchResultImage img, table.filehistory img { |
|||
image-rendering: crisp-edges; |
image-rendering: crisp-edges; |
||
image-rendering: pixelated; |
image-rendering: pixelated; |
||
Line 214: | Line 39: | ||
/* Root category */ |
/* Root category */ |
||
body.page- |
body.page-Category_Super_Mario_Wiki.action-view #catlinks, |
||
body.page- |
body.page-Category_Super_Mario_Wiki.action-view #mw-subcategories .mw-category-group:last-of-type { |
||
display: none; |
display: none; |
||
} |
} |
||
/* Show/hide toggle */ |
|||
/* main page boxes, adapted from Super Mario Wiki */ |
|||
.mw-collapsible-toggle { |
|||
.mainpagebox { |
|||
border: 1px solid #3B587E; |
|||
padding: 2px; |
|||
background: #F8F8FF; |
|||
} |
|||
.mainpagebox p { |
|||
margin: 0.9em 0 1em; |
|||
} |
|||
.mainpagebox#welcome { |
|||
padding: 2px 2px 2px 0; |
|||
} |
|||
.mainpagebox#nav { |
|||
font-size: 120%; |
|||
padding: 2px 2px 5px 0; |
|||
background: #FDFDFF; |
|||
border-color: #999; |
|||
} |
|||
.mainpagebox#nav ul { |
|||
margin-left: 20px; |
|||
} |
|||
.mainpagebox#right { |
|||
padding: 2px 2px 5px; |
|||
} |
|||
.mainpagebox.maintain { |
|||
text-align: center; |
|||
padding: 2px 2px 0; |
|||
margin-top: 10px; |
|||
} |
|||
.mainpagebox h2 { |
|||
padding: 4px 5px 2px; |
|||
margin-bottom: 1px !important; |
|||
border: 1px solid #567CAF; |
|||
font-size: 120%; |
|||
font-weight: bold; |
font-weight: bold; |
||
padding-right: 0.3em; |
|||
color: #FFFFFF; |
|||
text-align: center; |
|||
} |
} |
||
.infobox .mw-collapsible-toggle { |
|||
.mainpagebox#featured h2 { |
|||
min-width: 41px; |
|||
background: #009D00; |
|||
text-align: right; |
|||
} |
} |
||
.infobox th a.mw-collapsible-text { |
|||
color: inherit !important; |
|||
.mainpagebox#poll h2 { |
|||
background: #9B04FF; |
|||
border-color: #4F0084; |
|||
} |
} |
||
.infobox .mw-made-collapsible > tbody > tr > th:not([style*="text-align"]) { |
|||
padding-left: 45px !important; |
|||
.mainpagebox#news h2 { |
|||
background: #1C49FF; |
|||
border-color: #001C8A; |
|||
} |
|||
.mainpagebox#dyk h2 { |
|||
background: #FF8000; |
|||
border-color: #914800; |
|||
} |
|||
.mainpagebox#helping-out h2 { |
|||
background: #FF4868; |
|||
border-color: #C60023; |
|||
} |
|||
.MainTopText a { |
|||
color: black !important; |
|||
text-decoration: none; |
|||
} |
|||
.MainTopText a:hover { |
|||
color: black; |
|||
text-decoration: underline; |
|||
} |
|||
#nav.mainpagebox { |
|||
padding: 2px 2px 5px 0; |
|||
background: #FDFDFF; |
|||
border: 1px solid gray; |
|||
} |
|||
#mf-poll .poll__question-media > div, |
|||
.mainpagebox#poll .poll__question-media > div { |
|||
border: 1px solid #3B587E; |
|||
} |
} |
||
/* Infobox templates */ |
/* Infobox templates */ |
||
.infobox { |
|||
background-color: #fff; |
|||
border: 1px solid gray; |
|||
float: right; |
|||
font-size: 88%; |
|||
width: 300px; |
|||
margin:0 0 1em 1.15em; |
|||
padding:4px; |
|||
} |
|||
.infobox-wide { |
.infobox-wide { |
||
padding: 4px; |
|||
font-size: 88%; |
|||
width: 100%; |
width: 100%; |
||
border-spacing: 0; |
|||
} |
} |
||
.infobox, .infobox-wide { |
|||
color: #000; |
|||
.infobox tr { |
|||
padding: 4px; |
|||
vertical-align: top; |
|||
border: 1px solid; |
|||
} |
} |
||
.infobox audio + br, |
|||
.infobox |
.infobox .mw-tmh-player.audio + br { |
||
content: ''; |
|||
.infobox-wide td, .infobox-wide th { |
|||
display: block; |
|||
margin-top: 3px; |
|||
} |
} |
||
.infobox td > audio:first-child, |
|||
.infobox .mw- |
.infobox td > .mw-tmh-player.audio:first-child { |
||
margin-top: 2px; |
|||
text-align: right; |
|||
} |
} |
||
.infobox div[style*="column"] br + a { |
|||
display: inline-block; |
|||
/* Infobox with borders */ |
|||
.infobox.bordered { |
|||
border-collapse: collapse; |
|||
} |
} |
||
.infobox > tbody > tr > td:first-of-type:not(:last-of-type) { |
|||
min-width: 6em; |
|||
.infobox.bordered td, |
|||
.infobox.bordered th { |
|||
border: 1px solid #AAA; |
|||
} |
} |
||
/* Notice templates */ |
|||
.infobox.bordered.black td, |
|||
.notice-template.talk, |
|||
.infobox.bordered.black th { |
|||
.notice-template.image, |
|||
border: 1px solid #000; |
|||
.notice-template.maintenance { |
|||
color: #000; |
|||
} |
} |
||
.notice-template.image { |
|||
background: #f1f1de; |
|||
.infobox.bordered .borderless td, |
|||
border: 2px solid #996; |
|||
.infobox.bordered .borderless th { |
|||
border: 0; |
|||
} |
} |
||
.notice-template.image, |
|||
.notice-template.copyright { |
|||
.infobox audio + br { |
|||
padding: 5px; |
|||
} |
} |
||
.notice-template.image, |
|||
.infobox td > audio:first-child { |
|||
.notice-template#aboutfile, |
|||
margin-top: 2px; |
|||
.notice-template.copyright { |
|||
width: 90%; |
|||
margin: 5px auto; |
|||
} |
} |
||
.notice-template#aboutfile, |
|||
.notice-template.copyright { |
|||
/* Infobox colors */ |
|||
font-size: 95%; |
|||
.infobox { color: #000; } |
|||
.infobox.red { border: 1px solid #F98686; background: #FFF5EE; } |
|||
.infobox.red > tbody > tr:first-child > * { background: #FAAAAA; } |
|||
.infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; } |
|||
.infobox.blue { border: 1px solid #88A; background: #F8F8FF; } |
|||
.infobox.blue > tbody > tr:first-child > * { background: #10274C; color: #fff; } |
|||
.infobox.blue > tbody > tr:nth-child(2n+3) { background: #C5CED6; } |
|||
.infobox.green { border: 1px solid #88AA88; background: #F8FFF7; } |
|||
.infobox.green > tbody > tr:first-child > * { background: #8AFA8A; } |
|||
.infobox.green > tbody > tr:nth-child(2n+3) { background: #AAFFAA; } |
|||
.infobox.lightblue { border: 1px solid #00004C; background: #F0F8FF; } |
|||
.infobox.lightblue > tbody > tr:first-child > * { background: #5993E5; } |
|||
.infobox.lightblue > tbody > tr:nth-child(2n+3) { background: #BDD4F5; } |
|||
.infobox.orange { border: 1px solid #EB9800; background: #FFF7EE; } |
|||
.infobox.orange > tbody > tr:first-child > * { background: #FFBF3F; } |
|||
.infobox.orange > tbody > tr:nth-child(2n+3) { background: #FFD27F; } |
|||
.infobox.gray { border: 1px solid #A9A9A9; background: #F5F5F5; } |
|||
.infobox.gray > tbody > tr:first-child > * { background: #C0C0C0; } |
|||
.infobox.gray > tbody > tr:nth-child(2n+3) { background: #DCDCDC; } |
|||
.infobox.purple { border: 1px solid #88A; background: #F8F8FF; } |
|||
.infobox.purple > tbody > tr:first-child > * { background: #BBBBFF; } |
|||
.infobox.purple > tbody > tr:nth-child(2n+3) { background: #CCCCFF; } |
|||
/* specific infoboxes */ |
|||
.infobox.game { border: 1px solid #F98686; background: #FFF5EE; } |
|||
.infobox.game > tbody > tr:first-child > * { background: #FAAAAA; } |
|||
.infobox.game > tbody > tr:nth-child(2n+3) { background: #FFE4E1; } |
|||
.infobox.level { border: 1px solid #88A; background: #f7f8ff; } |
|||
.infobox.level > tbody > tr:first-child > * { background: #bbccea; } |
|||
.infobox.level > tbody > tr:nth-child(2n+3) { background: #ccddfa; } |
|||
.infobox.series > tbody > tr:nth-child(2n+3) { background: #C4C3D0; } |
|||
.infobox.dklevel > tbody > tr > td:first-of-type { width: 45%; } |
|||
/* notice templates */ |
|||
body:not(.ns-6) .notice-template + .notice-template { |
|||
margin-top: -0.375em !important; |
|||
} |
} |
||
.notice-template.copyright { |
|||
font-style: italic; |
|||
margin-top: 0.75em !important; |
|||
background: #fff9f9; |
|||
border: 1px solid #C55; |
|||
} |
} |
||
.notice-template.talk, |
|||
.notice-template.maintenance { |
|||
margin-top: 0.75em !important; |
|||
display: flex; |
|||
margin-bottom: 2.5px !important; |
|||
padding: 0 1em; |
|||
margin: 0 2% 0.75em; |
|||
} |
} |
||
.notice-template.maintenance { |
|||
border-radius: 5px !important; |
|||
.notice-template p { |
|||
border-image-slice: 10 !important; |
|||
margin: 0.6em 0; |
|||
border-image-width: 10px !important; |
|||
border-image-source: url(https://static.miraheze.org/nintendowiki/c/c4/Notice-border.svg) !important; |
|||
} |
} |
||
.notice-template.maintenance#delete { |
|||
color: #fff; |
|||
.notice-template { |
|||
background: #333; |
|||
display: flex; |
|||
background: #f1f1de; |
|||
border: 2px solid #996; |
|||
margin: 0 2% 0.75em; |
|||
padding:0 1em; |
|||
color: #000; |
|||
} |
} |
||
.notice-template.maintenance#delete a:not(.new) { |
|||
color: yellow; |
|||
.notice-template.copyright { |
|||
background: #fff9f9; |
|||
border: 1px solid #C55; |
|||
font-size: 95%; |
|||
width: 90%; |
|||
margin: 5px auto; |
|||
padding: 5px; |
|||
} |
} |
||
/* |
/* Reception tables */ |
||
table.wikitable.reviews { |
|||
.forumheader { |
|||
width: 100%; |
|||
border: 1px solid #88A; |
|||
text-align: center; |
|||
background-color: #F8F8FF; |
|||
border: 2px solid #000 !important; |
|||
margin-top: 1em; |
|||
margin-bottom: 5px; |
|||
padding: 8px; |
|||
} |
|||
.forumlist td.forum_edited a { |
|||
color: #000; |
|||
text-decoration: none; |
|||
} |
|||
.forumlist td.forum_title a { |
|||
padding-left: 20px; |
|||
} |
|||
.forumlist td.forum_title a.forum_new { |
|||
font-weight: bold; |
|||
padding-left: 20px; |
|||
} |
|||
.forumlist td.forum_title a.forum_new:visited { |
|||
background: none; |
|||
font-weight: normal; |
|||
padding-left: 20px; |
|||
} |
|||
.forumlist th.forum_title { |
|||
padding-left: 20px; |
|||
} |
} |
||
/* |
/* Donkey Kong tables */ |
||
table.wikitable.dk { color: #000; } |
|||
.tabber { display: inline-block; } |
|||
table.wikitable.dk > * > tr > * { border-color: #000; } |
|||
.tabbertab:not(:first-of-type) { display: none; } |
|||
table.wikitable.dk > * > tr > th { background-color: #BB8855; } |
|||
.tabbertab:first-child { padding: 6px; margin-top: 26px; } |
|||
table.wikitable.dk > * > tr:not([bgcolor]):nth-child(even) { background: wheat; } |
|||
.mw-parser-output > .tabber { display: table; margin-bottom: 0.5em; } |
|||
table.wikitable.dk > * > tr:not([bgcolor]):nth-child(odd) { background: #FFF8DC; } |
|||
.infobox .tabbertab:first-child, .infobox p.mw-empty-elt:first-child + .tabbertab { padding: 6px; margin-top: 24px; } |
|||
.infobox .tabber:not(.tabberlive) { display: block; } |
|||
.tabbertab > p:first-child { margin-top: 0.2em; } |
|||
.tabbertab > p:last-child { margin-bottom: 0; } |
|||
/* Fake headings */ |
|||
.mobile .tabbertab:first-child { margin-top: 0; padding-top: 31.5px; } |
|||
#fh1, #fh2, #fh3, |
|||
.mobile.skin-timeless .tabbertab:first-child { padding-top: 33.6px; } |
|||
#fh4, #fh5, #fh6 { |
|||
.mobile.skin-timeless .infobox .tabbertab:first-child { padding-top: 31px; } |
|||
.mobile .infobox .tabbertab:first-child { padding-top: 29px; } |
|||
/* Black border & cell tables */ |
|||
table.table, table.table {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black} |
|||
table.table > * > tr > td, table.table > * > tr > th, table.table > * > tr > td, table.table > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em} |
|||
/* DK tables */ |
|||
table.dktable, |
|||
table.dktable-brown { |
|||
color: #000; |
color: #000; |
||
font-weight: normal; |
|||
background: #fff; |
|||
background: none; |
|||
border: 1pt solid #000; |
|||
border- |
border-bottom: 1px solid #aaa; |
||
padding-top: 0.5em; |
|||
padding-bottom: 0.17em; |
|||
margin: 0; |
|||
} |
} |
||
#fh1 { font-size: 188%; } |
|||
table.dktable > * > tr > td, |
|||
#fh2 { font-size: 150%; } |
|||
table.dktable > * > tr > th, |
|||
#fh3 { font-size: 132%; } |
|||
table.dktable-brown > * > tr > td, |
|||
#fh4 { font-size: 116%; } |
|||
table.dktable-brown > * > tr > th { |
|||
#fh5 { font-size: 100%; } |
|||
border: 1pt solid #000; |
|||
#fh6 { font-size: 80%; } |
|||
padding: 0.2em 0.4em; |
|||
#fh3, #fh4, #fh5, #fh6 { |
|||
} |
|||
font-weight: bold; |
|||
table.dktable-brown > * > tr > th { |
|||
border-bottom: none; |
|||
background: #BB8855; |
|||
} |
} |
||
#bodyContent #fh1, #bodyContent #fh2 { |
|||
table.dktable-brown > * > tr:nth-child(odd) > td { |
|||
margin-bottom: 0.6em; |
|||
background: #FFF8DC; |
|||
} |
} |
||
#bodyContent #fh3, #bodyContent #fh4, #bodyContent #fh5 { |
|||
table.dktable-brown > * > tr:nth-child(even) > td { |
|||
margin-bottom: 0.3em; |
|||
background: wheat; |
|||
} |
} |