summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/mobile/themes/custom/Slider.css
diff options
context:
space:
mode:
authorTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
committerTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
commitb62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch)
tree86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /js/dojo/dojox/mobile/themes/custom/Slider.css
Initial commit of intern.ccwn.org contentsHEADmaster
Diffstat (limited to 'js/dojo/dojox/mobile/themes/custom/Slider.css')
-rw-r--r--js/dojo/dojox/mobile/themes/custom/Slider.css65
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);
+}