MediaWiki:Themes.css

/* Infobox styling */

/** Main styling **/ .portable-infobox { background: #f0f0f0; width: 250px; } .portable-infobox .pi-image-thumbnail { max-width: 250px; height: auto; } .portable-infobox .pi-caption { font-size: smaller; } .portable-infobox .pi-item-spacing { padding: 9px 4px; } .portable-infobox .pi-title { color: #ffffff; font-weight: bold; font-size: 14px; line-height: 21px; text-align: center; padding: 4px; } .portable-infobox .pi-header { line-height: 17px; padding: 4px; } .portable-infobox .pi-data-label { align-items: center; display: flex; flex-basis: 72px; } .pi-border-color { border-color: #d9d9d9; }

/** Default theme **/ .pi-theme-wikia { border-bottom: 8px solid #012e56; } .pi-theme-wikia .pi-title { background-color: #012e56; } .pi-theme-wikia .pi-image, .pi-theme-wikia .pi-header { background-color: #839db3; }

/** Angelic Infobox theme **/ .pi-theme-angel { border-bottom: 8px solid #4169e1; } .pi-theme-angel .pi-title { background-color: #4169e1; } .pi-theme-angel .pi-image, .pi-theme-angel .pi-header { background-color: #87cefa; }

/** Animal Infobox theme **/ .pi-theme-animal { border-bottom: 8px solid #000; } .pi-theme-animal .pi-image, .pi-theme-animal .pi-header, .pi-theme-animal .pi-title { background-color: #000; color: #ffffff; }

/** Artifact Infobox theme **/ .pi-theme-artifact { border-bottom: 8px solid #349526; } .pi-theme-artifact .pi-title { background-color: #349526; } .pi-theme-artifact .pi-image, .pi-theme-artifact .pi-header { background-color: #b5daaf; }

/** Artifical Being Infobox theme **/ .pi-theme-artificial-being { border-bottom: 8px solid DarkKhaki; } .pi-theme-artificial-being .pi-title { background-color: DarkKhaki; } .pi-theme-artificial-being .pi-image, .pi-theme-artificial-being .pi-header { background-color: Khaki; }

/** City Infobox theme **/ .pi-theme-city { border-bottom: 8px solid DarkBlue; } .pi-theme-city .pi-title { background-color: DarkBlue; } .pi-theme-city .pi-image, .pi-theme-city .pi-header { background-color: LightSteelBlue; }

/** Collective Power Infobox theme **/ .pi-theme-collective-power { border-bottom: 8px solid SaddleBrown; } .pi-theme-collective-power .pi-title { background-color: SaddleBrown; } .pi-theme-collective-power .pi-image, .pi-theme-collective-power .pi-header { background-color: DarkGoldenrod; }

/** Comic Season Infobox theme **/ .pi-theme-comic { border-bottom: 8px solid #660066; } .pi-theme-comic .pi-title, .pi-theme-comic .pi-image, .pi-theme-comic .pi-header { background-color: #660066; color: #ffffff; }

/** Credit infobox Charmed theme **/ .pi-theme-credit { border-bottom: 8px solid #151b54; } .pi-theme-credit .pi-image, .pi-theme-credit .pi-title, .pi-theme-credit .pi-header { background-color: #151b54; color: #ffffff; }

/** Cupid Infobox theme **/ .pi-theme-cupid { border-bottom: 8px solid RosyBrown; } .pi-theme-cupid .pi-title { background-color: RosyBrown; } .pi-theme-cupid .pi-image, .pi-theme-cupid .pi-header { background-color: #ffd2e9; }

/** Demon Infobox theme **/ .pi-theme-demon { border-bottom: 8px solid #660000; } .pi-theme-demon .pi-title { background-color: #660000; } .pi-theme-demon .pi-image, .pi-theme-demon .pi-header { background-color: #CC9966; }

/** Dwarf Infobox theme **/ .pi-theme-dwarf { border-bottom: 8px solid Sienna; } .pi-theme-dwarf .pi-title { background-color: Sienna; } .pi-theme-dwarf .pi-image, .pi-theme-dwarf .pi-header { background-color: SandyBrown; }

/** Elf Infobox theme **/ .pi-theme-elf { border-bottom: 8px solid MediumSeaGreen; } .pi-theme-elf .pi-title { background-color: MediumSeaGreen; } .pi-theme-elf .pi-image, .pi-theme-elf .pi-header { background-color: LightGreen; }

/** Empath Infobox theme **/ .pi-theme-empath { border-bottom: 8px solid Plum; } .pi-theme-empath .pi-title { background-color: Plum; } .pi-theme-empath .pi-image, .pi-theme-empath .pi-header { background-color: Thistle; }

/** Event Infobox theme **/ .pi-theme-event { border-bottom: 8px solid #ddaa00; } .pi-theme-event .pi-title { background-color: #ddaa00; } .pi-theme-event .pi-image, .pi-theme-event .pi-header { background-color: #ffd700; }

/** Fairy Infobox theme **/ .pi-theme-fairy { border-bottom: 8px solid HotPink; } .pi-theme-fairy .pi-title { background-color: HotPink; } .pi-theme-fairy .pi-image, .pi-theme-fairy .pi-header { background-color: #ff99cc; }

/** Gremlin Infobox theme **/ .pi-theme-gremlin { border-bottom: 8px solid DarkOliveGreen; } .pi-theme-gremlin .pi-title { background-color: DarkOliveGreen; } .pi-theme-gremlin .pi-image, .pi-theme-gremlin .pi-header { background-color: Olive; color: #ffffff; }

/** Guardian of Pandora Infobox theme **/ .pi-theme-guardian-of-pandora { border-bottom: 8px solid DarkOliveGreen; } .pi-theme-guardian-of-pandora .pi-title { background-color: #cc6666; } .pi-theme-guardian-of-pandora .pi-image, .pi-theme-guardian-of-pandora .pi-header { background-color: #996666; color: #ffffff; }

/** Gypsy Infobox theme **/ .pi-theme-gypsy { border-bottom: 8px solid #4ccc3b; } .pi-theme-gypsy .pi-title { background-color: #4ccc3b; } .pi-theme-gypsy .pi-image, .pi-theme-gypsy .pi-header { background-color: #86c27d; }

/** Houses Infobox theme **/ .pi-theme-house { border-bottom: 8px solid #e67b57; } .pi-theme-house .pi-title { background-color: #e67b57; } .pi-theme-house .pi-image, .pi-theme-house .pi-header { background-color: #efae8f; }

/** Issue infobox theme **/ .pi-theme-issue { border-bottom: 8px solid #006cb0; } .pi-theme-issue .pi-image, .pi-theme-issue .pi-title, .pi-theme-issue .pi-header { background-color: #006cb0; color: #ffffff; }

/** Leprechaun Infobox theme **/ .pi-theme-leprechaun { border-bottom: 8px solid Green; } .pi-theme-leprechaun .pi-title { background-color: Green; } .pi-theme-leprechaun .pi-image, .pi-theme-leprechaun .pi-header { background-color: Goldenrod; }

/** Magicl Being Infobox theme **/ .pi-theme-magical-being { border-bottom: 8px solid #ffa500; } .pi-theme-magical-being .pi-title { background-color: #ffa500; } .pi-theme-magical-being .pi-image, .pi-theme-magical-being .pi-header { background-color: #ffff66; }

/** Mortal Infobox theme **/ .pi-theme-mortal { border-bottom: 8px solid #9a5f1f; } .pi-theme-mortal .pi-title { background-color: #9a5f1f; } .pi-theme-mortal .pi-image, .pi-theme-mortal .pi-header { background-color: #d0832f; }

/** Neutral Infobox theme **/ .pi-theme-neutral { border-bottom: 8px solid #666666; } .pi-theme-neutral .pi-title { background-color: #666666; } .pi-theme-neutral .pi-image, .pi-theme-neutral .pi-header { background-color: #999999; }

/** Novel Infobox theme **/ .pi-theme-novel { border-bottom: 8px solid #b74f6d; } .pi-theme-novel .pi-title, .pi-theme-novel .pi-image, .pi-theme-novel .pi-header { background-color: #b74f6d; }

/** Nymph Infobox theme **/ .pi-theme-nymph { border-bottom: 8px solid SpringGreen; } .pi-theme-nymph .pi-title { background-color: SpringGreen; } .pi-theme-nymph .pi-image, .pi-theme-nymph .pi-header { background-color: PaleGreen; }

/** Ogres Infobox theme **/ .pi-theme-ogre { border-bottom: 8px solid Black; } .pi-theme-ogre .pi-title { background-color: Black; } .pi-theme-ogre .pi-image, .pi-theme-ogre .pi-header { background-color: DarkKhaki; }

/** Power Infobox theme **/ .pi-theme-power { border-bottom: 8px solid #c12267; } .pi-theme-power .pi-title { background-color: #c12267; } .pi-theme-power .pi-image, .pi-theme-power .pi-header { background-color: #990033; color: #fff; }

/** Relationship Infobox theme **/ .pi-theme-relationship { border-bottom: 8px solid #ff1493; } .pi-theme-relationship .pi-title { background-color: #ff1493; } .pi-theme-relationship .pi-image, .pi-theme-relationship .pi-header { background-color: #cc0033; color: #fff; }

/** Season 1 theme **/ .pi-theme-season1 { border-bottom: 8px solid #554c99; } .pi-theme-season1 .pi-image, .pi-theme-season1 .pi-title, .pi-theme-season1 .pi-header { background-color: #554c99; color: #ffffff; }

/** Season 2 theme **/ .pi-theme-season2 { border-bottom: 8px solid #e56024; } .pi-theme-season2 .pi-image, .pi-theme-season2 .pi-title, .pi-theme-season2 .pi-header { background-color: #e56024; color: #ffffff; }

/** Season 3 theme **/ .pi-theme-season3 { border-bottom: 8px solid #52badf; } .pi-theme-season3 .pi-image, .pi-theme-season3 .pi-title, .pi-theme-season3 .pi-header { background-color: #52badf; }

/** Season 4 theme **/ .pi-theme-season4 { border-bottom: 8px solid #ec3b83; } .pi-theme-season4 .pi-image, .pi-theme-season4 .pi-title, .pi-theme-season4 .pi-header { background-color: #ec3b83; color: #ffffff; }

/** Season 5 theme **/ .pi-theme-season5 { border-bottom: 8px solid #0478b5; } .pi-theme-season5 .pi-image, .pi-theme-season5 .pi-title, .pi-theme-season5 .pi-header { background-color: #0478b5; color: #ffffff; }

/** Season 6 theme **/ .pi-theme-season6 { border-bottom: 8px solid #c02d2c; } .pi-theme-season6 .pi-image, .pi-theme-season6 .pi-title, .pi-theme-season6 .pi-header { background-color: #c02d2c; color: #ffffff; }

/** Season 7 theme **/ .pi-theme-season7 { border-bottom: 8px solid #912465; } .pi-theme-season7 .pi-image, .pi-theme-season7 .pi-title, .pi-theme-season7 .pi-header { background-color: #912465; color: #ffffff; }

/** Season 8 theme **/ .pi-theme-season8 { border-bottom: 8px solid #967117; } .pi-theme-season8 .pi-image, .pi-theme-season8 .pi-title, .pi-theme-season8 .pi-header { background-color: #967117; color: #ffffff; }

/** Season 8 theme **/ .pi-theme-season8 { border-bottom: 8px solid #967117; } .pi-theme-season8 .pi-image, .pi-theme-season8 .pi-title, .pi-theme-season8 .pi-header { background-color: #967117; color: #ffffff; }

/** Spell Infobox theme */ .pi-theme-spell { border-bottom: 8px solid #793c91; } .pi-theme-spell .pi-title { background-color: #793c91; } .pi-theme-spell .pi-image, .pi-theme-spell .pi-header { background-color: #dbb0ff; }

/** Spirit Infobox theme */ .pi-theme-spirit { border-bottom: 8px solid WhiteSmoke; } .pi-theme-spirit .pi-title { background-color: WhiteSmoke; color: inherit; } .pi-theme-spirit .pi-image, .pi-theme-spirit .pi-header { background-color: GhostWhite; }

/** Subjects Infobox theme */ .pi-theme-subject { border-bottom: 8px solid MediumOrchid; } .pi-theme-subject .pi-title { background-color: MediumOrchid; } .pi-theme-subject .pi-image, .pi-theme-subject .pi-header { background-color: Orchid; }

/** Infobox Television theme **/ .pi-theme-television { background: #f8f9fa; border-bottom: 8px solid #a2a9b1; } .pi-theme-television .pi-title { background-color: #a2a9b1; } .pi-theme-television .pi-image, .pi-theme-television .pi-header { background-color: #eaecf0; color: inherit; }

/** Trolls Infobox theme */ .pi-theme-troll { border-bottom: 8px solid LightSlateGray; } .pi-theme-troll .pi-title { background-color: LightSlateGray; } .pi-theme-troll .pi-image, .pi-theme-troll .pi-header { background-color: Silver; }

/** Warren Line theme */ .pi-theme-warren-line { border-bottom: 8px solid #660033; } .pi-theme-warren-line .pi-title { background-color: #660033; } .pi-theme-warren-line .pi-image, .pi-theme-warren-line .pi-header { background-color: RosyBrown; }

/** Witch theme */ .pi-theme-witch { border-bottom: 8px solid #012e56; } .pi-theme-witch .pi-title { background-color: #012e56; } .pi-theme-witch .pi-image, .pi-theme-witch .pi-header { background-color: #839db3; }

/** Writer Infobox theme **/ .pi-theme-writer { border-bottom: 8px solid #084b8a; } .pi-theme-writer .pi-image, .pi-theme-writer .pi-title, .pi-theme-writer .pi-header { background-color: #084b8a; color: #ffffff; }