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

/* Infobox variables */ .theme-fandomdesktop-light { /* These variables only affect the light theme */ --custom-infobox-bg-color--Normal: var(--color-Normal--light); --custom-infobox-border-color--Normal: var(--color-Normal--dark); --custom-infobox-bg-color--Fire: var(--color-Fire--light); --custom-infobox-border-color--Fire: var(--color-Fire--dark); --custom-infobox-bg-color--Water: var(--color-Water--light); --custom-infobox-border-color--Water: var(--color-Water--dark); --custom-infobox-bg-color--Electric: var(--color-Electric--light); --custom-infobox-border-color--Electric: var(--color-Electric--dark); --custom-infobox-bg-color--Grass: var(--color-Grass--light); --custom-infobox-border-color--Grass: var(--color-Grass--dark); --custom-infobox-bg-color--Ice: var(--color-Ice--light); --custom-infobox-border-color--Ice: var(--color-Ice--dark); --custom-infobox-bg-color--Fighting: var(--color-Fighting--light); --custom-infobox-border-color--Fighting: var(--color-Fighting--dark); --custom-infobox-bg-color--Poison: var(--color-Poison--light); --custom-infobox-border-color--Poison: var(--color-Poison--dark); --custom-infobox-bg-color--Ground: var(--color-Ground--light); --custom-infobox-border-color--Ground: var(--color-Ground--dark); --custom-infobox-bg-color--Flying: var(--color-Flying--light); --custom-infobox-border-color--Flying: var(--color-Flying--dark); --custom-infobox-bg-color--Psychic: var(--color-Psychic--light); --custom-infobox-border-color--Psychic: var(--color-Psychic--dark); --custom-infobox-bg-color--Bug: var(--color-Bug--light); --custom-infobox-border-color--Bug: var(--color-Bug--dark); --custom-infobox-bg-color--Rock: var(--color-Rock--light); --custom-infobox-border-color--Rock: var(--color-Rock--dark); --custom-infobox-bg-color--Ghost: var(--color-Ghost--light); --custom-infobox-border-color--Ghost: var(--color-Ghost--dark); --custom-infobox-bg-color--Dragon: var(--color-Dragon--light); --custom-infobox-border-color--Dragon: var(--color-Dragon--dark); --custom-infobox-bg-color--Dark: var(--color-Dark--light); --custom-infobox-border-color--Dark: var(--color-Dark--dark); --custom-infobox-bg-color--Steel: var(--color-Steel--light); --custom-infobox-border-color--Steel: var(--color-Steel--dark); --custom-infobox-bg-color--Fairy: var(--color-Fairy--light); --custom-infobox-border-color--Fairy: var(--color-Fairy--dark); }

.theme-fandomdesktop-dark { /* These variables only affect the dark theme */ --custom-infobox-bg-color--Normal: var(--color-Normal--dark); --custom-infobox-border-color--Normal: var(--color-Normal--light); --custom-infobox-bg-color--Fire: var(--color-Fire--dark); --custom-infobox-border-color--Fire: var(--color-Fire--light); --custom-infobox-bg-color--Water: var(--color-Water--dark); --custom-infobox-border-color--Water: var(--color-Water--light); --custom-infobox-bg-color--Electric: var(--color-Electric--dark); --custom-infobox-border-color--Electric: var(--color-Electric--light); --custom-infobox-bg-color--Grass: var(--color-Grass--dark); --custom-infobox-border-color--Grass: var(--color-Grass--light); --custom-infobox-bg-color--Ice: var(--color-Ice--dark); --custom-infobox-border-color--Ice: var(--color-Ice--light); --custom-infobox-bg-color--Fighting: var(--color-Fighting--dark); --custom-infobox-border-color--Fighting: var(--color-Fighting--light); --custom-infobox-bg-color--Poison: var(--color-Poison--dark); --custom-infobox-border-color--Poison: var(--color-Poison--light); --custom-infobox-bg-color--Ground: var(--color-Ground--dark); --custom-infobox-border-color--Ground: var(--color-Ground--light); --custom-infobox-bg-color--Flying: var(--color-Flying--dark); --custom-infobox-border-color--Flying: var(--color-Flying--light); --custom-infobox-bg-color--Psychic: var(--color-Psychic--dark); --custom-infobox-border-color--Psychic: var(--color-Psychic--light); --custom-infobox-bg-color--Bug: var(--color-Bug--dark); --custom-infobox-border-color--Bug: var(--color-Bug--light); --custom-infobox-bg-color--Rock: var(--color-Rock--dark); --custom-infobox-border-color--Rock: var(--color-Rock--light); --custom-infobox-bg-color--Ghost: var(--color-Ghost--dark); --custom-infobox-border-color--Ghost: var(--color-Ghost--light); --custom-infobox-bg-color--Dragon: var(--color-Dragon--dark); --custom-infobox-border-color--Dragon: var(--color-Dragon--light); --custom-infobox-bg-color--Dark: var(--color-Dark--dark); --custom-infobox-border-color--Dark: var(--color-Dark--light); --custom-infobox-bg-color--Steel: var(--color-Steel--dark); --custom-infobox-border-color--Steel: var(--color-Steel--light); --custom-infobox-bg-color--Fairy: var(--color-Fairy--dark); --custom-infobox-border-color--Fairy: var(--color-Fairy--light); }

