MediaWiki:Common.css/infoboxes.css

/** * * Infoboxes.css * CSS for styling portable infobox templates * * This only includes the most common infoboxes (used on >=100 pages) * Exotic ones should use the bg1 & bg2 parameters in the character infobox * * Infobox coloration derived from original SWF non-portable infoboxes * Styling borrowed from Wookieepedia's starwars:MediaWiki:Infoboxes.css * * Authors: * - User:TK-999 (primary) * - User:Cade_Calrayn (primary) * - User:Sebolto (cleanup, maintenance) */

/* Universal rules */

.portable-infobox { width: 250px; background: none !important; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.portable-infobox .pi-navigation { text-align: center; }

.portable-infobox .reference, .refadjust .reference { font-size: 7.5px; line-height: 1.5; }

.portable-infobox .pi-data:nth-child(even) { background-color: #F0F0F0; }

.portable-infobox .pi-data:nth-child(odd) { background-color: #FFFFFF; }

.portable-infobox .pi-border-color { border-bottom-style: none !important; }

.portable-infobox .pi-item-spacing { padding: 4px; }

.portable-infobox .pi-title { font-size: 0.96em; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 1.5; }

.portable-infobox .pi-secondary-font { font-size: 0.8em; line-height: 1.5; }

.portable-infobox .pi-data-label { font-weight: normal; padding: 0; display: -webkit-flex; display: flex; }

.pi-data .pi-data-label { width: 45%; -webkit-flex-basis: auto; -moz-flex-basis: auto; flex-basis: auto; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.portable-infobox .pi-data-value { font-size: 0.8em; line-height: 1.5; }

.pi-data .pi-data-value { width: 55%; ms-flex-preferred-size: auto; -webkit-flex-basis: auto; -moz-flex-basis: auto; flex-basis: auto; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.portable-infobox .pi-data-value:not(:first-child) { padding-left: 5px; }

.portable-infobox .pi-data-value li { line-height: 1.5em; margin: 3px 0; }

.pi-image img { max-width: 100%; height: auto; }

.pi-horizontal-group-item.pi-data-value { text-align: left; background: #FFFFFF; }

.pi-horizontal-group-item.pi-data-label { display: table-cell; border-bottom: #BFDAEB 1px solid !important; background: #F0F0F0; }

/* Generic/default color scheme */

.portable-infobox, .pi-theme-generic { border-bottom: 24px solid #666699; }

.portable-infobox .pi-title, .pi-theme-generic .pi-title { background: #666699; }

.portable-infobox .pi-header, .pi-theme-generic .pi-header, .portable-infobox .pi-secondary-background, .pi-theme-generic .pi-secondary-background { background: #CCCCCC; }

/* Character infobox */

.pi-theme-character-infobox { border-bottom: 24px solid #94C7D1; }

.pi-theme-character-infobox .pi-title { background: #94C7D1; }

.pi-theme-character-infobox .pi-header { background: #D6F0F5; }

/* Jedi character */

.pi-theme-jedi-character-infobox { border-bottom: 24px solid #736326; }

.pi-theme-jedi-character-infobox .pi-title { background: #736326; }

.pi-theme-jedi-character-infobox .pi-header { background: #C2B170; }

/* Sith character */

.pi-theme-sith-character-infobox { border-bottom: 24px solid #A00; }

.pi-theme-sith-character-infobox .pi-title { background: #A00; }

.pi-theme-sith-character-infobox .pi-header { background: #E55; }

/* Dark Jedi character */

.pi-theme-dark-jedi-character-infobox { border-bottom: 24px solid #444; }

.pi-theme-dark-jedi-character-infobox .pi-title { background: #444; }

.pi-theme-dark-jedi-character-infobox .pi-header { background: #777; }

/* Grey Jedi character */

.pi-theme-grey-jedi-character-infobox { border-bottom: 24px solid #B2B2B2; }

.pi-theme-grey-jedi-character-infobox .pi-title { background: #B2B2B2; }

.pi-theme-grey-jedi-character-infobox .pi-header { background: #CFCFCF; }

/* Criminal character */

.pi-theme-criminal-character-infobox { border-bottom: 24px solid #6B342E; }

.pi-theme-criminal-character-infobox .pi-title { background: #6B342E; }

.pi-theme-criminal-character-infobox .pi-header { background: #A66159; }

/* Bounty hunter character */

.pi-theme-bounty-hunter-character-infobox { border-bottom: 24px solid #406B2E; }

.pi-theme-bounty-hunter-character-infobox .pi-title { background: #406B2E; }

.pi-theme-bounty-hunter-character-infobox .pi-header { background: #8DB87A; }

/* Mandalorian character */

.pi-theme-karen-traviss-character-infobox { border-bottom: 24px solid #9CABB0; }

.pi-theme-karen-traviss-character-infobox .pi-title { background: #9CABB0; }

.pi-theme-karen-traviss-character-infobox .pi-header { background: #CAD4D5; }

/* Infinite Empire character */

.pi-theme-infinite-empire-character-infobox { border-bottom: 24px solid #FF6600; }

.pi-theme-infinite-empire-character-infobox .pi-title { background: #FF6600; }

.pi-theme-infinite-empire-character-infobox .pi-header { background: #FF9D00; }

/* Galactic Republic character */

.pi-theme-republic-character-infobox { border-bottom: 24px solid #2E406B; }

.pi-theme-republic-character-infobox .pi-title { background: #2E406B; }

.pi-theme-republic-character-infobox .pi-header { background: #7089C2; }

/* CIS character */

.pi-theme-cis-character-infobox { border-bottom: 24px solid #73263D; }

.pi-theme-cis-character-infobox .pi-title { background: #73263D; }

.pi-theme-cis-character-infobox .pi-header { background: #D194A6; }

/* Galactic Empire character */

.pi-theme-imperial-character-infobox { border-bottom: 24px solid #242742; }

.pi-theme-imperial-character-infobox .pi-title { background: #242742; }

.pi-theme-imperial-character-infobox .pi-header { background: #8589AD; }

/* Rebel character */

.pi-theme-rebel-character-infobox { border-bottom: 24px solid #2D1452; }

.pi-theme-rebel-character-infobox .pi-title { background: #2D1452; }

.pi-theme-rebel-character-infobox .pi-header { background: #7859A6; }

/* New Republic character */

.pi-theme-nrep-character-infobox { border-bottom: 24px solid #0F1C8A; }

.pi-theme-nrep-character-infobox .pi-title { background: #0F1C8A; }

.pi-theme-nrep-character-infobox .pi-header { background: #5260E0; }

/* GFFA character */

.pi-theme-gffa-character-infobox { border-bottom: 24px solid #337147; }

.pi-theme-gffa-character-infobox .pi-title { background: #337147; }

.pi-theme-gffa-character-infobox .pi-header { background: #5AB577; }

/* Resistance character */

.pi-theme-resistance-character-infobox { border-bottom: 24px solid #E45C09; }

.pi-theme-resistance-character-infobox .pi-title { background: #E45C09; }

.pi-theme-resistance-character-infobox .pi-header { background: #7B746F; }

/* First Order character */

.pi-theme-first-order-character-infobox { border-bottom: 24px solid #000000; }

.pi-theme-first-order-character-infobox .pi-title { background: #000000; }

.pi-theme-first-order-character-infobox .pi-header { background: #9E1919; color: #FFFFFF; }

/* Military character */

.pi-theme-military-character-infobox { border-bottom: 24px solid #9966CC; }

.pi-theme-military-character-infobox .pi-title { background: #9966CC; }

.pi-theme-military-character-infobox .pi-header { background: #C9A0DC; }

/* Military unit */

.pi-theme-military-unit { border-bottom: 24px solid #006633; }

.pi-theme-military-unit .pi-title { background: #006633; }

.pi-theme-military-unit .pi-header { background: #B87333; }

/* Natural */

.pi-theme-natural { border-bottom: 24px solid #996; }

.pi-theme-natural .pi-title { background: #996; }

.pi-theme-natural .pi-header { background: #DDB; }

/* Weapon */

.pi-theme-weapon { border-bottom: 24px solid #A00; }

.pi-theme-weapon .pi-title { background: #A00; }

.pi-theme-weapon .pi-header { background: #E55; }

/* Lightsaber */

.pi-theme-lightsaber { border-bottom: 24px solid #5599AA; }

.pi-theme-lightsaber .pi-title { background: #5599AA; }

.pi-theme-lightsaber .pi-header { background: #AAEEEE; }

/* Company */

.pi-theme-company { border-bottom: 24px solid #000000; }

.pi-theme-company .pi-title { background: #000000; }

.pi-theme-company .pi-header { background: #CCCCCC; }

/* Droid */

.pi-theme-droid { border-bottom: 24px solid #94C7D1; }

.pi-theme-droid .pi-title { background: #94C7D1; }

.pi-theme-droid .pi-header { background: #D6F0F5; }

/* Ship */

.pi-theme-ship { border-bottom: 24px solid #669; }

.pi-theme-ship .pi-title { background: #669; }

.pi-theme-ship .pi-header { background: #BBD; }

/* Book, Episode */

.pi-theme-book { border-bottom: 24px solid #996; }

.pi-theme-book .pi-title { background: #996; }

.pi-theme-book .pi-header { background: #DDB; }

/* Sentient */

.pi-theme-sentient { border-bottom: 24px solid #808080; }

.pi-theme-sentient .pi-title { background: #808080; }

.pi-theme-sentient .pi-header { background-color: #D6F0F5; }

/* Government */

.pi-theme-government { border-bottom: 24px solid #999; }

.pi-theme-government .pi-title { background: #999; }

.pi-theme-government .pi-header { background: #CCCCCC; }

/* Structure */

.pi-theme-structure { border-bottom: 24px solid #AC8751; }

.pi-theme-structure .pi-title { background: #AC8751; }

.pi-theme-structure .pi-header { background: #DFCAA0; }

/* Artifact */

.pi-theme-artifact { border-bottom: 24px solid #7995CA; }

.pi-theme-artifact .pi-title { background: #7995CA; }

.pi-theme-artifact .pi-header { background: #999999; }

/* Armor */

.pi-theme-armor { border-bottom: 24px solid #8888FF; }

.pi-theme-armor .pi-title { background: #8888FF; }

.pi-theme-armor .pi-header { background: #89A7FF; }

/* Hyperlane */

.pi-theme-hyperlane { border-bottom: 24px solid #046; }

.pi-theme-hyperlane .pi-title { background: #046; }

.pi-theme-hyperlane .pi-header { background: #BCD; }

/* War & Battle */

.pi-theme-conflict { width: 300px; border-bottom: 24px solid #666699; }

.pi-theme-conflict .pi-title { background: #666699; }

.pi-theme-conflict .pi-header, .pi-theme-conflict .pi-secondary-background { background: #CCCCCC; }

.pi-theme-conflict .pi-horizontal-group-item.pi-data-value li { list-style: disc; margin-left: 10px; }

.pi-theme-conflict .pi-image-thumbnail { height: auto; width: 300px; }