MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Causes MediaWiki:Tagline to display */ .mw-body #siteSub { display: block; }

/* Enable custom list style types */ div.note-list ol.references { list-style-type: inherit; }

/* Prevent list items in columns from breaking into the next column */ .list-columns li { page-break-inside: avoid; }

/* Gives text a thick dark shadow. See Template:StageQuotes, where it is used to avoid hitting post-expand include size limits. */ .text-shadow-8 { text-shadow: -1px -1px 1px #000, -1px 1px 1px #000, -1px 0 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, 1px 0 1px #000, 0 -1px 1px #000, 0 1px 1px #000; }

/* Allow limiting of which header levels are shown in a TOC. , for instance, will limit to showing ==headings== and ===headings=== but no further. */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul { display: none; }

/* Prevents some things from displaying on the main page */ body.page-Main_Page #ca-delete, body.page-Main_Page #ca-move, body.page-Main_Page #deleteconfirm, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading { display: none !important; }

/* For things that should only appear when printed. Used in gear checklists. */ .onlyprint { display: none; }

/*================================================== LINKS

=
=====================================*/

/* Links' color */ a:link, a:active, div#mw-panel div.portal div.body ul li a, div.vectorTabs li.selected a, div.vectorTabs li.selected a, div.vectorTabs li a { text-decoration: none; color: #378B00; }

/* Visited links' color */ a:visited, div#mw-panel div.portal div.body ul li a:visited, div.vectorTabs li.selected a:visited, div.vectorTabs li.selected a:visited { text-decoration: none; color: #008B2A; }

/* Underline links when hovering over */ a:hover { text-decoration: underline; }

/* NIWA affiliate color */ a[href="/wiki/User:Raltseye"], a[href="/wiki/User:Espyo"] { color: #319471; }

/* Admin link color */ a[href="/wiki/User:GuyPerfect"], a[href="/wiki/User:SuperHamster"], a[href="/wiki/User:Bzeep"], a[href="/wiki/User:Shahar"], a[href="/wiki/User:Luke26"], a[href="/wiki/User:Heddy"], a[href="/wiki/User:Inkrid"], a[href="/wiki/User:GloverMist"] { color: #006400; font-weight: 700; }

/* Bureaucrat link color */ a[href="/wiki/User:Kjhf"], a[href="/wiki/User:Prod"] { color: #DAA520; font-weight: 700; }

/* Non-existent page link color */ div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorTabs li.new a, div.vectorTabs li.new, a.new, #p-personal a.new, a.new { text-decoration: none; color: #BA0000; /* Red */ }

/* Styling links to ARMS Institute */ background: url("//cdn.wikimg.net/splatoonwiki/images/9/92/ARMS_Institute_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://armswiki.org"] {

/* Styling links to Bulbapedia */ background: url("//cdn.wikimg.net/splatoonwiki/images/7/75/Bulbapedia_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://bulbapedia.bulbagarden.net/wiki"] {

/* Styling links to Donkey Kong Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/2/29/Donkey_Kong_Wiki_link.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.dkwiki.com"] {

/* Styling links to Dragon Quest Wiki*/ background: url("//cdn.wikimg.net/splatoonwiki/images/9/96/Dragon_Quest_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://dragon-quest.org/wiki"] {

/* Styling links to Fire Emblem Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/c/cb/Fire_Emblem_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://fireemblemwiki.org"] {

/* Styling links to F-Zero Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/0/0e/F-Zero_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="http://mutecity.org/wiki"] {

/* Styling links to Golden Sun Universe */ background: url("//cdn.wikimg.net/splatoonwiki/images/0/0c/Golden_Sun_Universe_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://goldensunwiki.net/wiki"] {

/* Styling links to Hard Drop Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/4/48/Hard_Drop_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://harddrop.com/wiki"] {

/* Styling links to Icaruspedia */ background: url("//cdn.wikimg.net/splatoonwiki/images/4/4d/Icaruspedia_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="http://kidicaruswiki.org"] {

/* Styling links to Lylat Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/b/ba/Lylat_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.starfoxwiki.info/wiki"] {

/* Styling links to Metroid Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/0/0a/Metroid_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.metroidwiki.org"] {

/* Styling links to NintendoWiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/a/a9/NWiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="http://niwanetwork.org/wiki"] {

/* Styling links to Nookipedia */ background: url("//cdn.wikimg.net/splatoonwiki/images/f/f7/Nookipedia_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://nookipedia.com"] {

/* Styling links to Pikipedia */ background: url("//cdn.wikimg.net/splatoonwiki/images/4/4e/Pikipedia_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.pikminwiki.com"] {

/* Styling links to Pikmin Fanon */ background: url("//cdn.wikimg.net/splatoonwiki/images/d/dd/Pikimin_Fanon_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="http://www.pikminfanon.com"] {

/* Styling links to SmashWiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/7/78/Smash_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.ssbwiki.com"] {

/* Styling links to Starfy Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/4/41/Starfy_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://starfywiki.org"] {

/* Styling links to StrategyWiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/9/9f/StrategyWiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://strategywiki.org"] {

/* Styling links to Super Mario Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/c/ca/Super_Mario_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.mariowiki.com"] {

/* Styling links to Wars Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/c/ca/Wars_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://warswiki.org/wiki"] {

/* Styling links to WikiBound */ background: url("//cdn.wikimg.net/splatoonwiki/images/d/dd/WikiBound_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://wikibound.info/wiki"] {

/* Styling links to WiKirby */ background: url("//cdn.wikimg.net/splatoonwiki/images/4/4a/Wikirby_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://wikirby.com/wiki"] {

/* Styling links to Zelda Wiki */ background: url("//cdn.wikimg.net/splatoonwiki/images/8/87/Zelda_Wiki_favicon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://zelda.gamepedia.com"] {

/*================================================== BOXES

=
=====================================*/

/* Background for Template:BubbleBox */ .bubbleboxbg { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/26/Amiibo_main_bg.png"); }

/* Backgrounds for Template:Infobox/Meter */ .infoboxmeter16 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/thumb/b/b0/InfoboxMeter.svg/32px-InfoboxMeter.svg.png"); } .infoboxmeter20 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/thumb/b/b0/InfoboxMeter.svg/40px-InfoboxMeter.svg.png"); } .infoboxmeter24 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/thumb/b/b0/InfoboxMeter.svg/48px-InfoboxMeter.svg.png"); }

.widget { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/26/Amiibo_main_bg.png"); box-shadow: 0px 0px 15px white inset; width: 25%; border-style: solid; border-color: #AADC00; border-radius: 10px; border-width: 10px 1px 10px 1px; padding: 15px; margin: 5px; }

.widget1 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/26/Amiibo_main_bg.png"); box-shadow: 0px 0px 15px white inset; width: 75%; border-style: solid; border-color: #AADC00; border-radius: 10px; border-width: 10px 1px 10px 1px; padding: 15px; margin: 5px; }

.widget2 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/26/Amiibo_main_bg.png"); box-shadow: 0px 0px 15px white inset; width: 100%; border-style: solid; border-color: #AADC00; border-radius: 10px; border-width: 10px 1px 10px 1px; padding: 15px; margin: 5px; }

.widget3 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/6/62/S2_Fes_Main_BG3.png"); box-shadow: 0px 0px 25px black inset; overflow: hidden; width: 100%; border-style: solid; border-color: #13EB92; border-radius: 10px; border-width: 10px 1px 10px 1px; padding: 15px; margin: 5px; }

.widget4 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/26/Amiibo_main_bg.png"); box-shadow: 0px 0px 15px white inset; width: 100%; border-style: solid; border-color: #FF8000; border-radius: 10px; border-width: 10px 1px 10px 1px; padding: 15px; margin: 5px; }

.widget5 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/26/Amiibo_main_bg.png"); box-shadow: 0px 0px 15px white inset; width: 50%; border-style: solid; border-color: #AADC00; border-radius: 10px; border-width: 10px 1px 10px 1px; padding: 15px; margin: 5px; }

.widget6 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/26/Amiibo_main_bg.png"); box-shadow: 0px 0px 15px white inset; width: 100%; border-style: solid; border-color: #424242; border-radius: 10px; border-width: 10px 1px 10px 1px; padding: 15px; margin: 5px; }

.widgett { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/26/Amiibo_main_bg.png"); box-shadow: 0px 0px 15px white inset; width: 97%; border-style: solid; border-color: #AADC00; border-radius: 10px; border-width: 10px 0 10px 0; position: relative; padding: 15px; }

.btextwidget { background-color: rgba(255,255,255,0.5); border-color: rgba(255,255,255,0.7); border-style: solid; border-width: 2px; border-radius: 10px; text-align: center; font-size: 24px; font-weight: 600; position: relative; }

justify-content: center; display: flex; display: -webkit-flex; }
 * 1) widcontent {

.textwidget, .cd { padding: 5px; background-color: rgba(255,255,255,0.5); border-color: rgba(255,255,255,0.7); border-style: solid; border-width: 2px; border-radius: 10px; text-align: center; position: relative; overflow: hidden; }

margin-left: 25%; }
 * 1) tex2 {

position: relative; left: 1.5%; max-width: 85%; }
 * 1) widgfa {

.infobox { background-color: rgba(140,220,0,0.1); width: 25%; border-radius: 10px; padding: 10px; border-style: solid; border-color: #AADC00; border-width: 10px 1px 10px 1px; }

.infobox1 { background-color: rgba(140,220,0,0.3); border-style: solid; border-color: rgba(140,220,0,0.5); border-width: 1px 1px 1px 5px; border-radius: 5px; color: #190707; font-size: 115%; padding: 1em; margin: 5px; }

.infobox td { padding: 5px; }

.infobox td b { padding: 6px; background: -moz-linear-gradient(left, rgba(140,220,0,0.3) 0%, rgba(140,220,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(140,220,0,0.3)), color-stop(100%,rgba(140,220,0,0))); background: -webkit-linear-gradient(left, rgba(140,220,0,0.3) 0%,rgba(140,220,0,0) 100%); background: -o-linear-gradient(left, rgba(140,220,0,0.3) 0%,rgba(140,220,0,0) 100%); background: -ms-linear-gradient(left, rgba(140,220,0,0.3) 0%,rgba(140,220,0,0) 100%); background: linear-gradient(to right, rgba(140,220,0,0.3) 0%,rgba(140,220,0,0) 100%); border-style: solid; border-color: rgba(140,220,0,0.5); border-width: 1px 0 1px 5px; border-radius: 5px 0 0 5px; }

/*================================================== TABLES

=
=====================================*/

/* wikitable class for skinning tables. default colors are intended for mediawiki-generated tables, like the file history table. other color schemes are available for use in mainspace; see the sitecolor classes below. */ table.wikitable { background-color: #fff; color: #222; margin: 1em 0; border-style: solid; border-width: 5px 2px; border-color: #006400; /* green */ border-collapse: collapse; box-shadow: 0 0 1em rgba(0, 0, 0, 0.25); }

table.wikitable > thead > tr > th, table.wikitable > tbody > tr > th, table.wikitable > tbody > tr > td { border-style: solid; border-width: 1px; border-color: #006400; padding: 0.2em 0.4em; }

table.wikitable > thead > tr > th, table.wikitable > tbody > tr > th { color: #fff; background-color: #378b00; /* green, the same shade used for links */ }

table.wikitable > caption { font-weight: bold; }

/* classes for adding site colors to tables site colors are documented at Template:SiteColor */ table.sitecolor-generic, table.sitecolor-generic > thead > tr > th, table.sitecolor-generic > tbody > tr > th, table.sitecolor-generic > tbody > tr > td { border-color: rgba(0, 153, 255, 1); /* generic blue */ }

table.sitecolor-generic > thead > tr > th, table.sitecolor-generic > tbody > tr > th { background-color: rgba(0, 153, 255, 0.25); color: #222; }

table.sitecolor-s, table.sitecolor-s > thead > tr > th, table.sitecolor-s > tbody > tr > th, table.sitecolor-s > tbody > tr > td { border-color: rgba(170, 220, 0, 1); /* Splatoon green */ }

table.sitecolor-s > thead > tr > th, table.sitecolor-s > tbody > tr > th { background-color: rgba(170, 220, 0, 0.25); color: #222; }

table.sitecolor-s2, table.sitecolor-s2 > thead > tr > th, table.sitecolor-s2 > tbody > tr > th, table.sitecolor-s2 > tbody > tr > td { border-color: rgba(240, 60, 120, 1); /* Splatoon 2 pink */ }

table.sitecolor-s2 > thead > tr > th, table.sitecolor-s2 > tbody > tr > th { background-color: rgba(240, 60, 120, 0.25); color: #222; }

table.sitecolor-oe, table.sitecolor-oe > thead > tr > th, table.sitecolor-oe > tbody > tr > th, table.sitecolor-oe > tbody > tr > td { border-color: rgba(174, 21, 102, 1); /* Octo Expansion default ink color */ }

table.sitecolor-oe > thead > tr > th, table.sitecolor-oe > tbody > tr > th { background-color: rgba(174, 21, 102, 0.25); color: #222; }

table.sitecolor-niwa, table.sitecolor-niwa > thead > tr > th, table.sitecolor-niwa > tbody > tr > th, table.sitecolor-niwa > tbody > tr > td { border-color: rgba(255, 128, 0, 1); /* NIWA orange */ }

table.sitecolor-niwa > thead > tr > th, table.sitecolor-niwa > tbody > tr > th { background-color: rgba(255, 128, 0, 0.25); color: #222; }

/* alternates background colors for rows in zebra-classed tables there are even and odd options to select which row changes color first */ table.sitecolor-generic.zebra-even > tbody > tr:nth-child(even) > td, table.sitecolor-generic.zebra-odd > tbody > tr:nth-child(odd) > td { background-color: rgba(0, 153, 255, 0.15); /* generic blue */ }

table.sitecolor-s.zebra-even > tbody > tr:nth-child(even) > td, table.sitecolor-s.zebra-odd > tbody > tr:nth-child(odd) > td { background-color: rgba(170, 220, 0, 0.15); /* Splatoon green */ }

table.sitecolor-s2.zebra-even > tbody > tr:nth-child(even) > td, table.sitecolor-s2.zebra-odd > tbody > tr:nth-child(odd) > td { background-color: rgba(240, 60, 120, 0.15); /* Splatoon 2 pink */ }

table.sitecolor-niwa.zebra-even > tbody > tr:nth-child(even) > td, table.sitecolor-niwa.zebra-odd > tbody > tr:nth-child(odd) > td { background-color: rgba(255, 128, 0, 0.15); /* NIWA orange */ }

/* zebra class intended for use in the inkipedia namespace, for example the staff page. */ table.zebra-inkipedia > tbody > tr:nth-child(odd) > td { background-color: rgba(55, 139, 0, 0.2) /* green, the same shade used for links but with 20% opacity */ }

/* vertical zebra stripes */ table.sitecolor-generic.zebra-vert tbody td:nth-child(even) { background-color: rgba(0, 153, 255, 0.15); /* generic blue */ }

table.sitecolor-s.zebra-vert tbody td:nth-child(even) { background-color: rgba(170, 220, 0, 0.15); /* Splatoon green */ }

table.sitecolor-s2.zebra-vert tbody td:nth-child(even) { background-color: rgba(240, 60, 120, 0.15); /* Splatoon 2 pink */ }

table.sitecolor-niwa.zebra-vert tbody td:nth-child(even) { background-color: rgba(255, 128, 0, 0.15); /* NIWA orange */ }

/* removes borders from table cells to complement zebra stripes */ table.nocellborder > thead > tr > th, table.nocellborder > tbody > tr > th, table.nocellborder > tbody > tr > td { border-style: none; }

/* left-aligns header cell text to complement zebra stripes */ table.nocellborder > thead > tr > th, table.nocellborder > tbody > tr > th { text-align: left; }

/*================================================== Interactive Music

=
=====================================*/

/* Checkbox styling */ .i-checkbox{ border:3px solid black; border-radius:5px; width:25px; height:25px; text-align:center; display:inline-block; } .i-checkbox-checked{ width:100%; height:100%; font-size:18px; }

/* Category header */ .i-categoryh-{ font-size:26px; } /* Subcategory header */ .i-categorys-{ font-size:22px; margin-left:10px }

/* Sizes for columns in Interactive Music */ /* Column1 */ .i-column1{ width:25% } /* Column2 */ .i-column2{ width:10% } /* Column4 */ .i-column4{ width:350px }

/*================================================== Custom fonts

=
=====================================*/

@font-face { font-family: Splatoon; src: url("https://frozenpandaman.github.io/Splatoon1.otf") format("opentype"); }

@font-face { font-family: Splatoon2; src: url("https://frozenpandaman.github.io/Splatoon2.otf") format("opentype"); }

/*================================================== OTHER

=
=====================================*/

/* Countdowns start with their metadata until the Js changes them. So they should start invisible */ countdown { display: none; }

.noscript { display: none; } .schedulesplit { display: table-cell; }

/* Prevent line breaks in silly places: 1) Where desired  2) Links when we don't want them to   3) Bold "links" to the page itself */ .nowrap, .nowraplinks a, .nowraplinks .selflink {  white-space: nowrap; }

/* Template:MediaLoader */ .load-media-bg{ background-image:url(//cdn.wikimg.net/en/splatoonwiki/images/d/d4/S2_background_stripe_pattern.svg); color:white }

//Prevent text selection .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }