Themes.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
Opera: Presiona Ctrl+F5.
.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: 300px; /* 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;
    text-align: center;
    padding: 0.5em;
    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;
    min-width:50px;
    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: 300px;
    min-width: 75px;
    min-height: 75px;
    width: 100%;
    height: 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;
}

/* Theme BattleBox */

.portable-infobox.pi-theme-Battle .pi-title {
    background-color: #0000AA;
}

.portable-infobox.pi-theme-Battle .pi-group-item {
    text-align: left;
}

.portable-infobox.pi-theme-Battle .pi-secondary-background {
    background-color: #0000AA;
}
.portable-infobox.pi-theme-Battle .pi-border-color {
    border-color: #0000AA;
}

/* Themes for razas */
.pi-theme-terran, .pi-theme-Terran,
.pi-theme-humano,.pi-theme-humana, .pi-theme-Humana, .pi-theme-Humano,
.pi-theme-confederacion, .pi-theme-Confederacion {
    --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-terraninfestado {
    --accent-color: #FFC0CB;
    --accent-color-text: black;
}
.pi-theme-hibrido, .pi-theme-Hibrido {
    --accent-color: #8C66A5;
    --accent-color-text: black;
}
.pi-theme-rebeldesraynor {
    --accent-color: #0000AA;
    --accent-color-text: white;
}
.pi-theme-enjambrekerrigan {
    --accent-color: #800080;
    --accent-color-text: white;
}
.pi-theme-enjambrementesuprema {
    --accent-color: #008000;
    --accent-color-text: white;
}
.pi-theme-jtu {
    --accent-color: #FFFFFF;
    --accent-color-text: black;
}
.pi-theme-daelaam {
    --accent-color: #00FFFF;
    --accent-color-text: black;
}
.pi-theme-conclave, .pi-theme-imperioprotoss {
    --accent-color: #FF0000;
    --accent-color-text: white;
}
.pi-theme-taldarim {
    --accent-color: #8B0000;
    --accent-color-text: white;
}
.pi-theme-operaciones {
    --accent-color: #000000;
    --accent-color-text: black;
}
.pi-theme-purificador {
    --accent-color: #FFA500;
    --accent-color-text: black;
}
.pi-theme-nerazim {
    --accent-color: #005800;
    --accent-color-text: white;
}
.pi-theme-ihanrii {
    --accent-color: #008080;
    --accent-color-text: black;
}
.pi-theme-kelmoriano, .pi-theme-moria {
    --accent-color: #005800;
    --accent-color-text: white;
}
.pi-theme-umojano, .pi-theme-umoja {
    --accent-color: #00FFFF;
    --accent-color-text: black;
}
.pi-theme-dominioarcturus, .pi-theme-defensoresdelhombre, .pi-theme-hijosdekorhal {
    --accent-color: #FF0000;
    --accent-color-text: white;
}
.pi-theme-dominiovalerian {
    --accent-color: #0000AA;
    --accent-color-text: white;
}
.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;
}