MediaWiki:Themes.css

/** Infobox **/ .portable-infobox { background-color: transparent; border: 1px solid; border-color: rgb(204,193,194); border-color: rgba(204,193,194,0.7); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 300px; background: linear-gradient(rgba(2, 2, 17,0.7),rgba(2, 2, 17,0.7)), url("https://static.wikia.nocookie.net/bandori/images/b/b8/Dot_bottom.png"); background-position: bottom left; background-repeat: no-repeat; background-size: 300px; }

.portable-infobox .pi-item-spacing { padding: 4px 5px; }

.portable-infobox .pi-image-collection-tab-content { background: none; }

.portable-infobox .pi-title, .portable-infobox .pi-header { font-family: 'Quicksand', sans-serif; font-weight: 700; letter-spacing: -0.5px; 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; }

.portable-infobox .pi-title { font-size: 22px; font-weight: bold; line-height: 25px; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }

.portable-infobox .pi-header { font-size: 15px; line-height: 18px; border-radius: 30px; }

.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: #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-section-label { font-size: 10px; font-weight: 600; height: 25px; }

/* 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 */ .pi-theme-Poppin-Party .pi-title, .pi-theme-Poppin-Party .pi-header, .pi-theme-Poppin-Party .pi-secondary-background, .pi-theme-Poppin-Party .pi-image-collection-tabs li.current, .pi-theme-Poppin-Party .pi-image-collection-tabs li:hover, .pi-theme-popipa .pi-title, .pi-theme-popipa .pi-header, .pi-theme-popipa .pi-secondary-background, .pi-theme-popipa .pi-image-collection-tabs li.current, .pi-theme-popipa .pi-image-collection-tabs li:hover { background-color: #ff3377; }

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

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

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

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

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

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

.pi-theme-Morfonica .pi-title, .pi-theme-Morfonica .pi-header, .pi-theme-Morfonica .pi-secondary-background, .pi-theme-Morfonica .pi-image-collection-tabs li.current, .pi-theme-Morfonica .pi-image-collection-tabs li:hover, .pi-theme-morfonica .pi-title, .pi-theme-morfonica .pi-header, .pi-theme-morfonica .pi-secondary-background, .pi-theme-morfonica .pi-image-collection-tabs li.current, .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; }

/* PI BG */ .pi-theme-popipa, .pi-theme-Poppin-Party { background: linear-gradient(rgba(2, 2, 17,0.6),rgba(2, 2, 17,0.6)), url("https://vignette.wikia.nocookie.net/bandori/images/c/ca/Bg_poppinparty.png"); background-repeat: repeat; background-size: 300px; } .pi-theme-afterglow, .pi-theme-Afterglow { background: linear-gradient(rgba(2, 2, 17,0.7),rgba(2, 2, 17,0.7)), url("https://vignette.wikia.nocookie.net/bandori/images/1/15/Bg_afterglow.png"); background-repeat: repeat; background-size: 300px; } .pi-theme-pasupare, .pi-theme-Pastel-Palettes { background: linear-gradient(rgba(2, 2, 17,0.6),rgba(2, 2, 17,0.6)), url("https://vignette.wikia.nocookie.net/bandori/images/0/04/Bg_pastelpalettes.png"); background-repeat: repeat; background-size: 300px; } .pi-theme-roselia, .pi-theme-Roselia { background: linear-gradient(rgba(2, 2, 17,0.7),rgba(2, 2, 17,0.7)), url("https://vignette.wikia.nocookie.net/bandori/images/8/8d/Bg_roselia.png"); background-repeat: repeat; background-size: 300px; } .pi-theme-harohapi, .pi-theme-Hello-Happy-World { background: linear-gradient(rgba(2, 2, 17,0.7),rgba(2, 2, 17,0.7)), url("https://vignette.wikia.nocookie.net/bandori/images/5/5f/Bg_hellohappyworld.png"); background-repeat: repeat; background-size: 300px; } .pi-theme-RAS, .pi-theme-raise, .pi-theme-RAISE-A-SUILEN { background: linear-gradient(rgba(2, 2, 17,0.8),rgba(2, 2, 17,0.8)), url("https://vignette.wikia.nocookie.net/bandori/images/f/fc/Bg_ras_list.png"); background-repeat: repeat; background-size: 300px; } .pi-theme-morfonica, .pi-theme-Morfonica { background: linear-gradient(rgba(2, 2, 17,0.8),rgba(2, 2, 17,0.8)), url("https://vignette.wikia.nocookie.net/bandori/images/7/76/Bg_morfonica.png"); background-repeat: repeat; background-size: 300px; } /** Lyrics **/ .pi-theme-lyrics.portable-infobox { width: auto; float: none; transition-duration: 0.3s; border: 2px solid; border-color: rgb(255,51,102); border-color: rgba(255,51,102,0.7); background: transparent; } .pi-theme-lyrics .pi-data { width: 90%; margin: 0 auto; } .pi-theme-lyrics .pi-navigation { background:transparent; font-size: 13px; font-weight: bold; }

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