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
m (nope, was wrong, it was just the lag syncing css with farm. Test no overrides for this.)
(fix)
 
(46 intermediate revisions by 3 users 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 */


#n-Anniversary { display: none; }
.mw-wiki-logo { background-size: 150px; }
.mw-wiki-logo { background-size: 150px; }


.mw-special-Upload .noupload, .useronly,
body.anon.ns-content.action-view.desktop .notice-template.show {
.autoconfonly, .editprotected, .editinterface {
margin-top: 0 !important;
}

/* Site notice */
#localNotice a.external {
padding: 0 !important;
background: none !important;
}

/* Image thumbs */
html .thumbimage { background-color: #fff; }

/* Image/gallery classes */
img.blackbg, .gallery.blackbg img { background: #000 !important; }
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;
}

/* 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;
display: none;
}
}
body.anon.ns-content.action-view.mobile #stub,
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox {
body.anon.ns-content.action-view .notice-template:not(.show),
display: inline-block !important;
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;
/* File pages */
#file img, .filehistory a img {
background: url(https://static.miraheze.org/kirbywiki/7/73/Checker.png) repeat;
}
}


a.mw-selflink.selflink { color:#000 !important;}
/* Media player */
.mw-content-ltr .mw-collapsible-toggle, .mw-collapsible-toggle-default .mw-collapsible-text { color: inherit; }
#file > .video-js { display: inline-block !important; }
#mw-indicator-mw-helplink a { display:none; }
.thumb .video-js { margin-left: auto; margin-right: auto; }
.video-js .vjs-progress-control .vjs-mouse-display { z-index: 2; }
.infobox .video-js { margin-top: 1px; min-width: 200px; width: auto !important; }
.video-js .vjs-volume-vertical, .vjs-mouse-display .vjs-time-tooltip { background: #111; }
.video-js { overflow-x: clip; display: block !important; }
.video-js .vjs-control-bar { background: #000; }
/* Newbie bug fix */
body.newbie .video-js { overflow: hidden !important; }
body.newbie .vjs-time-tooltip { display: none !important; }


/* Formatting fixes */
/* Tabs fix */
pre { overflow: auto; }
.tabber { display: inline-block; }
.tabbertab:first-child { padding: 5px; }
hr { overflow: hidden; }
.infobox .tabbertab:first-child { padding: 5px 0 0; }
div[style*="column-"] > p { margin: 0 !important; }
.client-js .tabbertab:first-child { margin-top: 22px; }
.mw-parser-output table sup { white-space: nowrap; }
.client-js .tabbertab:not(:first-of-type) { display: none; }
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] {
.mw-parser-output > .tabber, section > .tabber { display: table; margin-bottom: 0.5em; }
word-wrap: anywhere;
.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; }
/* Margin fixes */
.tabbertab > p:first-child { margin-top: 0.2em; }
.ns-subject:not(.ns-110) #mw-content-text li > ul,
.tabbertab > p:last-child { margin-bottom: 0; }
.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;
}

/* 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 img, table.filehistory img, table.listfiles img, table.searchResultImage img {
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 164: Line 43:


/* Root category */
/* Root category */
body.page-Category_Nintendo_Wiki.action-view #mw-subcategories h3:last-of-type,
body.page-Category_Nintendo_Wiki.action-view #catlinks,
body.page-Category_Nintendo_Wiki.action-view #mw-subcategories ul:last-of-type,
body.page-Category_Nintendo_Wiki.action-view #mw-subcategories .mw-category-group:last-of-type {
body.page-Category_Nintendo_Wiki.action-view #catlinks {
display: none;
display: none;
}
}


/* Show/hide toggle */
/* main page boxes, adapted from Super Mario Wiki */
.mw-collapsible-toggle {
.mainpagebox {
font-weight: bold;
border: 1px solid #3B587E;
padding: 2px;
padding-right: 0.3em;
background: #F8F8FF;
}
}
.infobox .mw-collapsible-toggle {
.mainpagebox p {
min-width: 41px;
margin: 0.9em 0 1em;
text-align: right;
}
}
.infobox th a.mw-collapsible-text {
.mainpagebox#welcome {
color: inherit !important;
padding: 2px 2px 2px 0;
}
}
.infobox .mw-made-collapsible > tbody > tr > th:not([style*="text-align"]) {
.mainpagebox#nav {
padding-left: 45px !important;
font-size: 120%;
padding: 2px 2px 5px 0;
background: #FDFDFF;
border-color: #999;
}
.mainpagebox#nav ul {
margin-left: 20px;
}
}


