틀:MBTI 문서 원본 보기

{| class="wikitable" {{style|mx-auto maxw-450px w-100% bd-2px-sld-#4298b4}}
! {{style|col-3 c-#4298b4 pt-10px pb-7px}} | [[파일:16personalities.svg|200px]]
|-
| {{style|col-3 ta-center fs-36px p-18px pb-15px}} | '''{{c|#4298b4|{{#sub:{{{1}}}|0|1}}}}{{c|#e4ae3a|{{#sub:{{{1}}}|1|1}}}}{{c|#33a474|{{#sub:{{{1}}}|2|1}}}}{{c|#88619a|{{#sub:{{{1}}}|3|1}}}}-{{c|#f25e62|{{#sub:{{{1}}}|5|1}}}}'''
|-
| {{style|col-3}} | {{cb|id=mbti|title=[ 상세 결과 보기 ]}}
|-
| {{style|h-45px w-40px ta-right}} | {{MBTI/letter
 |side=left
 |letter=E
 |color=#4298b4
 |active={{#ifexpr:{{#pos:{{{1}}}|E}}> -1 | yes | no}}
}}
| {{style|h-45px p-0 pb-2px lh-1.6 ta-center fw-700}} | {{c|#4298b4|{{{2}}}%}}<br><div {{style|bd-2px-sld-#4298b4 p-4px bg-<linear-gradient(to left, #4298b4 {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|E}}> -1 | yes | no}}|yes|left|right}}|val={{{2}}}}}%, var(--altbg) {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|E}}> -1 | yes | no}}|yes|left|right}}|val={{{2}}}}}%, var(--altbg) {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|E}}> -1 | yes | no}}|yes|left|right}}|val={{{2}}}}}+4}}%, #4298b4 {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|E}}> -1 | yes | no}}|yes|left|right}}|val={{{2}}}}}+4}}%)>}}></div>
| {{style|h-45px w-40px ta-left}} | {{MBTI/letter
 |letter=I
 |color=#4298b4
 |active={{#ifexpr:{{#pos:{{{1}}}|I}}> -1 | yes | no}}
}}
|-
| {{style|h-45px w-40px ta-left}} | {{MBTI/letter
 |side=left
 |letter=N
 |color=#e4ae3a
 |active={{#ifexpr:{{#pos:{{{1}}}|N}}> -1 | yes | no}}
}}
| {{style|h-45px p-0 pb-2px lh-1.6 ta-center fw-700}} | {{c|#e4ae3a|{{{3}}}%}}<br><div {{style| bd-2px-sld-#e4ae3a p-4px bg-<linear-gradient(to right, #e4ae3a {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|S}}> -1 | yes | no}}|yes|left|right}}|val={{{3}}}}}%, var(--altbg) {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|S}}> -1 | yes | no}}|yes|left|right}}|val={{{3}}}}}%, var(--altbg) {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|S}}> -1 | yes | no}}|yes|left|right}}|val={{{3}}}}}+4}}%, #e4ae3a {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|S}}> -1 | yes | no}}|yes|left|right}}|val={{{3}}}}}+4}}%)>}}></div>
| {{style|h-45px w-40px ta-right}} | {{MBTI/letter
 |letter=S
 |color=#e4ae3a
 |active={{#ifexpr:{{#pos:{{{1}}}|S}}> -1 | yes | no}}
}}
|-
| {{style|h-45px w-40px ta-right}} | {{MBTI/letter
 |side=left
 |letter=T
 |color=#33a474
 |active={{#ifexpr:{{#pos:{{#sub:{{{1}}}|0|4}}|T}}> -1 | yes | no}}
}}
| {{style|h-45px p-0 pb-2px lh-1.6 ta-center fw-700}} | {{c|#33a474|{{{4}}}%}}<br><div {{style|bd-2px-sld-#33a474 p-4px bg-<linear-gradient(to left, #33a474 {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|F}}> -1 | yes | no}}|yes|right|left}}|val={{{4}}}}}%, var(--altbg) {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|F}}> -1 | yes | no}}|yes|right|left}}|val={{{4}}}}}%, var(--altbg) {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|F}}> -1 | yes | no}}|yes|right|left}}|val={{{4}}}}}+4}}%, #33a474 {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|F}}> -1 | yes | no}}|yes|right|left}}|val={{{4}}}}}+4}}%)>}}></div>
| {{style|h-45px w-40px ta-left}} | {{MBTI/letter
 |letter=F
 |color=#33a474
 |active={{#ifexpr:{{#pos:{{{1}}}|F}}> -1 | yes | no}}
}}
|-
| {{style|h-45px w-40px ta-right}} | {{MBTI/letter
 |side=left
 |letter=J
 |color=#88619a
 |active={{#ifexpr:{{#pos:{{{1}}}|J}}> -1 | yes | no}}
}}
| {{style|h-45px p-0 pb-2px lh-1.6 ta-center fw-700}} | {{c|#88619a|{{{5}}}%}}<br><div {{style|bd-2px-sld-#88619a p-4px bg-<linear-gradient(to left, #88619a {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|J}}> -1 | yes | no}}|yes|left|right}}|val={{{5}}}}}%, var(--altbg) {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|J}}> -1 | yes | no}}|yes|left|right}}|val={{{5}}}}}%, var(--altbg) {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|J}}> -1 | yes | no}}|yes|left|right}}|val={{{5}}}}}+4}}%, #88619a {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|J}}> -1 | yes | no}}|yes|left|right}}|val={{{5}}}}}+4}}%)>}}></div>
| {{style|h-45px w-40px ta-left}} | {{MBTI/letter
 |letter=P
 |color=#88619a
 |active={{#ifexpr:{{#pos:{{{1}}}|P}}> -1 | yes | no}}
}}
|-
| {{style|h-45px w-40px ta-right}} | {{MBTI/letter
 |side=left
 |letter=A
 |color=#f25e62
 |active={{#ifexpr:{{#pos:{{{1}}}|A}}> -1 | yes | no}}
}}
| {{style|h-45px p-0 pb-2px lh-1.6 ta-center fw-700}} | {{c|#f25e62|{{{6}}}%}}<br><div {{style|bd-2px-sld-#f25e62 p-4px bg-<linear-gradient(to left, #f25e62 {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|A}}> -1 | yes | no}}|yes|left|right}}|val={{{6}}}}}%, var(--altbg) {{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|A}}> -1 | yes | no}}|yes|left|right}}|val={{{6}}}}}%, var(--altbg) {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|A}}> -1 | yes | no}}|yes|left|right}}|val={{{6}}}}}+4}}%, #f25e62 {{#expr:{{MBTI/flip|side={{#ifeq:{{#ifexpr:{{#pos:{{{1}}}|A}}> -1 | yes | no}}|yes|left|right}}|val={{{6}}}}}+4}}%)>}}></div>
| {{style|h-45px w-40px ta-left}} | {{MBTI/letter
 |letter=T
 |color=#f25e62
 |active={{#ifexpr:{{#pos:{{#sub:{{{1}}}|-1}}|T}}> -1 | yes | no}}
}}
{{cbx}}
|}