| r1415 vs r1416 | ||
|---|---|---|
| ... | ... | |
| 2 | 2 | {{{#!style |
| 3 | 3 | .mine-safe {width:30px;height:30px;background:no-repeat linear-gradient(#fff, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold} |
| 4 | 4 | |
| 5 | .mine-num {width:30px;height:30px; | |
| 5 | .mine-num {width:30px;height:30px;display:table;background:#fff} | |
| 6 | 6 | |
| 7 | .mine | |
| 7 | .mine-over {width:30px;height:30px;background:no-repeat linear-gradient(#f00, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold} | |
| 8 | 8 | |
| 9 | .mine-red {width:30px;height:30px; | |
| 9 | .mine-red {width:30px;height:30px;display:table;background:#f00;color:#000;font-weight:bold} | |
| 10 | 10 | |
| 11 | .mine-trans {width:30px;height:30px; | |
| 11 | .mine-trans {width:30px;height:30px;display:table;background:transparent} | |
| 12 | 12 | |
| 13 | .mine-style {vertical-align:middle} | |
| 14 | ||
| 13 | 15 | .mine-hide {display:none} |
| 14 | 16 | }}} |
| 15 | 17 | {{{#!if index = -1, mine = [1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] |
| ... | ... | |
| 33 | 35 | {{{#!if ++cell |
| 34 | 36 | }}}}}}{{{#!if mine[index + 10] == 1 |
| 35 | 37 | {{{#!if ++cell |
| 36 | }}}}}}{{{#!wiki class="mine | |
| 38 | }}}}}}{{{#!wiki class="mine@index@ mine-safe" onclick="add-class,mine@index@,mine-num;remove-class,mineh@index@,mine-hide" | |
| 37 | 39 | {{{#!wiki class="mineh@index@ mine-hide" |
| 38 | 40 | @cell@}}}}}}}}}{{{#!if mine[index] == 1 |
| 39 | 41 | {{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide" |
| 40 | {{{#!wiki class="mine mine | |
| 42 | {{{#!wiki class="mine mine-over" | |
| 41 | 43 | {{{#!wiki class="mineh mine-hide" |
| 42 | ●}}}}}}}}}}}} || | |
| 44 | {{{#!wiki class="mine-style" | |
| 45 | ●}}}}}}}}}}}}}}} || | |
| 43 | 46 | |
| 44 | 47 | 1. 클릭 |
| 45 | 48 | 2. 자신을 제외한 다른 클래스에 일반 스타일을 주는 클래스를 준다 |
| ... | ... | |
| 48 | 51 | |
| 49 | 52 | ||<nopad> {{{#!if index = 0 |
| 50 | 53 | }}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide" |
| 51 | {{{#!wiki class="mine mine | |
| 54 | {{{#!wiki class="mine mine-over" | |
| 52 | 55 | {{{#!wiki class="mineh mine-hide" |
| 53 | 56 | ●}}}}}}}}}||<nopad> {{{#!if index = 1 |
| 54 | 57 | }}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide" |
| 55 | {{{#!wiki class="mine mine | |
| 58 | {{{#!wiki class="mine mine-over" | |
| 56 | 59 | {{{#!wiki class="mineh mine-hide" |
| 57 | 60 | ●}}}}}}}}}||<nopad> {{{#!if index = 2 |
| 58 | 61 | }}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide" |
| 59 | {{{#!wiki class="mine mine | |
| 62 | {{{#!wiki class="mine mine-over" | |
| 60 | 63 | {{{#!wiki class="mineh mine-hide" |
| 61 | 64 | ●}}}}}}}}}||<nopad> {{{#!if index = 3 |
| 62 | 65 | }}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide" |
| 63 | {{{#!wiki class="mine mine | |
| 66 | {{{#!wiki class="mine mine-over" | |
| 64 | 67 | {{{#!wiki class="mineh mine-hide" |
| 65 | 68 | ●}}}}}}}}}|| |
| 66 | 69 | |
| ... | ... |