summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/mobile/themes/iphone/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/iphone/Slider.css
Initial commit of intern.ccwn.org contentsHEADmaster
Diffstat (limited to 'js/dojo/dojox/mobile/themes/iphone/Slider.css')
-rw-r--r--js/dojo/dojox/mobile/themes/iphone/Slider.css62
1 files changed, 62 insertions, 0 deletions
diff --git a/js/dojo/dojox/mobile/themes/iphone/Slider.css b/js/dojo/dojox/mobile/themes/iphone/Slider.css
new file mode 100644
index 0000000..6866098
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/iphone/Slider.css
@@ -0,0 +1,62 @@
+/* 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: #B0B0B0 1px inset;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#fefefe));
+ -webkit-border-radius: 8px;
+}
+.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 {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#0d48a8), to(#68a6f8));
+ -webkit-border-radius: 8px;
+}
+.mblSliderHandle {
+ margin: -10px 0 0 -10px;
+ width: 18px;
+ height: 18px;
+ border: #9D9D9D 1px outset;
+ -webkit-border-radius: 10px;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#fcfcfc));
+}
+.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);
+}