MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */

/*================================================== ALL PAGES

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

body { background-image: url("//cdn.wikimg.net/splatoonwiki/images/7/7a/S2_background_art_tile.png"); background-repeat: repeat; }

/* Styles the account information box in the top right corner */ background-color: white; top: -0.09em; margin-right: 4em; padding: 2px 12px 2px 0; border-radius: 2px 2px 10px 10px; border-style: solid; border-color: #AADC00; border-width: 2px; }
 * 1) p-personal {

/* Affects the star icon in the watch tab */ background-position: 90% 35%; width: 65px; overflow: visible; padding: 15px; }
 * 1) ca-unwatch.icon a, #ca-watch.icon a {

div#mw-head div.vectorMenu h3 { height: 30px; margin-top: 0.6em; }

div.vectorMenu h3 a { top: 0.2em; right: 0.4em; }

/* Tab stuff */ div.vectorTabs { background-image: url("//cdn.wikimg.net/splatoonwiki/images/8/8c/Transparent.png"); background-position: bottom left; background-repeat: no-repeat; padding-left: 0; }

div.vectorTabs ul { background-image: url("//cdn.wikimg.net/splatoonwiki/images/8/8c/Transparent.png"); margin-left: 0; }

div.vectorTabs span { background-image: url("//cdn.wikimg.net/splatoonwiki/images/8/8c/Transparent.png"); background-position: center; }

div.vectorTabs ul li { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/2a/Itemlist_main_off.png"); background-position: center; border-radius: 0.95em 0.95em 0 0; height: 1.9em; line-height: 1px; margin-right: 0.15em; margin-top: 0.5em; border-style: dashed; border-color: #AADC00; border-width: 1px; min-width: 30px; overflow: visible; padding: 0; }

margin-left: 11em; }
 * 1) left-navigation {

margin-right: 4em; overflow: visible; display: inline; }
 * 1) right-navigation {

left: -1em; margin-top: -185px; margin-left: -15px; }
 * 1) p-logo {

div#mw-head div.vectorMenu h3 { background-image: url("//cdn.wikimg.net/splatoonwiki/images/2/2a/Itemlist_main_off.png"); background-position: center; background-repeat: repeat; border-radius: 10px 10px 0 0; margin-left: 0.1em; margin-right: 0.4em; }

div.vectorMenu h3 span { padding-top: 10px; }

div#mw-page-base { background-image: url("//cdn.wikimg.net/splatoonwiki/images/8/8c/Transparent.png"); background-color: rgba(255,255,255,0); opacity: 0; }

background-color: white; max-width: 7.5em; margin-left: 0.8em; margin-top: 11em; padding: 1em 1em 1em 0em; border-style: solid; border-color: #AADC00; border-width: 2px 2px 2px 10px; border-radius: 2px; }
 * 1) mw-panel {

.mw-body { border-style: solid; border-color: #AADC00; border-width: 1px 2px 0 2px; margin-left: 11em; margin-right: 5em; }

.mw-body h1, .mw-body h2, .mw-body #firstHeading { font-family: sans-serif; background-image: url("//cdn.wikimg.net/splatoonwiki/images/5/5c/Drip-heading.png"); background-position: 95% -1.75%; background-repeat: no-repeat; }

/* Fixes an issue where File:Drip-heading.png shows behind the word "Contents" in the table of contents */ div.toctitle > h2 { background-image: none }

background-color: white; background-image: url("//cdn.wikimg.net/splatoonwiki/images/b/b4/Featured-bg.png"); border-style: solid; border-color: #AADC00; border-width: 1px 2px 1px 2px; margin-right: 5em; margin-bottom: 5em; border-radius: 0 0 10px 10px; }
 * 1) footer {

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

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