MediaWiki:Infobox.css

.pi-data { grid-column-gap: 0; border-top: none; }

.portable-infobox { border-radius: 15px 15px 10px 10px; overflow: hidden; color: var(--theme-page-text-color); }

.page-content .portable-infobox .pi-title { padding: 5px; }

.portable-infobox .wds-tabs__tab-label { height: 22px; margin: 0 7px; }

.pi-caption { text-align: center; font-size: 13px; }

.pi-item-spacing { padding: 2.5px 2px; }

.pi-data-label { padding-right: 4px; flex-basis: 150px; background-color: #5f72c1; border-radius: 3px; border-right: 0 !important; border-top-right-radius: 0; border-bottom-right-radius: 0; display: flex; align-items: center; justify-content: right; text-align: right; }

.pi-data-value { padding-left: 4px; flex-basis: 150px; border: 2px solid #5f72c1; border-radius: 3px; border-left: 0 !important; border-top-left-radius: 0; border-bottom-left-radius: 0; flex-wrap: wrap; display: flex; align-items: center; }

.pi-item .pi-header, .pi-title, .pi-caption { color: var(--theme-page-text-color); }

.page-content .portable-infobox .pi-header { padding: 5px; }

.pi-collapse .pi-header:first-child { padding-right: 8px; }

.theme-fandomdesktop-light .portable-infobox { border: 3px solid #404d86; background-color: #d6e1ef; }

.theme-fandomdesktop-light .page-content .portable-infobox .pi-title { border-bottom: 2px solid #404d86; }

.theme-fandomdesktop-light .page-content .portable-infobox h3 { border: 2px solid #404d86; }

.theme-fandomdesktop-light .portable-infobox .wds-tabs__tab:not(.wds-is-current) { color: #404d8680; }

.theme-fandomdesktop-light .pi-header { border-top: 2px solid #404d86; border-bottom: 2px solid #404d86; }

.theme-fandomdesktop-light .pi-item[data-source="track1name"] { border-top: 2px solid #404d86; }

.theme-fandomdesktop-dark .portable-infobox { border: 3px solid #d6e1ef; background-color: #404d86; }

.theme-fandomdesktop-dark .page-content .portable-infobox .pi-title { border-bottom: 2px solid #d6e1ef; }

.theme-fandomdesktop-dark .page-content .portable-infobox h3 { border: 2px solid #d6e1ef; }

.theme-fandomdesktop-dark .portable-infobox .wds-tabs__tab:not(.wds-is-current) { color: #d6e1ef80; }

.theme-fandomdesktop-dark .pi-header { border-top: 2px solid #d6e1ef; border-bottom: 2px solid #d6e1ef; }

.theme-fandomdesktop-dark .pi-item[data-source="track1name"] { border-top: 2px solid #d6e1ef; }

.portable-infobox nav.pi-navigation hr { border-top: 1px solid #5f72c1; }

.pi-item[data-source="music"] { border-bottom: 0; }

/*                           🙝 Region infobox CSS */ /** 🙠 Exbel 🙢 **/ .theme-fandomdesktop-light .portable-infobox.type-exbel { background-color: #daf1c5; border-color: #50a060; }

.theme-fandomdesktop-light .portable-infobox.type-exbel .pi-title { background-color: #96d85a; border-bottom: 2px solid #50a060; }

.theme-fandomdesktop-light .page-content .portable-infobox.type-exbel h3 { background: #96d85a; border: 2px solid #50a060; }

.theme-fandomdesktop-light .portable-infobox.type-exbel .pi-data-value { border: 2px solid #96d85a; }

.theme-fandomdesktop-light .portable-infobox.type-exbel .pi-header { background-color: #96d85a; }

.theme-fandomdesktop-light .portable-infobox.type-exbel .wds-tabs__tab:not(.wds-is-current) { color: #50a06080; }

.theme-fandomdesktop-light .portable-infobox.type-exbel nav.pi-navigation hr { border-top: 1px solid #96d85a; }

.theme-fandomdesktop-light .portable-infobox.type-exbel .pi-header { border-top: 2px solid #50a060; border-bottom: 2px solid #50a060; }

.theme-fandomdesktop-light .portable-infobox.type-exbel .pi-item[data-source="track1name"] { border-top: 2px solid #50a060; }

.theme-fandomdesktop-dark .portable-infobox.type-exbel { background-color: #50a060; border-color: #daf1c5; }

.theme-fandomdesktop-dark .portable-infobox.type-exbel .pi-title { background-color: #60c070; border-bottom: 2px solid #daf1c5; }

.theme-fandomdesktop-dark .page-content .portable-infobox.type-exbel h3 { background: #60c070; border: 2px solid #daf1c5; }

.theme-fandomdesktop-dark .portable-infobox.type-exbel .pi-data-value { border: 2px solid #60c070; }

.theme-fandomdesktop-dark .portable-infobox.type-exbel .pi-header { background-color: #60c070; }

.theme-fandomdesktop-dark .portable-infobox.type-exbel .wds-tabs__tab:not(.wds-is-current) { color: #daf1c580; }

.theme-fandomdesktop-dark .portable-infobox.type-exbel nav.pi-navigation hr { border-top: 1px solid #60c070; }

.theme-fandomdesktop-dark .portable-infobox.type-exbel .pi-header { border-top: 2px solid #daf1c5; border-bottom: 2px solid #daf1c5; }

.theme-fandomdesktop-dark .portable-infobox.type-exbel .pi-item[data-source="track1name"] { border-top: 2px solid #daf1c5; }

.portable-infobox.type-exbel .pi-item[data-source="music"] { border-bottom: 0; }

/** 🙠 Winden 🙢 **/ .theme-fandomdesktop-light .portable-infobox.type-winden { background-color: #fbfefd; border-color: #4aafc8; }

.theme-fandomdesktop-light .portable-infobox.type-winden .pi-title { background-color: #d4e8f4; border-bottom: 2px solid #4aafc8; }

.theme-fandomdesktop-light .page-content .portable-infobox.type-winden h3 { background: #d4e8f4; border: 2px solid #4aafc8; }

.theme-fandomdesktop-light .portable-infobox.type-winden .pi-data-value { border: 2px solid #88d0e8; }

.theme-fandomdesktop-light .portable-infobox.type-winden .pi-header { background-color: #d4e8f4; }

.theme-fandomdesktop-light .portable-infobox.type-winden .wds-tabs__tab:not(.wds-is-current) { color: #4aafc880; }

.theme-fandomdesktop-light .portable-infobox.type-winden .pi-header { border-top: 2px solid #4aafc8; border-bottom: 2px solid #4aafc8; }

.theme-fandomdesktop-light .portable-infobox.type-winden nav.pi-navigation hr { border-top: 1px solid #d4e8f4; }

.theme-fandomdesktop-light .portable-infobox.type-winden .pi-item[data-source="track1name"] { border-top: 2px solid #4aafc8; }

.theme-fandomdesktop-dark .portable-infobox.type-winden { background-color: #107098; border-color: #fbfefd; }

.theme-fandomdesktop-dark .portable-infobox.type-winden .pi-title { background-color: #18a0b0; border-bottom: 2px solid #fbfefd; }

.theme-fandomdesktop-dark .page-content .portable-infobox.type-winden h3 { background: #18a0b0; border: 2px solid #fbfefd; }

.theme-fandomdesktop-dark .portable-infobox.type-winden .pi-data-value { border: 2px solid #18a0b0; }

.theme-fandomdesktop-dark .portable-infobox.type-winden .pi-header { background-color: #18a0b0; }

.theme-fandomdesktop-dark .portable-infobox.type-winden .wds-tabs__tab:not(.wds-is-current) { color: #fbfefd80; }

.theme-fandomdesktop-dark .portable-infobox.type-winden .pi-header { border-top: 2px solid #fbfefd; border-bottom: 2px solid #fbfefd; }

.theme-fandomdesktop-dark .portable-infobox.type-winden nav.pi-navigation hr { border-top: 1px solid #18a0b0; }

.theme-fandomdesktop-dark .portable-infobox.type-winden .pi-item[data-source="track1name"] { border-top: 2px solid #fbfefd; }

.portable-infobox.type-winden .pi-item[data-source="music"] { border-bottom: 0; }

/** 🙠 Tanren 🙢 **/ .theme-fandomdesktop-light .portable-infobox.type-tanren { background-color: #edf1c3; border-color: #7e8b0f; }

.theme-fandomdesktop-light .portable-infobox.type-tanren .pi-title { background-color: #cad854; border-bottom: 2px solid #7e8b0f; }

.theme-fandomdesktop-light .page-content .portable-infobox.type-tanren h3 { background: #cad854; border: 2px solid #7e8b0f; }

.theme-fandomdesktop-light .portable-infobox.type-tanren .pi-data-value { border: 2px solid #cad854; }

.theme-fandomdesktop-light .portable-infobox.type-tanren .pi-header { background-color: #cad854; }

.theme-fandomdesktop-light .portable-infobox.type-tanren .wds-tabs__tab:not(.wds-is-current) { color: #7e8b0f80; }

.theme-fandomdesktop-light .portable-infobox.type-tanren nav.pi-navigation hr { border-top: 1px solid #cad854; }

.theme-fandomdesktop-light .portable-infobox.type-tanren .pi-header { border-top: 2px solid #7e8b0f; border-bottom: 2px solid #7e8b0f; }

.theme-fandomdesktop-light .portable-infobox.type-tanren .pi-item[data-source="track1name"] { border-top: 2px solid #7e8b0f; }

.theme-fandomdesktop-dark .portable-infobox.type-tanren { background-color: #7e8b0f; border-color: #edf1c3; }

.theme-fandomdesktop-dark .portable-infobox.type-tanren .pi-title { background-color: #9fbf38; border-bottom: 2px solid #edf1c3; }

.theme-fandomdesktop-dark .page-content .portable-infobox.type-tanren h3 { background: #9fbf38; border: 2px solid #edf1c3; }

.theme-fandomdesktop-dark .portable-infobox.type-tanren .pi-data-value { border: 2px solid #9fbf38; }

.theme-fandomdesktop-dark .portable-infobox.type-tanren .pi-header { background-color: #9fbf38; }

.theme-fandomdesktop-dark .portable-infobox.type-tanren .wds-tabs__tab:not(.wds-is-current) { color: #edf1c380; }

.theme-fandomdesktop-dark .portable-infobox.type-tanren nav.pi-navigation hr { border-top: 1px solid #9fbf38; }

.theme-fandomdesktop-dark .portable-infobox.type-tanren .pi-header { border-top: 2px solid #edf1c3; border-bottom: 2px solid #edf1c3; }

.theme-fandomdesktop-dark .portable-infobox.type-tanren .pi-item[data-source="track1name"] { border-top: 2px solid #edf1c3; }

.portable-infobox.type-tanren .pi-item[data-source="music"] { border-bottom: 0; }

/** 🙠 Archford 🙢 **/ .theme-fandomdesktop-light .portable-infobox.type-archford { background-color: #bde8a6; border-color: #0c5124; }

.theme-fandomdesktop-light .page-content .portable-infobox.type-archford h3 { background: #60ca42; border: 2px solid #0c5124; }

.theme-fandomdesktop-light .portable-infobox.type-archford .pi-data-value { border: 2px solid #60ca42; }

.theme-fandomdesktop-light .portable-infobox.type-archford .pi-header { background-color: #60ca42; }

.theme-fandomdesktop-light .portable-infobox.type-archford .pi-title { background-color: #60ca42; border-bottom: 2px solid #0c5124; }

.theme-fandomdesktop-light .portable-infobox.type-archford .wds-tabs__tab:not(.wds-is-current) { color: #0c512480; }

.theme-fandomdesktop-light .portable-infobox.type-archford nav.pi-navigation hr { border-top: 1px solid #60ca42; }

.theme-fandomdesktop-light .portable-infobox.type-archford .pi-header { border-top: 2px solid #0c5124; border-bottom: 2px solid #0c5124; }

.theme-fandomdesktop-light .portable-infobox.type-archford .pi-item[data-source="track1name"] { border-top: 2px solid #0c5124; }

.theme-fandomdesktop-dark .portable-infobox.type-archford { background-color: #0c5124; border-color: #bde8a6; }

.theme-fandomdesktop-dark .portable-infobox.type-archford .pi-title { background-color: #33a634; border-bottom: 2px solid #bde8a6; }

.theme-fandomdesktop-dark .page-content .portable-infobox.type-archford h3 { background: #33a634; border: 2px solid #bde8a6; }

.theme-fandomdesktop-dark .portable-infobox.type-archford .pi-data-value { border: 2px solid #60ca42; }

.theme-fandomdesktop-dark .portable-infobox.type-archford .pi-header { background-color: #33a634; }

.theme-fandomdesktop-dark .portable-infobox.type-archford .wds-tabs__tab:not(.wds-is-current) { color: #bde8a680; }

.theme-fandomdesktop-dark .portable-infobox.type-archford nav.pi-navigation hr { border-top: 1px solid #33a634; }

.theme-fandomdesktop-dark .portable-infobox.type-archford .pi-header { border-top: 2px solid #bde8a6; border-bottom: 2px solid #bde8a6; }

.theme-fandomdesktop-dark .portable-infobox.type-archford .pi-item[data-source="track1name"] { border-top: 2px solid #bde8a6; }

.portable-infobox.type-archford .pi-item[data-source="music"] { border-bottom: 0; }

/** 🙠 Tanren Undercity 🙢 **/ .theme-fandomdesktop-light .portable-infobox.type-undercity { background-color: #c8c1c6; border-color: #562951; }

.theme-fandomdesktop-light .portable-infobox.type-undercity .pi-title { background-color: #907a94; border-bottom: 2px solid #562951; }

.theme-fandomdesktop-light .page-content .portable-infobox.type-undercity h3 { background: #907a94; border: 2px solid #562951; }

.theme-fandomdesktop-light .portable-infobox.type-undercity .pi-data-value { border: 2px solid #907a94; }

.theme-fandomdesktop-light .portable-infobox.type-undercity .pi-header { background-color: #907a94; }

.theme-fandomdesktop-light .portable-infobox.type-undercity .wds-tabs__tab:not(.wds-is-current) { color: #56295180; }

.theme-fandomdesktop-light .portable-infobox.type-undercity nav.pi-navigation hr { border-top: 1px solid #907a94; }

.theme-fandomdesktop-light .portable-infobox.type-undercity .pi-header { border-top: 2px solid #562951; border-bottom: 2px solid #562951; }

.theme-fandomdesktop-light .portable-infobox.type-undercity .pi-item[data-source="track1name"] { border-top: 2px solid #562951; }

.theme-fandomdesktop-dark .portable-infobox.type-undercity { background-color: #562951; border-color: #c8c1c6; }

.theme-fandomdesktop-dark .portable-infobox.type-undercity .pi-title { background-color: #7d577d; border-bottom: 2px solid #c8c1c6; }

.theme-fandomdesktop-dark .page-content .portable-infobox.type-undercity h3 { background: #7d577d; border: 2px solid #c8c1c6; }

.theme-fandomdesktop-dark .portable-infobox.type-undercity .pi-data-value { border: 2px solid #7d577d; }

.theme-fandomdesktop-dark .portable-infobox.type-undercity .pi-header { background-color: #7d577d; }

.theme-fandomdesktop-dark .portable-infobox.type-undercity .wds-tabs__tab:not(.wds-is-current) { color: #c8c1c680; }

.theme-fandomdesktop-dark .portable-infobox.type-undercity nav.pi-navigation hr { border-top: 1px solid #7d577d; }

.theme-fandomdesktop-dark .portable-infobox.type-undercity .pi-header { border-top: 2px solid #c8c1c6; border-bottom: 2px solid #c8c1c6; }

.theme-fandomdesktop-dark .portable-infobox.type-undercity .pi-item[data-source="track1name"] { border-top: 2px solid #c8c1c6; }

.portable-infobox.type-undercity .pi-item[data-source="music"] { border-bottom: 0; }