User:Ursuul/potc.css

/** * @Name:          POTC.css * @Description:   Applies aesthetic themes to all Portable Infoboxes * @For Europa?:   Yes * @Author:        Ursuul  */ /* All Infoboxes — All */ .portable-infobox.pi-background { background-color: #F0F0F0; border: 1px solid #000000; }

.portable-infobox .pi-title { background-color: #6596BF; font-size: small; line-height: 21px; color: #000000; padding: 4px 2px; }

.portable-infobox .pi-header { background-color: #94C7D1; font-size: smaller; color: #000000; text-align: left; padding: 4px; border-bottom: 1px solid #999999; }

.portable-infobox .pi-data:last-child, .portable-infobox .pi-data { padding: 0; border-bottom: 1px solid #999999; }

.portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 4px; box-sizing: border-box; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

.portable-infobox .pi-data-label { flex-basis: 35%; }

.portable-infobox .pi-data-value { flex-grow: 1; }

.portable-infobox .pi-horizontal-group .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-value { padding-left: 4px; }

.portable-infobox .pi-horizontal-group { border-bottom: 1px solid #999999; }

.portable-infobox .pi-horizontal-group-item:nth-child(even), .portable-infobox .pi-smart-data-label:nth-child(even), .portable-infobox .pi-smart-data-value:nth-child(even) { background-color: transparent; }

.portable-infobox .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .portable-infobox .pi-smart-data-label:not(:first-child), .portable-infobox .pi-smart-data-value:not(:first-child) { border-left: 1px solid #999999; }

.portable-infobox .pi-navigation { background-color: #FFFFFF; text-align: center; padding-top: 1px; padding-bottom: 1px; }/**/

/* Theme — Character */ .portable-infobox.pi-theme-character:after { content: ""; display: block; height: 9px; background: #6596BF; }/**/

/* Theme — Ship */ .portable-infobox.pi-theme-ship .pi-title { background-color: #404040; }

.portable-infobox.pi-theme-ship .pi-header { background-color: #808080; }/**/

/* Theme — Location */ .portable-infobox.pi-theme-location .pi-title { background-color: #AC8751; }

.portable-infobox.pi-theme-location .pi-header { background-color: #DFCAA0; }/**/

/* Theme — Book */ .portable-infobox.pi-theme-book .pi-title { background-color: #999966; font-style: italic; }

.portable-infobox.pi-theme-book .pi-header { background-color: #DDDDBB; }/**/

/* Theme — Organization */ .portable-infobox.pi-theme-organization .pi-title { background-color: #999999; color: #FFFFFF; }

.portable-infobox.pi-theme-organization .pi-header { background-color: #CCCCCC; }/**/

/* Theme — Object */ .portable-infobox.pi-theme-object .pi-title { background-color: #BB6331; color: #FFFFFF; }

.portable-infobox.pi-theme-object .pi-header { background-color: #DD8450; }/**/

/* Theme — Weapon */ .portable-infobox.pi-theme-weapon .pi-title { background-color: #AA0000; color: #FFFFFF; }

.portable-infobox.pi-theme-weapon .pi-header { background-color: #EE5555; }/**/

/* Theme — Film */ .portable-infobox.pi-theme-film .pi-title { background-color: #337147; color: #FFFFFF; }

.portable-infobox.pi-theme-film .pi-header { background-color: #5AB577; }

.portable-infobox.pi-theme-film .pi-data-label { flex-basis: 37%; }/**/

/* Theme — Battle */ .portable-infobox.pi-theme-battle { width: 350px; }

.portable-infobox.pi-theme-battle .pi-title { background-color: #7995CA; color: #FFFFFF; }

.portable-infobox.pi-theme-battle .pi-header { background-color: #B4C5E3; }

.portable-infobox.pi-theme-battle .pi-image .pi-image-thumbnail { width: 100%; height: auto; }

.portable-infobox.pi-theme-battle .pi-group:nth-of-type(3) .pi-horizontal-group .pi-data-value, .portable-infobox.pi-theme-battle .pi-horizontal-group .pi-header { text-align: center; }

.portable-infobox.pi-theme-battle .pi-data > .pi-data-label:after { content: ":"; font-weight: normal; }/**/