MediaWiki:Infobox.css

/* Infoboxes [credits: LOONA Wiki] */ .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: none; border-bottom: 2px solid #f41d24; margin: 2px; padding: 0 5px; color: #EEE; font-weight: bold; }

ul.pi-image-collection-tabs { margin: 0 -1px -1px 0 !important; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color:#eee; background:#f41d2480; }

.pi-data-label, .pi-title, .pi-header { color:#fff; }

.portable-infobox .pi-header { font-size: small; color:#fff; }

.portable-infobox .pi-title { border-radius: 3px 3px 0 0; color:#fff; }

.portable-infobox .pi-item-spacing { border-color: transparent; }

.pi-image-collection-tabs li.tabberactive { background-color: #CE1632; border-bottom:2px solid #f41d24; }

.pi-border-color { border-color: #CE163233; }

.pi-image-collection-tabs li, .pi-smart-group-body { background-color: #CE163233; }

.portable-infobox .pi-data, .portable-infobox .pi-horizontal-group { background-color:#fff7; } .pi-smart-group-body a.external:after { display: none; }

.pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; background-color: #f41d24; }

.portable-infobox .pi-image img { max-width: 100%; height: auto; background-color: #CE163233; } .pi-data, .pi-group { border-bottom-width: 0; } .pi-horizontal-group { border-radius: 0 0 3px 3px; }

.pi-caption { text-align:center; }

.pi-secondary-background { background-color: #f41d24; }

.portable-infobox .pi-data-label { margin-bottom: inherit; margin-top: 0; color: #2d2d2d; }

.portable-infobox .pi-title { font-size: 18px; line-height: 28px; color: #fff; }

.pi-collapse .pi-header:first-child { padding-right: 25px; position: relative; color: #fff; }

.portable-infobox .pi-secondary-font { font-size: 12px; font-weight: 700; line-height: 18px; margin-top: 0; font-family: 'We can'; }

/* Members * / /* == Soojin == */ .portable-infobox.pi-theme-Soojin .pi-title, .portable-infobox.pi-theme-Soojin .pi-header, .portable-infobox.pi-theme-Soojin .pi-secondary-background{ background-color:#FFB6C1; }

.portable-infobox.pi-theme-Soojin .pi-image-collection-tabs .pi-tab-link.current { background:#FFB6C180; }

.portable-infobox.pi-theme-Soojin .pi-image-collection-tabs .pi-tab-link { border-bottom:#FFB6C1; }

/* == Jiyoon == */ .portable-infobox.pi-theme-Jiyoon .pi-title, .portable-infobox.pi-theme-Jiyoon .pi-header, .portable-infobox.pi-theme-Jiyoon .pi-secondary-background{ background-color:#FFFF00; color:#2d2d2d; }

.portable-infobox.pi-theme-Jiyoon .pi-image-collection-tabs .pi-tab-link.current { background:#FFFF0080; }

.portable-infobox.pi-theme-Jiyoon .pi-image-collection-tabs .pi-tab-link { border-bottom:#FFFF00; }

/* == Monday == */ .portable-infobox.pi-theme-Monday .pi-title, .portable-infobox.pi-theme-Monday .pi-header, .portable-infobox.pi-theme-Monday .pi-secondary-background{ background-color:#4169e1; }

.portable-infobox.pi-theme-Monday .pi-image-collection-tabs .pi-tab-link.current { background:#4169e180; }

.portable-infobox.pi-theme-Monday .pi-image-collection-tabs .pi-tab-link { border-bottom:#4169e1; }

/* == Soeun == */ .portable-infobox.pi-theme-Soeun .pi-title, .portable-infobox.pi-theme-Soeun .pi-header, .portable-infobox.pi-theme-Soeun .pi-secondary-background{ background-color:#FFFFFF; color:#2d2d2d; }

.portable-infobox.pi-theme-Soeun .pi-image-collection-tabs .pi-tab-link.current { background:#FFFFFF80; }

.portable-infobox.pi-theme-Soeun .pi-image-collection-tabs .pi-tab-link { border-bottom:#FFFFFF; }

/* == Zoa == */ .portable-infobox.pi-theme-Zoa .pi-title, .portable-infobox.pi-theme-Zoa .pi-header, .portable-infobox.pi-theme-Zoa .pi-secondary-background{ background-color:#87ceeb; }

.portable-infobox.pi-theme-Zoa .pi-image-collection-tabs .pi-tab-link.current { background:#87ceeb80; }

.portable-infobox.pi-theme-Zoa .pi-image-collection-tabs .pi-tab-link { border-bottom:#87ceeb; }

/* == Jihan == */ .portable-infobox.pi-theme-Jihan .pi-title, .portable-infobox.pi-theme-Jihan .pi-header, .portable-infobox.pi-theme-Jihan .pi-secondary-background{ background-color:#800000; }

.portable-infobox.pi-theme-Jihan .pi-image-collection-tabs .pi-tab-link.current { background:#80000080; }

.portable-infobox.pi-theme-Jihan .pi-image-collection-tabs .pi-tab-link { border-bottom:#800000; }

/* == Zoa == */ .portable-infobox.pi-theme-Zoa .pi-title, .portable-infobox.pi-theme-Zoa .pi-header, .portable-infobox.pi-theme-Zoa .pi-secondary-background{ background-color:#C0C0C0; }

.portable-infobox.pi-theme-Zoa .pi-image-collection-tabs .pi-tab-link.current { background:#C0C0C080; }

.portable-infobox.pi-theme-Zoa .pi-image-collection-tabs .pi-tab-link { border-bottom:#C0C0C0; }

/* Albums */ /* == We are == */ .portable-infobox.pi-theme-We-are .pi-title, .portable-infobox.pi-theme-We-are .pi-header, .portable-infobox.pi-theme-We-are .pi-secondary-background{ background-color:#8772B3; color:#FFF; }

.portable-infobox.pi-theme-We-are .pi-image-collection-tabs .pi-tab-link.current { background:#8772B380; }

.portable-infobox.pi-theme-We-are .pi-image-collection-tabs .pi-tab-link { border-bottom:#8772B3; }

/* == We can == */ .portable-infobox.pi-theme-We-can .pi-title, .portable-infobox.pi-theme-We-can .pi-header, .portable-infobox.pi-theme-We-can .pi-secondary-background{ background-color:#CE1632; color:#FFF; }

.portable-infobox.pi-theme-We-can .pi-image-collection-tabs .pi-tab-link.current { background:#CE163280; }

.portable-infobox.pi-theme-We-can .pi-image-collection-tabs .pi-tab-link { border-bottom:#CE1632; }

/** Lyrics Infobox [credits: LOONA Wiki]**/ .pi-theme-lyrics.portable-infobox { width: auto; float: none; background:#FFFFFF1a; transition-duration: 0.3s; } .pi-theme-lyrics .pi-data { width: 100%; margin: 0 auto; } .pi-theme-lyrics .pi-navigation { font-size: 14px; font-weight: 100; }

.pi-theme-lyrics .pi-secondary-font { font-size: 12px; font-weight: 700; line-height: 18px; margin-top: 0; font-family: 'Montserrat'; }