| r1886 vs r1887 | ||
|---|---|---|
| 1 | 1 | |
| 2 | {{{#!if SD_Subdivision = 10, SD_DotSize = '5px', SD_HandleSize = '20px', SD_SliderSize = '10px', SD_HandlePosition = | |
| 2 | {{{#!if SD_Subdivision = 10, SD_DotSize = '5px', SD_HandleSize = '20px', SD_SliderSize = '10px', SD_HandlePosition = 0, SD_AC = '' | |
| 3 | 3 | }}}{{{#!if SD_Subdivision == 1 |
| 4 | 4 | {{{#!if SD_HitBox01 = 'sd-edge-hitbox' |
| 5 | 5 | }}}}}}{{{#!if SD_Subdivision == 2 |
| ... | ... | |
| 25 | 25 | }}}{{{#!style |
| 26 | 26 | .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)} |
| 27 | 27 | |
| 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: | |
| 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} | |
| 29 | 29 | |
| 30 | 30 | .sd-handle-position-00 {background-position:calc((100% / @SD_Subdivision@) * 0) 0} |
| 31 | 31 | .sd-handle-position-01 {background-position:calc((100% / @SD_Subdivision@) * 1) 0} |
| ... | ... | |
| 44 | 44 | .sd-edge-hitbox {width:80%;background:#aa05} |
| 45 | 45 | .sd-center-hitbox {width:100%} |
| 46 | 46 | .sd-active-hitbox {width:60%;background:#0005} |
| 47 | .sd-active-next-hitbox {width:100%;background:#fff | |
| 47 | .sd-active-next-hitbox {width:100%;background:#fff5} | |
| 48 | 48 | |
| 49 | 49 | .sd-hide {display:none} |
| 50 | 50 | |
| ... | ... |