•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r1869 vs r1870
11
2
{{{#!if Subdivision = 10, DotSize = '5px', HandleSize = '20px', SliderSize = '10px'
3
}}}{{{#!if
4
}}}{{{#!style
2
{{{#!if Subdivision = 9, DotSize = '5px', HandleSize = '20px', SliderSize = '10px'
3
}}}{{{#!if Subdivision == 1
4
{{{#!if SD_HitBox01 = 'sd-edge-hitbox'
5
}}}}}}{{{#!if Subdivision == 2
6
{{{#!if SD_HitBox02 = 'sd-edge-hitbox'
7
}}}}}}{{{#!if Subdivision == 3
8
{{{#!if SD_HitBox03 = 'sd-edge-hitbox'
9
}}}}}}{{{#!if Subdivision == 4
10
{{{#!if SD_HitBox04 = 'sd-edge-hitbox'
11
}}}}}}{{{#!if Subdivision == 5
12
{{{#!if SD_HitBox05 = 'sd-edge-hitbox'
13
}}}}}}{{{#!if Subdivision == 6
14
{{{#!if SD_HitBox06 = 'sd-edge-hitbox'
15
}}}}}}{{{#!if Subdivision == 7
16
{{{#!if SD_HitBox07 = 'sd-edge-hitbox'
17
}}}}}}{{{#!if Subdivision == 8
18
{{{#!if SD_HitBox08 = 'sd-edge-hitbox'
19
}}}}}}{{{#!if Subdivision == 9
20
{{{#!if SD_HitBox09 = 'sd-edge-hitbox'
21
}}}}}}{{{#!style
522
.sd-slider {width:100%;height:@HandleSize@;background:linear-gradient(90deg, #f0f5 calc((@HandleSize@ / 2) - (@SliderSize@ / 2)), transparent 0, transparent calc(100% - ((@HandleSize@ / 2) - (@SliderSize@ / 2))), #f0f5 0), radial-gradient(circle closest-side at calc(@DotSize@ / 2) 50%, #0f0a calc(@DotSize@ / 2), transparent 0)calc((@HandleSize@ / 2) - (@DotSize@ / 2)) 50%/calc((100% / @Subdivision@) - ((@HandleSize@ / 2) / (@Subdivision@ / 2))) 100%, no-repeat linear-gradient(#a00a, #a00a)50% 50%/calc(100% - @HandleSize@) @SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc((@HandleSize@ / 2) - (@SliderSize@ / 2)) 50%/@SliderSize@ @SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc(100% - ((@HandleSize@ / 2) - (@SliderSize@ / 2))) 50%/@SliderSize@ @SliderSize@, linear-gradient(#00a, #00a)}
623
724
.sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@HandleSize@ @HandleSize@;background-position:50% 0}
......
926
1027
.sd-hitbox {width:100%;height:100%;border:1px solid red}
1128
12
.sd-edge-hitbox {width:110%}
29
.sd-edge-hitbox {width:110%;background:#aa05}
1330
.sd-edge-next-hitbox {width:90%}
1431
15
.sd-bg {background:#0a05}
1632
.sd-hide {display:none}
33
34
.debug {background:#0a05}
1735
}}}{{{#!wiki class="sd-slider"
1836
{{{#!wiki class="sd-handle"
1937
......