MediaWiki:Themes.css

/** Portable Infoboxes **/ .portable-infobox { /* These are the defaults for new infoboxes. */   /* They can be overridden by themes and accent-colors. */   --title-color: #92C4FE; --heading-color: #92C4FE; --highlight-color: #C1D7F0; --contrast-color: #E1E4E7; --background-color: white; border: 1px solid white; font-size: 11px; border-radius: 10px; } .portable-infobox > :first-child { /* The first element. Incredibly useful if you're rounding corners. */   border-top-left-radius: 10px; border-top-right-radius: 10px; } .portable-infobox > :last-child { /* The last element. Incredibly useful if you're rounding corners. */   border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

/* Portable Infobox attributes */ .portable-infobox.pi-font, .portable-infobox.pi-secondary-font { /* The font of data values. */   /* The font of labels, headers, and navigation. */   font-family: Verdana; } .portable-infobox.pi-background, .pi-europa.pi-background { /* The background underneath the entire infobox. */   background-color: var(--background-color); } .portable-infobox .pi-secondary-background { /* The background behind headers and navigation. */   background-color: var(--heading-color); } .portable-infobox .pi-border-color { /* The separator between data and groups. */   border-color: white; }

/* Portable Infobox elements */ .portable-infobox .pi-title { background-color: var(--title-color); text-align: center; font-weight: bold; } .portable-infobox:not(.pi-europa) .pi-header { /* Non-Europa headers */ border-bottom: 1px solid white; text-align: center; } .portable-infobox.pi-europa .pi-header { /* Europa headers */ margin: auto 1px; margin-top: 1px; text-align: center; } .portable-infobox .pi-image { background-color: var(--background-color); border-bottom: 1px solid white; } .portable-infobox .pi-image-collection-tabs { /* Image tabbers */ text-align: center; } .portable-infobox .pi-image-collection-tabs li { /* Image tab labels */ max-width: inherit; overflow: auto; border-radius: 10px; margin: 2px; } .portable-infobox .pi-image-collection-tabs .current { /* The active image tab label */ background-color: var(--highlight-color); } .portable-infobox:not(.pi-europa) .pi-data { /* Data rows, not in Europa */ padding: 0; } .portable-infobox.pi-europa .pi-data { /* Data rows in Europa */ padding: 1px; padding-bottom: 0; } .portable-infobox .pi-data-label { background-color: var(--highlight-color); } .portable-infobox.pi-europa .pi-data-label, .portable-infobox.pi-europa .pi-data-value { /* Data labels and values in Europa */ padding: 5px; } .portable-infobox:not(.pi-europa) .pi-data-label, .portable-infobox:not(.pi-europa) .pi-data-value { /* Data labels and values not in Europa */ padding: 3px; } .portable-infobox .pi-group:last-child .pi-data:last-child .pi-data-label { /* Fixes a rounding oversight */ border-bottom-left-radius: 10px; } .pi-europa .pi-navigation { /* Navigation rows */ text-align: center; font-weight: bold; }

/* Portable Infobox themes */ .portable-infobox.pi-theme-DR1 { /* Theme for "Danganronpa: Trigger Happy Havoc" */ --heading-color: #E33C96; --highlight-color: #EF92C5; --background-color: white; --title-color: #E33C96; } .portable-infobox.pi-theme-DR2 { /* Theme for "Danganronpa 2: Goodbye Despair" */ --highlight-color: #FCC587; --heading-color: #F8AC4C; --background-color: white; --title-color: #F8AC4C; } .portable-infobox.pi-theme-DRAE { /* Theme for "Danganronpa Another Episode: Ultra Despair Girls" */ --highlight-color: #A767A6; --heading-color: #7A4779; --background-color: white; --title-color: #7A4779;} .portable-infobox.pi-theme-DR3 { /* Theme for "Danganronpa 3: End of Hope's Peak Academy" */ --highlight-color: #F04646; --heading-color: #CD1010; --background-color: white; --title-color: #CD1010;} .portable-infobox.pi-theme-manga {} .portable-infobox.pi-theme-anime {} .portable-infobox.pi-theme-novel {}

/** Legacy **/ /* Can be removed once Microsoft Edge supports CSS Variables. */ /* Estimated 2017-05-01. */ @supports not (--title-color: white) { .portable-infobox.pi-background, .pi-europa.pi-background, .portable-infobox .pi-image { background-color: white; }   .portable-infobox .pi-title { background-color: #92C4FE; } .portable-infobox .pi-secondary-background { background: #92C4FE; } .portable-infobox .pi-data-label { background-color: #C1D7F0; } .portable-infobox.pi-theme-DR1 .pi-title { background-color: white; } .portable-infobox.pi-theme-DR1 .pi-secondary-background { background-color: #E33C96; } .portable-infobox.pi-theme-DR1 .pi-image-collection-tabs .current, .portable-infobox.pi-theme-DR1 .pi-data-label { background-color: #EF92C5; } .portable-infobox.pi-theme-DR2 .pi-title { background-color: white; } .portable-infobox.pi-theme-DR2 .pi-secondary-background { background-color: #FBAC52; } .portable-infobox.pi-theme-DR2 .pi-image-collection-tabs .current, .portable-infobox.pi-theme-DR2 .pi-data-label { background-color: #FCC587; } }