MediaWiki:Themes.css

.portable-infobox { /* All PIs */ } .portable-infobox.pi-europa { /* All PIs that take Europa into account */ border: solid 2px #000000; } .portable-infobox:not(.pi-europa) { /* All PIs that DON'T take Europa into account */ } .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 .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 */ }

.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; }

.portable-infobox .pi-image { /* pi-item */ } .portable-infobox .pi-img-thumbnail { /* The actual render */ height: auto; width: 100%; max-width: 400px; /* 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 .pi-group { /* Vertical groups */ /* pi-item pi-border-color */ } .portable-infobox .pi-horizontal-group { /* Horizontal groups */ } .portable-infobox .pi-header { /* All headers */ /* pi-secondary-font pi-secondary-background pi-item-spacing */ } .portable-infobox .pi-header { /* Vertical group headers */ /* pi-secondary-font pi-secondary-background pi-item-spacing */ } .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 */ }