MediaWiki:Themes.css

.portable-infobox:not(.pi-europa) { overflow: hidden; font-size: 90%; background: #F0F0F0; border: 2px solid #FF98BA; border-radius: 10px; font-size: smaller; line-height: 1.5; width: 270px; }

/* Character Info */ .portable-infobox.pi-theme-thin:not(.pi-europa) { width: 270px; }

/* Episode Info */ .portable-infobox.pi-theme-wide:not(.pi-europa) { width: 270px; }

.portable-infobox:not(.pi-europa) .pi-item { /* a row */ }

.portable-infobox:not(.pi-europa) .pi-item-spacing { /* The padding around titles, captions, data, headers, and navigation */ padding: 1px; padding-left: 2px; padding-top: initial; }

.portable-infobox:not(.pi-europa) .pi-border-color { /* The separator between data and groups. */   border-color: #F0F0F0; }

.portable-infobox:not(.pi-europa) .pi-font { /* The font of data values. */   font-family: 'Roboto Slab'; }

.portable-infobox:not(.pi-europa) .pi-secondary-font { /* The font of labels, headers, and navigation. */   color: #FFFFFF; font-family: 'Roboto Slab'; letter-spacing: inherit; font-weight: bold; text-transform: none; padding: 4px; }

.portable-infobox:not(.pi-europa) .pi-background { /* The background underneath the entire infobox. */   background-color: #F0F0F0; }

.portable-infobox:not(.pi-europa) .pi-secondary-background { /* The background behind headers and navigation. */   background: #FF98BA; margin-left: 2px; margin-right: 2px; }

.portable-infobox:not(.pi-europa) .pi-title { color: #FFFFFF; background: #FF98BA; font-size: 16px; font-family: 'Roboto Slab'; text-align: center; letter-spacing: inherit; font-weight: bold; text-transform: none; border: 0px solid #F0F0F0; padding: 1px; }

.portable-infobox:not(.pi-europa) .pi-image { padding: 0; background: #F0F0F0; margin: 1px; }

.portable-infobox:not(.pi-europa) .pi-image-thumbnail { width: 100%; height: auto; }

.portable-infobox:not(.pi-europa) .pi-data .pi-data-label { /* border-top: 1px solid #999; border-bottom: 1px solid #f0f0f0; */ background-color: #FF98BA; font-family: 'Roboto Slab'; color: white; letter-spacing: inherit; flex-basis: 50%; min-width: 75px; font-size: 12px; padding-top: 1px; }

.portable-infobox.pi-theme-wide:not(.pi-europa) .pi-data .pi-data-label { text-align: center; min-width: 125px; }

.portable-infobox:not(.pi-europa) .pi-data .pi-data-value { background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FFFFFF), color-stop(75%, #f0f0f0)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FFFFFF), color-stop(75%, #F0F0F0)); background-image:-moz-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%); background-image:-o-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%); background-image:-ms-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%); }

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

.portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-label, .portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-value { text-align: center; vertical-align: top; font-size: 80%; color: #3A3A3A; }

/*Tabbers*/ /* This is for all tabs */ .portable-infobox .pi-image-collection-tabs li { background: #F0F0F0;/*your color here*/ color: #63487f; } /* This is for the current selected tab */ .portable-infobox .pi-image-collection-tabs li.current { background: #ffe2ec; /*your color here*/ color: #63487f; }

/* Episode is black text */ .portable-infobox:not(.pi-europa) .pi-header { border-bottom: 2px solid #F0F0F0; text-align: center; background: #FF98BA; font-size: 16px; font-weight: bold; }

.portable-infobox.pi-theme-wide:not(.pi-europa) .pi-header { color: black; font-size: smaller; }

.portable-infobox.pi-theme-wide:not(.pi-europa) .pi-horizontal-group { width: inherit; }