| r1446 vs r1447 | ||
|---|---|---|
| ... | ... | |
| 5 | 5 | |
| 6 | 6 | |
| 7 | 7 | {{{#!style |
| 8 | .mine-safe {width:30px;height:30px;background:no-repeat linear-gradient(# | |
| 8 | .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;cursor:pointer} | |
| 9 | 9 | |
| 10 | .mine- | |
| 10 | .mine-flag {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);cursor:pointer} | |
| 11 | 11 | |
| 12 | .mine- | |
| 12 | .mine-mode {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);cursor:pointer} | |
| 13 | 13 | |
| 14 | .mine-mode {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);cursor:pointer} | |
| 15 | ||
| 16 | 14 | .mine-num {width:30px;height:30px;display:table;background:#fff;color:#000;font-weight:bold;;cursor:default} |
| 17 | 15 | |
| 18 | .mine-over {width:30px;height:30px;background:no-repeat linear-gradient(# | |
| 16 | .mine-over {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;cursor:pointer} | |
| 19 | 17 | |
| 20 | 18 | .mine-red {width:30px;height:30px;display:table;background:#f00;color:#000;font-weight:bold;cursor:default} |
| 21 | 19 | |
| ... | ... | |
| 23 | 21 | |
| 24 | 22 | .mine-enable {width:30px;height:30px;display:table;background:radial-gradient(farthest-corner, #fff 10%, #0e0 50%, #050 90%, #050 0);cursor:default} |
| 25 | 23 | |
| 26 | .mine-mrg {width:30px;height:30px;margin-top: -30px} | |
| 27 | ||
| 28 | 24 | .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%;cursor:pointer} |
| 29 | 25 | |
| 30 | 26 | .mine-hide {display:none} |
| 31 | 27 | |
| 32 | .mine-hide-hide {display:none} | |
| 33 | ||
| 34 | 28 | }}} |
| 35 | 29 | {{{#!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, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1] |
| 36 | 30 | }}} |
| 37 | 31 | |
| 32 | ||{{{#!wiki | |
| 33 | ||<nopad><tablealign=center> {{{#!wiki class="mine-enable" | |
| 34 | {{{#!wiki class="dig mine-mode" onclick="add-class,flag,mine-mode;remove-class,dig,mine-mode;add-class;add-class,mine-flag,mine-hide;remove-class,cell,mine-hide" | |
| 35 | {{{#!wiki class="start mine-enable" | |
| 36 | }}}}}}}}} ||<nopad> {{{#!wiki class="mine-enable" | |
| 37 | {{{#!wiki class="flag mine-mode" onclick="add-class,dig,mine-mode;remove-class,flag,mine-mode;remove-class,start,mine-enable;remove-class,mine-flag,mine-hide;add-class,cell,mine-hide" | |
| 38 | {{{#!wiki style="width:30px;height:30px;background:no-repeat linear-gradient(transparent 85%, #000 0)40% 0%/70% 100%, linear-gradient(90deg, transparent 40%, #000 0, #000 50%, transparent 0), no-repeat conic-gradient(from 245deg at 100% 50%, red 50deg, transparent 0)90% 10%/50% 50%;" | |
| 39 | }}}}}}}}} ||}}}{{{#!wiki | |
| 38 | 40 | ||<nopad> {{{#!if ++index, cell = 0 |
| 39 | 41 | }}}{{{#!if mine[index] == 0 |
| 40 | 42 | {{{#!if index % 9 != 0 && index >= 9 |
| ... | ... | |
| 61 | 63 | }}}}}}}}}{{{#!if index % 9 != 8 && index < 72 |
| 62 | 64 | {{{#!if mine[index + 10] == 1 |
| 63 | 65 | {{{#!if ++cell |
| 64 | }}}}}}}}}}}} | |
| 65 | ||
| 66 | {{{#!wiki class="mode@index@ mine- | |
| 67 | }}}{{{#!wiki class="cell@index@ cell" onclick="remove-class,mode@index@,mine- | |
| 66 | }}}}}}}}}}}}{{{#!wiki class="mode@index@ mine-flag mine-hide" onclick="remove-class,mode-flag@index@,mine-hide" | |
| 67 | }}}{{{#!wiki class="cell@index@ cell" onclick="remove-class,mode@index@,mine-flag;remove-class,cell@index@,cell" | |
| 68 | 68 | {{{#!if mine[index] == 0 |
| 69 | 69 | {{{#!wiki class="mine@index@ mine-safe" onclick="add-class,mine@index@,mine-num;remove-class,mineh@index@,mine-hide" |
| 70 | 70 | {{{#!wiki class="mineh@index@ mine-hide" |
| ... | ... | |
| 76 | 76 | ●}}}}}}}}}}}}}}}{{{#!wiki class="mode-flag@index@ mine-flag-icon mine-hide" onclick="add-class,mode-flag@index@,mine-hide" |
| 77 | 77 | }}} || |
| 78 | 78 | |
| 79 | ||<nopad> {{{#!wiki class="mine-enable" | |
| 80 | {{{#!wiki class="dig mine-mode" onclick="add-class,flag,mine-mode;remove-class,dig,mine-mode;add-class;add-class,mine-cyan,mine-hide;remove-class,cell,mine-hide" | |
| 81 | {{{#!wiki class="start mine-enable" | |
| 82 | }}}}}}}}} || | |
| 83 | 79 | |
| 84 | ||
| 85 | ||
| 86 | ||
| 80 | }}} || | |
| 87 | 81 | |
| 88 | 82 | |
| 89 | 83 | |
| 90 | 84 | |
| 91 | 85 | |
| 92 | 86 | |
| 93 | ||
| 94 | ||
| 95 | ||
| 96 | 87 | ---- |
| 97 | 88 | ################################################### |
| 98 | 89 | ---- |
| ... | ... |