r1
| 1 | ## < nbsp |
|---|
| 2 | {{{#!if frames = 3; zone_height = 10; margintop = -1 * frames * zone_height |
|---|
| 3 | }}}{{{#!style |
|---|
| 4 | .table {display: table; background: #ddd; margin: auto} |
|---|
| 5 | @theseed-dark-mode{ |
|---|
| 6 | .table {background: #333} |
|---|
| 7 | } |
|---|
| 8 | |
|---|
| 9 | .zone { height: @zone_height@px; border: 1px red solid} |
|---|
| 10 | .zone [href] {color: #0000} |
|---|
| 11 | |
|---|
| 12 | .ascii { |
|---|
| 13 | font: .7em/1 Consolas,monospace; |
|---|
| 14 | word-break: keep-all; |
|---|
| 15 | } |
|---|
| 16 | |
|---|
| 17 | .frame { height: fit-content; text-align: center} |
|---|
| 18 | |
|---|
| 19 | .frame { display: none; width: 100px;} |
|---|
| 20 | .coverframe { display: block; } |
|---|
| 21 | |
|---|
| 22 | .table:hover .coverframe { display: none; } |
|---|
| 23 | .table:hover .endframe { display: block; } |
|---|
| 24 | |
|---|
| 25 | .zone:hover ~ .ascii .coverframe { display: none; } |
|---|
| 26 | .zone:hover ~ .ascii .endframe { display: none; } |
|---|
r2
| 27 | .zone:hover {background: red} |
|---|
r1
| 28 | |
|---|
| 29 | .zone1:hover ~ .ascii .frame1 { display: block; } |
|---|
| 30 | .zone2:hover ~ .ascii .frame2 { display: block; } |
|---|
| 31 | .zone3:hover ~ .ascii .frame3 { display: block; } |
|---|
| 32 | |
|---|
| 33 | }}} |
|---|
| 34 | {{{#!wiki class="table" |
|---|
| 35 | {{{#!wiki class="zone1 zone" |
|---|
| 36 | ## 파일:투명.webp |
|---|
r2
| 37 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="zone2 zone" |
|---|
| 38 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="zone3 zone" |
|---|
| 39 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="ascii" |
|---|
r1
| 40 | {{{#!wiki class="coverframe frame" |
|---|
| 41 | coverframe |
|---|
| 42 | coverframe |
|---|
| 43 | coverframe |
|---|
| 44 | coverframe |
|---|
| 45 | coverframe |
|---|
| 46 | coverframe |
|---|
| 47 | coverframe |
|---|
| 48 | coverframe |
|---|
| 49 | coverframe |
|---|
| 50 | coverframe |
|---|
| 51 | coverframe |
|---|
| 52 | }}}{{{#!wiki class="frame1 frame" |
|---|
| 53 | frame1 |
|---|
| 54 | frame1 |
|---|
| 55 | frame1 |
|---|
| 56 | frame1 |
|---|
| 57 | frame1 |
|---|
| 58 | frame1 |
|---|
| 59 | frame1 |
|---|
| 60 | frame1 |
|---|
| 61 | frame1 |
|---|
| 62 | frame1 |
|---|
| 63 | frame1 |
|---|
| 64 | }}}{{{#!wiki class="frame2 frame" |
|---|
| 65 | frame2 |
|---|
| 66 | frame2 |
|---|
| 67 | frame2 |
|---|
| 68 | frame2 |
|---|
| 69 | frame2 |
|---|
| 70 | frame2 |
|---|
| 71 | frame2 |
|---|
| 72 | frame2 |
|---|
| 73 | frame2 |
|---|
| 74 | frame2 |
|---|
| 75 | frame2 |
|---|
| 76 | }}}{{{#!wiki class="frame3 frame" |
|---|
| 77 | frame3 |
|---|
| 78 | frame3 |
|---|
| 79 | frame3 |
|---|
| 80 | frame3 |
|---|
| 81 | frame3 |
|---|
| 82 | frame3 |
|---|
| 83 | frame3 |
|---|
| 84 | frame3 |
|---|
| 85 | frame3 |
|---|
| 86 | frame3 |
|---|
| 87 | frame3 |
|---|
| 88 | }}}{{{#!wiki class="endframe frame" |
|---|
| 89 | endframe |
|---|
| 90 | endframe |
|---|
| 91 | endframe |
|---|
| 92 | endframe |
|---|
| 93 | endframe |
|---|
| 94 | endframe |
|---|
| 95 | endframe |
|---|
| 96 | endframe |
|---|
| 97 | endframe |
|---|
| 98 | endframe |
|---|
| 99 | endframe |
|---|
| 100 | }}}}}}}}} |
|---|