MediaWiki:Themes.css

/** Infobox **/ .portable-infobox { border-style: solid; border-width: .125vw; border-color: #ffdbea; border-radius: .9375vw; width: 320px; background: url("https://static.wikia.nocookie.net/bandori/images/6/6a/Bg_mark.png"); background-size: 320px; color: #000; box-sizing: border-box; } .portable-infobox .pi-item-spacing { padding: 3px 3px; } .portable-infobox .pi-image-collection-tab-content { background: none; } .page-content .portable-infobox .pi-title, .page-content .portable-infobox .pi-header { font-family: 'NewRodinPro-B','Rubik',sans-serif; font-weight: 700; background-color: #ff0040; color: #fff; text-align: center; text-shadow: 3px 3px 3px #000; background-image: url("https://static.wikia.nocookie.net/bandori/images/c/c5/Bg_heading.png"); background-size: 25px; }

.page-content .portable-infobox .pi-title { font-size: 22px; line-height: 24px; -moz-border-radius: .9375vw .9375vw 0 0; -webkit-border-radius: .9375vw .9375vw 0 0; border-radius: .9375vw .9375vw 0 0; padding: 6px 2px; }

.page-content .portable-infobox .pi-header { font-size: 14px; line-height: 17px; border-radius: 30px; padding: 5px; } .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; } .portable-infobox .pi-image { padding: 2px; } .portable-infobox .pi-image-collection-tabs { display: flex; flex-flow: row wrap; justify-content: center; margin: 5px 0 0; }

