| r1869 vs r1870 | ||
|---|---|---|
| 1 | 1 | |
| 2 | {{{#!if Subdivision = | |
| 3 | }}}{{{#!if | |
| 4 | }}}{{{#!style | |
| 2 | {{{#!if Subdivision = 9, DotSize = '5px', HandleSize = '20px', SliderSize = '10px' | |
| 3 | }}}{{{#!if Subdivision == 1 | |
| 4 | {{{#!if SD_HitBox01 = 'sd-edge-hitbox' | |
| 5 | }}}}}}{{{#!if Subdivision == 2 | |
| 6 | {{{#!if SD_HitBox02 = 'sd-edge-hitbox' | |
| 7 | }}}}}}{{{#!if Subdivision == 3 | |
| 8 | {{{#!if SD_HitBox03 = 'sd-edge-hitbox' | |
| 9 | }}}}}}{{{#!if Subdivision == 4 | |
| 10 | {{{#!if SD_HitBox04 = 'sd-edge-hitbox' | |
| 11 | }}}}}}{{{#!if Subdivision == 5 | |
| 12 | {{{#!if SD_HitBox05 = 'sd-edge-hitbox' | |
| 13 | }}}}}}{{{#!if Subdivision == 6 | |
| 14 | {{{#!if SD_HitBox06 = 'sd-edge-hitbox' | |
| 15 | }}}}}}{{{#!if Subdivision == 7 | |
| 16 | {{{#!if SD_HitBox07 = 'sd-edge-hitbox' | |
| 17 | }}}}}}{{{#!if Subdivision == 8 | |
| 18 | {{{#!if SD_HitBox08 = 'sd-edge-hitbox' | |
| 19 | }}}}}}{{{#!if Subdivision == 9 | |
| 20 | {{{#!if SD_HitBox09 = 'sd-edge-hitbox' | |
| 21 | }}}}}}{{{#!style | |
| 5 | 22 | .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)} |
| 6 | 23 | |
| 7 | 24 | .sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@HandleSize@ @HandleSize@;background-position:50% 0} |
| ... | ... | |
| 9 | 26 | |
| 10 | 27 | .sd-hitbox {width:100%;height:100%;border:1px solid red} |
| 11 | 28 | |
| 12 | .sd-edge-hitbox {width:110%} | |
| 29 | .sd-edge-hitbox {width:110%;background:#aa05} | |
| 13 | 30 | .sd-edge-next-hitbox {width:90%} |
| 14 | 31 | |
| 15 | .sd-bg {background:#0a05} | |
| 16 | 32 | .sd-hide {display:none} |
| 33 | ||
| 34 | .debug {background:#0a05} | |
| 17 | 35 | }}}{{{#!wiki class="sd-slider" |
| 18 | 36 | {{{#!wiki class="sd-handle" |
| 19 | 37 | |
| ... | ... |