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; border-right: 1px solid #545454; border-bottom: 1px solid #545454; 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-right: 1px solid #545454; border-bottom: 1px solid #545454; border-radius: 2ex; margin-bottom: 3px; }

/* All Infoboxes — Images */ .portable-infobox .pi-image { width: 100%; padding: 2px; border-right: 1px solid #545454; border-bottom: 1px solid #545454; 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 { border-right: 1px solid #545454; border-bottom: 1px solid #545454; 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; border-right: 1px solid #545454; border-bottom: 1px solid #545454; }

.portable-infobox .pi-data .pi-data-value { padding: 3px; border-right: 1px solid #545454; border-bottom: 1px solid #545454; margin-left: 2px; }

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

/* 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; }

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

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

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

/* 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 { --start-gradient: #007BA7; --stop-gradient: #002432; }

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

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

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

/* 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 - ninthDivision */ .portable-infobox.pi-theme-ninthDivision { --start-gradient: #CD5700; --stop-gradient: #321500; }

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

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