MediaWiki:Themes.css

/** Infobox **/ .portable-infobox { border: double .366vw #e5004f; border-radius: 15px; width: 320px; background: url("https://static.wikia.nocookie.net/bandori/images/6/6a/Bg_mark.png"); background-size: 320px; color: #000; } .portable-infobox .pi-item-spacing { padding: 3px 3px; } .page-content .portable-infobox .pi-title, .page-content .portable-infobox .pi-header { font-family: 'NewRodinPro-B','Rubik',sans-serif; font-weight: 700; background-color: #e5004f; 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: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; padding: 5px 3px; }

.page-content .portable-infobox .pi-header { font-size: 14px; line-height: 17px; border-radius: 20px; padding: 5px; } .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; border-radius: 5px; } .portable-infobox .pi-image { padding: 2px; } .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; } .page-content .portable-infobox .pi-data-value:not(:first-child) { flex-basis: 210px; margin: auto; }

/* Band Colors */ .bandori_popipa {color:#f37;} .bandori_afterglow {color:#e34;} .bandori_pasupare {color:#3da;} .bandori_roselia {color:#34a;} .bandori_harohapi {color:#fd0;} .bandori_guriguri {color:#01DFA5;} .bandori_raise, .bandori_ras {color:#2cc;} .bandori_morfonica {color:#3af;}

/* 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-popipa .pi-title, .page-content .pi-theme-popipa .pi-header, .page-content .pi-theme-popipa .pi-secondary-background { background-color: #f37; } .page-content .pi-theme-popipa, .page-content .pi-theme-Poppin-Party { border-color: #f37; }

.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-title, .page-content .pi-theme-afterglow .pi-header, .page-content .pi-theme-afterglow .pi-secondary-background { background-color: #e34; } .page-content .pi-theme-afterglow, .page-content .pi-theme-Afterglow { border-color: #e34; }

.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-pasupare .pi-title, .page-content .pi-theme-pasupare .pi-header, .page-content .pi-theme-pasupare .pi-secondary-background { background-color: #3da; } .page-content .pi-theme-pasupare, .page-content .pi-theme-Pastel-Palettes { border-color: #3da; }

.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-title, .page-content .pi-theme-roselia .pi-header, .page-content .pi-theme-roselia .pi-secondary-background { background-color: #34a; } .page-content .pi-theme-roselia, .page-content .pi-theme-Roselia { border-color: #34a; }

.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-harohapi .pi-title, .page-content .pi-theme-harohapi .pi-header, .page-content .pi-theme-harohapi .pi-secondary-background { background-color: #fd0; } .page-content .pi-theme-harohapi, .page-content .pi-theme-Hello-Happy-World { border-color: #fd0; }

.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-guriguri .pi-title, .page-content .pi-theme-guriguri .pi-header, .page-content .pi-theme-guriguri .pi-secondary-background { background-color: #01dfa5; } .page-content .pi-theme-guriguri, .page-content .pi-theme-Glitter-Green { border-color: #01dfa5; }

.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-ras .pi-title, .page-content .pi-theme-ras .pi-header, .page-content .pi-theme-ras .pi-secondary-background, .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-RAS .pi-title, .page-content .pi-theme-RAS .pi-header, .page-content .pi-theme-RAS .pi-secondary-background { background-color: #2cc; } .page-content .pi-theme-ras, .page-content .pi-theme-raise, .page-content .pi-theme-RAISE-A-SUILEN, .page-content .pi-theme-RAS { border-color: #2cc; }

.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-title, .page-content .pi-theme-morfonica .pi-header, .page-content .pi-theme-morfonica .pi-secondary-background { background-color: #3af; } .page-content .pi-theme-morfonica, .page-content .pi-theme-Morfonica { border-color: #f37; }

.page-content .pi-theme-MyGO .pi-title, .page-content .pi-theme-MyGO .pi-header, .page-content .pi-theme-MyGO .pi-secondary-background, .page-content .pi-theme-mygo .pi-title, .page-content .pi-theme-mygo .pi-header, .page-content .pi-theme-mygo .pi-secondary-background, .page-content .pi-theme-maigo .pi-title, .page-content .pi-theme-maigo .pi-header, .page-content .pi-theme-maigo .pi-secondary-background { background-color: #08b; } .page-content .pi-theme-MyGO, .page-content .pi-theme-mygo, .page-content .pi-theme-maigo { border-color: #08b; }

/* 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; } /* band and discog infoboxes caption size fix*/ .portable-infobox.type-band .pi-caption, .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"); } .pi-theme-afterglow, .pi-theme-Afterglow { background: url("https://static.wikia.nocookie.net/bandori/images/3/37/BandBG2.png"); } .pi-theme-pasupare, .pi-theme-Pastel-Palettes { background: url("https://static.wikia.nocookie.net/bandori/images/a/a1/BandBG4.png"); } .pi-theme-roselia, .pi-theme-Roselia { background: url("https://static.wikia.nocookie.net/bandori/images/d/db/BandBG5.png"); } .pi-theme-harohapi, .pi-theme-Hello-Happy-World { background: url("https://static.wikia.nocookie.net/bandori/images/6/6c/BandBG3.png"); } .pi-theme-RAS, .pi-theme-ras, .pi-theme-raise, .pi-theme-RAISE-A-SUILEN { background: url("https://static.wikia.nocookie.net/bandori/images/d/db/BandBG18.png"); } .pi-theme-morfonica, .pi-theme-Morfonica { background: url("https://static.wikia.nocookie.net/bandori/images/9/90/BandBG21.png"); } /** 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; } .page-content .pi-theme-lyrics .wds-tabs__tab-label { margin: 0 10px; } .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; }

/* Template:Tabber */ .pi-theme-tabber.portable-infobox { width: auto; float: none; border: none; border-radius: 0; background: var(--themed-page-background) !important; } .pi-theme-tabber .pi-section-contents { background: var(--themed-page-background); border-bottom: 0.2em solid var(--theme-accent-color); padding-bottom: 1em; } .pi-theme-tabber .pi-header { display: none; } .pi-theme-tabber .pi-data-value { font-size: inherit; color: var(--theme-page-text-color); } .portable-tabber .pi-section-tab:only-child { display: none; } .pi-theme-tabber .pi-data:hover { background: none; }