MediaWiki:Infoboxes.css

.portable-infobox { border: 1px solid #7A7A7A; } .portable-infobox .pi-data { display: flex; justify-content: center; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-horizontal-group .pi-data-label { text-align: center; } .portable-infobox .pi-item-spacing { padding: 0; } .portable-infobox .pi-title, .portable-infobox .pi-image, .portable-infobox .pi-data, .portable-infobox .pi-header { border-bottom: solid 1px #7A7A7A; } .portable-infobox .pi-data:last-of-type { border-bottom: none; } .portable-infobox .pi-data-label { border-right: solid 1px #7A7A7A; } .portable-infobox .pi-horizontal-group .pi-data-label { display: table-cell; vertical-align: middle; border-right: none; border-bottom: solid 1px #7A7A7A; } .portable-infobox .pi-horizontal-group-item:nth-child(2) { border-left: 1px solid #7A7A7A; }

.pi-theme-SnowWhite .pi-title { background-color: #FF0000; color: #FFF; } .pi-theme-SnowWhite .pi-data-label { background-color: #00FFFF; } .pi-theme-SnowWhite .pi-data-value { background-color: #FFFF00; }

.pi-theme-Cinderella .pi-title { background-color: #ADD8E6; } .pi-theme-Cinderella .pi-data-label { background-color: #00FFFF; } .pi-theme-Cinderella .pi-data-value { background-color: #FFFF00; }

.pi-theme-Aurora .pi-title { background-color: #FF69B4; } .pi-theme-Aurora .pi-data-label { background-color: #FF1493; } .pi-theme-Aurora .pi-data-value { background-color: #00FF7F; } .pi-theme-Aurora .pi-title, .pi-theme-Aurora .pi-data-label { color: #FFF; }

.pi-theme-Ariel .pi-title { background-color: #2E8B57; color: #FFF; } .pi-theme-Ariel .pi-data-label { background-color: #008000; color: #FFF; } .pi-theme-Ariel .pi-data-value { background-color: #FF69B4; }

.pi-theme-Belle .pi-title { background-color: #FFFF00; } .pi-theme-Belle .pi-data-label { background-color: #FFD700; } .pi-theme-Belle .pi-data-value { background-color: #A52A2A; color: #FFF; } .pi-theme-Belle a { color: #FFF; }

.pi-theme-Jasmine .pi-title { background-color: #40E0D0; } .pi-theme-Jasmine .pi-data-label { background-color: #00FFFF; } .pi-theme-Jasmine .pi-data-value { background-color: #FFC0CB; }

.pi-theme-Pocahontas .pi-title { background-color: #FFA500; } .pi-theme-Pocahontas .pi-data-label { background-color: #FF7F50; color: #FFF; } .pi-theme-Pocahontas .pi-data-value { background-color: #00FFFF; }

.pi-theme-Mulan .pi-title { background-color: #3CB371; } .pi-theme-Mulan .pi-data-label { background-color: #8FBC8F; } .pi-theme-Mulan .pi-data-value { background-color: #FF69B4; } .pi-theme-Mulan { color: #FFF; }

.pi-theme-Tiana .pi-title { background-color: #98FB98; } .pi-theme-Tiana .pi-data-label { background-color: #90EE90; } .pi-theme-Tiana .pi-data-value { background-color: #FFC0CB; }

.pi-theme-Rapunzel .pi-title { background-color: #9932CC; } .pi-theme-Rapunzel .pi-data-label { background-color: #4B0082; } .pi-theme-Rapunzel .pi-data-value { background-color: #2E8B57; } .pi-theme-Rapunzel { color: #FFF; } .pi-theme-Rapunzel a { color: #FFF; }

.pi-theme-Merida .pi-title { background-color: #008080; color: #FFF; } .pi-theme-Merida .pi-data-label { background-color: #4682B4; color: #FFF; } .pi-theme-Merida .pi-data-value { background-color: #32CD32; }

.pi-theme-Tinker .pi-title { background-color: #79D8A0; } .pi-theme-Tinker .pi-data-label { background-color: #9ED023; } .pi-theme-Tinker .pi-data-value { background-color: #FF99FF; }

.pi-theme-Water .pi-title { background-color: #729CE8; color: #FFF; } .pi-theme-Water .pi-data-label { background-color: #FFFF00; } .pi-theme-Water .pi-data-value { background-color: #FF99FF; }

.pi-theme-Garden .pi-title { background-color: #F993C5; color: #FFF; } .pi-theme-Garden .pi-data-label { background-color: #F16D9E; color: #FFF; } .pi-theme-Garden .pi-data-value { background-color: #FED0EA; }

.pi-theme-Animal .pi-title { background-color: #E06C43; } .pi-theme-Animal .pi-data-label, .pi-theme-Animal ul.pi-image-collection-tabs { background-color: #E86F14; } .pi-theme-Animal .pi-data-value { background-color: #9999FF; } .pi-theme-Animal { color: #FFF; }

.pi-theme-Light .pi-title { background-color: #FFFFAC; } .pi-theme-Light .pi-data-label { background-color: #FEDA2C; } .pi-theme-Light .pi-data-value { background-color: #9966FF; color: #FFF; } .pi-theme-Light a { color: #FFF; }

.pi-theme-FastFlying .pi-title { background-color: #9161C5; color: #FFF; } .pi-theme-FastFlying .pi-data-label { background-color: #AF6195; color: #FFF; } .pi-theme-FastFlying .pi-data-value { background-color: #00FF00; }

.pi-theme-Frost .pi-title { background-color: #99CCFF; } .pi-theme-Frost .pi-data-label { background-color: #DDD; } .pi-theme-Frost .pi-data-value { background-color: #FF99FF; }

.pi-theme-DustKeeper .pi-title { background-color: #B36C34; color: #FFF; } .pi-theme-DustKeeper .pi-data-label { background-color: #AE530C; color: #FFF; } .pi-theme-DustKeeper .pi-data-value { background-color: #99CCFF; }

.pi-theme-Storm .pi-title { background-color: #845EEF; } .pi-theme-Storm .pi-data-label { background-color: #373451; } .pi-theme-Storm .pi-data-value { background-color: #6F6D7A; } .pi-theme-Storm { color: #FFF; } .pi-theme-Storm a { color: #FFF; }

.pi-theme-Story .pi-title { background-color: #A281C8; color: #FFF; } .pi-theme-Story .pi-data-label { background-color: #5FA954; color: #FFF; } .pi-theme-Story .pi-data-value { background-color: #CCFFCC; }

.pi-theme-Royal .pi-title { background-color: #99CCFF; } .pi-theme-Royal .pi-data-label { background-color: #FFCC99; } .pi-theme-Royal .pi-data-value { background-color: #FEE990; }

.pi-theme-Other .pi-title { background-color: #66FF33; } .pi-theme-Other .pi-data-label { background-color: #FFFF00; } .pi-theme-Other .pi-data-value { background-color: #FFCC99; }

.pi-theme-Movie .pi-title, .pi-theme-Movie .pi-header { background-color: #E01B5D; color: #FFF; } .pi-theme-Movie .pi-data-label { background-color: #F55188; color: #FFF; } .pi-theme-Movie .pi-data-value { background-color: #FCD4E8; }