/* Pokemon theming */ /** Normal **/ .portable-infobox.pi-theme-Normal { border-color: var(--custom-infobox-border-color--Normal); } .portable-infobox.pi-background.pi-theme-Normal { background-color: var(--custom-infobox-bg-color--Normal); } .portable-infobox.pi-theme-Normal .pi-title, .portable-infobox.pi-theme-Normal .pi-header, .portable-infobox.pi-theme-Normal .pi-horizontal-group .pi-header { background-color: var(--color-Normal); color: black; }

/** Fire **/ .portable-infobox.pi-theme-Fire { border-color: var(--custom-infobox-border-color--Fire); } .portable-infobox.pi-background.pi-theme-Fire { background-color: var(--custom-infobox-bg-color--Fire); } .portable-infobox.pi-theme-Fire .pi-title, .portable-infobox.pi-theme-Fire .pi-header, .portable-infobox.pi-theme-Fire .pi-horizontal-group .pi-header { background-color: var(--color-Fire); color: black; }

/** Water **/ .portable-infobox.pi-theme-Water { border-color: var(--custom-infobox-border-color--Water); } .portable-infobox.pi-background.pi-theme-Water { background-color: var(--custom-infobox-bg-color--Water); } .portable-infobox.pi-theme-Water .pi-title, .portable-infobox.pi-theme-Water .pi-header, .portable-infobox.pi-theme-Water .pi-horizontal-group .pi-header { background-color: var(--color-Water); color: black; }

/** Electric **/ .portable-infobox.pi-theme-Electric { border-color: var(--custom-infobox-border-color--Electric); } .portable-infobox.pi-background.pi-theme-Electric { background-color: var(--custom-infobox-bg-color--Electric); } .portable-infobox.pi-theme-Electric .pi-title, .portable-infobox.pi-theme-Electric .pi-header, .portable-infobox.pi-theme-Electric .pi-horizontal-group .pi-header { background-color: var(--color-Electric); color: black; }

/** Grass **/ .portable-infobox.pi-theme-Grass { border-color: var(--custom-infobox-border-color--Grass); } .portable-infobox.pi-background.pi-theme-Grass { background-color: var(--custom-infobox-bg-color--Grass); } .portable-infobox.pi-theme-Grass .pi-title, .portable-infobox.pi-theme-Grass .pi-header, .portable-infobox.pi-theme-Grass .pi-horizontal-group .pi-header { background-color: var(--color-Grass); color: black; }

/** Ice **/ .portable-infobox.pi-theme-Ice { border-color: var(--custom-infobox-border-color--Ice); } .portable-infobox.pi-background.pi-theme-Ice { background-color: var(--custom-infobox-bg-color--Ice); } .portable-infobox.pi-theme-Ice .pi-title, .portable-infobox.pi-theme-Ice .pi-header, .portable-infobox.pi-theme-Ice .pi-horizontal-group .pi-header { background-color: var(--color-Ice); color: black; }

/** Fighting **/ .portable-infobox.pi-theme-Fighting { border-color: var(--custom-infobox-border-color--Fighting); } .portable-infobox.pi-background.pi-theme-Fighting { background-color: var(--custom-infobox-bg-color--Fighting); } .portable-infobox.pi-theme-Fighting .pi-title, .portable-infobox.pi-theme-Fighting .pi-header, .portable-infobox.pi-theme-Fighting .pi-horizontal-group .pi-header { background-color: var(--color-Fighting); color: black; }

/** Poison **/ .portable-infobox.pi-theme-Poison { border-color: var(--custom-infobox-border-color--Poison); } .portable-infobox.pi-background.pi-theme-Poison { background-color: var(--custom-infobox-bg-color--Poison); } .portable-infobox.pi-theme-Poison .pi-title, .portable-infobox.pi-theme-Poison .pi-header, .portable-infobox.pi-theme-Poison .pi-horizontal-group .pi-header { background-color: var(--color-Poison); color: black; }

