•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r1912 vs r1913
11
22
{{{#!if SD_Subdivision = 10, SD_DotSize = '5px', SD_HandleSize = '20px', SD_SliderSize = '10px', SD_HandlePosition = 0, SD_Debug = 1
3
}}}{{{#!if SD_Debug == 1
4
{{{#!if InnerDots = '#0f0a'
3
}}}{{{#!if InnerDotsLightColor = '#fff', InnerDotsDarkColor = '#000'
4
}}}{{{#!if SD_Debug == 1
5
{{{#!if InnerDotsDarkColor = '#0f0a', InnerDotsDarkColor = '#0f0a'
56
}}}}}}{{{#!if SD_Ct00 = 'sd-hide', SD_Ct01 = 'sd-hide', SD_Ct02 = 'sd-hide', SD_Ct03 = 'sd-hide', SD_Ct04 = 'sd-hide', SD_Ct05 = 'sd-hide', SD_Ct06 = 'sd-hide', SD_Ct07 = 'sd-hide', SD_Ct08 = 'sd-hide', SD_Ct09 = 'sd-hide', SD_Ct10 = 'sd-hide'
67
}}}{{{#!if SD_HandlePosition == 0
78
{{{#!if SD_Ct00 = 'sd-show0'
......
4849
}}}}}}{{{#!if SD_C = ['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', 'remove-class,sd-handle,sd-handle-position-10', 'remove-class,sd00,sd-active-hitbox']
4950
}}}{{{#!if SD_RC00 = SD_C[0], SD_RC01 = SD_C[1], SD_RC02 = SD_C[2], SD_RC03 = SD_C[3], SD_RC04 = SD_C[4], SD_RC05 = SD_C[5], SD_RC06 = SD_C[6], SD_RC07 = SD_C[7], SD_RC08 = SD_C[8], SD_RC09 = SD_C[9], SD_RC10 = SD_C[10]
5051
}}}{{{#!style
51
.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%, @InnerDots@ 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)}
52
.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%, light-dark(@InnerDotsLightColor@, @InnerDotsDarkColor@) 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)}
5253
5354
.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}
5455
......