| ... | ... | |
|---|
| 12 | 12 | .nbtn-c:focus ~ .ntab-container .ntab-c { display: block !important; } |
|---|
| 13 | 13 | |
|---|
| 14 | 14 | /* 아무것도 클릭 안 했을 때(기본 상태) 흰색 표가 보이도록 설정 */ |
|---|
| 15 | | /* 단, 다른 버튼을 누르는 순간 숨겨짐 */ |
|---|
| 16 | 15 | .nbtn-container:not(:focus-within) .ntab-a { display: block !important; } |
|---|
| 17 | 16 | |
|---|
| 18 | 17 | /* 버튼 디자인 설정 */ |
|---|
| ... | ... | |
|---|
| 35 | 34 | }}} |
|---|
| 36 | 35 | |
|---|
| 37 | 36 | {{{#!wiki class="nbtn-container" |
|---|
| 38 | | [[#|{{{#!wiki class="nbtn nbtn-a" |
|---|
| 39 | | 흰색 표 보기}}}]][[#|{{{#!wiki class="nbtn nbtn-b" |
|---|
| 40 | | 연두색 표 보기}}}]][[#|{{{#!wiki class="nbtn nbtn-c" |
|---|
| 41 | | 하늘색 표 보기}}}}} |
|---|
| 37 | [[#클릭|{{{#!wiki class="nbtn nbtn-a" |
|---|
| 38 | 흰색 표 보기}}}]][[#클릭|{{{#!wiki class="nbtn nbtn-b" |
|---|
| 39 | 연두색 표 보기}}}]][[#클릭|{{{#!wiki class="nbtn nbtn-c" |
|---|
| 40 | 하늘색 표 보기}}}]] |
|---|
| 42 | 41 | |
|---|
| 43 | 42 | {{{#!wiki class="ntab-container" |
|---|
| 44 | 43 | {{{#!wiki class="ntab-a" |
|---|
| ... | ... | |
|---|