MediaWiki:Portable Infoboxes.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Portable infoboxes */ .portable-infobox { background-color: #e6e6ff; } .portable-infobox .pi-border-color { border-color: #cbcbff; } .portable-infobox .pi-title { color: #FFF; line-height: 14px; background-color: #0f56e4; } .portable-infobox .pi-title:nth-of-type(1) { font-size: 16px; font-weight: bold; color: #FFF; text-align: center; padding-top: 0.7em; padding-bottom: 0.7em; } .portable-infobox .pi-secondary-background { background: #0f56e4; border: 25px; padding: 5px; font-size: 14px; color: #FFF; text-align: center; } .portable-infobox .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox .pi-image-collection-tabs li.current { background: #0f56e4; color: white; } .pi-image-collection-tab-content { background-color: unset; } /**Golden Portable infobox**/ .portable-infobox.pi-theme-form .pi-title { background-color: #eec949; } .portable-infobox.pi-theme-form .pi-title:nth-of-type(1) { background-image: #eec949; } .portable-infobox.pi-theme-form .pi-secondary-background { background-color: #eec949; } .portable-infobox.pi-theme-form .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-form .pi-image-collection-tabs li.current { background: #eec949; /*your color here*/ color: white; } /**LimeGreen Portable infobox**/ .portable-infobox.pi-theme-LimeGreen .pi-title { background-color: #639774; } .portable-infobox.pi-theme-LimeGreen .pi-title:nth-of-type(1) { background-image: #639774; } .portable-infobox.pi-theme-LimeGreen .pi-secondary-background { background-color: #639774; } .portable-infobox.pi-theme-LimeGreen .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-LimeGreen .pi-image-collection-tabs li.current { background: #639774; /*your color here*/ } /**Green Portable infobox **/ .portable-infobox.pi-theme-Green .pi-title { background-color: #479018; } .portable-infobox.pi-theme-Green .pi-title:nth-of-type(1) { background-image: #479018; } .portable-infobox.pi-theme-Green .pi-secondary-background { background-color: #479018; } .portable-infobox.pi-theme-Green .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-Green .pi-image-collection-tabs li.current { background: #479018; /*your color here*/ color: white; } /**Brown Portable infobox**/ .portable-infobox.pi-theme-Brown .pi-title { background-color: #5b5046; } .portable-infobox.pi-theme-Brown .pi-title:nth-of-type(1) { background-image: #5b5046; } .portable-infobox.pi-theme-Brown .pi-secondary-background { background-color: #5b5046; } .portable-infobox.pi-theme-Brown .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-Brown .pi-image-collection-tabs li.current { background: #5b5046; /*your color here*/ } /**Orange Portable infobox**/ .portable-infobox.pi-theme-Orange .pi-title { background-color: #ff8000; } .portable-infobox.pi-theme-Orange .pi-title:nth-of-type(1) { background-image: #ff8000; } .portable-infobox.pi-theme-Orange .pi-secondary-background { background-color: #ff8000; } .portable-infobox.pi-theme-Orange .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-Orange .pi-image-collection-tabs li.current { background: #ff8000; /*your color here*/ } /**Blue Portable infobox**/ .portable-infobox.pi-theme-Blue .pi-title { background-color: #1b4f72; } .portable-infobox.pi-theme-Blue .pi-title:nth-of-type(1) { background-image: #1b4f72; } .portable-infobox.pi-theme-Blue .pi-secondary-background { background-color: #1b4f72; } .portable-infobox.pi-theme-Blue .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-Blue .pi-image-collection-tabs li.current { background: #1b4f72; /*your color here*/ } /**Turquoise Portable infobox**/ .portable-infobox.pi-theme-Turquoise .pi-title { background-color: #00CED1; } .portable-infobox.pi-theme-Turquoise .pi-title:nth-of-type(1) { background-image: #00CED1; } .portable-infobox.pi-theme-Turquoise .pi-secondary-background { background-color: #00CED1; } .portable-infobox.pi-theme-Turquoise .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-Turquoise .pi-image-collection-tabs li.current { background: #00CED1; /*your color here*/ } /**MediumSlateBlue Portable infobox**/ .portable-infobox.pi-theme-MediumSlateBlue .pi-title { background-color: #7B68EE; } .portable-infobox.pi-theme-MediumSlateBlue .pi-title:nth-of-type(1) { background-image: #7B68EE; } .portable-infobox.pi-theme-MediumSlateBlue .pi-secondary-background { background-color: #7B68EE; } .portable-infobox.pi-theme-MediumSlateBlue .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-MediumSlateBlue .pi-image-collection-tabs li.current { background: #7B68EE; /*your color here*/ } /**RosyBrown Portable infobox**/ .portable-infobox.pi-theme-RosyBrown .pi-title { background-color: #BC8F8F; } .portable-infobox.pi-theme-RosyBrown .pi-title:nth-of-type(1) { background-image: #BC8F8F; } .portable-infobox.pi-theme-RosyBrown .pi-secondary-background { background-color: #BC8F8F; } .portable-infobox.pi-theme-RosyBrown .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-RosyBrown .pi-image-collection-tabs li.current { background: #BC8F8F; /*your color here*/ } /**MediumCarmine Portable infobox**/ .portable-infobox.pi-theme-MediumCarmine .pi-title { background-color: #af3838; } .portable-infobox.pi-theme-MediumCarmine .pi-title:nth-of-type(1) { background-image: #af3838; } .portable-infobox.pi-theme-MediumCarmine .pi-secondary-background { background-color: #af3838; } .portable-infobox.pi-theme-MediumCarmine .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-MediumCarmine .pi-image-collection-tabs li.current { background: #af3838; /*your color here*/ } /**Item Portable infobox**/ .portable-infobox.pi-theme-Item .pi-title { background-color: #feb60f; } .portable-infobox.pi-theme-Item .pi-title:nth-of-type(1) { background-image: #feb60f; } .portable-infobox.pi-theme-Item .pi-secondary-background { background-color: #feb60f; } .portable-infobox.pi-theme-Item .pi-image-collection-tabs li { background: #e6e6ff;/*your color here*/ } .portable-infobox.pi-theme-Item .pi-image-collection-tabs li.current { background: #feb60f; /*your color here*/ }