틀:MBTI: 두 판 사이의 차이
편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 되돌려진 기여 |
||
| 5번째 줄: | 5번째 줄: | ||
|- | |- | ||
| {{style|h-45px w-60px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#4298b4 c-#4298b4 ml-auto}}>'''E'''</div> | | {{style|h-45px w-60px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#4298b4 c-#4298b4 ml-auto}}>'''E'''</div> | ||
| {{style|h-45px p-0}} | <div {{style|w-100% ta-center p-7px bg-<linear-gradient(to right, #4298b4 69%, var(--grey) 69%, var(--grey) 73%, #4298b4 73%)> c-white}}></div> | | {{style|h-45px p-0}} | <div {{style|w-100% ta-center p-7px bg-<linear-gradient(to right, #4298b4 69%, light-dark(var(--border)),var(--grey)) 69%, light-dark(var(--border)),var(--grey)) 73%, #4298b4 73%)> c-white}}></div> | ||
| {{style|h-45px w-60px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#4298b4 bg-#4298b4 c-white}}>'''I'''</div> | | {{style|h-45px w-60px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#4298b4 bg-#4298b4 c-white}}>'''I'''</div> | ||
|- | |- | ||
| {{style|h-45px w-60px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#e4ae3a bg-#e4ae3a c-white ml-auto}}>'''S'''</div> | | {{style|h-45px w-60px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#e4ae3a bg-#e4ae3a c-white ml-auto}}>'''S'''</div> | ||
| {{style|h-45px p-0}} | <div {{style|w-100% ta-center p-7px bg-<linear-gradient(to right, #e4ae3a 31%, var(--grey) 31%, var(--grey) 35%, #e4ae3a 35%)> c-white}}></div> | | {{style|h-45px p-0}} | <div {{style|w-100% ta-center p-7px bg-<linear-gradient(to right, #e4ae3a 31%, light-dark(var(--border)),var(--grey)) 31%, light-dark(var(--border)),var(--grey)) 35%, #e4ae3a 35%)> c-white}}></div> | ||
| {{style|h-45px w-60px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#e4ae3a c-#e4ae3a}}>'''N'''</div> | | {{style|h-45px w-60px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#e4ae3a c-#e4ae3a}}>'''N'''</div> | ||
|- | |- | ||
| {{style|h-45px w-60px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#33a474 c-#33a474 ml-auto}}>'''T'''</div> | | {{style|h-45px w-60px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#33a474 c-#33a474 ml-auto}}>'''T'''</div> | ||
| {{style|h-45px p-0}} | <div {{style|w-100% ta-center p-7px bg-<linear-gradient(to right, #33a474 64%, var(--grey) 64%, var(--grey) 68%, #33a474 68%)> c-white}}></div> | | {{style|h-45px p-0}} | <div {{style|w-100% ta-center p-7px bg-<linear-gradient(to right, #33a474 64%, light-dark(var(--border)),var(--grey)) 64%, light-dark(var(--border)),var(--grey)) 68%, #33a474 68%)> c-white}}></div> | ||
| {{style|h-45px w-60px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#33a474 bg-#33a474 c-white}}>'''F'''</div> | | {{style|h-45px w-60px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#33a474 bg-#33a474 c-white}}>'''F'''</div> | ||
|- | |- | ||
| {{style|h-45px w-60px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#88619a c-#88619a ml-auto}}>'''J'''</div> | | {{style|h-45px w-60px ta-right}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#88619a c-#88619a ml-auto}}>'''J'''</div> | ||
| {{style|h-45px p-0}} | <div {{style|w-100% ta-center p-7px bg-<linear-gradient(to right, #88619a 62%, var(--grey) 62%, var(--grey) 66%, #88619a 66%)> c-white}}></div> | | {{style|h-45px p-0}} | <div {{style|w-100% ta-center p-7px bg-<linear-gradient(to right, #88619a 62%, light-dark(var(--border)),var(--grey)) 62%, light-dark(var(--border)),var(--grey)) 66%, #88619a 66%)> c-white}}></div> | ||
| {{style|h-45px w-60px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#88619a bg-#88619a | | {{style|h-45px w-60px ta-left}} | <div {{style|w-20px ta-center p-5px bd-2px-sld-#88619a bg-#88619a | ||
c-white}}>'''P'''</div> | c-white}}>'''P'''</div> | ||
|} | |} | ||