MediaWiki:Common.css/PortableInfobox.css

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

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

.portable-infobox .pi-secondary-background { text-align: center; font-weight: bold; background-color: #762121; margin-bottom: 1px; vertical-align: top; color: white; } .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 { padding-bottom: 0px; }

.portable-infobox .pi-data-label { padding: 1px 0 0px 4px; background-color: #762121; flex-basis: 50%; border: 1px inset gray; margin-left: 0px; color: #FFF; } .portable-infobox .pi-data-value { background: transparent; color: black; flex-basis: 100%; border: 1px outset gray; margin-left: 0px; padding: 1px 0 0px 4px; } .portable-infobox .pi-item-spacing { padding: 0; padding-top: 1px; padding-bottom: 0px; } .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; }

.portable-infobox .pi-horizontal-group-item { border: 0; }

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

/* 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; margin: 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: 3px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: #B12810; color: #000; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: #762121; color: #fff; text-shadow: 0 0 2px black; }