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 !important; }

.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 !important; }

.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 !important }

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

/*                            🙝 Region infobox CSS */ /** 🙠 Exbel 🙢 **/ .theme-fandomdesktop-light .portable-infobox.type-exbel { background-color: #DAF1C5 !important; 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 !important }

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

.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 !important; 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 !important }

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

.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 !important; 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 !important }

.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 !important }

.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 !important; 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 !important }

.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 !important }

.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 !important; 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 !important }

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

.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 !important; 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 !important }

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

.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 !important; 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 !important }

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

.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 !important; 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 !important }

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

.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 !important; 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 !important }

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

.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 !important; 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 !important }

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

.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 }