MediaWiki:Wikia.css/PortableInfobox.css

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

.portable-infobox { border: 1px solid #000; background: #fff !important; padding: 2px 2px; 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: #000; vertical-align: top; border-radius: 5px; color: #fff; margin: 2px; } .portable-infobox .pi-title{ text-align: center; font-weight: bold; margin: 0.1em; background-color: #000; 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: #fff; flex-basis: 50%; margin-left: 2px; color: #000; } .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-color: rgba(165, 181, 198, 0.8); }

.portable-infobox .pi-image-collection-tab-content { background-color: rgba(165, 181, 198, 0.8); }

.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; margin-left: 0; 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 rgba(255,189,189,0.9); 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: rgba(255,189,189,0.9); } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: #db1414; color: #fff; text-shadow: 0 0 2px black; }

/* Panel sections */ .portable-infobox .pi-section-tab.pi-section-active { box-shadow: none; }

.portable-infobox .pi-section-tab.pi-section-active .pi-section-label { color: #000; }

/* Volume Infobox */ .portable-infobox.type-volume .pi-title{ font-size: 110%; }

/* Chapter Infobox */ .portable-infobox.type-chapter .pi-title{ font-size: 110%; }