MediaWiki:Infobox.css

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

.portable-infobox { border: 3px solid #404D86; background-color: #D6E1EF !important; border-radius: 15px 15px 10px 10px; overflow: hidden; color: #1C2C44; }

.page-content .portable-infobox h3 { border: 2px outset #404D86; } .pi-data-label { padding-right: 4px; flex-basis: 150px; background-color: #5F72C1; border-radius: 5px; 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 outset #5F72C1; border-radius: 5px; 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 { color:black; }

.page-content .portable-infobox .pi-title { padding: 5px; border-bottom: 2px solid #404D86; } .portable-infobox .wds-tabs { justify-content: center; } .portable-infobox .wds-tabs__tab-label { height: 22px; margin: 0 7px; } .portable-infobox .wds-tabs__tab-label .wds-tabs__tab.wds-is-current { color: #404D86; }  .pi-caption { color: #1C2C44; text-align: center; font-size: 13px }

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

.portable-infobox nav.pi-navigation hr {border-top: 1px solid rgb(138, 170, 210) !important;} .page-content .portable-infobox .pi-header {padding: 5px;}

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

.pi-header {border-top: 2px solid #404D86; border-bottom: 2px solid #404D86;} .pi-item[data-source=music] {border-bottom: 0;} .pi-item[data-source=track1name] {border-top: 2px solid #404D86;}

/*                            🙝 Region infobox CSS */ /** 🙠 Exbel 🙢 **/

.portable-infobox.type-exbel { background-color: #DAF1C5 !important; border-color: #50A060; color: black; } .page-content .portable-infobox.type-exbel h3 { background: #96D85A; border: 2px outset #50A060; } .portable-infobox.type-exbel .pi-data-value { border: 2px outset #96D85A; } .portable-infobox.type-exbel .pi-header { background-color: #96D85A; } .portable-infobox.type-exbel .pi-caption { color: black; } .portable-infobox.type-exbel .pi-title { background-color: #96D85A; border-bottom: 2px solid #50A060; } .portable-infobox.type-exbel .wds-tabs__tab.wds-is-current, .portable-infobox.type-exbel .wds-is-current .wds-tabs__tab-label { color: #50A060; }

.portable-infobox.type-exbel nav.pi-navigation hr {border-top: 1px solid #96D85A !important;} .portable-infobox.type-exbel .pi-header {border-top: 2px solid #50A060; border-bottom: 2px solid #50A060;} .portable-infobox.type-exbel .pi-item[data-source=music] {border-bottom: 0;} .portable-infobox.type-exbel .pi-item[data-source=track1name] {border-top: 2px solid #50A060;} /** 🙠 Winden 🙢 **/

.portable-infobox.type-winden { background-color: #FBFEFD !important; border-color: #4AAFC8; color: black; } .page-content .portable-infobox.type-winden h3 { background: #D4E8F4; border: 2px outset #4AAFC8; } .portable-infobox.type-winden .pi-data-value { border: 2px outset #88D0E8; } .portable-infobox.type-winden .pi-header { background-color: #D4E8F4; } .portable-infobox.type-winden .pi-caption { color: black; } .portable-infobox.type-winden .pi-title { background-color: #D4E8F4; border-bottom: 2px solid #4AAFC8; } .portable-infobox.type-winden .wds-tabs__tab.wds-is-current, .portable-infobox.type-winden .wds-is-current .wds-tabs__tab-label { color: #4AAFC8; } .portable-infobox.type-winden .pi-header {border-top: 2px solid #4AAFC8; border-bottom: 2px solid #4AAFC8;}

.portable-infobox.type-winden nav.pi-navigation hr { border-top: 1px solid #f4fbfa !important;} .portable-infobox.type-winden .pi-item[data-source=music] {border-bottom: 0;} .portable-infobox.type-winden .pi-item[data-source=track1name] {border-top: 2px solid #4AAFC8;} /** 🙠 Tanren 🙢 **/

.portable-infobox.type-tanren { background-color: #EDF1C3 !important; border-color: #7e8b0f; color: black; } .page-content .portable-infobox.type-tanren h3 { background: #9fbf38; border: 2px outset #7e8b0f; } .portable-infobox.type-tanren .pi-data-value { border: 2px outset #9fbf38; } .portable-infobox.type-tanren .pi-header { background-color: #9fbf38; } .portable-infobox.type-tanren .pi-caption { color: black; } .portable-infobox.type-tanren .pi-title { background-color: #9fbf38; border-bottom: 2px solid #7e8b0f; } .portable-infobox.type-tanren .wds-tabs__tab.wds-is-current, .portable-infobox.type-tanren .wds-is-current .wds-tabs__tab-label { color: #7E8B0F; }

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

.portable-infobox.type-tanren .pi-header { border-top: 2px solid #7e8b0f; border-bottom: 2px solid #7e8b0f;} .portable-infobox.type-tanren .pi-item[data-source=music] {border-bottom: 0;} .portable-infobox.type-tanren .pi-item[data-source=track1name] {border-top: 2px solid #7e8b0f;} /** 🙠 Archford 🙢 **/

.portable-infobox.type-archford { background-color: #BDE8A6 !important; border-color: #0c5124; color: black; } .page-content .portable-infobox.type-archford h3 { background: #33A634; border: 2px outset #0c5124; } .portable-infobox.type-archford .pi-data-value { border: 2px outset #33A634; } .portable-infobox.type-archford .pi-header { background-color: #33A634; } .portable-infobox.type-archford .pi-caption { color: black; } .portable-infobox.type-archford .pi-title { background-color: #33A634; border-bottom: 2px solid #0c5124; } .portable-infobox.type-archford .wds-tabs__tab.wds-is-current, .portable-infobox.type-archford .wds-is-current .wds-tabs__tab-label { color: #0c5124; }

.portable-infobox.type-archford nav.pi-navigation hr {border-top: 1px solid #44bd01 !important;} .portable-infobox.type-archford .pi-header {border-top: 2px solid #0c5124; border-bottom: 2px solid #0c5124;} .portable-infobox.type-archford .pi-item[data-source=music] {border-bottom: 0;} .portable-infobox.type-archford .pi-item[data-source=track1name] {border-top: 2px solid #0c5124;} /** 🙠 Tanren Undercity 🙢 **/ .portable-infobox.type-undercity { background-color: #C8C1C6 !important; border-color: #562951; color: black; } .page-content .portable-infobox.type-undercity h3 { background: #7d577d; border: 2px outset #562951; } .portable-infobox.type-undercity .pi-data-value { border: 2px outset #7d577d; } .portable-infobox.type-undercity .pi-header { background-color: #7d577d; } .portable-infobox.type-undercity .pi-caption { color: black; } .portable-infobox.type-undercity .pi-title { background-color: #7d577d; border-bottom: 2px solid #562951; } .portable-infobox.type-undercity .wds-tabs__tab.wds-is-current, .portable-infobox.type-undercity .wds-is-current .wds-tabs__tab-label { color: #562951; }

.portable-infobox.type-undercity nav.pi-navigation hr {border-top: 1px solid #614e5d !important;} .portable-infobox.type-undercity .pi-header {border-top: 2px solid #562951; border-bottom: 2px solid #562951;} .portable-infobox.type-undercity .pi-item[data-source=music] {border-bottom: 0;} .portable-infobox.type-undercity .pi-item[data-source=track1name] {border-top: 2px solid #562951;}