MediaWiki:Themes.css

/** Portable Infoboxes **/ .portable-infobox { /* All PIs */ border: 1px solid #aaa; background-color: #f9f9f9; color: black; padding: 0.2em; }

/* Portable Infobox attributes */ .portable-infobox .pi-border-color { /* The separator between data and groups. */   border-bottom: none; }

/* Portable Infobox elements */ .portable-infobox .pi-title { text-align: center; } .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-image-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-data { padding: 1px; background: white; } .portable-infobox .pi-navigation a, .portable-infobox .pi-data .pi-data-label a { color: black; }

/* Portable Infobox themes */ .portable-infobox.pi-theme-digimon { border: solid 2px #000000; background: white; width:350px; } .portable-infobox.pi-theme-digimon > .pi-image:first-child { /* AKA the Appmon icon */ float: right; clear: right; width: 50px; height: 50px; margin-top: 2px; margin-right: 2px; padding: 1px; background-color: #FFE5A5; } .portable-infobox.pi-theme-digimon .pi-title { margin-left: 2px; margin-right: 2px; background: #FFA040; color: black; font-weight: bolder; margin-top: 2px; line-height: initial; } .portable-infobox.pi-theme-digimon .pi-title + .pi-title { margin-top: 0; padding-top: 0; font-weight: normal; font-size: smaller; } .portable-infobox.pi-theme-digimon .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-theme-digimon .pi-group { /* pi-item pi-border-color */ border: 1px solid #FFA040; padding: 0; margin: 1px 2px ; } .portable-infobox.pi-theme-digimon .pi-data .pi-data-label { /* pi-data-label pi-secondary-font pi-border-color pi-item-spacing */ flex-basis: 100px; min-width: 100px; background: #FFA040; font-size: 16px; padding: 5px 2px; margin: 0 1px; } .portable-infobox.pi-theme-digimon .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-theme-digimon .pi-data .pi-data-value:only-child { /* pi-data-value pi-font pi-border-color pi-item-spacing */ margin: 0; width: 100%; text-align: center; } .portable-infobox.pi-theme-digimon .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-character { background-color: white; } .portable-infobox.pi-theme-character .pi-border-color { border-color: #AAA; border-bottom: inherit; } .portable-infobox.pi-theme-character .pi-title { background-color: #FFA040; text-align: center; font-size: larger; } .portable-infobox.pi-theme-character .pi-group { border-bottom: none; } .portable-infobox.pi-theme-character .pi-header, .portable-infobox.pi-theme-character .pi-navigation { background-color: #FFE5A5; font-size: larger; text-align: center; } .portable-infobox.pi-theme-character .pi-data-label { background-color: transparent; flex-basis: 135px; padding: 3px; } .portable-infobox.pi-theme-character .pi-data-value { padding: 3px; }

/* Special Themes */ .portable-infobox.pi-theme-Episode .pi-title { line-height: initial; font-weight: bold; } .portable-infobox.pi-theme-Episode .pi-title:first-of-type { display: flex; } .portable-infobox.pi-theme-Episode .pi-title + .pi-title { font-weight: normal; } .portable-infobox.pi-theme-Episode .pi-title a:link { color: black; } .portable-infobox.pi-theme-Episode .pi-data-value:only-child { width: 100%; text-align: center; }

/* Themes */ [class*=pi-theme-DB-] .pi-title, [class*=pi-theme-DB-] .pi-secondary-font { background-color: #BBBBFF; } [class*=pi-theme-DC-] .pi-title, [class*=pi-theme-DC-] .pi-secondary-font { background-color: #FF9999; } [class*=pi-theme-DH-] .pi-title, [class*=pi-theme-DH-] .pi-secondary-font { background-color: #3399FF; } [class*=pi-theme-DH-] .pi-data-value { text-align: center; margin: auto; } [class*=pi-theme-DH-].pi-background { background-color: #D0D0D0; } [class*=pi-theme-DH-] .pi-data { background-color: initial; } [class*=pi-theme-DH-] .pi-group .pi-image-thumbnail { height: 100px; width: 100px; } [class*=pi-theme-DJ-] .pi-title, [class*=pi-theme-DJ-] .pi-secondary-font { background-color: #CCCCCC; } .pi-theme-DM-DM .pi-title, .pi-theme-DM-DM .pi-secondary-font { background-color: #AACCFF; } .pi-theme-DM-DMX .pi-title, .pi-theme-DM-DMX .pi-secondary-font { background-color: #FF6633; } .pi-theme-DM-OP .pi-title, .pi-theme-DM-OP .pi-secondary-font { background-color: #BBBBFF; } [class*=pi-theme-DT-] .pi-title, [class*=pi-theme-DT-] .pi-secondary-font { background-color: #BBBBBB; } .pi-theme-SDT .pi-title, .pi-theme-SDT .pi-secondary-font { background-color: #8CB535; }

[class*=pi-theme-Digimon-] { font-size: 12px; } .pi-theme-Digimon-Adventure { --background: #FFFF80; --text: #404000; } .pi-theme-Digimon-Adventure-02 { --background: #81BCFF; --text: #001D3E; } .pi-theme-Digimon-Tamers { --background: #FF8080; --text: #400000; } .pi-theme-Digimon-Frontier { --background: #FFCB81; --text: #3E2400; } .pi-theme-Digimon-Data-Squad { --background: #E0E0E0; --text: #202020; } .pi-theme-Digimon-Fusion { --background: #E8E997; --text: #34340C; } .pi-theme-Digimon-Adventure-tri { --background: #FFFF80; --text: #404000; } .pi-theme-Digimon-Universe_-Appli-Monsters { --background: #80FFB4; --text: #404000; } .pi-theme-Digimon-Movies { --background: black; --text: white; } [class*=pi-theme-Digimon-] .pi-title, [class*=pi-theme-Digimon-] .pi-header, [class*=pi-theme-Digimon-] .pi-navigation { text-align: center; font-size: 14px; background-color: var(--background); color: var(--text); }

/** Legacy **/ /* Can be removed once Microsoft Edge supports CSS Variables. */ /* Estimated 2017-05-01. */ @supports not (--title-color: white) { .pi-theme-Digimon-Adventure .pi-title, .pi-theme-Digimon-Adventure .pi-header, .pi-theme-Digimon-Adventure .pi-navigation { background-color: #FFFF80; color: #404000; }   .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; }   .pi-theme-Digimon-Tamers .pi-title, .pi-theme-Digimon-Tamers .pi-header, .pi-theme-Digimon-Tamers .pi-navigation { background-color: #FF8080; color: #400000; }   .pi-theme-Digimon-Frontier .pi-title, .pi-theme-Digimon-Frontier .pi-header, .pi-theme-Digimon-Frontier .pi-navigation { background-color: #FFCB81; color: #3E2400; }   .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; }   .pi-theme-Digimon-Fusion .pi-title, .pi-theme-Digimon-Fusion .pi-header, .pi-theme-Digimon-Fusion .pi-navigation { background-color: #E8E997; color: #34340C; }   .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; }   .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; }   .pi-theme-Digimon-Movie .pi-title, .pi-theme-Digimon-Movie .pi-header, .pi-theme-Digimon-Movie .pi-navigation { background-color: black; color: white; } }