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

/* Coloring */ /* Normal */ .portable-infobox.pi-theme-Normal, .portable-infobox.pi-theme-Normal .pi-border-color { border-color: var(--color-Normal); } .portable-infobox.pi-theme-Normal .pi-title { background-color: var(--color-Normal); } .portable-infobox.pi-theme-Normal .pi-header { background-color: var(--color-Normal--light); } /* Fire */ .portable-infobox.pi-theme-Fire, .portable-infobox.pi-theme-Fire .pi-border-color { border-color: var(--color-Fire); } .portable-infobox.pi-theme-Fire .pi-title { background-color: var(--color-Fire); } .portable-infobox.pi-theme-Fire .pi-header { background-color: var(--color-Fire--light); } /* Water */ .portable-infobox.pi-theme-Water, .portable-infobox.pi-theme-Water .pi-border-color { border-color: var(--color-Water); } .portable-infobox.pi-theme-Water .pi-title { background-color: var(--color-Water); } .portable-infobox.pi-theme-Water .pi-header { background-color: var(--color-Water--light); } /* Electric */ .portable-infobox.pi-theme-Electric, .portable-infobox.pi-theme-Electric .pi-border-color { border-color: var(--color-Electric); } .portable-infobox.pi-theme-Electric .pi-title { background-color: var(--color-Electric); } .portable-infobox.pi-theme-Electric .pi-header { background-color: var(--color-Electric--light); } /* Grass */ .portable-infobox.pi-theme-Grass, .portable-infobox.pi-theme-Grass .pi-border-color { border-color: var(--color-Grass); } .portable-infobox.pi-theme-Grass .pi-title { background-color: var(--color-Grass); } .portable-infobox.pi-theme-Grass .pi-header { background-color: var(--color-Grass--light); } /* Ice */ .portable-infobox.pi-theme-Ice, .portable-infobox.pi-theme-Ice .pi-border-color { border-color: var(--color-Ice); } .portable-infobox.pi-theme-Ice .pi-title { background-color: var(--color-Ice); } .portable-infobox.pi-theme-Ice .pi-header { background-color: var(--color-Ice--light); } /* Fighting */ .portable-infobox.pi-theme-Fighting, .portable-infobox.pi-theme-Fighting .pi-border-color { border-color: var(--color-Fighting); } .portable-infobox.pi-theme-Fighting .pi-title { background-color: var(--color-Fighting); } .portable-infobox.pi-theme-Fighting .pi-header { background-color: var(--color-Fighting--light); } /* Poison */ .portable-infobox.pi-theme-Poison, .portable-infobox.pi-theme-Poison .pi-border-color { border-color: var(--color-Poison); } .portable-infobox.pi-theme-Poison .pi-title { background-color: var(--color-Poison); } .portable-infobox.pi-theme-Poison .pi-header { background-color: var(--color-Poison--light); } /* Ground */ .portable-infobox.pi-theme-Ground, .portable-infobox.pi-theme-Ground .pi-border-color { border-color: var(--color-Ground); } .portable-infobox.pi-theme-Ground .pi-title { background-color: var(--color-Ground); } .portable-infobox.pi-theme-Ground .pi-header { background-color: var(--color-Ground--light); } /* Flying */ .portable-infobox.pi-theme-Flying, .portable-infobox.pi-theme-Flying .pi-border-color { border-color: var(--color-Flying); } .portable-infobox.pi-theme-Flying .pi-title { background-color: var(--color-Flying); } .portable-infobox.pi-theme-Flying .pi-header { background-color: var(--color-Flying--light); } /* Psychic */ .portable-infobox.pi-theme-Psychic, .portable-infobox.pi-theme-Psychic .pi-border-color { border-color: var(--color-Psychic); } .portable-infobox.pi-theme-Psychic .pi-title { background-color: var(--color-Psychic); } .portable-infobox.pi-theme-Psychic .pi-header { background-color: var(--color-Psychic--light); } /* Bug */ .portable-infobox.pi-theme-Bug, .portable-infobox.pi-theme-Bug .pi-border-color { border-color: var(--color-Bug); } .portable-infobox.pi-theme-Bug .pi-title { background-color: var(--color-Bug); } .portable-infobox.pi-theme-Bug .pi-header { background-color: var(--color-Bug--light); } /* Rock */ .portable-infobox.pi-theme-Rock, .portable-infobox.pi-theme-Rock .pi-border-color { border-color: var(--color-Rock); } .portable-infobox.pi-theme-Rock .pi-title { background-color: var(--color-Rock); } .portable-infobox.pi-theme-Rock .pi-header { background-color: var(--color-Rock--light); } /* Ghost */ .portable-infobox.pi-theme-Ghost, .portable-infobox.pi-theme-Ghost .pi-border-color { border-color: var(--color-Ghost); } .portable-infobox.pi-theme-Ghost .pi-title { background-color: var(--color-Ghost); } .portable-infobox.pi-theme-Ghost .pi-header { background-color: var(--color-Ghost--light); } /* Dragon */ .portable-infobox.pi-theme-Dragon, .portable-infobox.pi-theme-Dragon .pi-border-color { border-color: var(--color-Dragon); } .portable-infobox.pi-theme-Dragon .pi-title { background-color: var(--color-Dragon); } .portable-infobox.pi-theme-Dragon .pi-header { background-color: var(--color-Dragon--light); } /* Dark */ .portable-infobox.pi-theme-Dark, .portable-infobox.pi-theme-Dark .pi-border-color { border-color: var(--color-Dark); } .portable-infobox.pi-theme-Dark .pi-title { background-color: var(--color-Dark); } .portable-infobox.pi-theme-Dark .pi-header { background-color: var(--color-Dark--light); } /* Steel */ .portable-infobox.pi-theme-Steel, .portable-infobox.pi-theme-Steel .pi-border-color { border-color: var(--color-Steel); } .portable-infobox.pi-theme-Steel .pi-title { background-color: var(--color-Steel); } .portable-infobox.pi-theme-Steel .pi-header { background-color: var(--color-Steel--light); } /* Fairy */ .portable-infobox.pi-theme-Fairy, .portable-infobox.pi-theme-Fairy .pi-border-color { border-color: var(--color-Fairy); } .portable-infobox.pi-theme-Fairy .pi-title { background-color: var(--color-Fairy); } .portable-infobox.pi-theme-Fairy .pi-header { background-color: var(--color-Fairy--light); } /* Additional colors for dual types */ .type2-Normal .portable-infobox .pi-header { background-color: var(--color-Normal--light); } .type2-Fire .portable-infobox .pi-header { background-color: var(--color-Fire--light); } .type2-Water .portable-infobox .pi-header { background-color: var(--color-Water--light); } .type2-Electric .portable-infobox .pi-header { background-color: var(--color-Electric--light); } .type2-Grass .portable-infobox .pi-header { background-color: var(--color-Grass--light); } .type2-Ice .portable-infobox .pi-header { background-color: var(--color-Ice--light); } .type2-Fighting .portable-infobox .pi-header { background-color: var(--color-Fighting--light); } .type2-Poison .portable-infobox .pi-header { background-color: var(--color-Poison--light); } .type2-Ground .portable-infobox .pi-header { background-color: var(--color-Ground--light); } .type2-Flying .portable-infobox .pi-header { background-color: var(--color-Flying--light); } .type2-Psychic .portable-infobox .pi-header { background-color: var(--color-Psychic--light); } .type2-Bug .portable-infobox .pi-header { background-color: var(--color-Bug--light); } .type2-Rock .portable-infobox .pi-header { background-color: var(--color-Rock--light); } .type2-Ghost .portable-infobox .pi-header { background-color: var(--color-Ghost--light); } .type2-Dragon .portable-infobox .pi-header { background-color: var(--color-Dragon--light); } .type2-Dark .portable-infobox .pi-header { background-color: var(--color-Dark--light); } .type2-Steel .portable-infobox .pi-header { background-color: var(--color-Steel--light); } .type2-Fairy .portable-infobox .pi-header { background-color: var(--color-Fairy--light); }