MediaWiki:Themes.css

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

/* All Infoboxes — Structure */ .portable-infobox { font-family: "Segoe UI", sansserif; -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))); }

/* 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 0; border-radius: 2ex; margin-bottom: 3px; }

/* 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; 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: 8px; height: 7px; background: url("data:image/svg+xml; utf8,  image/svg+xml  ") no-repeat -20% 50%; box-sizing: content-box; }

/* All Infoboxes — Data */ .portable-infobox .pi-data { 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; }

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

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

/* Theme — arrancar */ .portable-infobox.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 { --start-gradient: #8DB600; --stop-gradient: #273200; }

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

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

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

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

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

/* Theme — Minor */ .portable-infobox.pi-theme-Minor { --start-gradient: #FF0000; --stop-gradient: #320000; }

/* Theme — modSoul */ .portable-infobox.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 — 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 { --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 { --start-gradient: #6B2339; --stop-gradient: #260C13; }

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

/* Theme — specialHuman */ .portable-infobox.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; }

/* Theme — Standard */ .portable-infobox.pi-theme-Standard { --start-gradient: #FF0000; --stop-gradient: #320000; }

/* Theme — soulSocietyDweller */ .portable-infobox.pi-theme-soulSocietyDweller { --start-gradient: #FF0000; --stop-gradient: #320000; }

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

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

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

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

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

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

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

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

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

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

/* Theme — thirdDivision */ .portable-infobox.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 { --start-gradient: #CC8899; --stop-gradient: #35171E; }

/* Theme — fifthDivision */ .portable-infobox.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 { --start-gradient: #0047AB; --stop-gradient: #001532; }

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

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

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

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

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

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

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