MediaWiki:Infobox.css

.portable-infobox { border: 2px solid #5296d9; border-radius: 7px; width: 250px; padding: 3px; color: #fff; }

.theme-fandomdesktop-light .portable-infobox { background-color: #fff ; }

.theme-fandomdesktop-dark .portable-infobox { background-color: #000 ; }

.portable-infobox .pi-border-color { color: white; border: 0 #fff; padding: 2px 0 0; }

.page-content .portable-infobox .pi-title { font-family: 'Redressed', cursive; background: #2971b8; color: #fff; border-radius: 3px; line-height: 30px; font-size: 18px; font-weight: bold; text-align: center; padding: 0.3em; }

.portable-infobox .pi-image { border: 0px solid #fff; margin: 3px 0 1px 0; }

.portable-infobox .pi-horizontal-group { padding: 2px; border: 0px solid #5296d9; border-right-width: 0; }

.portable-infobox .pi-navigation { font-family: 'Redressed', cursive; font-size: 16px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 0px solid #fff; text-align: center; margin-bottom: 2px; background: #2971b8; padding: 3px; }

.page-content .portable-infobox .pi-header { font-family: 'Redressed', cursive; background: #2971b8; padding: 4px; border-radius: 3px; font-size: 18px; color: #fff; margin: auto; text-align: center; }

.portable-infobox .pi-data-label { font-family: 'Merriweather Sans', sans-serif; font-size: 12px; text-align: left; margin-bottom:3px; background: #2971b8; border: 0px solid #5296d9; padding: 5px 3px 5px 3px; color: white; border-radius: 3px; }

.portable-infobox .pi-data-value { border-bottom: 1px solid #5296d9; background: none; overflow-y: auto; padding: 5px 3px 5px 3px; font-size: 12px; vertical-align: middle; }

.theme-fandomdesktop-dark .portable-infobox .pi-data-value { color: #fff; }

.theme-fandomdesktop-light .portable-infobox .pi-data-value { color: #000; }

.portable-infobox .pi-horizontal-group .pi-data-label { font-family: 'Merriweather Sans', sans-serif; font-size: 12px; text-align: left; margin-bottom:3px; background: #2971b8; border: 0px solid #5296d9; padding: 5px 3px 5px 3px; color: white; text-align: center; }

.portable-infobox .pi-horizontal-group .pi-data-value { border-bottom: 1px solid #5296d9; background: none; overflow-y: auto; padding: 5px 3px 5px 3px; font-size: 12px; vertical-align: middle; }

.theme-fandomdesktop-dark .portable-infobox .pi-horizontal-group .pi-data-value { color: #fff; }

.theme-fandomdesktop-light .portable-infobox .pi-horizontal-group .pi-data-value { color: #000; }

/* Infobox fix Yaaaaaaaaaaaaaay :D */ .pi-europa .pi-horizontal-group th.pi-horizontal-group-item:nth-child(2n) { background-color: #2971b8 !important; }

.pi-europa .pi-horizontal-group th.pi-horizontal-group-item:nth-child(4n) { background-color: #2971b8 !important; }

.pi-europa .pi-horizontal-group th.pi-horizontal-group-item:nth-child(6n) { background-color: #2971b8 !important; }

.pi-europa .pi-horizontal-group th.pi-horizontal-group-item:nth-child(8n) { background-color: #2971b8 !important; }

.theme-fandomdesktop-light .pi-europa .pi-horizontal-group td.pi-horizontal-group-item:nth-child(2n) { background-color: #fff !important; }

.theme-fandomdesktop-light .pi-europa .pi-horizontal-group td.pi-horizontal-group-item:nth-child(4n) { background-color: #fff !important; }

.theme-fandomdesktop-light .pi-europa .pi-horizontal-group td.pi-horizontal-group-item:nth-child(6n) { background-color: #fff !important; }

.theme-fandomdesktop-light .pi-europa .pi-horizontal-group td.pi-horizontal-group-item:nth-child(8n) { background-color: #fff !important; }

.theme-fandomdesktop-dark .pi-europa .pi-horizontal-group td.pi-horizontal-group-item:nth-child(2n) { background-color: #000 !important; }

.theme-fandomdesktop-dark .pi-europa .pi-horizontal-group td.pi-horizontal-group-item:nth-child(4n) { background-color: #000 !important; }

.theme-fandomdesktop-dark .pi-europa .pi-horizontal-group td.pi-horizontal-group-item:nth-child(6n) { background-color: #000 !important; }

.theme-fandomdesktop-dark .pi-europa .pi-horizontal-group td.pi-horizontal-group-item:nth-child(8n) { background-color: #000 !important; }

.pi-europa .pi-image-collection-tabs { text-align:center; }

.theme-fandomdesktop-light .pi-europa .pi-image-collection-tabs { background-color: #fff; }

.theme-fandomdesktop-dark .pi-europa .pi-image-collection-tabs { background-color: #000; }

.pi-image-thumbnail { text-align:center; max-width: 98%; height: auto; }

.pi-caption { text-align: center; }

.portable-infobox .pi-data:nth-last-child(1) .pi-data-value { border-bottom: none !important; }

.portable-infobox .pi-horizontal-group .pi-data-value { border-bottom: none !important; }

.theme-fandomdesktop-light .pi-horizontal-group caption + thead { border-top: 2px solid #fff; }

.theme-fandomdesktop-dark .pi-horizontal-group caption + thead { border-top: 2px solid #000; }

.pi-horizontal-group .pi-data-label { border-radius: 0 !important; }

.pi-horizontal-group .pi-data-label:first-child { border-radius: 3px 0 0 3px !important; }

.pi-horizontal-group .pi-data-label:last-child { border-radius: 0 3px 3px 0 !important; }

.pi-horizontal-group caption + thead .pi-data-label:first-child { border-radius: 4.5px 0 0 3px !important; }

.pi-horizontal-group caption + thead .pi-data-label:last-child { border-radius: 0 4.5px 3px 0 !important; }

.portable-infobox .pi-image-thumbnail { border-radius: 3px; }

.portable-infobox .wds-tab__content .pi-image { margin: 0 0 1px 0; }

.portable-infobox .pi-data[data-source="familytree"] .pi-data-value { border-bottom: none !important; }

.portable-infobox .pi-data[data-source="familytree"] + .pi-data .pi-data-value { border-top: 1px solid #5296d9 !important; }