User:Admiral Caon/common.css

/** * CSS for styling infobox templates * Skin common code * * This only includes the most common infoboxes (used on >=100 pages) * Exotic ones should use the c1 and c2 parameters in the default character infobox */ /***** Portable Infobox - styles of old class names ******/ /***** (to be removed ones new class names are released) *****/ /* HOTFIX: wikia broke something */ .WikiaArticle .portable-infobox-header { font-size: 12px; font-weight: bold; }

.WikiaArticle .portable-infobox-item-label { font-size: 12px; }

/* Generic styling for all infoboxes */ .portable-infobox { border-radius: 0 0 12px 12px; background: white; }

.portable-infobox .item-type-title { text-align: center; }

.portable-infobox .portable-infobox-title { color: #FFF; font-weight: bold; }

.portable-infobox .item-type-key-val:not(:last-of-type), .portable-infobox .item-type-group, .portable-infobox .item-type-comparison { border-bottom: 0 none; }

.portable-infobox-layout-tabular > .item-type-key-val .portable-infobox-item-label, .portable-infobox-layout-tabular .item-type-group:not(.group-layout-horizontal) .item-type-key-val .portable-infobox-item-label { flex-basis: 110px; }

.portable-infobox-layout-tabular > .item-type-key-val .portable-infobox-item-value:not(:first-child), .portable-infobox-layout-tabular .item-type-group:not(.group-layout-horizontal) .item-type-key-val .portable-infobox-item-value:not(:first-child) { padding-left: 0; }

.portable-infobox-item.item-type-key-val.portable-infobox-item-margins { padding-right: 0; }

/* Fix display issues for 2+ columns */ .portable-infobox .group-layout-horizontal .item-type-key-val { padding-left: 10px; text-align: left; }

/* Generic infobox theme */ .portable-infobox-theme-generic .portable-infobox-secondary-background { background: #CCCCCC; } .portable-infobox-theme-generic .item-type-title { background: #666699; } .portable-infobox-theme-generic { border-bottom: 24px solid #666699; } /* BEGIN: styling for individual infoboxes */ /* Natural */ .portable-infobox-theme-natural .item-type-header { background: #ddb; } .portable-infobox-theme-natural .item-type-title { background: #996; } .portable-infobox-theme-natural { border-bottom: 24px solid #996; } /* Company */ .portable-infobox-theme-company .item-type-header { background: #ccc; } .portable-infobox-theme-company .item-type-title { background: #000; } .portable-infobox-theme-company { border-bottom: 24px solid #000; }

/* start characters */ /* Template:Character infobox */

/* Template:Chiss character infobox */ .portable-infobox-theme-chiss-character-infobox .item-type-header { background: #1994e6; } .portable-infobox-theme-chiss-character-infobox .item-type-title { background: #9ed5fa; } .portable-infobox-theme-chiss-character-infobox { border-bottom: 24px solid #9ed5fa; }

/***** Portable Infobox - styles for new class names *****/ /***** (changes to be announced soon) *****/

/* Generic styling for all infoboxes */ .portable-infobox { border-radius: 0 0 12px 12px; }

.pi-background { background: white; }

.portable-infobox .pi-title { color: #FFF; font-weight: bold; text-align: center; }

.pi-data:not(:last-of-type), .pi-group { border-bottom: 0; }

.pi-data-label { flex-basis: 110px; }

.pi-data-value:not(:first-child) { padding-left: 0; }

.pi-data.pi-item-spacing { padding-right: 0; }

/* Generic infobox theme */ .pi-theme-generic .pi-secondary-background { background: #CCCCCC; } .pi-theme-generic .pi-title { background: #666699; } .pi-theme-generic { border-bottom: 24px solid #666699; }

/* BEGIN: styling for individual infoboxes */ /* Natural */ .pi-theme-natural .pi-header { background: #ddb; } .pi-theme-natural .pi-title { background: #996; } .pi-theme-natural { border-bottom: 24px solid #996; } /* Company */ .pi-theme-company .pi-header { background: #ccc; } .pi-theme-company .pi-title { background: #000; } .pi-theme-company { border-bottom: 24px solid #000; }

/* start characters */ /* Template:Character infobox */

/* Template:Chiss character infobox */ .pi-theme-chiss-character-infobox .pi-header { background: #1994e6; } .pi-theme-chiss-character-infobox .pi-title { background: #9ed5fa; } .pi-theme-chiss-character-infobox { border-bottom: 24px solid #9ed5fa; }