MediaWiki:Themes.css

/* General styling */ .portable-infobox { color: var(--text-color, #FFFFFF); background-color: var(--background, #555555); border-width: 1px; border-style: solid; border-color: #8ED9F6; /* var(--accent-color, #8ED9F6) */ width: 255px; /* was 20em on original */ font-size: smaller; /* margin: 0 0 .5em 1em; /* ? */ }

.portable-infobox .pi-title { color: var(--accent-color-text, #ffffff); background-color: var(--accent-color, #00258C); font-size: large; font-weight: bold; padding: 0.5em; text-align: center; min-height: 40px; line-height: 40px; }

.portable-infobox .pi-header { color: var(--accent-color-text, #ffffff); background-color: var(--accent-color, #00258C); text-align: center; min-height: 24px; line-height: 24px; } .portable-infobox .pi-data-label { color: #FFFFFF; background-color: #888888; text-align: center; width: 40%; min-height: 35px; flex-basis: 100px; display: flex; justify-content: center; align-items: center; } .portable-infobox .pi-data-value { color: var(--text-color, #FFFFFF); background-color: #000000; padding-left: 0.4em; padding-top: 0.4em; }

.pi-data .pi-data-value:only-child { text-align: center; margin: auto; } .portable-infobox .pi-item-spacing { padding: 1px; }

.portable-infobox .pi-smart-group { text-align: left; } .portable-infobox .pi-caption { text-align: center; font-style: normal; color: #000000; } .portable-infobox .pi-image-thumbnail { max-width:100%; }

/* Themes for boxes */ .pi-theme-world { --accent-color: #000000; --accent-color-text: white; } .pi-theme-metacamp .pi-title { --accent-color: :#00258C; --accent-color-text: white; }

/* Themes for races */ .pi-theme-terran, .pi-theme-Terran, .pi-theme-human, .pi-theme-Human, .pi-theme-confederacy, .pi-theme-Confederacy { --accent-color: #C0C0C0; --accent-color-text: black; } .pi-theme-protoss, .pi-theme-Protoss { --accent-color: #FEC423; --accent-color-text: black; } .pi-theme-zerg, .pi-theme-Zerg { --accent-color: #00C000; --accent-color-text: black; } .pi-theme-infestedterran { --accent-color: #FFC0CB; --accent-color-text: black; } .pi-theme-hybrid, .pi-theme-Hybrid { --accent-color: #8C66A5; --accent-color-text: black; } .pi-theme-raynorsraiders { --accent-color: #0000AA; --accent-color-text: white; } .pi-theme-kerrigansswarm { --accent-color: #800080; --accent-color-text: white; } .pi-theme-kerrigansswarm { --accent-color: #008000; --accent-color-text: white; } .pi-theme-ued { --accent-color: #FFFFFF; --accent-color-text: black; } .pi-theme-daelaam { --accent-color: #0000FF; --accent-color-text: white; } .pi-theme-protossempire { --accent-color: #FF0000; --accent-color-text: white; } .pi-theme-taldarim { --accent-color: #000000; --accent-color-text: white; } .pi-theme-specops { --accent-color: #000000; --accent-color-text: black; } .pi-theme-purifier { --accent-color: #FFA500; --accent-color-text: black; } .pi-theme-nerazim { --accent-color: #005800; --accent-color-text: white; } .pi-theme-kelmorian { --accent-color: #005800; --accent-color-text: white; } .pi-theme-umojan { --accent-color: #00FFFF; --accent-color-text: black; } .pi-theme-arcturusdominion { --accent-color: #FF0000; --accent-color-text: white; } .pi-theme-valeriandominion { --accent-color: #0000AA; --accent-color-text: white; } .portable-infobox .pi-data-label { flex-basis: 120px; } .portable-infobox .pi-navigation, .portable-infobox .pi-header, .portable-infobox .pi-caption, .portable-infobox .pi-data-value, .portable-infobox .pi-data-label { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; }