MediaWiki:D20Infoboxes.css

/* All Infoboxes — General */ /* Based off of the Animal Crossing infobox styles! */ .portable-infobox { background: #e4e6e8; border: 3px solid #011830; margin: 0 0 10px 10px; padding: 0 0 3px; } .portable-infobox > .pi-item:not(.pi-title):not(.pi-image):not(.pi-group):not(.pi-data) { margin: 0 0 3px; } .portable-infobox .pi-horizontal-group-item:not(:first-child), .portable-infobox .pi-border-color .pi-smart-data-value, .portable-infobox .pi-border-color .pi-smart-data-label, .portable-infobox .pi-border-color { border: none; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value, .portable-infobox .pi-caption { -webkit-hyphens: none; -moz-hyphens: none; -epub-hyphens: none; -ms-hyphens: none; hyphens: none; }

.portable-infobox .pi-panel .wds-tabs { flex-wrap: nowrap; }

.portable-infobox.type-cast .pi-panel .wds-tabs { flex-wrap: wrap; }

.portable-infobox .wds-tabs { color: #50fcff; background: #011830; text-shadow: 0 0 3px #3de2e2 }

.portable-infobox .wds-tabs__wrapper { display: flex; justify-content: center; }

/* All Infoboxes — Titles & Headers */ .portable-infobox .pi-header, .portable-infobox .pi-title { font-weight: bold; font-size: 24px; line-height: 110%; color: #50fcff; background: #011830; text-shadow: 0 0 3px #3de2e2; text-align: center; padding: 10px 14px !important; } .portable-infobox .pi-title:first-child { padding: 15px !important; -khtml-border-radius: 10px 10px 0 0; -icab-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .portable-infobox .pi-title + .pi-title { background: #011830; font-weight: normal; font-size: small; color: #50fcff; text-align: center; margin: 3px 0 0; } .portable-infobox .pi-header { background: #011830; font-size: 16px; color: #50fcff; margin: 3px 0; } /* All Infoboxes — Images */ .portable-infobox .pi-image-collection, .portable-infobox .pi-image.pi-item, .portable-infobox .pi-image-collection-tabs { background-color: #011830; }

.portable-infobox .pi-image-collection-tabs { text-align: center; }

.portable-infobox .pi-image-collection-tabs .current, .portable-infobox .pi-image-collection-panels .current{ color: #50fcff; background: #1e3f61; }

.portable-infobox .pi-europa .pi-item-spacing, .portable-infobox .pi-europa .pi-header, .pi-europa .pi-tab-link, .portable-infobox .pi-item-spacing { padding: 5px 8px !importnt; } .portable-infobox .pi-image-collection-panel-content { background: transparent; } .portable-infobox .pi-image-collection .pi-panel-link { font-weight: bold; line-height: 100%; } .portable-infobox .pi-image .pi-caption { color: #FFFFFF; padding: 2px 0; margin: 0; text-align: center; background: transparent; } /* All Infoboxes — Vanilla Groups */ .portable-infobox .pi-data.pi-item { padding: 0; margin: 1px 2px 0; grid-column-gap: 0; } .portable-infobox .wds-tabs__tab-label { color: #FFFFFF; text-shadow: 0 0 4px #3de2e2; } .portable-infobox .pi-data .pi-data-label { display: flex; flex-basis: 40%; justify-content: flex-end; align-items: center; background: #011830; font-size: 13px; line-height: 130%; text-align: right; padding: 4px 6px; margin: 1px 1px 0 2px; color: #ffffff; text-shadow: 0 0 7px #3de2e2; font-family: 'Circular Std Medium', Verdana, sans-serif; font-weight: normal; font-style: normal; } .portable-infobox .pi-data .pi-data-value { background: #FFFFFF; color: #3a3a3a; font-size: 12px; line-height: 130%; padding: 6px; margin: 1px 2px 0 1px; } .portable-infobox .pi-data .pi-data-value:only-child { flex-basis: 94.5%; text-align: center; margin-right: 0.15em; } /* All Infoboxes — Horizontal & Smart Groups */ .portable-infobox .pi-horizontal-group { width: 373px; border-spacing: 2px; margin: 1px 2px 0 0; } .portable-infobox .pi-horizontal-group-item, .portable-infobox .pi-smart-group .pi-smart-data-label, .portable-infobox .pi-smart-group .pi-smart-data-value { font-size: 13px; text-align: center; padding: 2px 0; margin: 1px; }

.portable-infobox .pi-smart-data-label:nth-child(2n), .portable-infobox .pi-smart-data-value:nth-child(2n) { background: #cdd4da; } .portable-infobox .pi-horizontal-group-item.pi-data-label { padding: 2px 2px; } .portable-infobox .pi-horizontal-group-item.pi-data-value { padding: 2px 2px; } .portable-infobox .pi-smart-group { margin: 2px; } .portable-infobox .pi-smart-group-head { margin: 1px; } .portable-infobox .pi-smart-data-label + .pi-smart-data-label, .portable-infobox .pi-smart-data-value + .pi-smart-data-value { margin: 1px 0 0 2px; } .portable-infobox .pi-horizontal-group-item.pi-data-label, .portable-infobox .pi-smart-data-label { background: #FFFFFF; text-align: center; } .portable-infobox .pi-horizontal-group-item.pi-data-value, .portable-infobox .pi-smart-data-value { background: #FFFFFF; text-align: center; } /* All Infoboxes — Border Radii */ .portable-infobox .pi-horizontal-group-item.pi-data-label:first-child, .portable-infobox .pi-group > .pi-data:first-of-type .pi-data-label { -khtml-border-radius: 10px 0 0 0; -icab-border-radius: 10px 0 0 0; -o-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; } .portable-infobox .pi-horizontal-group-item.pi-data-label:last-child, .portable-infobox .pi-group > .pi-data:first-of-type .pi-data-value { -khtml-border-radius: 0 10px 0 0; -icab-border-radius: 0 10px 0 0; -o-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; } .portable-infobox .pi-group .pi-image:first-child:not(:only-child) .image:only-child .pi-image-thumbnail, .portable-infobox .pi-group .pi-image:only-child .image:not(:only-child) .pi-image-thumbnail, .portable-infobox .pi-group > .pi-data:first-child .pi-data-value:only-child, .portable-infobox .pi-horizontal-group-item.pi-data-label:only-child, .portable-infobox .pi-group .pi-image:first-child, .portable-infobox .pi-smart-data-label { -khtml-border-radius: 10px 10px 0 0; -icab-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }

.portable-infobox .pi-horizontal-group-item.pi-data-value:first-child, .portable-infobox .pi-group > .pi-data:last-of-type .pi-data-label { -khtml-border-radius: 0 0 0 10px; -icab-border-radius: 0 0 0 10px; -o-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; } .portable-infobox .pi-horizontal-group-item.pi-data-value:last-child, .portable-infobox .pi-group > .pi-data:last-of-type .pi-data-value { -khtml-border-radius: 0 0 10px 0; -icab-border-radius: 0 0 10px 0; -o-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0; }

.portable-infobox .pi-group .pi-image:last-of-type .image:only-child .pi-image-thumbnail, .portable-infobox .pi-group > .pi-data:last-child .pi-data-value:only-child, .portable-infobox .pi-horizontal-group-item.pi-data-value:only-child, .portable-infobox .pi-group .pi-image:last-child, .portable-infobox .pi-smart-data-value { -khtml-border-radius: 0 0 10px 10px; -icab-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.portable-infobox .pi-group .pi-data:only-child .pi-data-label, .portable-infobox > .pi-data .pi-data-label { -khtml-border-radius: 10px 0 0 10px; -icab-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .portable-infobox .pi-group .pi-data:only-child .pi-data-label + .pi-data-value, .portable-infobox > .pi-data .pi-data-value { -khtml-border-radius: 0 10px 10px 0; -icab-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; } /*.portable-infobox .pi-group .pi-image:only-child .image:only-child .pi-image-thumbnail, .portable-infobox .pi-group > .pi-data:only-child .pi-data-value:only-child, .portable-infobox > .pi-image-collection .pi-image .pi-image-thumbnail, .portable-infobox > .pi-data .pi-data-value:only-child, .portable-infobox > .pi-image-collection .pi-image, */ /*.portable-infobox > .pi-image .pi-image-thumbnail,*/ /* no corners on images */ .portable-infobox .pi-group .pi-image:only-child, .portable-infobox .pi-title + .pi-title, /*.portable-infobox .pi-image-collection, .portable-infobox .pi-tab-link, /* .portable-infobox > .pi-image, */ /* no corners on captions */ .portable-infobox { -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } /* Themes — short & long labels */ .portable-infobox.pi-theme-fantasy-high .pi-data .pi-data-label, .portable-infobox.pi-theme-dimension-2-live .pi-data .pi-data-label, .portable-infobox.pi-theme-escape-from-the-bloodkeep .pi-data .pi-data-label, .portable-infobox.pi-theme-the-unsleeping-city .pi-data .pi-data-label, .portable-infobox.pi-theme-tiny-heist .pi-data .pi-data-label, .portable-infobox.pi-theme-a-crown-of-candy .pi-data .pi-data-label { flex-basis: 28.9%; } .portable-infobox.pi-theme-fantasy-high .pi-data .pi-data-value:not(:only-child), .portable-infobox.pi-theme-dimension-20-live .pi-data .pi-data-value:not(:only-child), .portable-infobox.pi-theme-escape-from-the-bloodkeep .pi-data .pi-data-value:not(:only-child), .portable-infobox.pi-theme-the-unsleeping-city .pi-data .pi-data-value:not(:only-child), .portable-infobox.pi-theme-tiny-heist .pi-data .pi-data-value:not(:only-child), .portable-infobox.pi-theme-a-crown-of-candy .pi-data .pi-data-value:not(:only-child) { flex-basis: 61.1%; } /* Themes — Fantasy High */ .portable-infobox.pi-theme-Fantasy-High { border-color: #011830; } .portable-infobox.pi-theme-Fantasy-High .pi-data .pi-data-label, .portable-infobox.pi-theme-Fantasy-High .pi-image-collection, .portable-infobox.pi-theme-Fantasy-High .pi-image.pi-item { background: #011830; color: #FFFFFF; text-shadow: 0 0 3px #3de2e2; }

.portable-infobox.pi-theme-Fantasy-High .pi-image-collection-tabs .current, .portable-infobox.pi-theme-Fantasy-High .pi-image-collection-panels .current { color: #50fcff; background: #1e3f61; }

.portable-infobox.pi-theme-Fantasy-High .pi-image-collection-tabs { background: #011830; }

.portable-infobox.pi-theme-Fantasy-High .wds-tabs__tab-label { color: #FFFFFF !important; text-shadow: 0 0 5px #3de2e2; }

.portable-infobox.pi-theme-Fantasy-High .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #50fcff; }

.portable-infobox.pi-theme-Fantasy-High .pi-header, .portable-infobox.pi-theme-Fantasy-High .pi-title, .portable-infobox.pi-theme-Fantasy-High .wds-tabs, .portable-infobox.pi-theme-Fantasy-High .wds-tabs__wrapper { color: #50fcff; background: #011830; text-shadow: 0 0 3px #3de2e2; }

/* Themes — Dimension 20 LIVE */ .portable-infobox.pi-theme-Dimension-20-LIVE { border-color: #011830; } .portable-infobox.pi-theme-Dimension-20-LIVE .pi-data .pi-data-label, .portable-infobox.pi-theme-Dimension-20-LIVE .pi-image-collection, .portable-infobox.pi-theme-Dimension-20-LIVE .pi-image.pi-item { background: #011830; color: #FFFFFF; text-shadow: 0 0 3px #3de2e2; }

.portable-infobox.pi-theme-Dimension-20-LIVE .pi-image-collection-tabs .current, .portable-infobox.pi-theme-Dimension-20-LIVE .pi-image-collection-panels .current { color: #50fcff; background: #1e3f61; }

.portable-infobox.pi-theme-Dimension-20-LIVE .pi-image-collection-tabs { background: #011830; }

.portable-infobox.pi-theme-Dimension-20-LIVE .wds-tabs__tab-label { color: #FFFFFF !important; text-shadow: 0 0 5px #3de2e2; }

.portable-infobox.pi-theme-Dimension-20-LIVE .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #50fcff; }

.portable-infobox.pi-theme-Dimension-20-LIVE .pi-header, .portable-infobox.pi-theme-Dimension-20-LIVE .pi-title, .portable-infobox.pi-theme-Dimension-20-LIVE .wds-tabs, .portable-infobox.pi-theme-Dimension-20-LIVE .wds-tabs__wrapper { color: #50fcff; background: #011830; text-shadow: 0 0 3px #3de2e2; }

/* Themes - Escape from the Bloodkeep */

.portable-infobox.pi-theme-Escape-from-the-Bloodkeep { border-color: #1a0004; } .portable-infobox.pi-theme-Escape-from-the-Bloodkeep .pi-data .pi-data-label, .portable-infobox.pi-theme-Escape-from-the-Bloodkeep .pi-image-collection, .portable-infobox.pi-theme-Escape-from-the-Bloodkeep .pi-image.pi-item{ background:#1a0004; color:#ffede7; text-shadow: 0 0 3px #e03a3a; }

.portable-infobox.pi-theme-Escape-from-the-Bloodkeep .pi-image-collection-tabs .current, .portable-infobox.pi-theme-Escape-from-the-Bloodkeep .pi-image-collection-panels .current { color: #fc5151; background: #591d26; }

.portable-infobox.pi-theme-Escape-from-the-Bloodkeep .pi-image-collection-tabs { background: #1a0004; }

.portable-infobox.pi-theme-Escape-from-the-Bloodkeep .wds-tabs__tab-label { color:#ffede7 !important; text-shadow: 0 0 5px #e03a3a; }

.portable-infobox.pi-theme-Escape-from-the-Bloodkeep .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #fc5151; }

.portable-infobox.pi-theme-Escape-from-the-Bloodkeep .pi-header, .portable-infobox.pi-theme-Escape-from-the-Bloodkeep .pi-title, .portable-infobox.pi-theme-Escape-from-the-Bloodkeep .wds-tabs, .portable-infobox.pi-theme-Escape-from-the-Bloodkeep .wds-tabs__wrapper { color: #fc5151; background: #1a0004; text-shadow: 0 0 3px #e03a3a; }

/* Themes — The Unsleeping City */ .portable-infobox.pi-theme-The-Unsleeping-City { border-color: #2b2b29; } .portable-infobox.pi-theme-The-Unsleeping-City .pi-data .pi-data-label, .portable-infobox.pi-theme-The-Unsleeping-City .pi-image-collection, .portable-infobox.pi-theme-The-Unsleeping-City .pi-image.pi-item { background: #2b2b29; color: #FFFFFF; text-shadow: 0 0 3px #e1e3ba; }

.portable-infobox.pi-theme-The-Unsleeping-City .pi-image-collection-tabs .current, .portable-infobox.pi-theme-The-Unsleeping-City .pi-image-collection-panels .current { color: #fafcd9; background: #545453; }

.portable-infobox.pi-theme-The-Unsleeping-City .pi-image-collection-tabs { background: #2b2b29; }

.portable-infobox.pi-theme-The-Unsleeping-City .wds-tabs__tab-label { color: #FFFFFF !important; text-shadow: 0 0 5px #e1e3ba; }

.portable-infobox.pi-theme-The-Unsleeping-City .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #fafcd9; }

.portable-infobox.pi-theme-The-Unsleeping-City .pi-header, .portable-infobox.pi-theme-The-Unsleeping-City .pi-title, .portable-infobox.pi-theme-The-Unsleeping-City .wds-tabs, .portable-infobox.pi-theme-The-Unsleeping-City .wds-tabs__wrapper { color: #fafcd9; background: #2b2b29; text-shadow: 0 0 3px #e1e3ba; }

/* Themes — Tiny Heist */ .portable-infobox.pi-theme-Tiny-Heist { border-color: #0e0f06; } .portable-infobox.pi-theme-Tiny-Heist .pi-data .pi-data-label, .portable-infobox.pi-theme-Tiny-Heist .pi-image-collection, .portable-infobox.pi-theme-Tiny-Heist .pi-image.pi-item { background: #0e0f06; color: #dcffd8; text-shadow: 0 0 3px #1ade16; }

.portable-infobox.pi-theme-Tiny-Heist .pi-image-collection-tabs .current, .portable-infobox.pi-theme-Tiny-Heist .pi-image-collection-panels .current { color: #07ff03; background: #42452e; }

.portable-infobox.pi-theme-Tiny-Heist .pi-image-collection-tabs { background: #0e0f06; }

.portable-infobox.pi-theme-Tiny-Heist .wds-tabs__tab-label { color: #dcffd8 !important; text-shadow: 0 0 5px #1ade16; }

.portable-infobox.pi-theme-Tiny-Heist .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #07ff03; }

.portable-infobox.pi-theme-Tiny-Heist .pi-header, .portable-infobox.pi-theme-Tiny-Heist .pi-title, .portable-infobox.pi-theme-Tiny-Heist .wds-tabs, .portable-infobox.pi-theme-Tiny-Heist .wds-tabs__wrapper { color: #07ff03; background: #0e0f06; text-shadow: 0 0 3px #1ade16; }

/* Themes — A Crown of Candy */ .portable-infobox.pi-theme-A-Crown-of-Candy { border-color: #30011b; } .portable-infobox.pi-theme-A-Crown-of-Candy .pi-data .pi-data-label, .portable-infobox.pi-theme-A-Crown-of-Candy .pi-image-collection, .portable-infobox.pi-theme-A-Crown-of-Candy .pi-image.pi-item { background: #30011b; color: #ffe7ff; text-shadow: 0 0 3px #e23dda; }

.portable-infobox.pi-theme-A-Crown-of-Candy .pi-image-collection-tabs .current, .portable-infobox.pi-theme-A-Crown-of-Candy .pi-image-collection-panels .current { color: #ff66d5; background: #611e44; }

.portable-infobox.pi-theme-A-Crown-of-Candy .pi-image-collection-tabs { background: #30011b; }

.portable-infobox.pi-theme-A-Crown-of-Candy .wds-tabs__tab-label { color: #ffe7ff !important; text-shadow: 0 0 5px #e23dda; }

.portable-infobox.pi-theme-A-Crown-of-Candy .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #ff66d5; }

.portable-infobox.pi-theme-A-Crown-of-Candy .pi-header, .portable-infobox.pi-theme-A-Crown-of-Candy .pi-title, .portable-infobox.pi-theme-A-Crown-of-Candy .wds-tabs, .portable-infobox.pi-theme-A-Crown-of-Candy .wds-tabs__wrapper { color: #ff66d5; background: #30011b; text-shadow: 0 0 3px #e23dda; }

/* Themes — Pirates of Leviathan */

.portable-infobox.pi-theme-Pirates-of-Leviathan { border-color: #011830; } .portable-infobox.pi-theme-Pirates-of-Leviathan .pi-data .pi-data-label, .portable-infobox.pi-theme-Pirates-of-Leviathan .pi-image-collection, .portable-infobox.pi-theme-Pirates-of-Leviathan .pi-image.pi-item { background: #011830; color: #FFFFFF; text-shadow: 0 0 3px #3de2e2; }

.portable-infobox.pi-theme-Pirates-of-Leviathan .pi-image-collection-tabs .current, .portable-infobox.pi-theme-Pirates-of-Leviathan .pi-image-collection-panels .current { color: #50fcff; background: #1e3f61; }

.portable-infobox.pi-theme-Pirates-of-Leviathan .pi-image-collection-tabs { background: #011830; }

.portable-infobox.pi-theme-Pirates-of-Leviathan .wds-tabs__tab-label { color: #FFFFFF !important; text-shadow: 0 0 5px #3de2e2; }

.portable-infobox.pi-theme-Pirates-of-Leviathan .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #50fcff; }

.portable-infobox.pi-theme-Pirates-of-Leviathan .pi-header, .portable-infobox.pi-theme-Pirates-of-Leviathan .pi-title, .portable-infobox.pi-theme-Pirates-of-Leviathan .wds-tabs, .portable-infobox.pi-theme-Pirates-of-Leviathan .wds-tabs__wrapper { color: #50fcff; background: #011830; text-shadow: 0 0 3px #3de2e2; }

/* Themes — The Unsleeping City: Chapter II */ .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II { border-color: #2b2b29; } .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .pi-data .pi-data-label, .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .pi-image-collection, .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .pi-image.pi-item { background: #2b2b29; color: #FFFFFF; text-shadow: 0 0 3px #e1e3ba; } .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .pi-image-collection-tabs .current, .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .pi-image-collection-panels .current { color: #fafcd9; background: #545453; } .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .pi-image-collection-tabs { background: #2b2b29; } .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .wds-tabs__tab-label { color: #FFFFFF !important; text-shadow: 0 0 5px #e1e3ba; } .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #fafcd9; } .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .pi-header, .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .pi-title, .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .wds-tabs, .portable-infobox.pi-theme-The-Unsleeping-City-Chapter-II .wds-tabs__wrapper { color: #fafcd9; background: #2b2b29; text-shadow: 0 0 3px #e1e3ba; }

/* Themes — Mice & Murder */ .portable-infobox.pi-theme-Mice-and-Murder { border-color: #302e24; } .portable-infobox.pi-theme-Mice-and-Murder .pi-data .pi-data-label, .portable-infobox.pi-theme-Mice-and-Murder .pi-image-collection, .portable-infobox.pi-theme-Mice-and-Murder .pi-image.pi-item { background: #302e24; color: #FFFFFF; text-shadow: 0 0 3px #8c8426; }

.portable-infobox.pi-theme-Mice-and-Murder .pi-image-collection-tabs .current, .portable-infobox.pi-theme-Mice-and-Murder .pi-image-collection-panels .current { color: #cfc527; background: #3d2e15; }

.portable-infobox.pi-theme-Mice-and-Murder .pi-image-collection-tabs { background: #302e24; }

.portable-infobox.pi-theme-Mice-and-Murder .wds-tabs__tab-label { color: #FFFFFF !important; text-shadow: 0 0 5px #8c8426; }

.portable-infobox.pi-theme-Mice-and-Murder .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #cfc527; }

.portable-infobox.pi-theme-Mice-and-Murder .pi-header, .portable-infobox.pi-theme-Mice-and-Murder .pi-title, .portable-infobox.pi-theme-Mice-and-Murder .wds-tabs, .portable-infobox.pi-theme-Mice-and-Murder .wds-tabs__wrapper { color: #cfc527; background: #302e24; text-shadow: 0 0 3px #8c8426; }

.fandom-community-header__background.cover { background-position: 0% 25%; background-size: 180%; }

/* Themes — Misfits and Magic */ .portable-infobox.pi-theme-Misfits-and-Magic { border-color: #190130; } .portable-infobox.pi-theme-Misfits-and-Magic .pi-data .pi-data-label, .portable-infobox.pi-theme-Misfits-and-Magic .pi-image-collection, .portable-infobox.pi-theme-Misfits-and-Magic .pi-image.pi-item { background: #190130; color: #FFFFFF; text-shadow: 0 0 3px #b653e8; }

.portable-infobox.pi-theme-Misfits-and-Magic .pi-image-collection-tabs .current, .portable-infobox.pi-theme-Misfits-and-Magic .pi-image-collection-panels .current { color: #d675eb; background: #411e61; }

.portable-infobox.pi-theme-Misfits-and-Magic .pi-image-collection-tabs { background: #190130; }

.portable-infobox.pi-theme-Misfits-and-Magic .wds-tabs__tab-label { color: #FFFFFF !important; text-shadow: 0 0 5px #b653e8; }

.portable-infobox.pi-theme-Misfits-and-Magic .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #d675eb; }

.portable-infobox.pi-theme-Misfits-and-Magic .pi-header, .portable-infobox.pi-theme-Misfits-and-Magic .pi-title, .portable-infobox.pi-theme-Misfits-and-Magic .wds-tabs, .portable-infobox.pi-theme-Misfits-and-Magic .wds-tabs__wrapper { color: #d675eb; background: #190130; text-shadow: 0 0 3px #b653e8; }

.fandom-community-header__background.cover { background-position: 0% 25%; background-size: 180%; }

/* Themes — The Seven */

.portable-infobox.pi-theme-The-Seven { border-color: #011830; } .portable-infobox.pi-theme-The-Seven .pi-data .pi-data-label, .portable-infobox.pi-theme-The-Seven .pi-image-collection, .portable-infobox.pi-theme-The-Seven .pi-image.pi-item { background: #011830; color: #FFFFFF; text-shadow: 0 0 3px #3de2e2; }

.portable-infobox.pi-theme-The-Seven .pi-image-collection-tabs .current, .portable-infobox.pi-theme-The-Seven .pi-image-collection-panels .current { color: #50fcff; background: #1e3f61; }

.portable-infobox.pi-theme-The-Seven .pi-image-collection-tabs { background: #011830; }

.portable-infobox.pi-theme-The-Seven .wds-tabs__tab-label { color: #FFFFFF !important; text-shadow: 0 0 5px #3de2e2; }

.portable-infobox.pi-theme-The-Seven .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 #50fcff; }

.portable-infobox.pi-theme-The-Seven .pi-header, .portable-infobox.pi-theme-The-Seven .pi-title, .portable-infobox.pi-theme-The-Seven .wds-tabs, .portable-infobox.pi-theme-The-Seven .wds-tabs__wrapper { color: #50fcff; background: #011830; text-shadow: 0 0 3px #3de2e2; }