MediaWiki:Wikia.css/Infobox.css

/*======================================================*/ /*==================Portable Infoboxes==================*/ /*======================================================*/ .infobox, .WikiaArticle .infobox { border-width: 2px solid #891919; background-color: #f9f9f9; color: #000000; margin-bottom: 0.5em; margin-left: 1em; padding: 0.1em; float: right; clear: right; width: 250px; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #891919; padding-left:5px; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .portable-infobox { width: 300px; border-radius: 5px; border: 2px solid #891919; } .portable-infobox > :first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .portable-infobox > :last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .portable-infobox.pi-background { background-color: rgba(248,248,255,0.5); } .portable-infobox .pi-secondary-background { background-color: #F73434; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-font { font-size: normal; } .portable-infobox .pi-header { font-size: 15px; border-top: 1px solid #891919; } .portable-infobox .pi-title:first-of-type { background-color: #F73434; } .portable-infobox .pi-data-label { flex-basis: 170px; font-weight: bold; background-color: #F73434; border-top: 1px solid #891919; border-right: 1px solid #891919; padding: 5px; } .portable-infobox .pi-data-value { font-size: normal; font-weight: normal; border-top: 1px solid #891919; } .portable-infobox .pi-border-color { border-color: #891919; } .portable-infobox .pi-data { padding: 0; } .portable-infobox .pi-caption { color: black; text-align: center; } .portable-infobox.pi-theme-title .pi-image-thumbnail { max-height: 300px; text-align: center; } .portable-infobox .pi-navigation { text-align:center !important; font-size: 16px; font-weight: bold; border-top: 1px solid #891919; } .portable-infobox .pi-image-collection-tabs { text-align: center; background-color: rgba(248,248,255,0.5); } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background-color:#EAA; border:1px solid #891919; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: #E33; border: 1px solid #891919; } /*======================================*/ /*============Infobox Themes============*/ /*======================================*/ .portable-infobox.pi-theme-gold { background-color: #F0BE35; border: 2px solid #9A791E; } .portable-infobox.pi-theme-gold .pi-secondary-background { background-color: #F0BE35; } .portable-infobox.pi-theme-gold .pi-title, .portable-infobox.pi-theme-gold .pi-data-label, .portable-infobox.pi-theme-gold > .pi-data-label:last-child { background-color: #F0BE35; } .portable-infobox.pi-theme-gold .pi-title:first-of-type { background-color: #F0BE35; } .portable-infobox.pi-theme-gold.pi-border-color { border-color: #9A791E; } .portable-infobox.pi-theme-gold .pi-header, .portable-infobox.pi-theme-gold .pi-data-label, .portable-infobox.pi-theme-gold .pi-data-value { border-top: 1px solid #9A791E; } .portable-infobox.pi-theme-gold .pi-data-label { border-right: 1px solid #9A791E; } .portable-infobox.pi-theme-gold > .pi-data-label:last-child { border-right: 1px solid #9A791E; } .portable-infobox.pi-theme-gold.pi-border-color { border-color: #9A791E; } .portable-infobox.pi-theme-gold .pi-navigation { border-top: 1px solid #9A791E; } .portable-infobox.pi-theme-gold .pi-image-collection-tabs .pi-tab-link { background-color:#EEA; border:1px solid #9A791E; } .portable-infobox.pi-theme-gold .pi-image-collection-tabs .pi-tab-link.current { background-color:#EBEB33; border:1px solid #9A791E; }

.portable-infobox.pi-theme-green { background-color: #43E85E; border: 2px solid #29953B; } .portable-infobox.pi-theme-green .pi-secondary-background { background-color: #43E85E; } .portable-infobox.pi-theme-green .pi-title, .portable-infobox.pi-theme-green .pi-data-label, .portable-infobox.pi-theme-green > .pi-data-label:last-child { background-color: #43E85E; } .portable-infobox.pi-theme-green .pi-title:first-of-type { background-color: #43E85E; } .portable-infobox.pi-theme-green .pi-border-color { border-color: #29953B; } .portable-infobox.pi-theme-green .pi-header, .portable-infobox.pi-theme-green .pi-data-label, .portable-infobox.pi-theme-green .pi-data-value { border-top: 1px solid #29953B; } .portable-infobox.pi-theme-green .pi-data-label { border-right: 1px solid #29953B; } .portable-infobox.pi-theme-green > .pi-data-label:last-child { border-right: 1px solid #29953B; } .portable-infobox.pi-theme-green .pi-border-color { border-color: #29953B; } .portable-infobox.pi-theme-green .pi-navigation { border-top: 1px solid #29953B; } .portable-infobox.pi-theme-green .pi-image-collection-tabs .pi-tab-link { background-color:#AEA; border:1px solid #339933; } .portable-infobox.pi-theme-green .pi-image-collection-tabs .pi-tab-link.current { background-color:#3DBD3D; border:1px solid #339933; }

.portable-infobox.pi-theme-blue { background-color: #22BBEE; border: 2px solid #1177AA; } .portable-infobox.pi-theme-blue .pi-secondary-background { background-color: #22BBEE; } .portable-infobox.pi-theme-blue .pi-data-label, .portable-infobox.pi-theme-blue > .pi-data-label:last-child { background-color: #22BBEE; } .portable-infobox.pi-theme-blue .pi-title:first-of-type { background-color: #22BBEE; } .portable-infobox.pi-theme-blue .pi-border-color { border-color: #1177AA; } .portable-infobox.pi-theme-blue .pi-header, .portable-infobox.pi-theme-blue .pi-data-label, .portable-infobox.pi-theme-blue .pi-data-value { border-top: 1px solid #1177AA; } .portable-infobox.pi-theme-blue .pi-data-label { border-right: 1px solid #1177AA; } .portable-infobox.pi-theme-blue > .pi-data-label:last-child { border-right: 1px solid #1177AA; } .portable-infobox.pi-theme-blue .pi-border-color { border-color: #1177AA; } .portable-infobox.pi-theme-blue .pi-navigation { border-top: 1px solid #1177AA; } .portable-infobox.pi-theme-blue .pi-image-collection-tabs .pi-tab-link { background-color:#EEA; border:1px solid #1177AA; } .portable-infobox.pi-theme-blue .pi-image-collection-tabs .pi-tab-link.current { background-color:#25C; border:1px solid #1177AA; } .portable-infobox.pi-theme-orange { background-color: #FF8000; border: 2px solid #BB5500; } .portable-infobox.pi-theme-orange .pi-secondary-background { background-color: #FF8000; } .portable-infobox.pi-theme-orange .pi-data-label, .portable-infobox.pi-theme-orange > .pi-data-label:last-child { background-color: #FF8000; } .portable-infobox.pi-theme-orange .pi-title:first-of-type { background-color: #FF8000; } .portable-infobox.pi-theme-orange .pi-border-color { border-color: #BB5500; } .portable-infobox.pi-theme-orange .pi-header, .portable-infobox.pi-theme-orange.pi-data-label, .portable-infobox.pi-theme-orange.pi-data-value { border-top: 1px solid #BB5500; } .portable-infobox.pi-theme-orange .pi-data-label { border-right: 1px solid #BB5500; } .portable-infobox.pi-theme-orange > .pi-data-label:last-child { border-right: 1px solid #BB5500; } .portable-infobox.pi-theme-orange .pi-border-color { border-color: #BB5500; } .portable-infobox.pi-theme-orange .pi-navigation { border-top: 1px solid #BB5500; } .portable-infobox.pi-theme-orange .pi-image-collection-tabs .pi-tab-link { background-color:#EEA; border:1px solid #BB5500; } .portable-infobox.pi-theme-orange .pi-image-collection-tabs .pi-tab-link.current { background-color:#25C; border:1px solid #BB5500; }