사용자:flyant(비교)

보기 RAW Blame 되돌리기 비교

 r1428 vs r1429
 ...
 ●}}}}}}}}}}}}}}}}}} ||
 ||<nopad> {{{#!wiki class="mine-enable"
-{{{#!wiki class="dig mine-safe" onclick="add-class,flag,mine-safe;remove-class,dig,mine-safe;add-class,mine-test-cyan,mine-hide;remove-class,mine-test-mrg,mine-mrg"
+{{{#!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"
 {{{#!wiki class="start mine-enable"
 🪏}}}}}}}}} ||
 ||<nopad> {{{#!wiki class="mine-enable"
-{{{#!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"
+{{{#!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"
 🚩}}}}}} ||
-|| {{{#!wiki style="background:gray;width:100px;height:100px;overflow:show"
-{{{#!wiki class="flagged"
-{{{#!wiki class="mine-test-red" onclick="remove-class,mine-test-red-button,mine-hide;add-class,dug,mine-hide"
-}}}{{{#!wiki class="mine-test-red-button mine-hide"
+||<nopad> {{{#!wiki class="mine-test-red" onclick="remove-class,mine-cell,mine-hide;add-class,mine-flag,mine-test-hide"
+}}}{{{#!wiki class="mine-test-cyan mine-hide" onclick="toggle-class,mine-flag,mine-hide"
+}}}{{{#!wiki class="mine-cell mine-hide"
 {{{#!wiki class="mine-mrg"
-@cell@}}}}}}}}}{{{#!wiki class="dug"
-{{{#!wiki class="mine-test-mrg mine-mrg"
-{{{#!wiki class="mine-test-cyan mine-hide" onclick="toggle-class,mine-test-cyan-button,mine-hide;toggle-class,mine-test-mrg,mine-mrg;toggle-class,mine-test-red,mine-hide"
-}}}{{{#!wiki class="mine-test-cyan-button mine-hide"
-{{{#!wiki style="margin-top: -50px"
-🚩}}}}}}}}}}}}}}} ||
+@cell@}}}}}}{{{#!wiki class="mine-flag mine-hide"
+{{{#!wiki class="mine-mrg"
+🚩}}}}}} ||
+{{{#!wiki class="mine-flag-icon"
+}}}
+{{{#!wiki style="border:1px solid gray;width:100px;height:100px;background:no-repeat linear-gradient(transparent 85%, #fff 0)40% 0%/70% 100%, linear-gradient(90deg, transparent 35%, #fff 0, #fff 45%, transparent 0), no-repeat conic-gradient(from 245deg at 100% 50%, red 50deg, transparent 0)90% 10%/50% 50%"
+}}}
 {{{#!style
 .flag-mrg {float:left;display:inline-block;overflow:hidden}
 .flag-style {border:2px solid green;margin:5px 5px}
-.mine-test-red {width:100px;height:100px;background:linear-gradient(#f00 0, #fff2 50%)}
-.mine-mrg {margin-top: -100px;float:left)}
+.mine-test-red {width:30px;height:30px;background:linear-gradient(#f00 0, #fff2 50%)}
+.mine-mrg {width:30px;height:30px;margin-top: -30px;float:left)}
 .mine-mrg-none {margin:0}
-.mine-test-cyan {width:100px;height:100px;background:linear-gradient(-90deg, #0ff 0, #fff2 50%)}
+.mine-test-cyan {width:30px;height:30px;background:linear-gradient(-90deg, #0ff 0, #fff2 50%)}
 .mine-dummy {width:100px;height:100px;background:linear-gradient(90deg, #ff0 0, #fff2 50%)}
+.mine-test-hide {display:none}
+.mine-flag-icon {width:30px;height:30px;background:conic-gradient(at 100% 80% from 30deg, red 60deg, transparent 0)}
 }}}
 ...