MediaWiki:Vector.css

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

/*================================================== 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.25) /* green, the same shade used for links but with 25% 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; }