MediaWiki:Themes.css

.portable-infobox { /* All PIs */ } .portable-infobox.pi-europa { /* All PIs that take Europa into account */ } .portable-infobox:not(.pi-europa) { /* All PIs that DON'T take Europa into account */ border: solid 2px #000000; background: white; width:350px; } .portable-infobox.pi-theme-whatever { /* All PIs (Europa or not) using theme=whatever */ } .portable-infobox > :first-child { /* The first element. Incredibly useful if you're rounding corners. */ } .portable-infobox > :last-child { /* The last element. Incredibly useful if you're rounding corners. */ } .portable-infobox .pi-item-spacing { /* The padding around titles, captions, data, headers, and navigation. */ } .portable-infobox .pi-item { /* A row. */ } .portable-infobox .pi-border-color { /* The separator between data and groups. */ } .portable-infobox .pi-font { /* The font of data values. */ } .portable-infobox .pi-secondary-font { /* The font of labels, headers, and navigation. */ } .portable-infobox .pi-background { /* The background underneath the entire infobox. */ } .portable-infobox .pi-secondary-background { /* The background behind headers and navigation. */   /* These are often centered and a light color text on a dark background. Best to put those values here. */ } .portable-infobox .pi-data-label { /* All data labels */ /* pi-secondary-font */ } .portable-infobox .pi-data-value { /* All data values */ /* pi-font */ } .portable-infobox .pi-data { /* All data rows */ /* pi-item pi-item-spacing pi-border-color */ } .portable-infobox .pi-data .pi-data-label { /* Vertical item labels */ /* pi-data-label pi-secondary-font */ } .portable-infobox .pi-data .pi-data-value { /* Vertical item values */ /* pi-data-value pi-font */ } .portable-infobox .pi-horizontal-group-item.pi-data-label { /* Horizontal item labels */ /* pi-data-label pi-secondary-font pi-border-color pi-item-spacing */ } .portable-infobox:not(.pi-europa) .pi-border-color { /* The separator between data and groups. */   border-bottom: none; } .portable-infobox:not(.pi-europa) .pi-data { padding: 1px; background: white; } .portable-infobox:not(.pi-europa) .pi-data .pi-data-label { /* pi-data-label pi-secondary-font pi-border-color pi-item-spacing */ -ms-flex-preferred-size: 100px; -webkit-flex-basis: 100px; -moz-flex-basis: 100px; flex-basis: 100px; min-width: 100px; background: #FFA040; font-size: 16px; padding: 5px 2px; margin: 0 1px; } .portable-infobox:not(.pi-europa) .pi-navigation a, .portable-infobox:not(.pi-europa) .pi-data .pi-data-label a { color: black; } .portable-infobox:not(.pi-europa) .pi-data .pi-data-value { /* pi-data-value pi-font pi-border-color pi-item-spacing */ background:#FFE5A5; padding: 5px 2px; font-size: 16px; margin: 0 1px; flex-basis: 100%; }

.portable-infobox .pi-horizontal-group-item.pi-data-value { /* Horizontal item values */ /* pi-data-value pi-font pi-border-color pi-item-spacing */ } .portable-infobox .pi-title { /* pi-item pi-item-spacing */ margin-left: 2px; margin-right: 2px; } .portable-infobox:not(.pi-europa) .pi-title { /* pi-item pi-item-spacing */ background: #FFA040; text-align: center; color: black; } .portable-infobox:not(.pi-europa) .pi-title:nth-of-type(1) { font-weight: bolder; margin-top: 2px; } .portable-infobox:not(.pi-europa) .pi-title:nth-of-type(2) { font-weight: bolder; font-size: 95% } .portable-infobox .pi-image { /* pi-item */ } .portable-infobox .pi-img-thumbnail { /* The actual render */ height: auto; width: 100%; max-width: 350px; /* Use when you want to put a limit to how far it can scale up. */ } .portable-infobox .pi-group { /* pi-item pi-border-color */ } .portable-infobox:not(.pi-europa) .pi-group { /* pi-item pi-border-color */ border: 1px solid #FFA040; padding: 0; margin: 1px 2px ; } .portable-infobox .pi-horizontal-group { /* Horizontal groups */ } .portable-infobox .pi-header { /* All headers */ /* pi-secondary-font pi-secondary-background pi-item-spacing */ } .portable-infobox:not(.pi-europa) .pi-header { /* pi-secondary-font pi-secondary-background pi-item-spacing */ text-align: center; background: #FFA040; font-size: 16px; padding: 5px 2px; margin: 0; } .portable-infobox .pi-horizontal-group .pi-header { /* Horizontal group headers */ /* pi-header pi-secondary-font pi-secondary-background pi-item-spacing */ } .portable-infobox .pi-navigation { /* pi-item-spacing pi-secondary-background pi-secondary-font */ } .portable-infobox.pi-europa .pi-navigation { /* pi-item-spacing pi-secondary-background pi-secondary-font */ background-color: #fe6b0b; color: white; text-align: center; line-height: 20px; font-size: 16px; font-weight: bold; }

.portable-infobox.pi-europa .pi-navigation a { color: white; }

.portable-infobox:not(.pi-europa) .pi-navigation { /* pi-item-spacing pi-secondary-background pi-secondary-font */ text-align: center; background: #FFA040; font-size: 16px; padding: 5px 2px; margin: 2px; } .portable-infobox:not(.pi-europa) .pi-data .pi-data-value:only-child { /* pi-data-value pi-font pi-border-color pi-item-spacing */ background:#FFE5A5; padding: 5px 2px; font-size: 16px; margin: 0; width: 100%; }