MediaWiki:Themes.css

/* All Infoboxes — Vars */ .portable-infobox { --start-gradient: #90EE90; --stop-gradient: #072B07; }

/* All Infoboxes — Structure */ .portable-infobox { font-family: "Segoe UI", sansserif; border: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

.portable-infobox:after { content: ""; display: block; width: 100%; height: 5px; box-sizing: border-box; margin-top: 2px; }

.portable-infobox.pi-background { background-color: transparent; }

.portable-infobox .pi-border-color { border-color: transparent; }

/* All Infoboxes — Backgrounds */ .portable-infobox .pi-data .pi-data-label, .portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox:after { background: var(--start-gradient); background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, var(--start-gradient)), color-stop(75%, var(--stop-gradient))); background-image: -o-linear-gradient(top, var(--start-gradient) 25%, var(--stop-gradient) 75%); background-image: -ms-linear-gradient(top, var(--start-gradient) 25%, var(--stop-gradient) 75%); background-image: -moz-linear-gradient(top, var(--start-gradient) 25%, var(--stop-gradient) 75%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, var(--start-gradient)), color-stop(75%, var(--stop-gradient))); }

.portable-infobox .pi-data-label, .portable-infobox .pi-header, .portable-infobox .pi-title { color: #FFFFFF; }

/* All Infoboxes — Titles & Headers */ .portable-infobox .pi-header, .portable-infobox .pi-title { font-weight: bold; font-size: smaller; line-height: 18px; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000; text-align: center; padding: 2px 4px; border-radius: 2ex; margin-bottom: 3px; }

.portable-infobox .pi-title.pi-item[data-item-name="primaryTitle"] { font-size: larger; line-height: 28px; border-radius: 0; }

/* All Infoboxes — Images */ .portable-infobox .pi-image { width: 100%; padding: 2px; box-sizing: border-box; margin-bottom: 2px; }

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

/* All Infoboxes — Image Tabs */ .portable-infobox .pi-image-collection { margin-bottom: 3px; }

.portable-infobox .pi-image-collection .pi-image { border: none; margin-bottom: 0; }

.portable-infobox .pi-image-collection .pi-image-collection-tabs { display: flex; flex-flow: row-reverse wrap-reverse; justify-content: center; align-items: center; padding: 5px 0; margin: 0; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { max-width: none; background: transparent; overflow: visible; font-weight: bold; font-size: small; color: #6699FF; padding: 0; border: 0; transition: all .4s linear 0s; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: inherit; cursor: text; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link:not(.current):hover { color: #FF8C00; text-decoration: underline; text-shadow: #FFA500 0 0 3px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child):after { content: ""; display: inline-block; width: 6px; height: 10px; background: url("data:image/svg+xml; utf8,  ") no-repeat -20% 50%; box-sizing: content-box; margin-bottom: -1pt; margin-right: 1px; }

/* All Infoboxes — Restore Oasis-style gallery tabs */ .portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs__arrow-left, .portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs__arrow-right { display: none; }

.portable-infobox .pi-image-collection .wds-tabs__tab-label, .portable-infobox .pi-image-collection .wds-tabs__tab, .portable-infobox .pi-image-collection .wds-tabs { all: unset; }

.portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs { display: flex; flex-flow: row-reverse wrap-reverse; justify-content: center; align-items: center; font-weight: bold; text-align: center; }

.portable-infobox .pi-image-collection .wds-tabs__tab { font-size: smaller; color: var(--theme-page-text-color); }

.portable-infobox .pi-image-collection .wds-tabs__tab:not(:last-of-type):before { content: "\00A0|"; width: 1em; }

.portable-infobox .pi-image-collection .wds-tabs__tab:not(.wds-is-current) .wds-tabs__tab-label { color: var(--theme-link-color); cursor: pointer; }

/* All Infoboxes — Data */ .portable-infobox .pi-data { column-gap: 0; padding: 0; margin-bottom: 2px; }

.portable-infobox .pi-data .pi-data-label { vertical-align: middle; text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000; padding: 3px; }

.portable-infobox .pi-data .pi-data-value { padding: 3px; margin-left: 2px; }

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

.portable-infobox .pi-data[data-item-name="center"] .pi-data-value { text-align: center; }

.portable-infobox .pi-data-value ul { list-style-type: disc; }

.portable-infobox .pi-data-value ul li:before { display: none; }

/* Type — Conflict: General */ .portable-infobox.type-conflict { font-family: inherit; }

.portable-infobox.type-conflict, .scrollbox.type-conflict { --start-gradient: #19277C; --stop-gradient: #000000; --border-color: #0247FE; border-bottom: 1px solid var(--border-color); }

.portable-infobox.type-conflict:after { display: none; }

.portable-infobox.type-conflict .pi-image { border-bottom: 1px solid var(--border-color); }

.portable-infobox.type-conflict .pi-header, .portable-infobox.type-conflict .pi-title { background: var(--start-gradient); background-image: -moz-radial-gradient(top, var(--start-gradient) 20%, var(--stop-gradient) 80%); background-image: -webkit-radial-gradient(top, var(--start-gradient) 20%, var(--stop-gradient) 80%); font-size: medium; border-bottom: 1px solid var(--border-color); border-radius: 0; margin-bottom: 0; }

.portable-infobox.type-conflict .pi-header + .pi-item .pi-item-spacing, .portable-infobox.type-conflict .pi-title + .pi-item .pi-item-spacing, .portable-infobox.type-conflict .pi-header + .pi-item-spacing, .portable-infobox.type-conflict .pi-title + .pi-item-spacing { padding-top: 3px; }

/* Type — Conflict: Data */ .portable-infobox.type-conflict .pi-smart-data-value:not(:first-child), .portable-infobox.type-conflict .pi-smart-data-label:not(:first-child), .portable-infobox.type-conflict .pi-border-color { border-color: var(--border-color); }

.portable-infobox.type-conflict .pi-data-label, .portable-infobox.type-conflict .pi-data-value { font-size: 14px; text-align: left; }

.portable-infobox.type-conflict .pi-data-label { padding: 3px; }

.portable-infobox.type-conflict .pi-data-label:after { content: ":"; }

.portable-infobox.type-conflict .pi-data-value ul, .portable-infobox.type-conflict .pi-data-value ol { list-style-position: outside; margin-left: 15px; }

.portable-infobox.type-conflict .pi-data .pi-data-label { background: transparent; }

.portable-infobox.pi-layout-stacked.type-conflict .pi-data-value { padding-top: 0; padding-left: 10px; }

/* Types — technique, content */ .portable-infobox.type-technique .pi-header, .portable-infobox.type-content .pi-header { border-radius: 0; }

.portable-infobox.type-content .pi-title { border-radius: 7px; }

/* Themes — Almighty, specialBeing, soulKing */ .portable-infobox.pi-theme-specialBeing, .portable-infobox.pi-theme-soulKing, .portable-infobox.pi-theme-Almighty, .scrollbox.pi-theme-specialBeing, .scrollbox.pi-theme-soulKing, .scrollbox.pi-theme-Almighty { --start-gradient: #DAA520; --stop-gradient: #960018; }

/* Theme — arrancar */ .portable-infobox.pi-theme-arrancar, .scrollbox.pi-theme-arrancar { --start-gradient: #FFFFFF; --stop-gradient: #707070; }

.portable-infobox.pi-theme-arrancar .pi-data .pi-data-label, .portable-infobox.pi-theme-arrancar .pi-header, .portable-infobox.pi-theme-arrancar .pi-title { color: #000000; text-shadow: none; }

/* Theme — averageHuman */ .portable-infobox.pi-theme-averageHuman, .scrollbox.pi-theme-averageHuman { --start-gradient: #8DB600; --stop-gradient: #273200; }

/* Theme — Bount */ .portable-infobox.pi-theme-Bount, .scrollbox.pi-theme-Bount { --start-gradient: #C41E3A; --stop-gradient: #2B070C; }

/* Themes — burnTheWitchDragon, Dragon */ .portable-infobox.pi-theme-burnTheWitchDragon, .portable-infobox.pi-theme-Dragon, .scrollbox.pi-theme-burnTheWitchDragon, .scrollbox.pi-theme-Dragon { --start-gradient: #4D0026; --stop-gradient: #330000; }

/* Theme — Clan */ .portable-infobox.pi-theme-Clan, .scrollbox.pi-theme-Clan { --start-gradient: #DAA520; --stop-gradient: #EEE8AA; }

.portable-infobox.pi-theme-Clan .pi-data .pi-data-label, .portable-infobox.pi-theme-Clan .pi-header, .portable-infobox.pi-theme-Clan .pi-title { color: #000000; text-shadow: none; }

/* Theme — DVD */ .portable-infobox.pi-theme-DVD, .scrollbox.pi-theme-DVD { --start-gradient: #D5126E; --stop-gradient: #000000; }

/* Theme — Fight2 */ .portable-infobox.pi-theme-Fight2 .pi-smart-data-label, .portable-infobox.pi-theme-Fight2 .pi-smart-data-value { font-size: x-small; }

/* Themes — Fullbring, fullbringer */ .portable-infobox.pi-theme-fullbringer, .portable-infobox.pi-theme-Fullbring, .scrollbox.pi-theme-fullbringer, .scrollbox.pi-theme-Fullbring { --start-gradient: #90EE90; --stop-gradient: #072B07; }

/* Theme — Games */ .portable-infobox.pi-theme-Games, .scrollbox.pi-theme-Games { --start-gradient: #00755E; --stop-gradient: #000000; }

/* Theme — Hollow */ .portable-infobox.pi-theme-Hollow, .scrollbox.pi-theme-Hollow { --start-gradient: #3D0C02; --stop-gradient: #000000; }

/* Theme — Item */ .portable-infobox.pi-theme-Item, .scrollbox.pi-theme-Item { --start-gradient: #696969; --stop-gradient: #262626; }

/* Theme — Location */ .portable-infobox.pi-theme-Location, .scrollbox.pi-theme-Location { --start-gradient: #4682B4; --stop-gradient: #0E1A24; }

/* Themes — Minor, soulSocietyDweller, Standard, racialGroups */ .portable-infobox.pi-theme-soulSocietyDweller, .portable-infobox.pi-theme-racialGroups, .portable-infobox.pi-theme-Standard, .portable-infobox.pi-theme-Minor, .scrollbox.pi-theme-soulSocietyDweller, .scrollbox.pi-theme-racialGroups, .scrollbox.pi-theme-Standard, .scrollbox.pi-theme-Minor { --start-gradient: #FF0000; --stop-gradient: #320000; }

/* Theme — modSoul */ .portable-infobox.pi-theme-modSoul, .scrollbox.pi-theme-modSoul { --start-gradient: #F5F5DC; --stop-gradient: #91912D; }

.portable-infobox.pi-theme-modSoul .pi-data .pi-data-label, .portable-infobox.pi-theme-modSoul .pi-header, .portable-infobox.pi-theme-modSoul .pi-title { color: #000000; text-shadow: none; }

/* Theme — Movie */ .portable-infobox.pi-theme-Movie, .scrollbox.pi-theme-Movie { --start-gradient: #CD5C5C; --stop-gradient: #000000; }

/* Theme — Music */ .portable-infobox.pi-theme-Music, .scrollbox.pi-theme-Music { --start-gradient: #CD853F; --stop-gradient: #56371A; }

/* Theme — Novel */ .portable-infobox.pi-theme-Novel, .scrollbox.pi-theme-Novel { --start-gradient: #57B4B7; --stop-gradient: #000000; }

/* Theme — Phenomenon */ .portable-infobox.pi-theme-Phenomenon, .scrollbox.pi-theme-Phenomenon { --start-gradient: #FF5A36; --stop-gradient: #320900; }

/* Theme — Quincy */ .portable-infobox.pi-theme-Quincy { --start-gradient: #FFFFFF; --stop-gradient: #707070; }

.portable-infobox.pi-theme-Quincy[data-item-name="Quincy2"]:after, .portable-infobox.pi-theme-Quincy .pi-data-label, .portable-infobox.type-technique.pi-theme-Quincy, .scrollbox.pi-theme-Quincy { --start-gradient: #007BA7; --stop-gradient: #002432; }

.portable-infobox.type-character.pi-theme-Quincy .pi-header, .portable-infobox.type-character.pi-theme-Quincy .pi-title { color: #000000; text-shadow: none; }

/* Theme — royalGuard */ .portable-infobox.pi-theme-royalGuard, .scrollbox.pi-theme-royalGuard { --start-gradient: #6B2339; --stop-gradient: #260C13; }

/* Theme — Shinigami */ .portable-infobox.pi-theme-Shinigami, .scrollbox.pi-theme-Shinigami { --start-gradient: #36454F; --stop-gradient: #141A1E; }

/* Theme — shonenManga */ .portable-infobox.pi-theme-shonenManga, .scrollbox.pi-theme-shonenManga { --start-gradient: #0000FF; --stop-gradient: #000000; }

.portable-infobox.pi-theme-shonenManga:after { display: none; }

.portable-infobox.pi-theme-shonenManga .pi-header { --start-gradient: #FF0000; }

/* Theme — specialHuman */ .portable-infobox.pi-theme-specialHuman, .scrollbox.pi-theme-specialHuman { --start-gradient: #B2BEB5; --stop-gradient: #59685C; }

.portable-infobox.pi-theme-specialHuman .pi-data .pi-data-label, .portable-infobox.pi-theme-specialHuman .pi-header, .portable-infobox.pi-theme-specialHuman .pi-title { color: #000000; text-shadow: none; }

/* Themes — Spell, Witch */ .portable-infobox.pi-theme-Spell, .portable-infobox.pi-theme-Witch, .scrollbox.pi-theme-Spell, .scrollbox.pi-theme-Witch { --start-gradient: #1E8449; --stop-gradient: #28B463; }

/* Theme — Template */ .portable-infobox.pi-theme-Template, .scrollbox.pi-theme-Template { --start-gradient: #8B0000; --stop-gradient: #320000; }

/* Theme — Template2 */ .portable-infobox.pi-theme-Template2, .scrollbox.pi-theme-Template2 { --start-gradient: #000FFF; --stop-gradient: #001854; }

/* Theme — Togabito */ .portable-infobox.pi-theme-Togabito, .scrollbox.pi-theme-Togabito { --start-gradient: #A52A2A; --stop-gradient: #000000; }

/* Theme — Visored */ .portable-infobox.pi-theme-Visored, .scrollbox.pi-theme-Visored { --start-gradient: #00A693; --stop-gradient: #00322D; }

/* Theme — Volume */ .portable-infobox.pi-theme-Volume, .scrollbox.pi-theme-Volume { --start-gradient: #F16C2A; --stop-gradient: #000000; }

/* Theme — Zanpakuto */ .portable-infobox.pi-theme-Zanpakuto, .scrollbox.pi-theme-Zanpakuto { --start-gradient: #5F9EA0; --stop-gradient: #2D004C; }

/* Theme — zanpakutoSpirit */ .portable-infobox.pi-theme-zanpakutoSpirit, .scrollbox.pi-theme-zanpakutoSpirit { --start-gradient: #D4AF37; --stop-gradient: #3F320D; }

.portable-infobox.type-technique.pi-theme-zanpakutoSpirit, .scrollbox.type-technique.pi-theme-zanpakutoSpirit { --stop-gradient: #292109; }

/* Theme — firstDivision */ .portable-infobox.pi-theme-firstDivision, .scrollbox.pi-theme-firstDivision { --start-gradient: #800080; --stop-gradient: #320031; }

/* Theme — secondDivision */ .portable-infobox.pi-theme-secondDivision, .scrollbox.pi-theme-secondDivision { --start-gradient: #FF8C00; --stop-gradient: #321B00; }

/* Theme — thirdDivision */ .portable-infobox.pi-theme-thirdDivision, .scrollbox.pi-theme-thirdDivision { --start-gradient: #AAF0D1; --stop-gradient: #178956; }

.portable-infobox.pi-theme-thirdDivision .pi-data .pi-data-label, .portable-infobox.pi-theme-thirdDivision .pi-header, .portable-infobox.pi-theme-thirdDivision .pi-title { color: #000000; text-shadow: none; }

/* Theme — fourthDivision */ .portable-infobox.pi-theme-fourthDivision, .scrollbox.pi-theme-fourthDivision { --start-gradient: #CC8899; --stop-gradient: #35171E; }

/* Theme — fifthDivision */ .portable-infobox.pi-theme-fifthDivision, .scrollbox.pi-theme-fifthDivision { --start-gradient: #AFEEEE; --stop-gradient: #197777; }

.portable-infobox.pi-theme-fifthDivision .pi-data .pi-data-label, .portable-infobox.pi-theme-fifthDivision .pi-header, .portable-infobox.pi-theme-fifthDivision .pi-title { color: #000000; text-shadow: none; }

/* Theme — sixthDivision */ .portable-infobox.pi-theme-sixthDivision, .scrollbox.pi-theme-sixthDivision { --start-gradient: #0047AB; --stop-gradient: #001532; }

/* Theme — seventhDivision */ .portable-infobox.pi-theme-seventhDivision, .scrollbox.pi-theme-seventhDivision { --start-gradient: #918151; --stop-gradient: #201D12; }

/* Theme — eighthDivision */ .portable-infobox.pi-theme-eighthDivision, .scrollbox.pi-theme-eighthDivision { --start-gradient: #B3446C; --stop-gradient: #240E15; }

/* Theme — ninthDivision */ .portable-infobox.pi-theme-ninthDivision, .scrollbox.pi-theme-ninthDivision { --start-gradient: #CD5700; --stop-gradient: #321500; }

/* Theme — tenthDivision */ .portable-infobox.pi-theme-tenthDivision, .scrollbox.pi-theme-tenthDivision { --start-gradient: #013220; --stop-gradient: #00180F; }

/* Theme — eleventhDivision */ .portable-infobox.pi-theme-eleventhDivision, .scrollbox.pi-theme-eleventhDivision { --start-gradient: #734F96; --stop-gradient: #191121; }

/* Theme — twelfthDivision */ .portable-infobox.pi-theme-twelfthDivision, .scrollbox.pi-theme-twelfthDivision { --start-gradient: #808000; --stop-gradient: #313200; }

/* Theme — thirteenthDivision */ .portable-infobox.pi-theme-thirteenthDivision, .scrollbox.pi-theme-thirteenthDivision { --start-gradient: #800000; --stop-gradient: #320000; }