Themes.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
.portable-infobox { box-sizing: border-box; width: 300px; background: #000; border: 2px solid #00008b }

.portable-infobox .pi-border-color { border: 0 }
.portable-infobox .pi-font { font-size: 14px; line-height: 24px }
.portable-infobox .pi-secondary-font { background: #00008b; color: #fff; font-size: 14px; line-height: 24px }
.portable-infobox .pi-secondary-font a { color: inherit }

.portable-infobox .pi-title { background: #00008b; color: #fff; font-size: 16px; font-weight: bold; line-height: 1.3; text-align: center; margin: 1px }
.portable-infobox .pi-header { font-size: 15px; font-variant: small-caps; line-height: 18px; text-align: center; margin: 1px }
.portable-infobox .pi-image { background: #111; margin: 1px }
.portable-infobox .pi-image-collection-tabs .pi-tab-link { background: #004; border:0; font-size: 14px; line-height: 1.5; margin: 0 1px 1px }
.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background: #00008b }
.portable-infobox .pi-caption { color: inherit; line-height: 1.5; text-align: center; padding: 10px }
.portable-infobox .pi-data { padding: 0; margin: 1px; width: auto }
.portable-infobox .pi-data-label { flex-basis: 95px; margin: 0; padding: 2px }
.portable-infobox .pi-data-value { flex: 1; background: #111; padding: 2px; margin-left: 2px }
.portable-infobox .pi-horizontal-group { margin: 1px }
.portable-infobox .pi-horizontal-group .pi-header { margin: 0 0 1px }
.portable-infobox .pi-horizontal-group-item:not(:first-child) { border-color: #000 }
.portable-infobox .pi-horizontal-group .pi-data-label { border-bottom: 1px solid #000 }

.portable-infobox .pi-image-thumbnail[width="270"] { width: 100%; height: auto }
.pi-theme-organization .pi-image-thumbnail { max-width: 165px; max-height: 165px; object-fit: contain }

.pi-theme-SOMBRA { border-color: #fff }
.pi-theme-SOMBRA .pi-title,
.pi-theme-SOMBRA .pi-secondary-font { background: #fff; color: #000 }

.pi-theme-UtopianCult { border-color: #ffd700 }
.pi-theme-UtopianCult .pi-title,
.pi-theme-UtopianCult .pi-secondary-font { background: #ffd700; color: #000 }

.pi-theme-MeteorSystems { border-color: #1f9de4 }
.pi-theme-MeteorSystems .pi-title,
.pi-theme-MeteorSystems .pi-secondary-font { background: #1f9de4; color: #000 }

.pi-theme-CrimsonOrder { border-color: #800000 }
.pi-theme-CrimsonOrder .pi-title,
.pi-theme-CrimsonOrder .pi-secondary-font { background: #800000; color: #fada5e }

.pi-theme-CPD { border-color: #fada5e }
.pi-theme-CPD .pi-title,
.pi-theme-CPD .pi-secondary-font { background: #800080 }

.pi-theme-PromethianCult { border-color: #800000 }
.pi-theme-PromethianCult .pi-title,
.pi-theme-PromethianCult .pi-secondary-font { background: #800000; color: #000 }

.pi-theme-JusticeCorps { border-color: #f4c842 }
.pi-theme-JusticeCorps .pi-title,
.pi-theme-JusticeCorps .pi-secondary-font { background: #1D2951 }

.pi-theme-HigherTruth { border-color: #ebca53 }
.pi-theme-HigherTruth .pi-title,
.pi-theme-HigherTruth .pi-secondary-font { background: #ebca53; color: #000 }

.pi-theme-COSMORUS { border-color: #ff7e54 }
.pi-theme-COSMORUS .pi-title,
.pi-theme-COSMORUS .pi-secondary-font { background: #ff7e54; color: #000 }

.pi-theme-Vipers { border-color: #0087bd }
.pi-theme-Vipers .pi-title,
.pi-theme-Vipers .pi-secondary-font { background: #0087bd }

.pi-theme-Bureau { border-color: #00f }
.pi-theme-Bureau .pi-title,
.pi-theme-Bureau .pi-secondary-font { background: #00f; color: #fade5e }

.pi-theme-CFS { border-color: #d2b55b }
.pi-theme-CFS .pi-title,
.pi-theme-CFS .pi-secondary-font { background: #d2b55b; color: #000 }

.pi-theme-GBPD { border-color: #323574 }
.pi-theme-GBPD .pi-title,
.pi-theme-GBPD .pi-secondary-font { background: #323574 }

.pi-theme-PBPD { border-color: #4dea84}
.pi-theme-PBPD .pi-title,
.pi-theme-PBPD .pi-secondary-font { background: #4dea84; color: #000}

.pi-theme-InnerChaos { border-color: #1b1b1b }
.pi-theme-InnerChaos .pi-title,
.pi-theme-InnerChaos .pi-secondary-font { background: #1b1b1b }

.pi-theme-Skulls { border-color: #d63429 }
.pi-theme-Skulls .pi-title,
.pi-theme-Skulls .pi-secondary-font { background: #d63429 }

.pi-theme-DreamLife { border-color: #1e90dd }
.pi-theme-DreamLife .pi-title,
.pi-theme-DreamLife .pi-secondary-font {background: #1e90dd }

.pi-theme-AdAstra { border-color: #ff830f }
.pi-theme-AdAstra .pi-title,
.pi-theme-AdAstra .pi-secondary-font { background: #ff830f; color: #000 }

.pi-theme-TCD { border-color: #ffd844 }
.pi-theme-TCD .pi-title,
.pi-theme-TCD .pi-secondary-font { background: #5b326b; color: #ffd844 }

.pi-theme-Supernatural { border-color: #f7f7f7 }
.pi-theme-Supernatural .pi-title,
.pi-theme-Supernatural .pi-secondary-font {background: #203951; color: #f7f7f7}

.pi-theme-Paris { border-color: #ea8284}
.pi-theme-Paris .pi-title,
.pi-theme-Paris .pi-secondary-font {background: #ea8284; color: #000};