User:Ursuul/tf.css

/** * @Name:          TF.css * @Description:   Applies aesthetic themes to all Portable Infoboxes * @For Europa?:   No * @Author:         Ursuul  */ /* All Infoboxes — General */ .portable-infobox { background: #F2F2F2; font-size: 13px; padding: 5px; border: 1px solid #CCCCCC; }

.portable-infobox .pi-border-color { border: 0; }/**/

/* All Infoboxes — Headers & Titles */ .portable-infobox .pi-header, .portable-infobox .pi-title { background: #87CEEB; font-weight: bold; text-align: center; }

.portable-infobox .pi-header { font-size: small; }

.portable-infobox .pi-title { font-size: medium; padding: 0; }/**/

/* All Infoboxes — Images */ .portable-infobox .pi-image-collection .pi-image-collection-tabs { display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: 3px; }

.portable-infobox .pi-image-collection .pi-tab-link { background: #BFDAEB; font-weight: bold; border: 0; margin: 0 3px; }

.portable-infobox .pi-image-collection .pi-tab-link + .pi-tab-link { margin-left: 0; }

.portable-infobox .pi-image-collection .pi-tab-link.current { background: #87CEEB; }

.portable-infobox .pi-image-collection .pi-image-collection-tab-content { background: transparent; }/**/

/* All Infoboxes — Data */ .portable-infobox .pi-secondary-font, .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-size: 13px; }

.portable-infobox .pi-item { margin-bottom: 3px; }

.portable-infobox .pi-data { padding: 0; }

.portable-infobox .pi-data-label:not(.pi-horizontal-group-item) { -ms-flex-preferred-size: 40%; -webkit-flex-basis: 40%; -moz-flex-basis: 40%; flex-basis: 40%; padding-right: 5px; box-sizing: border-box; }

.portable-infobox .pi-data-value:only-child { flex-grow: 1; text-align: center; }

.portable-infobox .pi-data-value:not(.pi-horizontal-group-item) { line-height: 22px; padding-left: 0; }/**/

/* All Infoboxes — Navigation */ .portable-infobox .pi-navigation { background: #CCCCCC; font-weight: normal; font-size: smaller; text-align: center; }/**/

/* Theme — Actor */ .portable-infobox.pi-theme-actor { border-radius: 10px; }

.portable-infobox.pi-theme-actor .pi-title { background: #2E628A; font-size: small; line-height: 22px; color: #FFFFFF; border-radius: 7px 7px 0 0; }

.portable-infobox.pi-theme-actor .pi-header { background: #ADD8E6; line-height: 22px; color: #FFFFFF; padding: 0; }

.portable-infobox.pi-theme-actor .pi-title, .portable-infobox.pi-theme-actor .pi-image { margin-bottom: 0; }

.portable-infobox.pi-theme-actor > .pi-group:last-child > .pi-navigation:last-child, .portable-infobox.pi-theme-actor > .pi-navigation:last-child { border-radius: 0 0 7px 7px; }/**/

/* Theme — Pairings */ .portable-infobox.pi-theme-pairings .pi-header, .portable-infobox.pi-theme-pairings .pi-title { background: #ADD8E6; }/**/

/* Themes — Webisode, Episode, & Season */ .portable-infobox.pi-theme-webisode, .portable-infobox.pi-theme-episode, .portable-infobox.pi-theme-season { background-color: #FFFFFF; padding: 10px; border: 1px solid #000000; }

.portable-infobox.pi-theme-season { border-color: #153E7E; }

.portable-infobox.pi-theme-webisode .pi-header, .portable-infobox.pi-theme-webisode .pi-title, .portable-infobox.pi-theme-episode .pi-header, .portable-infobox.pi-theme-episode .pi-title, .portable-infobox.pi-theme-season .pi-header, .portable-infobox.pi-theme-season .pi-title { background-color: #ADD8E6; }

.portable-infobox.pi-theme-season .pi-header, .portable-infobox.pi-theme-season .pi-title { border: 1px solid #000000; }

.portable-infobox.pi-theme-webisode .pi-title, .portable-infobox.pi-theme-episode .pi-title, .portable-infobox.pi-theme-season .pi-title { color: #000000; font-style: italic; }

.portable-infobox.pi-theme-webisode .pi-header, .portable-infobox.pi-theme-episode .pi-header, .portable-infobox.pi-theme-season .pi-header { font-weight: normal; font-size: larger; }

.portable-infobox.pi-theme-season .pi-header a { color: inherit; }

.portable-infobox.pi-theme-webisode .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .portable-infobox.pi-theme-episode .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .portable-infobox.pi-theme-season .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border: 0; }/**/