MediaWiki:Themes.css

.pi-europa { width: 255px !important; border: 0; border-bottom: none; padding: 0px; margin: 0 0.6em 1em 1em; font-size: 85%; background-color: transparent !important; box-shadow: 0 0.1em 0.6em #333; }

.pi-europa .pi-image-thumbnail { width: 255px; max-width: 255px; height: auto; }

.pi-europa .pi-caption { color: #333; font-size: 11px; font-style: italic; hyphens: auto; overflow-wrap: break-word; text-align: left; background: #ddd; border-bottom: 1px solid #ccc; text-align: justify; line-height: 16px; }

.portable-infobox ul { list-style: none outside none!important; margin: 0px!important }

.pi-europa .pi-data-value { padding-left: 10px; }

.pi-europa .pi-title { background-color: #7a0303; background-image: none; font-size: 18px; line-height: 28px; margin: 0; padding: 2px; }

.pi-europa .pi-title a { cursor: default; pointer-events: none; text-decoration: none; } .pi-europa .pi-header { font-size: larger; line-height: 24px; }

.portable-infobox .pi-navigation { line-height: 18px; font-size: 90%; text-align: center; font-weight: bold; color: #FFFFFF; }

.pi-europa .pi-header, .portable-infobox .pi-navigation { background-color: #7a0303; background-image: linear-gradient(bottom,#7a0303 28%,#ab0505 82%); background-image: -o-linear-gradient(bottom,#7a0303 28%,#ab0505 82%); background-image: -moz-linear-gradient(bottom,#7a0303 28%,#ab0505 82%); background-image: -webkit-linear-gradient(bottom,#7a0303 28%,#ab0505 82%); background-image: -khtml-linear-gradient(bottom,#7a0303 28%,#ab0505 82%); background-image: -icab-linear-gradient(bottom,#7a0303 28%,#ab0505 82%); } .portable-infobox .pi-navigation a { color: inherit; }

.pi-europa .pi-collapse-closed .pi-header::after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); content: '[show]'!important; font-size: 11px; color: #fff; border-color: transparent; border-width: 0; width: 50px; right: 0px; top: 20%; margin-top: -5px; }

.pi-europa .pi-collapse .pi-header:first-child::after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); color: #fff; content: '[hide]'; font-size: 11px; border-color: transparent; border-width: 0; width: 50px; right: 0px; top: 20%; margin-top: -5px; }

.pi-collapse .pi-header:first-child { padding-right: 0px; }

section.pi-collapse > section.pi-group caption::after, section.pi-collapse > section.pi-group > h2::after { display: none !important; }

.pi-europa .pi-data .pi-data-value { border-bottom: 1px solid #ccc; font-size: 12px; padding: 3px 1px 3px 10px; }

.pi-europa .pi-data .pi-data-label { background: #eeeeee; border-bottom: 1px solid #ccc; flex-basis: 180px; font-size: 12px; hyphens: none; padding-left: 10px; }

.pi-europa .pi-data-value li { line-height: 15px; padding-bottom: 2px; padding-top: 2px; }

.pi-europa .pi-data-label { display: flex; justify-content: left; align-items: center; border-right: 1px solid #ccc; padding-right: 2px; }

.pi-europa .pi-item-spacing { padding: 0; }

.pi-europa .pi-item-spacing.pi-caption { padding: 5px; }

.pi-europa .pi-horizontal-group-no-labels .pi-data-value { padding-top: 1px; padding-bottom: 1px; text-align: center; background: #eee; }

.pi-europa .pi-horizontal-group .pi-data-value { padding-left: 0px; }

.pi-europa .pi-data-label.pi-smart-data-label { background-color: #7a0303; color: #fff; border: none; justify-content: center; line-height: 22px; padding: 0; }

.pi-europa .pi-smart-group-head + .pi-smart-group-body .pi-smart-data-value { align-items: center; background-color: #eee; display: flex; font-weight: normal; hyphens: none; justify-content: space-around; line-height: 1.2em; padding: 5px; text-align: center; }

.pi-europa .pi-smart-data-label, .pi-europa .pi-smart-data-value, .pi-europa .pi-smart-data-value:nth-child(2n) { background-color: #eee; font-weight: bold; line-height: 22px; text-align: center; }

.pi-europa .pi-smart-data-label:nth-child(2n), .pi-europa .pi-smart-data-value:nth-child(2n) { border-left: 1px solid #ddd; }

/* Image gallery tabs */ .pi-europa .pi-image-collection-tabs { background-color: #7a0303; border-bottom: 2px solid #ccc; line-height: 0px; margin: 0; text-align: center; }

.pi-europa .pi-tab-link { border: 0; color: #ffcc00; font-size: 12px; font-weight: bold; margin: 0; }

.pi-europa .pi-image-collection-tabs .current { background-color: #ccc; }

ul.pi-image-collection-tabs li.current { background: none; color: #333; cursor: inherit; font-weight: bold; }

ul.pi-image-collection-tabs li { padding: 10px 8px !important; }

/* Customized image gallery tabs for Character infobox */ .pi-europa.pi-theme-character .pi-tab-link { margin: 0 5px; }

/* OST infobox customization */ .pi-europa.pi-theme-ost .pi-horizontal-group .pi-data-value { padding: 5px 0px 5px 10px; }

.pi-europa.pi-theme-ost .pi-horizontal-group-no-labels .pi-data-value { background: none; text-align: left; }

.pi-europa.pi-theme-ost .pi-horizontal-group-no-labels .pi-data-value li::before { content: counters(item, ".", decimal-leading-zero) "."; counter-increment: item 1; font-weight: bold; }

.pi-europa.pi-theme-ost .pi-horizontal-group-no-labels .pi-data-value li { display: block; }

.pi-europa.pi-theme-ost .pi-horizontal-group-no-labels .pi-data-value ol { margin: 0px; counter-reset: item; }