/* dojox.mobile.Slider */ .mblSlider { margin: 15px; // 1/2 handle width for hanging off the ends of the bar border-style: inset; border-width: 1px; border-radius: @mbl-slider-bar-border-radius; .mbl-switch-bg-right-background-image(); .user-select(none); // prevent selection .box-sizing(content-box); // make width and height consistent with a DIV .mblSlider-styles; } .mblSliderH { width: 200px; height: 8px; .mblSliderProgressBar { height: 100%; } .mblSliderHandle { top: 50%; } } .mblSliderV { height: 200px; width: 8px; .mblSliderProgressBar { width: 100%; } .mblSliderHandle { left: 50%; } } .mblSliderProgressBar { border-radius: @mbl-slider-bar-border-radius; .mbl-switch-bg-left-background-image(); } .mblSliderHandle { margin: -10px 0 0 -10px; width: 18px; height: 18px; border-style: outset; border-width: 1px; border-radius: @mbl-slider-knob-border-radius; .mbl-switch-knob-background-image(); .mblSliderHandle-styles; } .mblSliderTransition { .transition-duration(400ms); } .mblSliderTouchBox { margin: 0; padding: 12pt; left: -12pt; top: -12pt; border: none; width: 100%; height: 100%; background-color: transparent; .tap-highlight-color(rgba(255,255,255,0)); }