r1
| 1 | ## < nbsp |
|---|
r3
| 2 | {{{#!if frames = 8; zone_height = 5; margintop = -1 * frames * zone_height |
|---|
r1
| 3 | }}}{{{#!style |
|---|
| 4 | .table {display: table; background: #ddd; margin: auto} |
|---|
| 5 | @theseed-dark-mode{ |
|---|
| 6 | .table {background: #333} |
|---|
| 7 | } |
|---|
| 8 | |
|---|
r3
| 9 | .zone { height: @zone_height@px; } |
|---|
r1
| 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; } |
|---|
r3
| 32 | .zone4:hover ~ .ascii .frame4 { display: block; } |
|---|
| 33 | .zone5:hover ~ .ascii .frame5 { display: block; } |
|---|
| 34 | .zone6:hover ~ .ascii .frame6 { display: block; } |
|---|
| 35 | .zone7:hover ~ .ascii .frame7 { display: block; } |
|---|
| 36 | .zone8:hover ~ .ascii .frame8 { display: block; } |
|---|
r1
| 37 | |
|---|
| 38 | }}} |
|---|
| 39 | {{{#!wiki class="table" |
|---|
| 40 | {{{#!wiki class="zone1 zone" |
|---|
r2
| 41 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="zone2 zone" |
|---|
| 42 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="zone3 zone" |
|---|
r3
| 43 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="zone4 zone" |
|---|
| 44 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="zone5 zone" |
|---|
| 45 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="zone6 zone" |
|---|
| 46 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="zone7 zone" |
|---|
| 47 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="zone8 zone" |
|---|
r2
| 48 | [[파일:투명.webp|width=100%&height=100%]]}}}{{{#!wiki class="ascii" |
|---|
r1
| 49 | {{{#!wiki class="coverframe frame" |
|---|
| 50 | coverframe |
|---|
| 51 | coverframe |
|---|
| 52 | coverframe |
|---|
| 53 | coverframe |
|---|
| 54 | coverframe |
|---|
| 55 | coverframe |
|---|
| 56 | coverframe |
|---|
| 57 | coverframe |
|---|
| 58 | coverframe |
|---|
| 59 | coverframe |
|---|
| 60 | coverframe |
|---|
| 61 | }}}{{{#!wiki class="frame1 frame" |
|---|
| 62 | frame1 |
|---|
| 63 | frame1 |
|---|
| 64 | frame1 |
|---|
| 65 | frame1 |
|---|
| 66 | frame1 |
|---|
| 67 | frame1 |
|---|
| 68 | frame1 |
|---|
| 69 | frame1 |
|---|
| 70 | frame1 |
|---|
| 71 | frame1 |
|---|
| 72 | frame1 |
|---|
| 73 | }}}{{{#!wiki class="frame2 frame" |
|---|
| 74 | frame2 |
|---|
| 75 | frame2 |
|---|
| 76 | frame2 |
|---|
| 77 | frame2 |
|---|
| 78 | frame2 |
|---|
| 79 | frame2 |
|---|
| 80 | frame2 |
|---|
| 81 | frame2 |
|---|
| 82 | frame2 |
|---|
| 83 | frame2 |
|---|
| 84 | frame2 |
|---|
| 85 | }}}{{{#!wiki class="frame3 frame" |
|---|
| 86 | frame3 |
|---|
| 87 | frame3 |
|---|
| 88 | frame3 |
|---|
| 89 | frame3 |
|---|
| 90 | frame3 |
|---|
| 91 | frame3 |
|---|
| 92 | frame3 |
|---|
| 93 | frame3 |
|---|
| 94 | frame3 |
|---|
| 95 | frame3 |
|---|
| 96 | frame3 |
|---|
r3
| 97 | }}}{{{#!wiki class="frame4 frame" |
|---|
| 98 | frame4 |
|---|
| 99 | frame4 |
|---|
| 100 | frame4 |
|---|
| 101 | frame4 |
|---|
| 102 | frame4 |
|---|
| 103 | frame4 |
|---|
| 104 | frame4 |
|---|
| 105 | frame4 |
|---|
| 106 | frame4 |
|---|
| 107 | frame4 |
|---|
| 108 | frame4 |
|---|
| 109 | }}}{{{#!wiki class="frame5 frame" |
|---|
| 110 | frame5 |
|---|
| 111 | frame5 |
|---|
| 112 | frame5 |
|---|
| 113 | frame5 |
|---|
| 114 | frame5 |
|---|
| 115 | frame5 |
|---|
| 116 | frame5 |
|---|
| 117 | frame5 |
|---|
| 118 | frame5 |
|---|
| 119 | frame5 |
|---|
| 120 | frame5 |
|---|
| 121 | }}}{{{#!wiki class="frame6 frame" |
|---|
| 122 | frame6 |
|---|
| 123 | frame6 |
|---|
| 124 | frame6 |
|---|
| 125 | frame6 |
|---|
| 126 | frame6 |
|---|
| 127 | frame6 |
|---|
| 128 | frame6 |
|---|
| 129 | frame6 |
|---|
| 130 | frame6 |
|---|
| 131 | frame6 |
|---|
| 132 | frame6 |
|---|
| 133 | }}}{{{#!wiki class="frame7 frame" |
|---|
| 134 | frame7 |
|---|
| 135 | frame7 |
|---|
| 136 | frame7 |
|---|
| 137 | frame7 |
|---|
| 138 | frame7 |
|---|
| 139 | frame7 |
|---|
| 140 | frame7 |
|---|
| 141 | frame7 |
|---|
| 142 | frame7 |
|---|
| 143 | frame7 |
|---|
| 144 | frame7 |
|---|
| 145 | }}}{{{#!wiki class="frame8 frame" |
|---|
| 146 | frame8 |
|---|
| 147 | frame8 |
|---|
| 148 | frame8 |
|---|
| 149 | frame8 |
|---|
| 150 | frame8 |
|---|
| 151 | frame8 |
|---|
| 152 | frame8 |
|---|
| 153 | frame8 |
|---|
| 154 | frame8 |
|---|
| 155 | frame8 |
|---|
| 156 | frame8 |
|---|
r1
| 157 | }}}{{{#!wiki class="endframe frame" |
|---|
| 158 | endframe |
|---|
| 159 | endframe |
|---|
| 160 | endframe |
|---|
| 161 | endframe |
|---|
| 162 | endframe |
|---|
| 163 | endframe |
|---|
| 164 | endframe |
|---|
| 165 | endframe |
|---|
| 166 | endframe |
|---|
| 167 | endframe |
|---|
| 168 | endframe |
|---|
| 169 | }}}}}}}}} |
|---|