/* Infobox templates */
.mainpagebox#right {
.infobox-wide {
padding: 2px 2px 5px;
width: 100%;
border-spacing: 0;
}
}
.infobox, .infobox-wide {
.mainpagebox.maintain {
color: #000;
text-align: center;
padding: 2px 2px 0;
padding: 4px;
border: 1px solid;
margin-top: 10px;
}
}
.infobox audio + br,
.mainpagebox h2 {
.infobox .mw-tmh-player.audio + br {
padding: 4px 5px 2px;
content: '';
margin-bottom: 1px !important;
display: block;
border: 1px solid #567CAF;
font-size: 120%;
margin-top: 3px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
}
.infobox td > audio:first-child,
.mainpagebox#featured h2 {
.infobox td > .mw-tmh-player.audio:first-child {
background: #009D00;
border-color: #005100;
margin-top: 2px;
}
}
.infobox div[style*="column"] br + a {

display: inline-block;
.mainpagebox#featured-pokemon h2 {
background: #EC0000;
border-color: #9D0000;
}
}
.infobox > tbody > tr > td:first-of-type:not(:last-of-type) {

min-width: 6em;
.mainpagebox#poll h2 {
background: #9B04FF;
border-color: #4F0084;
}
}


/* Notice templates */
.mainpagebox#news h2 {
.notice-template.talk,
background: #1C49FF;
.notice-template.image,
border-color: #001C8A;
.notice-template.maintenance {
color: #000;
}
}
.notice-template.image {
.mainpagebox#dyk h2 {
background: #FF8000;
background: #f1f1de;
border-color: #914800;
border: 2px solid #996;
}
}
.notice-template.image,

.notice-template.copyright {
.mainpagebox#helping-out h2 {
padding: 5px;
background: #FF4868;
border-color: #C60023;
}
}
.notice-template.image,

.notice-template#aboutfile,
.MainTopText a {
.notice-template.copyright {
color: black !important;
width: 90%;
text-decoration: none;
margin: 5px auto;
}
}
.notice-template#aboutfile,
.MainTopText a:hover {
.notice-template.copyright {
color: black;
font-size: 95%;
text-decoration: underline;
}
}
.notice-template.copyright {
#nav.mainpagebox {
font-style: italic;
padding: 2px 2px 5px 0;
background: #FDFDFF;
background: #fff9f9;
border: 1px solid gray;
border: 1px solid #C55;
}
}
.notice-template.talk,
/* mainpage new-releases box input field to adjust to width of parent */
.notice-template.maintenance {
.new_releases .mw-inputbox-createbox {
display: flex;
width: 100%;
padding: 0 1em;
margin: 0 2% 0.75em;
}
}
.notice-template.maintenance {
/* See media queries section (bottom of this page) for media queries specific to main page */
border-radius: 5px !important;

border-image-slice: 10 !important;
#mf-poll .poll__question-media > div,
border-image-width: 10px !important;
.mainpagebox#poll .poll__question-media > div {
border-image-source: url(https://static.miraheze.org/nintendowiki/c/c4/Notice-border.svg) !important;
border: 1px solid #3B587E;
}
}
.notice-template.maintenance#delete {

color: #fff;
/* Infobox templates */
background: #333;

.infobox {
background-color: #fff;
border: 1px solid gray;
float: right;
font-size: 88%;
width: 300px;
margin:0 0 1em 1.15em;
padding:4px;
}
}
.notice-template.maintenance#delete a:not(.new) {

color: yellow;
.infobox tr {
vertical-align: top;
}
.infobox td, .infobox th {
padding: 2px;
}
}


/* Reception tables */
.infobox .mw-collapsible-toggle {
table.wikitable.reviews {
min-width: 39px;
text-align: right;
width: 100%;
text-align: center;
border: 2px solid #000 !important;
margin-bottom: 5px;
}
}


