| r1433 vs r1434 | ||
|---|---|---|
| 1 | 1 | |
| 2 | 2 | {{{#!style |
| 3 | .mine-safe {width:30px;height:30px;background:no-repeat linear-gradient(#f | |
| 3 | .mine-safe {width:30px;height:30px;background:no-repeat linear-gradient(#0f0, #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-test-red {width:30px;height:30px;padding-bottom: -15px;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} | |
| 6 | ||
| 7 | .mine-test-cyan {width:30px;height:30px;background:no-repeat linear-gradient(#0ff, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0)} | |
| 8 | ||
| 5 | 9 | .mine-num {width:30px;height:30px;display:table;background:#fff} |
| 6 | 10 | |
| 7 | .mine-over {width:30px;height:30px;background:no-repeat linear-gradient(#f | |
| 11 | .mine-over {width:30px;height:30px;background:no-repeat linear-gradient(#00f, #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 | 12 | |
| 9 | 13 | .mine-red {width:30px;height:30px;display:table;background:#f00;color:#000;font-weight:bold} |
| 10 | 14 | |
| ... | ... | |
| 14 | 18 | |
| 15 | 19 | .mine-enable {width:30px;height:30px;display:table;background:radial-gradient(farthest-corner, #fff 10%, #0e0 50%, #050 90%, #050 0)} |
| 16 | 20 | |
| 21 | .mine-mrg {width:30px;height:30px;margin-top: -30px} | |
| 22 | ||
| 23 | .mine-flag-icon {margin-top: -30px;width:30px;height:30px;background:no-repeat linear-gradient(transparent 85%, #000 0)40% 0%/70% 100%, linear-gradient(90deg, transparent 35%, #000 0, #000 45%, transparent 0), no-repeat conic-gradient(from 245deg at 100% 50%, red 50deg, transparent 0)90% 10%/50% 50%} | |
| 24 | ||
| 17 | 25 | .mine-hide {display:none} |
| 18 | 26 | |
| 19 | 27 | }}} |
| 20 | {{{#!if index = -1, mine = [ | |
| 28 | {{{#!if index = -1, mine = [1, 1, 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] | |
| 21 | 29 | }}} |
| 22 | 30 | |
| 23 | 31 | ||<nopad> {{{#!if ++index, cell = 0 |
| ... | ... | |
| 38 | 46 | {{{#!if ++cell |
| 39 | 47 | }}}}}}{{{#!if mine[index + 10] == 1 |
| 40 | 48 | {{{#!if ++cell |
| 41 | }}}}}} | |
| 42 | ||
| 43 | ||
| 44 | ||
| 45 | {{{#!wiki class="mine@index@ mine-s | |
| 49 | }}}}}}{{{#!wiki class="mine@index@ mine-test-red" onclick="remove-class,mine-cell,mine-hide;add-class,mine-flag-icon,mine-test-hide;add-class,mine@index@,mine-num;remove-class,mineh@index@,mine-hide" | |
| 50 | }}}{{{#!wiki class="mine-test-cyan mine-hide" onclick="toggle-class,mine-flag-icon,mine-hide" | |
| 51 | }}}{{{#!wiki class="mine-cell mine-hide" | |
| 52 | {{{#!wiki class="mine-mrg" | |
| 46 | 53 | {{{#!wiki class="mineh@index@ mine-hide" |
| 47 | 54 | {{{#!if cell > 0 |
| 48 | @cell@}}}}}}}}} | |
| 49 | ||
| 50 | {{{#!if mine[index] == 1 | |
| 55 | {{{#000,#000 '''@cell@'''}}}}}}}}}}}}}}}}}}{{{#!if mine[index] == 1 | |
| 51 | 56 | {{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide" |
| 52 | 57 | {{{#!wiki class="mine mine-over" |
| 53 | 58 | {{{#!wiki class="mineh mine-hide" |
| 54 | ●}}}}}}}}}}}}}}} || | |
| 59 | {{{#000,#000 '''●'''}}}}}}}}}}}}}}}{{{#!wiki class="mine-flag-icon mine-hide" | |
| 60 | }}}{{{#!wiki class="mine-flag-icon mine-hide" onclick="toggle-class,mine-flag-icon,mine-hide" | |
| 61 | }}} || | |
| 55 | 62 | |
| 56 | 63 | ||<nopad> {{{#!wiki class="mine-enable" |
| 57 | 64 | {{{#!wiki class="dig mine-safe" onclick="add-class,flag,mine-safe;remove-class,dig,mine-safe;remove-class,mine-test-red,mine-hide;add-class,mine-test-cyan,mine-hide" |
| ... | ... | |
| 62 | 69 | {{{#!wiki class="flag mine-safe" onclick="add-class,dig,mine-safe;remove-class,flag,mine-safe;remove-class,start,mine-enable;remove-class,mine-test-cyan,mine-hide;add-class,mine-test-red,mine-hide" |
| 63 | 70 | 🚩}}}}}} || |
| 64 | 71 | |
| 65 | ||<nopad> {{{#!wiki class="mine-test-red" onclick="remove-class,mine-cell,mine-hide;add-class,mine-flag-icon,mine-test-hide" | |
| 66 | }}}{{{#!wiki class="mine-test-cyan mine-hide" onclick="toggle-class,mine-flag-icon,mine-hide" | |
| 67 | }}}{{{#!wiki class="mine-cell mine-hide" | |
| 68 | {{{#!wiki class="mine-mrg" | |
| 69 | @cell@}}}}}}{{{#!wiki class="mine-flag-icon mine-hide" | |
| 70 | }}}{{{#!wiki class="mine-flag-icon mine-hide" onclick="toggle-class,mine-flag-icon,mine-hide" | |
| 71 | }}} || | |
| 72 | 72 | |
| 73 | 73 | |
| 74 | 74 | |
| 75 | 75 | |
| 76 | {{{#!style | |
| 77 | .flag-mrg {float:left;display:inline-block;overflow:hidden} | |
| 78 | .flag-style {border:2px solid green;margin:5px 5px} | |
| 79 | .mine-test-red {width:30px;height:30px;padding-bottom: -15px;background:linear-gradient(#f00 0, #fff2 50%)} | |
| 80 | .mine-mrg {width:30px;height:30px;margin-top: -30px} | |
| 81 | .mine-mrg-none {margin:0} | |
| 82 | .mine-test-cyan {width:30px;height:30px;background:linear-gradient(-90deg, #0ff 0, #fff2 50%)} | |
| 83 | .mine-dummy {width:100px;height:100px;background:linear-gradient(90deg, #ff0 0, #fff2 50%)} | |
| 84 | .mine-test-hide {display:none} | |
| 85 | .mine-flag-icon {margin-top: -30px;width:30px;height:30px;background:no-repeat linear-gradient(transparent 85%, #000 0)40% 0%/70% 100%, linear-gradient(90deg, transparent 35%, #000 0, #000 45%, transparent 0), no-repeat conic-gradient(from 245deg at 100% 50%, red 50deg, transparent 0)90% 10%/50% 50%} | |
| 86 | .mine-float {float:left} | |
| 87 | }}} | |
| 88 | 76 | |
| 89 | 77 | |
| 90 | 78 | 1. 깃발 모드 활성화시 타일을 숨기고 깃발 버튼을 표시 한다 |
| ... | ... |