MediaWiki:Pokemon.css


 * root {

--color-Normal: #A8A878; --color-Fire: #F08030; --color-Water: #6890F0; --color-Electric: #F8D030; --color-Grass: #78C850; --color-Ice: #98D8D8; --color-Fighting: #C03028; --color-Poison: #A040A0; --color-Ground: #E0C068; --color-Flying: #A890F0; --color-Psychic: #F85888; --color-Bug: #A8B820; --color-Rock: #B8A038; --color-Ghost: #705898; --color-Dragon: #7038F8; --color-Dark: #705848; --color-Steel: #B8B8D0; --color-Fairy: #F0B6BC; --color-Normal--light: #D8D8D0; --color-Fire--light: #F8D030; --color-Water--light: #98D8D8; --color-Electric--light: #F8F878; --color-Grass--light: #C0F860; --color-Ice--light: #D0F8E8; --color-Fighting--light: #F08030; --color-Poison--light: #D880B8; --color-Ground--light: #F8F878; --color-Flying--light: #C8C0F8; --color-Psychic--light: #F8C0B0; --color-Bug--light: #D8E030; --color-Rock--light: #E0C068; --color-Ghost--light: #A890F0; --color-Dragon--light: #B8A0F8; --color-Dark--light: #A8A878; --color-Steel--light: #D8D8C0; --color-Fairy--light: #F5CAD1; --color-Normal--dark: #705848; --color-Fire--dark: #C03028; --color-Water--dark: #807870; --color-Electric--dark: #B8A038; --color-Grass--dark: #588040; --color-Ice--dark: #9090A0; --color-Fighting--dark: #484038; --color-Poison--dark: #483850; --color-Ground--dark: #886830; --color-Flying--dark: #705898; --color-Psychic--dark: #906060; --color-Bug--dark: #789010; --color-Rock--dark: #886830; --color-Ghost--dark: #483850; --color-Dragon--dark: #483890; --color-Dark--dark: #484038; --color-Steel--dark: #807870; --color-Fairy--dark: #905F63; }

/* General Layout with some tweaks to look more like Wookieepedia */ .portable-infobox.pi-theme-Normal .pi-title, .portable-infobox.pi-theme-Fire .pi-title, .portable-infobox.pi-theme-Water .pi-title, .portable-infobox.pi-theme-Electric .pi-title, .portable-infobox.pi-theme-Grass .pi-title, .portable-infobox.pi-theme-Ice .pi-title, .portable-infobox.pi-theme-Fighting .pi-title, .portable-infobox.pi-theme-Poison .pi-title, .portable-infobox.pi-theme-Ground .pi-title, .portable-infobox.pi-theme-Flying .pi-title, .portable-infobox.pi-theme-Psychic .pi-title, .portable-infobox.pi-theme-Bug .pi-title, .portable-infobox.pi-theme-Rock .pi-title, .portable-infobox.pi-theme-Ghost .pi-title, .portable-infobox.pi-theme-Dragon .pi-title, .portable-infobox.pi-theme-Dark .pi-title, .portable-infobox.pi-theme-Steel .pi-title, .portable-infobox.pi-theme-Fairy .pi-title { font-size: 14px; padding: 4px; font-weight: 500; color: white; text-align: center; } .portable-infobox.pi-theme-Normal .pi-header, .portable-infobox.pi-theme-Fire .pi-header, .portable-infobox.pi-theme-Water .pi-header, .portable-infobox.pi-theme-Electric .pi-header, .portable-infobox.pi-theme-Grass .pi-header, .portable-infobox.pi-theme-Ice .pi-header, .portable-infobox.pi-theme-Fighting .pi-header, .portable-infobox.pi-theme-Poison .pi-header, .portable-infobox.pi-theme-Ground .pi-header, .portable-infobox.pi-theme-Flying .pi-header, .portable-infobox.pi-theme-Psychic .pi-header, .portable-infobox.pi-theme-Bug .pi-header, .portable-infobox.pi-theme-Rock .pi-header, .portable-infobox.pi-theme-Ghost .pi-header, .portable-infobox.pi-theme-Dragon .pi-header, .portable-infobox.pi-theme-Dark .pi-header, .portable-infobox.pi-theme-Steel .pi-header, .portable-infobox.pi-theme-Fairy .pi-header { font-size: 12px; padding: 4px; font-weight: 500; color: black; text-align: left; } .portable-infobox.pi-theme-Normal .pi-data-label, .portable-infobox.pi-theme-Fire .pi-data-label, .portable-infobox.pi-theme-Water .pi-data-label, .portable-infobox.pi-theme-Electric .pi-data-label, .portable-infobox.pi-theme-Grass .pi-data-label, .portable-infobox.pi-theme-Ice .pi-data-label, .portable-infobox.pi-theme-Fighting .pi-data-label, .portable-infobox.pi-theme-Poison .pi-data-label, .portable-infobox.pi-theme-Ground .pi-data-label, .portable-infobox.pi-theme-Flying .pi-data-label, .portable-infobox.pi-theme-Psychic .pi-data-label, .portable-infobox.pi-theme-Bug .pi-data-label, .portable-infobox.pi-theme-Rock .pi-data-label, .portable-infobox.pi-theme-Ghost .pi-data-label, .portable-infobox.pi-theme-Dragon .pi-data-label, .portable-infobox.pi-theme-Dark .pi-data-label, .portable-infobox.pi-theme-Steel .pi-data-label, .portable-infobox.pi-theme-Fairy .pi-data-label { font-weight: normal; flex-basis: auto; width: 40%; } .portable-infobox.pi-theme-Normal .pi-navigation, .portable-infobox.pi-theme-Fire .pi-navigation, .portable-infobox.pi-theme-Water .pi-navigation, .portable-infobox.pi-theme-Electric .pi-navigation, .portable-infobox.pi-theme-Grass .pi-navigation, .portable-infobox.pi-theme-Ice .pi-navigation, .portable-infobox.pi-theme-Fighting .pi-navigation, .portable-infobox.pi-theme-Poison .pi-navigation, .portable-infobox.pi-theme-Ground .pi-navigation, .portable-infobox.pi-theme-Flying .pi-navigation, .portable-infobox.pi-theme-Psychic .pi-navigation, .portable-infobox.pi-theme-Bug .pi-navigation, .portable-infobox.pi-theme-Rock .pi-navigation, .portable-infobox.pi-theme-Ghost .pi-navigation, .portable-infobox.pi-theme-Dragon .pi-navigation, .portable-infobox.pi-theme-Dark .pi-navigation, .portable-infobox.pi-theme-Steel .pi-navigation, .portable-infobox.pi-theme-Fairy .pi-navigation { font-weight: 500; font-size: 12px; }

/* Coloring */ /* Normal */ .pi-theme-Normal .pi-title { background-color: var(--color-Normal); } .pi-theme-Normal .pi-navigation { background-color: var(--color-Normal); } .pi-theme-Normal .pi-navigation a { color: white; } .pi-theme-Normal .pi-header { background-color: var(--color-Normal--light); } /* Fire */ .pi-theme-Fire .pi-title { background-color: var(--color-Fire); } .pi-theme-Fire .pi-navigation { background-color: var(--color-Fire); } .pi-theme-Fire .pi-navigation a { color: white; } .pi-theme-Fire .pi-header { background-color: var(--color-Fire--light); } /* Water */ .pi-theme-Water .pi-title { background-color: var(--color-Water); } .pi-theme-Water .pi-navigation { background-color: var(--color-Water); } .pi-theme-Water .pi-navigation a { color: white; } .pi-theme-Water .pi-header { background-color: var(--color-Water--light); } /* Electric */ .pi-theme-Electric .pi-title { background-color: var(--color-Electric); } .pi-theme-Electric .pi-navigation { background-color: var(--color-Electric); } .pi-theme-Electric .pi-navigation a { color: white; } .pi-theme-Electric .pi-header { background-color: var(--color-Electric--light); } /* Grass */ .pi-theme-Grass .pi-title { background-color: var(--color-Grass); } .pi-theme-Grass .pi-navigation { background-color: var(--color-Grass); } .pi-theme-Grass .pi-navigation a { color: white; } .pi-theme-Grass .pi-header { background-color: var(--color-Grass--light); }