/* Infobox colors */
/* Donkey Kong tables */
.infobox { color: #000; }
table.wikitable.dk { color: #000; }
table.wikitable.dk > * > tr > * { border-color: #000; }
.infobox.red { border: 1px solid #F98686; background: #FFF5EE; }
.infobox.red > tbody > tr:first-child > td { background: #FAAAAA; }
table.wikitable.dk > * > tr > th { background-color: #BB8855; }
.infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; }
table.wikitable.dk > * > tr:not([bgcolor]):nth-child(even) { background: wheat; }
.infobox.green { border: 1px solid #88AA88; background: #F8FFF7; }
table.wikitable.dk > * > tr:not([bgcolor]):nth-child(odd) { background: #FFF8DC; }
.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; }
.infobox.gray { border: 1px solid #000; background: whitesmoke; }
.infobox.gray > tbody > tr:first-child > td { background: lightgray; }
.infobox.gray > tbody > tr:nth-child(2n+3) { background: gainsboro; }


/* specific infoboxes */
/* Fake headings */
#fh1, #fh2, #fh3,
.infobox.series > tbody > tr:nth-child(2n+3) { background: #C4C3D0; }
#fh4, #fh5, #fh6 {
.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;
}
#mw-imagepage-content .notice-template + #aboutfile {
margin-top: 0.75em !important;
}
#mw-imagepage-content .notice-template:not(#aboutfile) {
margin-top: 0.75em !important;
margin-bottom: 2.5px !important;
}

.notice-template p {
margin: 0.6em 0;
}

.notice-template {
display: flex;
background: #f1f1de;
border: 2px solid #996;
margin: 0 2% 0.75em;
padding:0 1em;
color: #000;
}

.notice-template.copyright {
background: #fff9f9;
border: 1px solid #C55;
font-size: 95%;
width: 90%;
margin: 5px auto;
padding: 5px;
}

/* forum formatting */
.forumheader {
border: 1px solid #88A;
background-color: #F8F8FF;
margin-top: 1em;
margin-bottom: 1em;
padding: 8px;
}
.forumlist td.forum_edited a {
color: #000;
color: #000;
font-weight: normal;
text-decoration: none;
background: none;
border-bottom: 1px solid #aaa;
padding-top: 0.5em;
padding-bottom: 0.17em;
margin: 0;
}
}
#fh1 { font-size: 188%; }
.forumlist td.forum_title a {
#fh2 { font-size: 150%; }
padding-left: 20px;
#fh3 { font-size: 132%; }
}
#fh4 { font-size: 116%; }
.forumlist td.forum_title a.forum_new {
#fh5 { font-size: 100%; }
#fh6 { font-size: 80%; }
#fh3, #fh4, #fh5, #fh6 {
font-weight: bold;
font-weight: bold;
padding-left: 20px;
border-bottom: none;
}
}
#bodyContent #fh1, #bodyContent #fh2 {
.forumlist td.forum_title a.forum_new:visited {
margin-bottom: 0.6em;
background: none;
font-weight: normal;
padding-left: 20px;
}
}
#bodyContent #fh3, #bodyContent #fh4, #bodyContent #fh5 {
.forumlist th.forum_title {
padding-left: 20px;
margin-bottom: 0.3em;
}

/* Tabs fix */
.tabber { display: inline-block; }
.tabbertab:not(:first-of-type) { display: none; }
.tabbertab:first-child { padding: 6px; margin-top: 26px; }
.mw-parser-output > .tabber { display: table; margin-bottom: 0.5em; }
.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; }

.mobile .tabbertab:first-child { margin-top: 0; padding-top: 31.5px; }
.mobile.skin-timeless .tabbertab:first-child { padding-top: 33.6px; }
.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}

/* -- Media Queries -- */
/* These control things at different device widths */
/* -- At 1000 px wide or less -- */
@media only screen and (max-width: 1000px) {
.mainpagebox .wikicolumns {
column-count: 2;
}
}

/* -- At 800 px wide or less -- */
@media only screen and (max-width: 800px) {
.twocol-left {
width:100%!important;
}
.twocol-right {
width:100%!important;
}
.mainpagebox-inner {
width:100%!important;
}
}

/* -- At 300 px wide or less -- */
@media only screen and (max-width: 300px) {
.mainpagebox .wikicolumns {
column-count: 1;
}
}
}

Latest revision as of 19:59, February 18, 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;
}

a.mw-selflink.selflink { color:#000 !important;}
.mw-content-ltr .mw-collapsible-toggle, .mw-collapsible-toggle-default .mw-collapsible-text { color: inherit; }
#mw-indicator-mw-helplink a { display:none; }

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

/* Pixelated gallery/interface image upscaling */
ul.gallery:not(.smooth) img, table.listfiles img,
table.searchResultImage img, table.filehistory img {
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

/* Root category */
body.page-Category_Nintendo_Wiki.action-view #catlinks,
body.page-Category_Nintendo_Wiki.action-view #mw-subcategories .mw-category-group:last-of-type {
	display: none;
}

/* Show/hide toggle */
.mw-collapsible-toggle {
	font-weight: bold;
	padding-right: 0.3em;
}
.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;
}

/* Infobox templates */
.infobox-wide {
	width: 100%;
	border-spacing: 0;
}
.infobox, .infobox-wide {
	color: #000;
	padding: 4px;
	border: 1px solid;
}
.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://static.miraheze.org/nintendowiki/c/c4/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, #fh2, #fh3,
#fh4, #fh5, #fh6 {
	color: #000;
	font-weight: normal;
	background: none;
	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 {
	font-weight: bold;
	border-bottom: none;
}
#bodyContent #fh1, #bodyContent #fh2 {
	margin-bottom: 0.6em;
}
#bodyContent #fh3, #bodyContent #fh4, #bodyContent #fh5 {
	margin-bottom: 0.3em;
}