MediaWiki:Themes.css

/* Infobox customization stylesheet */

/* Main styling */ .portable-infobox { border: 1px solid #666; padding: 2px; font-size: smaller; } .portable-infobox, .portable-infobox .pi-image-collection-tab-content { background: transparent; } .portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-font, .portable-infobox .pi-secondary-font { font-size: 11px; }

/** Data customization **/ .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; color: #fff; background: #8b0000; font-weight: bold; border-color: transparent; padding: 4px; } .portable-infobox .pi-title { font-size: 16px; } .portable-infobox .pi-group, .portable-infobox .pi-group .pi-data:last-child { border: none; } .portable-infobox .pi-data { padding: 4px; } .portable-infobox .pi-border-color { border-color: #999; }

/** Image customization **/ .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; border-style: none; margin: 0; padding: 0; color: #cc960e; font-weight: bold; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "|"; color: #222; font-weight: bold; width: 1em; padding-right: 3px }

/** Navigation footer styling **/ .portable-infobox .pi-navigation { text-align: center; font-weight: bold; background: #8b0000; padding: 4px; } .portable-infobox .pi-navigation a { color: #FFFFFF; text-align: center; }

/* Character infobox styling */ /* - .pi-theme-character */ /* - .pi-theme-character-villain */ /* - .pi-theme-character-vigilante */ /* - .pi-theme-character-police */ /* - .pi-theme-character-civilian */ .pi-theme-character, .pi-theme-character-villain, .pi-theme-character-vigilante, .pi-theme-character-police, .pi-theme-character-civilian{ border-color: #ffd700; } .pi-theme-character-villain .pi-header, .pi-theme-character-villain .pi-title, .pi-theme-character-villain .pi-navigation { background: #141414; } .pi-theme-character-vigilante .pi-header, .pi-theme-character-vigilante .pi-title, .pi-theme-character-vigilante .pi-navigation { background: #696969; } .pi-theme-character-police .pi-header, .pi-theme-character-police .pi-title, .pi-theme-character-police .pi-navigation { background: #0044b3; }

.pi-theme-character-civilian .pi-header, .pi-theme-character-civilian .pi-title, .pi-theme-character-civilian .pi-navigation { background: #2c8a2e; }

/* Chapter infobox styling - */ .pi-theme-chapter .pi-data-label { flex-basis: 120px; } .pi-theme-chapter .pi-navigation { background: transparent; border-top: 1px dotted #999; padding: 0; } .pi-theme-chapter .pi-navigation a { color: #cc960e; }

/* Quirk infobox styling - */ .pi-theme-quirk { border-color: #ffd700; } .pi-theme-quirk .pi-title, .pi-theme-quirk .pi-header, .pi-theme-quirk .pi-navigation { background: #ffbf00; }

/* Fight infobox styling - */ .pi-theme-fight { border-color: #8b0000; } .pi-theme-fight .pi-title { font-size: 14px; line-height:21px; } .pi-theme-fight .pi-horizontal-group { text-align: left; } .pi-theme-fight .pi-data-value ol, .pi-theme-fight .pi-data-value ul { list-style-position: outside; margin-left: 2em; }

/* Move infobox styling - */ .pi-theme-move { border-color: #8b0000; }

/* Merchandise infobox styling - */ .pi-theme-merch { border-color: #666; } .pi-theme-merch .pi-title, .pi-theme-merch .pi-header { background: #7458c1; } .pi-theme-merch { flex-basis: 100px; }

/* Episode infobox styling - */ .pi-theme-episode { border: 1px solid #666; } .pi-theme-episode .pi-title, .pi-theme-episode .pi-header { background: #1c1a16; } .pi-theme-episode .pi-title { font-size: 14px; line-height:21px; } .pi-theme-episode .pi-navigation { background: transparent; border-top: 1px dotted #999; padding: 0; } .pi-theme-episode .pi-navigation a { color: #cc960e; }

/* Location infobox styling - */ .pi-theme-location .pi-title, .pi-theme-location .pi-header { background: #008080; }

/* Item infobox styling - */ .pi-theme-location .pi-title, .pi-theme-location .pi-header { background: #cd9938; }

/* Media infobox styling */ /* - .pi-theme-volume */ /* - .pi-theme-arc */ /* - .pi-theme-saga */ .pi-theme-volume { border-color: #8b0000; } .pi-theme-volume .pi-title, .pi-theme-arc .pi-title, .pi-theme-saga .pi-title { font-size: 14px; line-height:21px; } .pi-theme-volume .pi-data-label, .pi-theme-saga .pi-data-label { flex-basis: 120px; } .pi-theme-volume .pi-navigation, .pi-theme-arc .pi-navigation, .pi-theme-saga .pi-navigation { background: transparent; border-top: 1px dotted #999; padding: 0; } .pi-theme-volume .pi-navigation a, .pi-theme-arc .pi-navigation a, .pi-theme-saga .pi-navigation a { color: #cc960e; }

/* Simple infobox styling - */ .pi-theme-simple .pi-title, .pi-theme-simple .pi-header, .pi-theme-simple .pi-navigation { background: #8a4b08; }

/* Music infobox styling - */ .pi-theme-music .pi-title, .pi-theme-music .pi-header, .pi-theme-music .pi-navigation { background: #00796b; } .pi-theme-music .pi-title { font-size: 14px; line-height:21px; }

/* Group infobox styling - */ .pi-theme-group { border-color: #145530; } .pi-theme-group .pi-title, .pi-theme-group .pi-header, .pi-theme-group .pi-navigation { background: #2e8b57; }

/* Organization infobox styling - */ .pi-theme-org .pi-title, .pi-theme-org .pi-header, .pi-theme-org .pi-navigation { background: #5f23ae; }

/* Event infobox styling - */ .pi-theme-event { border-color: #8b0000; } .pi-theme-event .pi-title { font-size: 14px; line-height:21px; }