MediaWiki:Common.css/PortableInfobox.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

.portable-infobox { border: 1px solid #bdd8e8; background: #B12810 !important; border-radius: 8px; font-size:90%; width: 300px; line-height: 1.5em; background-color: transparent; }

.pi-image-thumbnail { width: 270px; height: auto; }

.portable-infobox .pi-secondary-background { text-align: center; font-weight: bold; background-color: #762121; vertical-align: top; border-radius: 5px; color: white; margin: 2px; } .portable-infobox .pi-title{ text-align: center; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0.1em; background-color: #762121; color: white; }

.portable-infobox .pi-data-value .pi-font { display: none; }

.portable-infobox .tabberlive { margin-top: 0 !important; padding: 0; margin-right: 4px !important; text-align: center !important; }

.portable-infobox .tabbertab { padding: 0 !important; border: 0 !important; background: none !important; margin: 0 !important; }

.portable-infobox .tabber .tabbertab{ border: none; padding: 0 !important; margin: 0 !important; }

.portable-infobox ul.tabbernav { margin: 0; }

.portable-infobox ul.tabbernav li a { margin-top: 0 !important; padding: 2px 0.5em !important; position: relative; }

.portable-infobox .tabberlive > ul.tabbernav > li:first-child { margin-left: 0px; margin-top: 0 !important; }

.portable-infobox .tabberlive > ul.tabbernav > li.tabberactive:first-child a { margin-left: 0px !important; margin-top: 0 !important; }

.portable-infobox .tabberlive .tabbertab img { position: center; height: auto; }

.portable-infobox .pi-data-label { padding: 1px 0 1px 4px; background-color: #762121; flex-basis: 50%; margin-left: 2px; color: #FFF; } .portable-infobox .pi-data-value { background: transparent; color: black; flex-basis: 100%; margin: 0; margin-left: 3px; padding: 1px 0 1px 4px; } .portable-infobox .pi-item-spacing { padding: 0; padding-top: 1px; padding-bottom: 2px; } .portable-infobox .pi-border-color { border-bottom: none; } .portable-infobox .pi-header:last-child { margin-bottom: 0; border-radius: 0px 0px 6px 6px; } .portable-infobox .pi-image { margin-bottom: 2px; } .portable-infobox .pi-group .pi-item:last-of-type .pi-data-value { border-bottom: none; } .portable-infobox .pi-item:not(:last-of-type) .pi-data-value { border-bottom: 1px solid Gray; }

/* Default tabs */

.portable-infobox .pi-image-collection { background: rgba(255, 247, 245, 0.1); }

.portable-infobox .pi-tab-link { border-radius: 5px 5px 0 0; }

.portable-infobox .pi-image-collection-tabs { display: flex; flex-wrap: wrap; font-size: 10px; margin-top: 2px; border: 0; justify-content: center; }

.portable-infobox ul.pi-image-collection-tabs { border-radius: 5px 5px 0 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: 1px solid #B12810; padding: 2px 8px; text-align: center; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { margin-left: 5px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: #B12810; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: #762121; color: #fff; text-shadow: 0 0 2px black; }