•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r1886 vs r1887
11
2
{{{#!if SD_Subdivision = 10, SD_DotSize = '5px', SD_HandleSize = '20px', SD_SliderSize = '10px', SD_HandlePosition = 2, SD_AC = ''
2
{{{#!if SD_Subdivision = 10, SD_DotSize = '5px', SD_HandleSize = '20px', SD_SliderSize = '10px', SD_HandlePosition = 0, SD_AC = ''
33
}}}{{{#!if SD_Subdivision == 1
44
{{{#!if SD_HitBox01 = 'sd-edge-hitbox'
55
}}}}}}{{{#!if SD_Subdivision == 2
......
2525
}}}{{{#!style
2626
.sd-slider {width:100%;height:@SD_HandleSize@;background:linear-gradient(90deg, #f0f5 calc((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2)), transparent 0, transparent calc(100% - ((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2))), #f0f5 0), radial-gradient(circle closest-side at calc(@SD_DotSize@ / 2) 50%, #0f0a calc(@SD_DotSize@ / 2), transparent 0)calc((@SD_HandleSize@ / 2) - (@SD_DotSize@ / 2)) 50%/calc((100% / @SD_Subdivision@) - ((@SD_HandleSize@ / 2) / (@SD_Subdivision@ / 2))) 100%, no-repeat linear-gradient(#a00a, #a00a)50% 50%/calc(100% - @SD_HandleSize@) @SD_SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2)) 50%/@SD_SliderSize@ @SD_SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc(100% - ((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2))) 50%/@SD_SliderSize@ @SD_SliderSize@, linear-gradient(#00a, #00a)}
2727
28
.sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@SD_HandleSize@ @SD_HandleSize@;background-position:0 0}
28
.sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@SD_HandleSize@ @SD_HandleSize@;background-position:calc((100% / @SD_Subdivision@) * @SD_HandlePosition@) 0}
2929
3030
.sd-handle-position-00 {background-position:calc((100% / @SD_Subdivision@) * 0) 0}
3131
.sd-handle-position-01 {background-position:calc((100% / @SD_Subdivision@) * 1) 0}
......
4444
.sd-edge-hitbox {width:80%;background:#aa05}
4545
.sd-center-hitbox {width:100%}
4646
.sd-active-hitbox {width:60%;background:#0005}
47
.sd-active-next-hitbox {width:100%;background:#fffa}
47
.sd-active-next-hitbox {width:100%;background:#fff5}
4848
4949
.sd-hide {display:none}
5050
......