•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r1854 vs r1855
......
33
44
{{{#!wiki style="text-align:center"
55
v}}}
6
{{{#!if Subdivision = '10', DotSize = '5px', HandleSize = '50px', SliderSize = '30px'
6
{{{#!if Subdivision = '10', DotSize = '10px', HandleSize = '20px', SliderSize = '10px'
77
}}}
8
{{{#!wiki style="width:100%;height:@HandleSize@;background:radial-gradient(circle closest-side at 5px 50%, #0f0a calc(@DotSize@ / 2), transparent 0)5px 50%/calc((100% / @Subdivision@) - (10px / (@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)"
8
{{{#!wiki style="width:100%;height:@HandleSize@;background:radial-gradient(circle closest-side at 5px 50%, #0f0a calc(@DotSize@ / 2), transparent 0)calc((@HandleSize@ / 2) - (@SliderSize@ / 2)) 50%/calc((100% / @Subdivision@) - (10px / (@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)"
99
{{{#!wiki style="width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@HandleSize@ @HandleSize@;background-position:0% 0"
1010
}}}}}}
1111
......