/** Ground **/ .portable-infobox.pi-theme-Ground { border-color: var(--custom-infobox-border-color--Ground); } .portable-infobox.pi-background.pi-theme-Ground { background-color: var(--custom-infobox-bg-color--Ground); } .portable-infobox.pi-theme-Ground .pi-title, .portable-infobox.pi-theme-Ground .pi-header, .portable-infobox.pi-theme-Ground .pi-horizontal-group .pi-header { background-color: var(--color-Ground); color: black; }

/** Flying **/ .portable-infobox.pi-theme-Flying { border-color: var(--custom-infobox-border-color--Flying); } .portable-infobox.pi-background.pi-theme-Flying { background-color: var(--custom-infobox-bg-color--Flying); } .portable-infobox.pi-theme-Flying .pi-title, .portable-infobox.pi-theme-Flying .pi-header, .portable-infobox.pi-theme-Flying .pi-horizontal-group .pi-header { background-color: var(--color-Flying); color: black; }

/** Psychic **/ .portable-infobox.pi-theme-Psychic { border-color: var(--custom-infobox-border-color--Psychic); } .portable-infobox.pi-background.pi-theme-Psychic { background-color: var(--custom-infobox-bg-color--Psychic); } .portable-infobox.pi-theme-Psychic .pi-title, .portable-infobox.pi-theme-Psychic .pi-header, .portable-infobox.pi-theme-Psychic .pi-horizontal-group .pi-header { background-color: var(--color-Psychic); color: black; }

/** Bug **/ .portable-infobox.pi-theme-Bug { border-color: var(--custom-infobox-border-color--Bug); } .portable-infobox.pi-background.pi-theme-Bug { background-color: var(--custom-infobox-bg-color--Bug); } .portable-infobox.pi-theme-Bug .pi-title, .portable-infobox.pi-theme-Bug .pi-header, .portable-infobox.pi-theme-Bug .pi-horizontal-group .pi-header { background-color: var(--color-Bug); color: black; }

/** Rock **/ .portable-infobox.pi-theme-Rock { border-color: var(--custom-infobox-border-color--Rock); } .portable-infobox.pi-background.pi-theme-Rock { background-color: var(--custom-infobox-bg-color--Rock); } .portable-infobox.pi-theme-Rock .pi-title, .portable-infobox.pi-theme-Rock .pi-header, .portable-infobox.pi-theme-Rock .pi-horizontal-group .pi-header { background-color: var(--color-Rock); color: black; }

/** Ghost **/ .portable-infobox.pi-theme-Ghost { border-color: var(--custom-infobox-border-color--Ghost); } .portable-infobox.pi-background.pi-theme-Ghost { background-color: var(--custom-infobox-bg-color--Ghost); } .portable-infobox.pi-theme-Ghost .pi-title, .portable-infobox.pi-theme-Ghost .pi-header, .portable-infobox.pi-theme-Ghost .pi-horizontal-group .pi-header { background-color: var(--color-Ghost); color: black; }

/** Dragon **/ .portable-infobox.pi-theme-Dragon { border-color: var(--custom-infobox-border-color--Dragon); } .portable-infobox.pi-background.pi-theme-Dragon { background-color: var(--custom-infobox-bg-color--Dragon); } .portable-infobox.pi-theme-Dragon .pi-title, .portable-infobox.pi-theme-Dragon .pi-header, .portable-infobox.pi-theme-Dragon .pi-horizontal-group .pi-header { background-color: var(--color-Dragon); color: black; }

/** Dark **/ .portable-infobox.pi-theme-Dark { border-color: var(--custom-infobox-border-color--Dark); } .portable-infobox.pi-background.pi-theme-Dark { background-color: var(--custom-infobox-bg-color--Dark); } .portable-infobox.pi-theme-Dark .pi-title, .portable-infobox.pi-theme-Dark .pi-header, .portable-infobox.pi-theme-Dark .pi-horizontal-group .pi-header { background-color: var(--color-Dark); color: black; }

/** Steel **/ .portable-infobox.pi-theme-Steel { border-color: var(--custom-infobox-border-color--Steel); } .portable-infobox.pi-background.pi-theme-Steel { background-color: var(--custom-infobox-bg-color--Steel); } .portable-infobox.pi-theme-Steel .pi-title, .portable-infobox.pi-theme-Steel .pi-header, .portable-infobox.pi-theme-Steel .pi-horizontal-group .pi-header { background-color: var(--color-Steel); color: black; }

/** Fairy **/ .portable-infobox.pi-theme-Fairy { border-color: var(--custom-infobox-border-color--Fairy); } .portable-infobox.pi-background.pi-theme-Fairy { background-color: var(--custom-infobox-bg-color--Fairy); } .portable-infobox.pi-theme-Fairy .pi-title, .portable-infobox.pi-theme-Fairy .pi-header, .portable-infobox.pi-theme-Fairy .pi-horizontal-group .pi-header { background-color: var(--color-Fairy); color: black; }