MediaWiki:Common/PortableInfobox.css

/* General Styling for Portable Infobox */ .portable-infobox.pi-europa { width: 293px; border: 3px solid #2DBCEB; border-radius: 10px; } .portable-infobox.pi-europa .pi-header, .portable-infobox.pi-europa .pi-title { border-radius: 15px; } .portable-infobox.pi-europa .pi-image-collection { margin: 2px; }

.portable-infobox.pi-europa .pi-image-collection-tabs { text-align: center; background: transparent; display: flex; flex-wrap: wrap-reverse; justify-content: center; }

.portable-infobox.pi-europa .pi-item.pi-image { display:flex; flex-direction: column-reverse; margin: 2px; } .portable-infobox.pi-europa .pi-image-collection-tab-content .pi-item.pi-image { margin: auto; } .portable-infobox.pi-europa .pi-image figcaption.pi-caption, .portable-infobox.pi-europa .pi-tab-link.pi-item-spacing { font-size: 11px; border: 1px solid blue; /* to be overridden by more specific rules if necessary */ border-bottom: 0px; padding: 2px 5.5px; border-radius: 5px 5px 0 0; line-height: normal; margin-bottom: 0; margin-top: 0; } .portable-infobox.pi-europa .pi-image figcaption.pi-caption{ margin-left: auto; margin-right: auto; text-align: center; min-width: 35%; } .portable-infobox.pi-europa .pi-tab-link.pi-item-spacing { margin-left: 3px; margin-right: 1.2px; } .portable-infobox.pi-europa .pi-image figcaption.pi-caption, .portable-infobox.pi-europa .pi-image-collection-tabs .current{ background-color: blue; color: white; }

.pi-europa.portable-infobox .pi-image a.image-thumbnail{ border: 1px solid blue; border-right: 2px solid blue; border-bottom: 2px solid blue; border-radius: 8px; padding: 2px 0.5em; } .pi-europa.portable-infobox .pi-image img.pi-image-thumbnail, .pi-europa.portable-infobox .pi-image-collection-tab-content img{ max-width: 275px; height: auto; }

.pi-europa.portable-infobox .pi-item-spacing { margin: 2px; padding: 0; }

.pi-europa.portable-infobox .pi-title { font-size: 130%; border-radius: 5px; text-shadow: 3px 3px 3px #000000; background: #2dbceb; padding: 5px; } .pi-europa.portable-infobox .pi-header { border-radius: 5px; padding: 3px; color: #ffffff; background: #2dbceb; text-align: center; vertical-align: middle; font-size: 95%; line-height: 1em; } .pi-europa.portable-infobox .pi-data .pi-data-label { flex-basis: 35%; padding: 5px; border-radius: 3px; vertical-align: middle; background: #2dbceb; color: #ffffff; font-weight: normal; font-size: 90%; }

.pi-europa.portable-infobox table.pi-horizontal-group { border-spacing: 2px 0; border-collapse: separate; } .pi-europa.portable-infobox .pi-horizontal-group-item.pi-data-label { padding-left: 5px; border-radius: 3px;

background: #2dbceb; color: #ffffff; font-weight: normal; font-size: 90%; vertical-align: middle; }

.pi-europa.portable-infobox .pi-data .pi-data-value { margin-top: auto; padding: 5px; flex-basis: 60%; flex-grow: 2; margin-right: 4px; margin-left: 2px; } .pi-europa.portable-infobox .pi-data-value { text-align: right; border-bottom: 1px solid #14AADB; }

/* Customizations for Specific infoboxes */ .pi-europa.portable-infobox.pi-theme-bonus-report { border-color: #2DEBBC; } .pi-europa.portable-infobox.pi-theme-bonus-report .pi-title, .pi-europa.portable-infobox.pi-theme-bonus-report .pi-header, .pi-europa.portable-infobox.pi-theme-bonus-report .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-bonus-report .pi-horizontal-group-item.pi-data-label { background-color: #2DEBBC; /* arbitary color for proof of concept */ }

.pi-europa.portable-infobox.pi-theme-episodeinfo .pi-title, .pi-europa.portable-infobox.pi-theme-episodeinfo .pi-header, .pi-europa.portable-infobox.pi-theme-episodeinfo .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-episodeinfo .pi-horizontal-group-item.pi-data-label { background-color: #2d5deb; /* arbitary color for proof of concept */ } .pi-europa.portable-infobox.pi-theme-episodeinfo { border-color: #2d5deb; }