summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/mobile/themes/android/ToggleButton.css
diff options
context:
space:
mode:
Diffstat (limited to 'js/dojo/dojox/mobile/themes/android/ToggleButton.css')
-rw-r--r--js/dojo/dojox/mobile/themes/android/ToggleButton.css52
1 files changed, 52 insertions, 0 deletions
diff --git a/js/dojo/dojox/mobile/themes/android/ToggleButton.css b/js/dojo/dojox/mobile/themes/android/ToggleButton.css
new file mode 100644
index 0000000..31d0557
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ToggleButton.css
@@ -0,0 +1,52 @@
+/* dojox.mobile.ToggleButton */
+.mblToggleButton {
+ position: relative;
+ cursor: pointer;
+ outline: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ padding: 0px 10px 0px 25px;
+ height: 29px;
+ border-width: 1px 1px 1px 1px;
+ border-style: outset;
+ border-color: #9CACC0;
+ -webkit-border-radius: 3px;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee));
+ font-family: Helvetica;
+ font-size: 13px;
+ color: black;
+ line-height: 29px;
+}
+.mblToggleButton.mblToggleButtonSelected {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+ color: white;
+}
+.mblToggleButton.mblToggleButtonChecked {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#00a200), to(#00d300), color-stop(0.2, #00ba00), color-stop(0.2, #00ba00));
+ color: white;
+}
+.mblToggleButton.mblToggleButtonChecked::after {
+ position: absolute;
+ content: "";
+ top: 6px;
+ left: 7px;
+ width: 5px;
+ height: 10px;
+ border-color: white;
+ border-width: 2px;
+ border-style: none solid solid none;
+ -webkit-transform: rotate(45deg) skew(10deg);
+ -webkit-transform-origin: 50% 50%;
+}
+.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+ color: white;
+}
+.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected::after {
+ border-color: white;
+}
+.mblToggleButton:disabled {
+ cursor: default;
+ border-color: grey;
+ background-image: none;
+ color: grey;
+}