MediaWiki:Gadget-GlobalStyle.css

/* 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 */

.mw-wiki-logo { background-size: 150px; }

body.anon.ns-content.action-view.desktop .notice-template.show { margin-top: 0 !important; }

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

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

/* Image classes */ img.blackbg { background: #000 !important; } img.graybg, img.greybg { background: #808080 !important; }

/* Image/gallery classes */ .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; } .mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox { display: inline-block !important; }

/* File pages */ background: url(https://static.miraheze.org/kirbywiki/7/73/Checker.png) repeat; }
 * 1) file img, .filehistory a img {

/* Media player */ .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; }
 * 1) file > .video-js { display: inline-block !important; }

/* Formatting fixes */ .mw-parser-output table sup { white-space: nowrap; } div[style*="column-count"] > p { margin: 0 !important; } span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] { word-wrap: anywhere; }

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

/* Horizontal rule */ hr { overflow: hidden; }

/* Self-link color */ a.mw-selflink { color: inherit !important; }

/* Special:Preferences */
 * 1) 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 */ ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img { image-rendering: crisp-edges; image-rendering: pixelated; }

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

/* Main page */ .mainpagebox#poll .poll__question-media > div { border: 1px solid #3B587E; }
 * 1) mf-poll .poll__question-media > div,

/* specific infoboxes */ .infobox.game { border: 1px solid #a88; background: #fff8f7; } .infobox.game > tbody > tr:first-child > td { background: #ffbbbb; } .infobox.game > tbody > tr:nth-child(2n+3) { background: #ffbbbb; }

.infobox.character { border: 1px solid purple; background: #CCCCFF; } .infobox.character > tbody > tr:first-child > td { background: #D1A8D4; } .infobox.character > tbody > tr:nth-child(2n+3) { background: #D1A8D4; }

.infobox.enemy { border: 1px solid #8a8; background: #c6eff7; } .infobox.enemy > tbody > tr:first-child > td { background: #ffffc6; } .infobox.enemy > tbody > tr:nth-child(2n+3) { background: #ffffc6; }

.infobox.level { background: #C3FDB8; border:1px solid #4CC552; } .infobox.level > tbody > tr:first-child > td { background: #57E964; } .infobox.level > tbody > tr:nth-child(2n+3) { background: #57E964; }

/* notice templates */ body:not(.ns-6) .notice-template + .notice-template { margin-top: -0.375em !important; }	margin-top: 0.75em !important; }	margin-top: 0.75em !important; margin-bottom: 2.5px !important; }
 * 1) mw-imagepage-content .notice-template + #aboutfile {
 * 1) mw-imagepage-content .notice-template:not(#aboutfile) {

.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#aboutfile { width: 90%; font-size: 95%; background: #eee; margin: 5px auto; border: 1px solid #000; border-collapse: collapse; }

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

/* Kirby table template */ table.kirbytable { color: #000; background: #fff; border: 1pt solid #000; border-collapse: collapse; margin: 1em 0; } table.kirbytable > * > tr > td, table.kirbytable > * > tr > th { border: 1pt solid #000; padding: 0.2em 0.4em; } table.kirbytable > * > tr > th { background:#FFA8A8; }

/* Fake headings */ color: #000; font-weight: normal; background: none; border-bottom: 1px solid #aaa; padding-top: 0.5em; padding-bottom: 0.17em; margin: 0; }	font-weight: bold; border-bottom: none; }	margin-bottom: 0.6em; }	margin-bottom: 0.3em; }
 * fh1, #fh2, #fh3,
 * fh4, #fh5, #fh6 {
 * 1) fh1 { font-size: 188%; }
 * 2) fh2 { font-size: 150%; }
 * 3) fh3 { font-size: 132%; }
 * 4) fh4 { font-size: 116%; }
 * 5) fh5 { font-size: 100%; }
 * 6) fh6 { font-size: 80%; }
 * fh3, #fh4, #fh5, #fh6 {
 * 1) bodyContent #fh1, #bodyContent #fh2 {
 * 1) bodyContent #fh3, #bodyContent #fh4, #bodyContent #fh5 {

/* edit buttons */ .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: #f4cde7; background-image: -webkit-linear-gradient(top,#faeaf4 0,#eeb0d9 100%); background-image: linear-gradient(to bottom,#faeaf4 0,#eeb0d9 100%); border: 1px solid #e1a6ce; }

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { border-color: #eac; box-shadow: 0 0 2px 2px #eac; }

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { border-color: #eac; box-shadow: 0 0 2px 2px #eac; }

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { border-color: #d49dc2; }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus { border-color: #eac; box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.07),0 0 2px 2px #eac; }

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: #f4cde7; background-image: -webkit-linear-gradient(top,#eeb0d9 0,#faeaf4 100%); background-image: linear-gradient(to bottom,#eeb0d9 0,#faeaf4 100%); border: 1px solid #e1a6ce; }