•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r1875 vs r1876
11
2
{{{#!if Subdivision = 5, DotSize = '5px', HandleSize = '20px', SliderSize = '10px', SD_HandlePosition = 2
2
{{{#!if Subdivision = 10, DotSize = '5px', HandleSize = '20px', SliderSize = '10px', SD_HandlePosition = 2
33
}}}{{{#!if Subdivision == 1
44
{{{#!if SD_HitBox01 = 'sd-edge-hitbox'
55
}}}}}}{{{#!if Subdivision == 2
......
2525
2626
.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}
2727
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}
3838
.sd-handle-position-10 {background-position:calc((100% / @Subdivision@) * 10) 0}
3939
4040
.sd-hitbox {width:100%;height:100%;border:1px solid red}
......
4949
{{{#!wiki class="sd-handle"
5050
5151
{{{#!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"
5353
}}}{{{#!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"
5555
}}}}}}{{{#!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"
5757
}}}}}}{{{#!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"
5959
}}}}}}{{{#!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"
6161
}}}}}}{{{#!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"
6363
}}}}}}{{{#!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"
6565
}}}}}}{{{#!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"
6767
}}}}}}{{{#!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"
6969
}}}}}}{{{#!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"
7171
}}}}}}{{{#!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"
7373
}}}}}}}}}
7474
}}}}}}
7575
......