MediaWiki:Wikia.css/Infobox.css

/*======================================================*/ /*==================Portable Infoboxes==================*/ /*======================================================*/ .portable-infobox, .WikiaArticle .portable-infobox { border: 2px solid #891919; background-color: rgba(248,248,255,0.5); color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0; float: right; clear: right; width: 310px; } .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; background-color: rgba(248,248,255,0.5); 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-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; background-color: transparent; } .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-image-thumbnail { max-height: 290px; text-align: center; background-color: rgba(248,248,255,0.5); } .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; }

/* Horizontal group value/label styling */ .portable-infobox .pi-horizontal-group-item.pi-data-value, .portable-infobox .pi-horizontal-group-item.pi-data-label { border: none; }

/* Horizontal group header styling */ .portable-infobox .pi-horizontal-group .pi-header { styling } /*======================================*/ /*============Infobox Themes============*/ /*======================================*/ /*Character*/ .portable-infobox.pi-theme-character {border-color: #9A791E;} .portable-infobox.pi-theme-character .pi-secondary-background, .portable-infobox.pi-theme-character .pi-title, .portable-infobox.pi-theme-character .pi-data-label, .portable-infobox.pi-theme-character .pi-title:first-of-type {background-color: #F0BE35;} .portable-infobox.pi-theme-character.pi-border-color, .portable-infobox.pi-theme-character.pi-border-color {border-color: #9A791E;} .portable-infobox.pi-theme-character .pi-header, .portable-infobox.pi-theme-character .pi-data-label, .portable-infobox.pi-theme-character .pi-data-value, .portable-infobox.pi-theme-character .pi-navigation {border-top: 1px solid #9A791E;} .portable-infobox.pi-theme-character .pi-data-label {border-right: 1px solid #9A791E;} .portable-infobox.pi-theme-character .pi-image-collection-tabs .pi-tab-link, .portable-infobox.pi-theme-character .pi-image-collection-tabs .pi-tab-link.current {background-color:#EEA; border:1px solid #9A791E;} .portable-infobox.pi-theme-character .pi-image-collection-tabs .pi-tab-link.current {background-color:#EEC01B;} /*Enemy*/ .portable-infobox.pi-theme-enemy {border: 2px solid #29953B;} .portable-infobox.pi-theme-enemy .pi-secondary-background {background-color: #43E85E;} .portable-infobox.pi-theme-enemy .pi-title, .portable-infobox.pi-theme-enemy .pi-data-label, .portable-infobox.pi-theme-enemy > .pi-data-label:last-child {background-color: #43E85E;} .portable-infobox.pi-theme-enemy .pi-title:first-of-type {background-color: #43E85E;} .portable-infobox.pi-theme-enemy .pi-border-color {border-color: #29953B;} .portable-infobox.pi-theme-enemy .pi-header, .portable-infobox.pi-theme-enemy .pi-data-label, .portable-infobox.pi-theme-enemy .pi-data-value {border-top: 1px solid #29953B;} .portable-infobox.pi-theme-enemy .pi-data-label {border-right: 1px solid #29953B;} .portable-infobox.pi-theme-enemy .pi-border-color {border-color: #29953B;} .portable-infobox.pi-theme-enemy .pi-navigation { border-top: 1px solid #29953B;} .portable-infobox.pi-theme-enemy .pi-image-collection-tabs .pi-tab-link {background-color:#AEA;border:1px solid #339933;} .portable-infobox.pi-theme-enemy .pi-image-collection-tabs .pi-tab-link.current {background-color:#3DBD3D;border:1px solid #339933;} /*Game*/ .portable-infobox.pi-theme-game {border: 2px solid #9BC676;} .portable-infobox.pi-theme-game .pi-secondary-background {background-color: #BCED91;} .portable-infobox.pi-theme-game .pi-title, .portable-infobox.pi-theme-game .pi-data-label, .portable-infobox.pi-theme-game > .pi-data-label:last-child {background-color: #BCED91;} .portable-infobox.pi-theme-game .pi-title:first-of-type {background-color: #BCED91;} .portable-infobox.pi-theme-game .pi-border-color {border-color: #9BC676;} .portable-infobox.pi-theme-game .pi-header, .portable-infobox.pi-theme-game .pi-data-label, .portable-infobox.pi-theme-game .pi-data-value {border-top: 1px solid #9BC676;} .portable-infobox.pi-theme-game .pi-data-label {border-right: 1px solid #9BC676;} .portable-infobox.pi-theme-game .pi-border-color {border-color: #9BC676;} .portable-infobox.pi-theme-game .pi-navigation { border-top: 1px solid #9BC676;} .portable-infobox.pi-theme-game .pi-image-collection-tabs .pi-tab-link {background-color:#AEA;border:1px solid #9BC676;} .portable-infobox.pi-theme-game .pi-image-collection-tabs .pi-tab-link.current {background-color:#3DBD3D;border:1px solid #7B9C5E;} /*Item*/ .portable-infobox.pi-theme-item {border-color: #BB5500;} .portable-infobox.pi-theme-item .pi-secondary-background, .portable-infobox.pi-theme-item .pi-title, .portable-infobox.pi-theme-item .pi-data-label, .portable-infobox.pi-theme-item .pi-title:first-of-type {background-color: #FF8000;} .portable-infobox.pi-theme-item.pi-border-color, .portable-infobox.pi-theme-item.pi-border-color {border-color: #BB5500;} .portable-infobox.pi-theme-item .pi-header, .portable-infobox.pi-theme-item .pi-data-label, .portable-infobox.pi-theme-item .pi-data-value, .portable-infobox.pi-theme-item .pi-navigation {border-top: 1px solid #BB5500;} .portable-infobox.pi-theme-item .pi-data-label {border-right: 1px solid #BB5500;} .portable-infobox.pi-theme-item .pi-image-collection-tabs .pi-tab-link, .portable-infobox.pi-theme-item .pi-image-collection-tabs .pi-tab-link.current {background-color:#EED6A9;border:1px solid #BB5500;} .portable-infobox.pi-theme-item .pi-image-collection-tabs .pi-tab-link.current {background-color:#E9A034;} /*Level*/ .portable-infobox.pi-theme-level {border-color: #69B26A;} .portable-infobox.pi-theme-level .pi-secondary-background, .portable-infobox.pi-theme-level .pi-title, .portable-infobox.pi-theme-level .pi-data-label, .portable-infobox.pi-theme-level .pi-title:first-of-type {background-color: #95FA97;} .portable-infobox.pi-theme-level.pi-border-color, .portable-infobox.pi-theme-level.pi-border-color {border-color: #69B26A;} .portable-infobox.pi-theme-level .pi-header, .portable-infobox.pi-theme-level .pi-data-label, .portable-infobox.pi-theme-level .pi-data-value, .portable-infobox.pi-theme-level .pi-navigation {border-top: 1px solid #69B26A;} .portable-infobox.pi-theme-level .pi-data-label {border-right: 1px solid #69B26A;} .portable-infobox.pi-theme-level .pi-image-collection-tabs .pi-tab-link, .portable-infobox.pi-theme-level .pi-image-collection-tabs .pi-tab-link.current {background-color:#73F675;border:1px solid #69B26A;} .portable-infobox.pi-theme-level .pi-image-collection-tabs .pi-tab-link.current {background-color:#5BE15E;}

/*Location*/ .portable-infobox.pi-theme-location {border-color: #7D7D95;} .portable-infobox.pi-theme-location .pi-secondary-background, .portable-infobox.pi-theme-location .pi-title, .portable-infobox.pi-theme-location .pi-data-label, .portable-infobox.pi-theme-location .pi-title:first-of-type {background-color: #A3A3BF;} .portable-infobox.pi-theme-location .pi-border-color, .portable-infobox.pi-theme-location .pi-border-color {border-color: #7D7D95;} .portable-infobox.pi-theme-location .pi-header, .portable-infobox.pi-theme-location .pi-data-label, .portable-infobox.pi-theme-location .pi-data-value, .portable-infobox.pi-theme-location .pi-navigation {border-top: 1px solid #7D7D95;} .portable-infobox.pi-theme-location .pi-data-label {border-right: 1px solid #7D7D95;} .portable-infobox.pi-theme-location .pi-image-collection-tabs .pi-tab-link, .portable-infobox.pi-theme-location .pi-image-collection-tabs .pi-tab-link.current {background-color:#9696D8;border:1px solid #7D7D95;} .portable-infobox.pi-theme-level .pi-image-collection-tabs .pi-tab-link.current {background-color:#7F7FD8;} /*Minigame*/ .portable-infobox.pi-theme-minigame {border-color: #CFCF00;} .portable-infobox.pi-theme-minigame .pi-secondary-background, .portable-infobox.pi-theme-minigame .pi-title, .portable-infobox.pi-theme-minigame .pi-data-label, .portable-infobox.pi-theme-minigame .pi-title:first-of-type {background-color: #ff0;} .portable-infobox.pi-theme-minigame.pi-border-color, .portable-infobox.pi-theme-minigame.pi-border-color {border-color: #CFCF00;} .portable-infobox.pi-theme-minigame .pi-header, .portable-infobox.pi-theme-minigame .pi-data-label, .portable-infobox.pi-theme-minigame .pi-data-value, .portable-infobox.pi-theme-minigame .pi-navigation {border-top: 1px solid #CFCF00;} .portable-infobox.pi-theme-minigame .pi-data-label {border-right: 1px solid #CFCF00;} .portable-infobox.pi-theme-minigame .pi-image-collection-tabs .pi-tab-link, .portable-infobox.pi-theme-minigame .pi-image-collection-tabs .pi-tab-link.current {background-color:#FFFFA5; border:1px solid #CFCF00;} .portable-infobox.pi-theme-minigame .pi-image-collection-tabs .pi-tab-link.current {background-color:#FCFC82;} .portable-infobox.pi-theme-minigame.pi-image-thumbnail {max-height: 310px;} /*Object*/ .portable-infobox.pi-theme-object {border-color: #17A589;} .portable-infobox.pi-theme-object .pi-secondary-background, .portable-infobox.pi-theme-object .pi-title, .portable-infobox.pi-theme-object .pi-data-label, .portable-infobox.pi-theme-object .pi-title:first-of-type {background-color: #76D7C4;} .portable-infobox.pi-theme-object.pi-border-color, .portable-infobox.pi-theme-object.pi-border-color {border-color: #17A589;} .portable-infobox.pi-theme-object .pi-header, .portable-infobox.pi-theme-object .pi-data-label, .portable-infobox.pi-theme-object .pi-data-value, .portable-infobox.pi-theme-object .pi-navigation {border-top: 1px solid #17A589;} .portable-infobox.pi-theme-object .pi-data-label {border-right: 1px solid #17A589;} .portable-infobox.pi-theme-object .pi-image-collection-tabs .pi-tab-link, .portable-infobox.pi-theme-object .pi-image-collection-tabs .pi-tab-link.current {background-color:#D1F2EB;border:1px solid #17A589;} .portable-infobox.pi-theme-object .pi-image-collection-tabs .pi-tab-link.current {background-color:#A3E4D7;} /*Track*/ .portable-infobox.pi-theme-track {border-color: #886FC1;} .portable-infobox.pi-theme-track .pi-secondary-background, .portable-infobox.pi-theme-track .pi-title, .portable-infobox.pi-theme-track .pi-data-label, .portable-infobox.pi-theme-track .pi-title:first-of-type {background-color: #A284EA;} .portable-infobox.pi-theme-track.pi-border-color, .portable-infobox.pi-theme-track.pi-border-color {border-color: #886FC1;} .portable-infobox.pi-theme-track .pi-header, .portable-infobox.pi-theme-track .pi-data-label, .portable-infobox.pi-theme-track .pi-data-value, .portable-infobox.pi-theme-track .pi-navigation {border-top: 1px solid #886FC1;} .portable-infobox.pi-theme-track .pi-data-label {border-right: 1px solid #886FC1;} .portable-infobox.pi-theme-track .pi-image-collection-tabs .pi-tab-link, .portable-infobox.pi-theme-track .pi-image-collection-tabs .pi-tab-link.current {background-color:#BCA8EA;border:1px solid #886FC1;} .portable-infobox.pi-theme-track .pi-image-collection-tabs .pi-tab-link.current {background-color:#9C7EE2;}