diff options
| author | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
|---|---|---|
| committer | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
| commit | b62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch) | |
| tree | 86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /js/dojo/dojox/mobile/themes/custom/Slider.css | |
Diffstat (limited to 'js/dojo/dojox/mobile/themes/custom/Slider.css')
| -rw-r--r-- | js/dojo/dojox/mobile/themes/custom/Slider.css | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/js/dojo/dojox/mobile/themes/custom/Slider.css b/js/dojo/dojox/mobile/themes/custom/Slider.css new file mode 100644 index 0000000..888f96a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Slider.css @@ -0,0 +1,65 @@ +/* dojox.mobile.Slider */ +.mblSlider { + outline: none; + -webkit-user-select: none; + /* prevent selection */ + + -webkit-box-sizing: content-box; + /* make width and height consistent with a DIV */ + + margin: 15px; + /* 1/2 handle width for hanging off the ends of the bar */ + + border: 1px outset #b5bcc7; + background-color: #8fc9ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblSliderH { + width: 200px; + height: 8px; +} +.mblSliderH .mblSliderProgressBar { + height: 100%; +} +.mblSliderH .mblSliderHandle { + top: 50%; +} +.mblSliderV { + height: 200px; + width: 8px; +} +.mblSliderV .mblSliderProgressBar { + width: 100%; +} +.mblSliderV .mblSliderHandle { + left: 50%; +} +.mblSliderProgressBar { + -webkit-border-radius: 2px; + background-color: #0064c2; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblSliderHandle { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: 1px outset #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblSliderTransition { + -webkit-transition-duration: 400ms; +} +.mblSliderTouchBox { + margin: 0; + padding: 12pt; + left: -12pt; + top: -12pt; + border: none; + width: 100%; + height: 100%; + background-color: transparent; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} |
