•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기

사용자:flyant(비교)

r1919 vs r1920
11
{{{#!if SD_Subdivision = 10, SD_DotSize = '5px', SD_HandleSize = '20px', SD_SliderSize = '10px', SD_HandlePosition = 0, SD_Debug = 0
2
}}}{{{#!if SD_BgLightColor = '#00fa', SD_BgDarkColor = '#00fa', SD_LineInnerDotsLightColor = '#0f0a', SD_LineInnerDotsDarkColor = '#0f0a', SD_LineInnerDotsMaskLightColor = '#f0fa', SD_LineInnerDotsMaskDarkColor = '#f0fa', SD_LineVertexLightColor = '#fffa', SD_LineVertexDarkColor = '#fffa', SD_LineEdgeLightColor = '#a00a', SD_LineEdgeDarkColor = '#a00a', SD_HandleLightColor ='#0ffa', SD_HandleDarkColor ='#0ffa', SD_HitBoxBorderColor = '#f00', SD_EdgeNextHitboxColor = '#0aa5', SD_EdgeHitboxColor = '#aa05', SD_ActiveHitBoxColor = '#0005', SD_ActiveNextHitBoxColor = '#fff5'
2
}}}{{{#!if SD_BgLightColor = 'transparent', SD_BgDarkColor = 'transparent', SD_LineInnerDotsLightColor = '#fff', SD_LineInnerDotsDarkColor = '#000', SD_LineInnerDotsMaskLightColor = 'transparent', SD_LineInnerDotsMaskDarkColor = 'transparent', SD_LineVertexLightColor = '#fff', SD_LineVertexDarkColor = '#fff', SD_LineEdgeLightColor = '#fff', SD_LineEdgeDarkColor = '#fff', SD_HandleLightColor ='#000', SD_HandleDarkColor ='#000', SD_HitBoxBorderColor = 'transparent', SD_EdgeNextHitboxColor = '', SD_EdgeHitboxColor = '', SD_ActiveHitBoxColor = '', SD_ActiveNextHitBoxColor = ''
33
}}}{{{#!if SD_Debug == 1
44
{{{#!if SD_BgLightColor = '#00fa', SD_BgDarkColor = '#00fa', SD_LineInnerDotsLightColor = '#0f0a', SD_LineInnerDotsDarkColor = '#0f0a', SD_LineInnerDotsMaskLightColor = '#f0fa', SD_LineInnerDotsMaskDarkColor = '#f0fa', SD_LineVertexLightColor = '#fffa', SD_LineVertexDarkColor = '#fffa', SD_LineEdgeLightColor = '#a00a', SD_LineEdgeDarkColor = '#a00a', SD_HandleLightColor ='#0ffa', SD_HandleDarkColor ='#0ffa', SD_HitBoxBorderColor = '#f00', SD_EdgeNextHitboxColor = '#0aa5', SD_EdgeHitboxColor = '#aa05', SD_ActiveHitBoxColor = '#0005', SD_ActiveNextHitBoxColor = '#fff5'
55
}}}}}}{{{#!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'
......
5050
}}}{{{#!style
5151
.sd-slider {width:100%;height:@SD_HandleSize@;background:linear-gradient(90deg, light-dark(@SD_LineInnerDotsMaskLightColor@, @SD_LineInnerDotsMaskDarkColor@) calc((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2)), transparent 0, transparent calc(100% - ((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2))), light-dark(@SD_LineInnerDotsMaskLightColor@, @SD_LineInnerDotsMaskDarkColor@) 0), radial-gradient(circle closest-side at calc(@SD_DotSize@ / 2) 50%, light-dark(@SD_LineInnerDotsLightColor@, @SD_LineInnerDotsDarkColor@) 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(light-dark(@SD_LineEdgeLightColor@, @SD_LineEdgeDarkColor@), light-dark(@SD_LineEdgeLightColor@, @SD_LineEdgeDarkColor@))50% 50%/calc(100% - @SD_HandleSize@) @SD_SliderSize@, no-repeat radial-gradient(circle closest-side, light-dark(@SD_LineVertexLightColor@, @SD_LineVertexDarkColor@) 100%, transparent 0)calc((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2)) 50%/@SD_SliderSize@ @SD_SliderSize@, no-repeat radial-gradient(circle closest-side, light-dark(@SD_LineVertexLightColor@, @SD_LineVertexDarkColor@) 100%, transparent 0)calc(100% - ((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2))) 50%/@SD_SliderSize@ @SD_SliderSize@, linear-gradient(light-dark(@SD_BgLightColor@, @SD_BgDarkColor@), light-dark(@SD_BgLightColor@, @SD_BgDarkColor@))}
5252
53
.sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, light-dark(@SD_HandleLightColor@, @SD_HandleDarkColor@) 100%, transparent 0)0 0/@SD_HandleSize@ @SD_HandleSize@;background-position:calc((100% / @SD_Subdivision@) * @SD_HandlePosition@) 0}
53
.sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fff calc(100% - 2px), light-dark(@SD_HandleLightColor@, @SD_HandleDarkColor@)0 100%, transparent 0)0 0/@SD_HandleSize@ @SD_HandleSize@;background-position:calc((100% / @SD_Subdivision@) * @SD_HandlePosition@) 0}
5454
5555
.sd-handle-position-00 {background-position:calc((100% / @SD_Subdivision@) * 0) 0}
5656
.sd-handle-position-01 {background-position:calc((100% / @SD_Subdivision@) * 1) 0}
......