•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r1870 vs r1871
11
2
{{{#!if Subdivision = 9, DotSize = '5px', HandleSize = '20px', SliderSize = '10px'
2
{{{#!if Subdivision = 10, DotSize = '5px', HandleSize = '20px', SliderSize = '10px'
33
}}}{{{#!if Subdivision == 1
44
{{{#!if SD_HitBox01 = 'sd-edge-hitbox'
55
}}}}}}{{{#!if Subdivision == 2
6
{{{#!if SD_HitBox02 = 'sd-edge-hitbox'
6
{{{#!if SD_HitBox02 = 'sd-edge-hitbox', SD_HitBox01 = 'sd-edge-next-hitbox'
77
}}}}}}{{{#!if Subdivision == 3
8
{{{#!if SD_HitBox03 = 'sd-edge-hitbox'
8
{{{#!if SD_HitBox03 = 'sd-edge-hitbox', SD_HitBox02 = 'sd-edge-next-hitbox'
99
}}}}}}{{{#!if Subdivision == 4
10
{{{#!if SD_HitBox04 = 'sd-edge-hitbox'
10
{{{#!if SD_HitBox04 = 'sd-edge-hitbox', SD_HitBox03 = 'sd-edge-next-hitbox'
1111
}}}}}}{{{#!if Subdivision == 5
12
{{{#!if SD_HitBox05 = 'sd-edge-hitbox'
12
{{{#!if SD_HitBox05 = 'sd-edge-hitbox', SD_HitBox04 = 'sd-edge-next-hitbox'
1313
}}}}}}{{{#!if Subdivision == 6
14
{{{#!if SD_HitBox06 = 'sd-edge-hitbox'
14
{{{#!if SD_HitBox06 = 'sd-edge-hitbox', SD_HitBox05 = 'sd-edge-next-hitbox'
1515
}}}}}}{{{#!if Subdivision == 7
16
{{{#!if SD_HitBox07 = 'sd-edge-hitbox'
16
{{{#!if SD_HitBox07 = 'sd-edge-hitbox', SD_HitBox06 = 'sd-edge-next-hitbox'
1717
}}}}}}{{{#!if Subdivision == 8
18
{{{#!if SD_HitBox08 = 'sd-edge-hitbox'
18
{{{#!if SD_HitBox08 = 'sd-edge-hitbox', SD_HitBox07 = 'sd-edge-next-hitbox'
1919
}}}}}}{{{#!if Subdivision == 9
20
{{{#!if SD_HitBox09 = 'sd-edge-hitbox'
20
{{{#!if SD_HitBox09 = 'sd-edge-hitbox', SD_HitBox08 = 'sd-edge-next-hitbox'
21
}}}}}}{{{#!if Subdivision == 10
22
{{{#!if SD_HitBox09 = 'sd-edge-next-hitbox'
2123
}}}}}}{{{#!style
2224
.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)}
2325
......
2628
2729
.sd-hitbox {width:100%;height:100%;border:1px solid red}
2830
29
.sd-edge-hitbox {width:110%;background:#aa05}
30
.sd-edge-next-hitbox {width:90%}
31
.sd-edge-hitbox {width:80%;background:#aa05}
32
.sd-edge-next-hitbox {width:70%;background:#0aa5}
33
.sd-active-hitbox {width:60%;background:#0005}
3134
3235
.sd-hide {display:none}
3336
......
3841
{{{#!wiki style="display:flex;width:100%;height:100%"
3942
{{{#!wiki class="sd-hitbox h00 sd-edge-hitbox"
4043
}}}{{{#!if Subdivision >= 1
41
{{{#!wiki class="sd-hitbox h01 @SD_HitBox01@"
44
{{{#!wiki class="sd-hitbox h01 sd-edge-next-hitbox @SD_HitBox01@"
4245
}}}}}}{{{#!if Subdivision >= 2
4346
{{{#!wiki class="sd-hitbox h02 @SD_HitBox02@"
4447
}}}}}}{{{#!if Subdivision >= 3
......
4649
}}}}}}{{{#!if Subdivision >= 4
4750
{{{#!wiki class="sd-hitbox h04 @SD_HitBox04@"
4851
}}}}}}{{{#!if Subdivision >= 5
49
{{{#!wiki class="sd-hitbox h05 @SD_HitBox05@"
52
{{{#!wiki class="sd-hitbox h05 @SD_HitBox05@ sd-active-hitbox"
5053
}}}}}}{{{#!if Subdivision >= 6
5154
{{{#!wiki class="sd-hitbox h06 @SD_HitBox06@"
5255
}}}}}}{{{#!if Subdivision >= 7
......