MediaWiki:Themes.css

/* From Danganronpa Wiki */

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

/* 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 */ background-color: var(--heading-color); border-bottom: 1px solid white; text-align: center; } .portable-infobox.pi-europa .pi-header { /* Europa headers */ background-color: var(--heading-color); 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; }