MediaWiki:Themes.css

/** Infobox **/ .portable-infobox { background-color: transparent; border: 1px solid #ccc1c2; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 5px; width: 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 { background-color: #ff0040; color: #ffffff; text-align: center; text-shadow: 3px 3px 3px #000000; }

.portable-infobox .pi-title { font-size: 14px; font-weight: bold; line-height: 21px; -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: 13px; line-height: 18px; }

.portable-infobox .pi-image-collection-tabs { display: flex; flex-flow: row wrap; justify-content: center; margin: 5px 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-image-thumbnail { height: auto; max-width: 100%; }

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

/* 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:#33cccc;} .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: #33cccc; } /* 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 */ .pi-type-discog .pi-data-label { flex-basis: 200px; } .pi-type-discog .pi-data-value { text-align: right; }