MediaWiki:Infoboxes.css

/* infobox */

.pi-theme-Common a { color: #404040; }

.pi-europa .pi-horizontal-group-item:nth-child(2n) { background: none; }

.pi-europa .pi-item { color: #fff; }

/* animu */ .pi-theme-Common.pi-background, .pi-theme-Uncommon.pi-background, .pi-theme-Rare.pi-background, .pi-theme-Legendary.pi-background { background-size: 400% 400% !important; animation: GradientAnim 15s ease infinite; }

@keyframes GradientAnim { 0% {background-position: 100% 0%} 50% {background-position: 0% 100%} 100% {background-position: 100% 0%} }

/* common */ .pi-theme-Common .pi-header, .pi-theme-Common .pi-title, .pi-theme-Common .pi-image-collection-tabs { background-color: #9A9A96; }

.pi-theme-Common .pi-image-collection-tabs .current { background-color: #CACACA; }

.pi-theme-Common.pi-background { background: linear-gradient(45deg, #9A9A96, #CACACA); }

/* uncommon */ .pi-theme-Uncommon .pi-header, .pi-theme-Uncommon .pi-title, .pi-theme-Uncommon .pi-image-collection-tabs { background-color: #256E32; } .pi-theme-Uncommon .pi-image-collection-tabs .current { background-color: #3AAF51; } .pi-theme-Uncommon.pi-background { background: linear-gradient(45deg, #256E32, #3AAF51); }

/* rare */ .pi-theme-Rare .pi-header, .pi-theme-Rare .pi-title, .pi-theme-Rare .pi-image-collection-tabs { background-color: #204B8A; } .pi-theme-Rare .pi-image-collection-tabs .current { background-color: #2578A2; } .pi-theme-Rare.pi-background { background: linear-gradient(45deg, #204B8A, #2578A2); }

/* legendary */ .pi-theme-Legendary .pi-header, .pi-theme-Legendary .pi-title, .pi-theme-Legendary .pi-image-collection-tabs { background-color: #B756C1; } .pi-theme-Legendary .pi-image-collection-tabs .current { background-color: #632054; }

.pi-theme-Legendary.pi-background { background: linear-gradient(45deg, #B756C1, #632054); }