.portable-infobox .pi-image-collection-tabs li { background: #f8f8f8; border: none; box-sizing: border-box; color: #999; font-size: 12px; line-height: 18px; flex: 1 0 auto; margin: 0; }

.portable-infobox .pi-image-collection-tabs li.current, .portable-infobox .pi-image-collection-tabs li:hover { background-color: #ff0040; color: white; font-weight: normal; transition: all 0.15s; }

.portable-infobox .pi-data-label { color: inherit; }

.portable-infobox .pi-data, .portable-infobox .pi-group { border: none; }

.portable-infobox .pi-caption { order: 1; text-align: center; }

.portable-infobox .pi-caption, .portable-infobox .mw-collapsible-toggle a { color: #000; } .portable-infobox .wds-tabs__tab { color: #959595; } .page-content .portable-infobox .wds-tabs__tab-label { margin: 0 5px; }

/* Band Colors */ .bandori_popipa {color:#ff3377;} .bandori_afterglow {color:#ee3344;} .bandori_pasupare {color:#33ddaa;} .bandori_roselia {color:#3344aa;} .bandori_harohapi {color:#ffdd00;} .bandori_guriguri {color:#01DFA5;} .bandori_raise {color:#22cccc;} .bandori_morfonica {color:#33aaff;}

/* PI Theme Colors */ .page-content .pi-theme-Poppin-Party .pi-title, .page-content .pi-theme-Poppin-Party .pi-header, .page-content .pi-theme-Poppin-Party .pi-secondary-background, .page-content .pi-theme-Poppin-Party .pi-image-collection-tabs li.current, .page-content .pi-theme-Poppin-Party .pi-image-collection-tabs li:hover, .page-content .pi-theme-popipa .pi-title, .page-content .pi-theme-popipa .pi-header, .page-content .pi-theme-popipa .pi-secondary-background, .page-content .pi-theme-popipa .pi-image-collection-tabs li.current, .page-content .pi-theme-popipa .pi-image-collection-tabs li:hover { background-color: #ff3377; }

.page-content .pi-theme-Afterglow .pi-title, .page-content .pi-theme-Afterglow .pi-header, .page-content .pi-theme-Afterglow .pi-secondary-background, .page-content .pi-theme-Afterglow .pi-image-collection-tabs li.current, .page-content .pi-theme-Afterglow .pi-image-collection-tabs li:hover, .page-content .pi-theme-afterglow .pi-title, .page-content .pi-theme-afterglow .pi-header, .page-content .pi-theme-afterglow .pi-secondary-background, .page-content .pi-theme-afterglow .pi-image-collection-tabs li.current, .page-content .pi-theme-afterglow .pi-image-collection-tabs li:hover { background-color: #ee3344; } /* Afterglow */

.page-content .pi-theme-Pastel-Palettes .pi-title, .page-content .pi-theme-Pastel-Palettes .pi-header, .page-content .pi-theme-Pastel-Palettes .pi-secondary-background, .page-content .pi-theme-Pastel-Palettes .pi-image-collection-tabs li.current, .page-content .pi-theme-Pastel-Palettes .pi-image-collection-tabs li:hover, .page-content .pi-theme-pasupare .pi-title, .page-content .pi-theme-pasupare .pi-header, .page-content .pi-theme-pasupare .pi-secondary-background, .page-content .pi-theme-pasupare .pi-image-collection-tabs li.current, .page-content .pi-theme-pasupare .pi-image-collection-tabs li:hover { background-color: #33ddaa; } /* Pastel Palettes */

.page-content .pi-theme-Roselia .pi-title, .page-content .pi-theme-Roselia .pi-header, .page-content .pi-theme-Roselia .pi-secondary-background, .page-content .pi-theme-Roselia .pi-image-collection-tabs li.current, .page-content .pi-theme-Roselia .pi-image-collection-tabs li:hover, .page-content .pi-theme-roselia .pi-title, .page-content .pi-theme-roselia .pi-header, .page-content .pi-theme-roselia .pi-secondary-background, .page-content .pi-theme-roselia .pi-image-collection-tabs li.current, .page-content .pi-theme-roselia .pi-image-collection-tabs li:hover { background-color: #3344aa; } /* Roselia */

.page-content .pi-theme-Hello-Happy-World .pi-title, .page-content .pi-theme-Hello-Happy-World .pi-header, .page-content .pi-theme-Hello-Happy-World .pi-secondary-background, .page-content .pi-theme-Hello-Happy-World .pi-image-collection-tabs li.current, .page-content .pi-theme-Hello-Happy-World .pi-image-collection-tabs li:hover, .page-content .pi-theme-harohapi .pi-title, .page-content .pi-theme-harohapi .pi-header, .page-content .pi-theme-harohapi .pi-secondary-background, .page-content .pi-theme-harohapi .pi-image-collection-tabs li.current, .page-content .pi-theme-harohapi .pi-image-collection-tabs li:hover { background-color: #ffdd00; } /* Hello, Happy World! */

.page-content .pi-theme-Glitter-Green .pi-title, .page-content .pi-theme-Glitter-Green .pi-header, .page-content .pi-theme-Glitter-Green .pi-secondary-background, .page-content .pi-theme-Glitter-Green .pi-image-collection-tabs li.current, .page-content .pi-theme-Glitter-Green .pi-image-collection-tabs li:hover, .page-content .pi-theme-guriguri .pi-title, .page-content .pi-theme-guriguri .pi-header, .page-content .pi-theme-guriguri .pi-secondary-background, .page-content .pi-theme-guriguri .pi-image-collection-tabs li.current, .page-content .pi-theme-guriguri .pi-image-collection-tabs li:hover { background-color: #01dfa5; } /* Glitter Green */

.page-content .pi-theme-raise .pi-title, .page-content .pi-theme-raise .pi-header, .page-content .pi-theme-raise .pi-secondary-background, .page-content .pi-theme-raise .pi-image-collection-tabs li.current, .page-content .pi-theme-raise .pi-image-collection-tabs li:hover, .page-content .pi-theme-RAISE-A-SUILEN .pi-title, .page-content .pi-theme-RAISE-A-SUILEN .pi-header, .page-content .pi-theme-RAISE-A-SUILEN .pi-secondary-background, .page-content .pi-theme-RAISE-A-SUILEN .pi-image-collection-tabs li.current, .page-content .pi-theme-RAISE-A-SUILEN .pi-image-collection-tabs li:hover, .page-content .pi-theme-RAS .pi-title, .page-content .pi-theme-RAS .pi-header, .page-content .pi-theme-RAS .pi-secondary-background, .page-content .pi-theme-RAS .pi-image-collection-tabs li.current, .page-content .pi-theme-RAS .pi-image-collection-tabs li:hover { background-color: #22cccc; } /* RAISE A SUILEN */

.page-content .pi-theme-Morfonica .pi-title, .page-content .pi-theme-Morfonica .pi-header, .page-content .pi-theme-Morfonica .pi-secondary-background, .page-content .pi-theme-Morfonica .pi-image-collection-tabs li.current, .page-content .pi-theme-Morfonica .pi-image-collection-tabs li:hover, .page-content .pi-theme-morfonica .pi-title, .page-content .pi-theme-morfonica .pi-header, .page-content .pi-theme-morfonica .pi-secondary-background, .page-content .pi-theme-morfonica .pi-image-collection-tabs li.current, .page-content .pi-theme-morfonica .pi-image-collection-tabs li:hover { background-color: #33aaff; } /* Morfonica */

/* Discography Infobox */ .portable-infobox.type-discog .pi-data-label { flex-basis: 200px; } .portable-infobox.type-discog .pi-data-value { text-align: center; font-weight: bold; } .portable-infobox.type-discog .pi-caption { font-size: 12px; }

/* PI BG */ .pi-theme-popipa { background: url("https://static.wikia.nocookie.net/bandori/images/3/38/BandBG1.png"); border-color: #FFF0F7; } .pi-theme-afterglow, .pi-theme-Afterglow { background: url("https://static.wikia.nocookie.net/bandori/images/3/37/BandBG2.png"); border-color: #FFEEED; } .pi-theme-pasupare, .pi-theme-Pastel-Palettes { background: url("https://static.wikia.nocookie.net/bandori/images/a/a1/BandBG4.png"); border-color: #E5FFF8; } .pi-theme-roselia, .pi-theme-Roselia { background: url("https://static.wikia.nocookie.net/bandori/images/d/db/BandBG5.png"); border-color: #F3F0FF; } .pi-theme-harohapi, .pi-theme-Hello-Happy-World { background: url("https://static.wikia.nocookie.net/bandori/images/6/6c/BandBG3.png"); border-color: #FFFBE3; } .pi-theme-RAS, .pi-theme-raise, .pi-theme-RAISE-A-SUILEN { background: url("https://static.wikia.nocookie.net/bandori/images/d/db/BandBG18.png"); border-color: #E0FEFF; } .pi-theme-morfonica, .pi-theme-Morfonica { background: url("https://static.wikia.nocookie.net/bandori/images/9/90/BandBG21.png"); border-color: #E6F9FF; } /** Lyrics **/ .pi-theme-lyrics.portable-infobox { width: auto; float: none; transition-duration: 0.3s; background: transparent; border: none; color: #e6e6e6; } .pi-theme-lyrics .pi-data { width: 90%; margin: 0 auto; } .pi-theme-lyrics .pi-navigation { background:transparent; font-size: 13px; font-weight: 600; }

.pi-theme-lyrics.portable-infobox .pi-header { display: none; } .pi-theme-lyrics .pi-data-value { font-size: 16px; width: 100%; text-align: center; }

/*PI Slideshow BG fix*/ .portable-infobox .wikia-slideshow-images-wrapper .wikia-slideshow-images { background-color: transparent; border: none; }