MediaWiki:Themes.css

.portable-infobox { /* All PIs */ border: 1px solid #aaa; background-color: #f9f9f9; color: black; padding: 0.2em; } .portable-infobox.pi-europa { /* All PIs that take Europa into account */ } .portable-infobox.pi-theme-digimon:not(.pi-europa) { /* All PIs that DON'T take Europa into account */ border: solid 2px #000000; background: white; width:350px; }

.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.pi-theme-digimon: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.pi-theme-digimon: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-theme-digimon .pi-title { /* pi-item pi-item-spacing */ margin-left: 2px; margin-right: 2px; text-align: center; } .portable-infobox.pi-theme-digimon:not(.pi-europa) .pi-title { /* pi-item pi-item-spacing */ background: #FFA040; color: black; } .portable-infobox.pi-theme-digimon:not(.pi-europa) .pi-title:nth-of-type(1) { font-weight: bolder; margin-top: 2px; } .portable-infobox.pi-theme-digimon: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.pi-theme-digimon: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 */ text-align: center; } .portable-infobox.pi-theme-digimon: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-theme-digimon.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-theme-digimon.pi-europa .pi-navigation a { color: white; }

.portable-infobox.pi-theme-digimon: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.pi-theme-digimon: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%; }

.portable-infobox.pi-theme-digimon:not(.pi-europa) .pi-data .pi-data-value:only-child { text-align: center; }

/* Themes */ .pi-theme-Digimon-Adventure, .pi-theme-Digimon-Adventure-02, .pi-theme-Digimon-Tamers, .pi-theme-Digimon-Frontier, .pi-theme-Digimon-Data-Squad, .pi-theme-Digimon-Fusion, .pi-theme-Digimon-Adventure-tri, .pi-theme-Digimon-Universe_-Appli-Monsters, .pi-theme-Digimon-Movies { font-size:12px; }

.pi-theme-Digimon-Adventure .pi-title, .pi-theme-Digimon-Adventure .pi-header, .pi-theme-Digimon-Adventure .pi-navigation { background-color: #FFFF80; color: #404000; text-align: center; font-size:14px; }

.pi-theme-Digimon-Adventure-02 .pi-title, .pi-theme-Digimon-Adventure-02 .pi-header, .pi-theme-Digimon-Adventure-02 .pi-navigation { background-color: #81BCFF; color: #001D3E; text-align: center; font-size:14px; }

.pi-theme-Digimon-Tamers .pi-title, .pi-theme-Digimon-Tamers .pi-header, .pi-theme-Digimon-Tamers .pi-navigation { background-color: #FF8080; color: #400000; text-align: center; font-size:14px; }

.pi-theme-Digimon-Frontier .pi-title, .pi-theme-Digimon-Frontier .pi-header, .pi-theme-Digimon-Frontier .pi-navigation { background-color: #FFCB81; color: #3E2400; text-align: center; font-size:14px; }

.pi-theme-Digimon-Data-Squad .pi-title, .pi-theme-Digimon-Data-Squad .pi-header, .pi-theme-Digimon-Data-Squad .pi-navigation { background-color: #E0E0E0; color: #202020; text-align: center; font-size:14px; }

.pi-theme-Digimon-Fusion .pi-title, .pi-theme-Digimon-Fusion .pi-header, .pi-theme-Digimon-Fusion .pi-navigation { background-color: #E8E997; color: #34340C; text-align: center; font-size:14px; }

.pi-theme-Digimon-Adventure-tri .pi-title, .pi-theme-Digimon-Adventure-tri .pi-header, .pi-theme-Digimon-Adventure-tri .pi-navigation { background-color: #FFFF80; color: #404000; text-align: center; font-size:14px; }

.pi-theme-Digimon-Universe_-Appli-Monsters .pi-title, .pi-theme-Digimon-Universe_-Appli-Monsters .pi-header, .pi-theme-Digimon-Universe_-Appli-Monsters .pi-navigation { background-color: #80FFB4; color: #404000; text-align: center; font-size:14px; }

.pi-theme-Digimon-Movie .pi-title, .pi-theme-Digimon-Movie .pi-header, .pi-theme-Digimon-Movie .pi-navigation { background-color: black; color: white; text-align: center; font-size:14px; }