틀:PJX

#!style
.main {border-collapse: separate; word-break: keep-all}
.main > tbody > tr > td {border: 1px solid #332967; background: linear-gradient(120deg, #332967 30%, #1d788b 90%); border-radius: 10px}
.member {width: 24.5%; padding: 5px; display: inline-block; vertical-align: top; border-radius: 10px; font-size: 0.9em}
.or {color: #8e7dfd}
.or:hover {background-color: #3a306e; color: #c2b8ff}
.dion {color: #d5c1f3}
.dion:hover {background-color: #47365c; color: #f0e2ff}
.yuram {color: #f6dfd5}
.yuram:hover {background-color: #654b62; color: #fff0e9}
.zane {color: #fe72a8}
.zane:hover {background-color: #633453; color: #ffc0d9}
.revos {color: #fefefe; font-size: 0.9rem}
.revos:hover {background-color: #40576e; color: #fff}
.song {width: 50%; max-width: 200px; display: inline-block; vertical-align: top; text-align: center}
/* 탭 작동 */
.tab {display: none}
.selected {display: block}
.opener, .closer {display: inline-block; color: #fff; margin: 2.2%; padding: 3px 0; width: 20%; min-width: 6em}
.closer {display: none}
.opener.selected {display: none}
.closer.selected {display: inline-block}
a.tab {cursor: pointer; font-weight: bold; font-size: .95em; border-radius: 8px; border: 0.13333em solid #fff; color: #fff}
a.tab:hover {text-decoration: none; text-decoration-color: currentColor}
a.selected {background: #fff; color: #000; border-color: #fff}

<tableclass=main>

#!wiki onclick="remove-class,tab,selected;add-class,tab_member,selected" tag="a" class="ta tab tab_member opener"
소속 멤버

#!wiki onclick="remove-class,tab,selected" tag="a" class="ta tab tab_member closer"
소속 멤버

#!wiki onclick="remove-class,tab,selected;add-class,tab_record,selected" tag="a" class="tb tab tab_record opener"
음반 목록

#!wiki onclick="remove-class,tab,selected" tag="a" class="tb tab tab_record closer"
음반 목록

#!wiki class="tab tab_member"
{{{#!wiki style="margin-top: 4px; text-align: center"
[[오르(인터넷 방송인)|{{{#!wiki class="member or"
[[파일:PJX 오르 프로필.png|width=90%&border-radius=50%]]{{{#!wiki style="margin-top: 5px; letter-spacing: -1px"
'''오르 Or'''}}}}}}]][[디온(인터넷 방송인)|{{{#!wiki class="member dion"
[[파일:PJX 디온 프로필.png|width=90%&border-radius=50%]]{{{#!wiki style="margin-top: 5px; letter-spacing: -1px"
'''디온 Dion'''}}}}}}]][[유람(인터넷 방송인)|{{{#!wiki class="member yuram"
[[파일:PJX 유람 프로필.png|width=90%&border-radius=50%]]{{{#!wiki style="margin-top: 5px; letter-spacing: -1px"
'''유람 Yuram'''}}}}}}]][[PJX#멤버|{{{#!wiki class="member zane"
[[파일:PJX 제인 프로필.png|width=90%&border-radius=50%]]{{{#!wiki style="margin-top: 5px; letter-spacing: -1px"
'''제인 Zane'''}}}}}}]][br][br]{{{-2 {{{#gray {{{#!folding [ 졸업생 ]
{{{#!wiki style="margin: 10px auto 0; text-align: center"
[[레보스|{{{#!wiki class="member revos"
[[파일:레보스.png|width=90%&border-radius=50%]]{{{#!wiki style="margin-top: 5px; letter-spacing: -1px"
'''레보스 Revos'''}}}}}}]]}}}}}}}}}}}}}}}

#!wiki class="tab tab_record"
{{{#!wiki style="margin-top: 4px; text-align: center"
{{{#!wiki class="song"
[[Fly to you(PJX)|[[파일:PJX 1st single.jpg|width=90%&border-radius=10px]]]]
[[Fly to you(PJX)|{{{#!wiki style="display: inline; padding: 2px 3px; border-radius: 3px; background-image: linear-gradient(135deg, #97c2f7, #8bbffe, #accffb, #d1e5fb); font-size: .8em"
{{{#fff '''Fly to you'''}}}}}}]] {{{#!wiki style="display: inline-block; margin: 5px 0; padding: 1px 3px; border-radius: 4px; font-size: .7em; border: 1px solid #88b9f4"
1st Single}}}{{{#!wiki style="font-size: .7em"
2026. 5. 2.}}}}}}}}}

틀:PJX

분류