| r1875 vs r1876 | ||
|---|---|---|
| 1 | 1 | |
| 2 | {{{#!if Subdivision = | |
| 2 | {{{#!if Subdivision = 10, DotSize = '5px', HandleSize = '20px', SliderSize = '10px', SD_HandlePosition = 2 | |
| 3 | 3 | }}}{{{#!if Subdivision == 1 |
| 4 | 4 | {{{#!if SD_HitBox01 = 'sd-edge-hitbox' |
| 5 | 5 | }}}}}}{{{#!if Subdivision == 2 |
| ... | ... | |
| 25 | 25 | |
| 26 | 26 | .sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@HandleSize@ @HandleSize@;background-position:0 0} |
| 27 | 27 | |
| 28 | .sd-handle-position-0 {background-position:calc((100% / @Subdivision@) * 0) 0} | |
| 29 | .sd-handle-position-1 {background-position:calc((100% / @Subdivision@) * 1) 0} | |
| 30 | .sd-handle-position-2 {background-position:calc((100% / @Subdivision@) * 2) 0} | |
| 31 | .sd-handle-position-3 {background-position:calc((100% / @Subdivision@) * 3) 0} | |
| 32 | .sd-handle-position-4 {background-position:calc((100% / @Subdivision@) * 4) 0} | |
| 33 | .sd-handle-position-5 {background-position:calc((100% / @Subdivision@) * 5) 0} | |
| 34 | .sd-handle-position-6 {background-position:calc((100% / @Subdivision@) * 6) 0} | |
| 35 | .sd-handle-position-7 {background-position:calc((100% / @Subdivision@) * 7) 0} | |
| 36 | .sd-handle-position-8 {background-position:calc((100% / @Subdivision@) * 8) 0} | |
| 37 | .sd-handle-position-9 {background-position:calc((100% / @Subdivision@) * 9) 0} | |
| 28 | .sd-handle-position-00 {background-position:calc((100% / @Subdivision@) * 0) 0} | |
| 29 | .sd-handle-position-01 {background-position:calc((100% / @Subdivision@) * 1) 0} | |
| 30 | .sd-handle-position-02 {background-position:calc((100% / @Subdivision@) * 2) 0} | |
| 31 | .sd-handle-position-03 {background-position:calc((100% / @Subdivision@) * 3) 0} | |
| 32 | .sd-handle-position-04 {background-position:calc((100% / @Subdivision@) * 4) 0} | |
| 33 | .sd-handle-position-05 {background-position:calc((100% / @Subdivision@) * 5) 0} | |
| 34 | .sd-handle-position-06 {background-position:calc((100% / @Subdivision@) * 6) 0} | |
| 35 | .sd-handle-position-07 {background-position:calc((100% / @Subdivision@) * 7) 0} | |
| 36 | .sd-handle-position-08 {background-position:calc((100% / @Subdivision@) * 8) 0} | |
| 37 | .sd-handle-position-09 {background-position:calc((100% / @Subdivision@) * 9) 0} | |
| 38 | 38 | .sd-handle-position-10 {background-position:calc((100% / @Subdivision@) * 10) 0} |
| 39 | 39 | |
| 40 | 40 | .sd-hitbox {width:100%;height:100%;border:1px solid red} |
| ... | ... | |
| 49 | 49 | {{{#!wiki class="sd-handle" |
| 50 | 50 | |
| 51 | 51 | {{{#!wiki style="display:flex;width:100%;height:100%" |
| 52 | {{{#!wiki class="sd-hitbox h00 sd-edge-hitbox @SD_HitBox00@" onclick="add-class,sd-handle,sd-handle-position-0" | |
| 52 | {{{#!wiki class="sd-hitbox h00 sd-edge-hitbox @SD_HitBox00@" onclick="add-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-10" | |
| 53 | 53 | }}}{{{#!if Subdivision >= 1 |
| 54 | {{{#!wiki class="sd-hitbox h01 sd-edge-next-hitbox @SD_HitBox01@" onclick="add-class,sd-handle,sd-handle-position-1" | |
| 54 | {{{#!wiki class="sd-hitbox h01 sd-edge-next-hitbox @SD_HitBox01@" onclick="add-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-10" | |
| 55 | 55 | }}}}}}{{{#!if Subdivision >= 2 |
| 56 | {{{#!wiki class="sd-hitbox h02 @SD_HitBox02@" onclick="add-class,sd-handle,sd-handle-position-2" | |
| 56 | {{{#!wiki class="sd-hitbox h02 @SD_HitBox02@" onclick="add-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-10" | |
| 57 | 57 | }}}}}}{{{#!if Subdivision >= 3 |
| 58 | {{{#!wiki class="sd-hitbox h03 @SD_HitBox03@" onclick="add-class,sd-handle,sd-handle-position-3" | |
| 58 | {{{#!wiki class="sd-hitbox h03 @SD_HitBox03@" onclick="add-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-10" | |
| 59 | 59 | }}}}}}{{{#!if Subdivision >= 4 |
| 60 | {{{#!wiki class="sd-hitbox h04 @SD_HitBox04@" onclick="add-class,sd-handle,sd-handle-position-4" | |
| 60 | {{{#!wiki class="sd-hitbox h04 @SD_HitBox04@" onclick="add-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-10" | |
| 61 | 61 | }}}}}}{{{#!if Subdivision >= 5 |
| 62 | {{{#!wiki class="sd-hitbox h05 @SD_HitBox05@" onclick="add-class,sd-handle,sd-handle-position-5" | |
| 62 | {{{#!wiki class="sd-hitbox h05 @SD_HitBox05@" onclick="add-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-10" | |
| 63 | 63 | }}}}}}{{{#!if Subdivision >= 6 |
| 64 | {{{#!wiki class="sd-hitbox h06 @SD_HitBox06@" onclick="add-class,sd-handle,sd-handle-position-6" | |
| 64 | {{{#!wiki class="sd-hitbox h06 @SD_HitBox06@" onclick="add-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-10" | |
| 65 | 65 | }}}}}}{{{#!if Subdivision >= 7 |
| 66 | {{{#!wiki class="sd-hitbox h07 @SD_HitBox07@" onclick="add-class,sd-handle,sd-handle-position-7" | |
| 66 | {{{#!wiki class="sd-hitbox h07 @SD_HitBox07@" onclick="add-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-10" | |
| 67 | 67 | }}}}}}{{{#!if Subdivision >= 8 |
| 68 | {{{#!wiki class="sd-hitbox h08 @SD_HitBox08@" onclick="add-class,sd-handle,sd-handle-position-8" | |
| 68 | {{{#!wiki class="sd-hitbox h08 @SD_HitBox08@" onclick="add-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-10" | |
| 69 | 69 | }}}}}}{{{#!if Subdivision >= 9 |
| 70 | {{{#!wiki class="sd-hitbox h09 @SD_HitBox09@" onclick="add-class,sd-handle,sd-handle-position-9" | |
| 70 | {{{#!wiki class="sd-hitbox h09 @SD_HitBox09@" onclick="add-class,sd-handle,sd-handle-position-09;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-10" | |
| 71 | 71 | }}}}}}{{{#!if Subdivision >= 10 |
| 72 | {{{#!wiki class="sd-hitbox h10 sd-edge-hitbox @SD_HitBox10@" onclick="add-class,sd-handle,sd-handle-position-10" | |
| 72 | {{{#!wiki class="sd-hitbox h10 sd-edge-hitbox @SD_HitBox10@" onclick="add-class,sd-handle,sd-handle-position-10;remove-class,sd-handle,sd-handle-position-00;remove-class,sd-handle,sd-handle-position-01;remove-class,sd-handle,sd-handle-position-02;remove-class,sd-handle,sd-handle-position-03;remove-class,sd-handle,sd-handle-position-04;remove-class,sd-handle,sd-handle-position-05;remove-class,sd-handle,sd-handle-position-06;remove-class,sd-handle,sd-handle-position-07;remove-class,sd-handle,sd-handle-position-08;remove-class,sd-handle,sd-handle-position-09" | |
| 73 | 73 | }}}}}}}}} |
| 74 | 74 | }}}}}} |
| 75 | 75 | |
| ... | ... |