summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/mobile/themes/android
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/android
Initial commit of intern.ccwn.org contentsHEADmaster
Diffstat (limited to 'js/dojo/dojox/mobile/themes/android')
-rw-r--r--js/dojo/dojox/mobile/themes/android/Button-compat.css33
-rw-r--r--js/dojo/dojox/mobile/themes/android/Button.css45
-rw-r--r--js/dojo/dojox/mobile/themes/android/Button.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/Carousel.css60
-rw-r--r--js/dojo/dojox/mobile/themes/android/Carousel.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/CheckBox-compat.css37
-rw-r--r--js/dojo/dojox/mobile/themes/android/CheckBox.css44
-rw-r--r--js/dojo/dojox/mobile/themes/android/CheckBox.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/ComboBox-compat.css7
-rw-r--r--js/dojo/dojox/mobile/themes/android/ComboBox.css45
-rw-r--r--js/dojo/dojox/mobile/themes/android/ComboBox.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/EdgeToEdgeCategory.css18
-rw-r--r--js/dojo/dojox/mobile/themes/android/EdgeToEdgeCategory.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/EdgeToEdgeList.css12
-rw-r--r--js/dojo/dojox/mobile/themes/android/EdgeToEdgeList.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/Heading-compat.css22
-rw-r--r--js/dojo/dojox/mobile/themes/android/Heading.css81
-rw-r--r--js/dojo/dojox/mobile/themes/android/Heading.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/IconContainer-compat.css11
-rw-r--r--js/dojo/dojox/mobile/themes/android/IconContainer.css99
-rw-r--r--js/dojo/dojox/mobile/themes/android/IconContainer.less5
-rw-r--r--js/dojo/dojox/mobile/themes/android/ListItem-compat.css26
-rw-r--r--js/dojo/dojox/mobile/themes/android/ListItem.css84
-rw-r--r--js/dojo/dojox/mobile/themes/android/ListItem.less5
-rw-r--r--js/dojo/dojox/mobile/themes/android/Opener-compat.css3
-rw-r--r--js/dojo/dojox/mobile/themes/android/Opener.css7
-rw-r--r--js/dojo/dojox/mobile/themes/android/Overlay-compat.css13
-rw-r--r--js/dojo/dojox/mobile/themes/android/Overlay.css18
-rw-r--r--js/dojo/dojox/mobile/themes/android/Overlay.less5
-rw-r--r--js/dojo/dojox/mobile/themes/android/PageIndicator.css24
-rw-r--r--js/dojo/dojox/mobile/themes/android/PageIndicator.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/ProgressIndicator-compat.css46
-rw-r--r--js/dojo/dojox/mobile/themes/android/ProgressIndicator.css58
-rw-r--r--js/dojo/dojox/mobile/themes/android/ProgressIndicator.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/RadioButton-compat.css33
-rw-r--r--js/dojo/dojox/mobile/themes/android/RadioButton.css41
-rw-r--r--js/dojo/dojox/mobile/themes/android/RadioButton.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/RoundRect-compat.css64
-rw-r--r--js/dojo/dojox/mobile/themes/android/RoundRect.css13
-rw-r--r--js/dojo/dojox/mobile/themes/android/RoundRect.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/RoundRectCategory.css10
-rw-r--r--js/dojo/dojox/mobile/themes/android/RoundRectCategory.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/RoundRectList-compat.css64
-rw-r--r--js/dojo/dojox/mobile/themes/android/RoundRectList.css25
-rw-r--r--js/dojo/dojox/mobile/themes/android/RoundRectList.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/Slider-compat.css43
-rw-r--r--js/dojo/dojox/mobile/themes/android/Slider.css62
-rw-r--r--js/dojo/dojox/mobile/themes/android/Slider.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/Switch-compat.css70
-rw-r--r--js/dojo/dojox/mobile/themes/android/Switch.css18
-rw-r--r--js/dojo/dojox/mobile/themes/android/Switch.less4
-rw-r--r--js/dojo/dojox/mobile/themes/android/TabBar-compat.css35
-rw-r--r--js/dojo/dojox/mobile/themes/android/TabBar.css158
-rw-r--r--js/dojo/dojox/mobile/themes/android/TabBar.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/TextArea-compat.css7
-rw-r--r--js/dojo/dojox/mobile/themes/android/TextArea.css14
-rw-r--r--js/dojo/dojox/mobile/themes/android/TextArea.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/TextBox-compat.css7
-rw-r--r--js/dojo/dojox/mobile/themes/android/TextBox.css8
-rw-r--r--js/dojo/dojox/mobile/themes/android/TextBox.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/ToggleButton-compat.css30
-rw-r--r--js/dojo/dojox/mobile/themes/android/ToggleButton.css52
-rw-r--r--js/dojo/dojox/mobile/themes/android/ToggleButton.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/ToolBarButton.css31
-rw-r--r--js/dojo/dojox/mobile/themes/android/ToolBarButton.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/Tooltip-compat.css47
-rw-r--r--js/dojo/dojox/mobile/themes/android/Tooltip.css144
-rw-r--r--js/dojo/dojox/mobile/themes/android/Tooltip.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/View.css24
-rw-r--r--js/dojo/dojox/mobile/themes/android/View.less6
-rw-r--r--js/dojo/dojox/mobile/themes/android/android-app-compat.css24
-rw-r--r--js/dojo/dojox/mobile/themes/android/android-app.css349
-rw-r--r--js/dojo/dojox/mobile/themes/android/android-compat.css18
-rw-r--r--js/dojo/dojox/mobile/themes/android/android.css22
-rw-r--r--js/dojo/dojox/mobile/themes/android/base-compat.css7
-rw-r--r--js/dojo/dojox/mobile/themes/android/base.css12
-rw-r--r--js/dojo/dojox/mobile/themes/android/common.css27
-rw-r--r--js/dojo/dojox/mobile/themes/android/common.less2
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/arrow-button-bg.pngbin0 -> 182 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/arrow-button-head.pngbin0 -> 566 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/blue-button-bg.pngbin0 -> 199 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/button-bg.pngbin0 -> 169 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/button-sel-bg.pngbin0 -> 156 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/gray-arrow.pngbin0 -> 920 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/heading-bg.pngbin0 -> 181 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/icon-content-heading-bg.pngbin0 -> 193 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/red-button-bg.pngbin0 -> 248 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/slider-h-bar-bg.pngbin0 -> 124 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/slider-h-bg.pngbin0 -> 135 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/slider-handle-bg.pngbin0 -> 156 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-arc-l.gifbin0 -> 958 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-arc-r.gifbin0 -> 1047 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-arc1-k.gifbin0 -> 500 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-arc2-k.gifbin0 -> 554 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-default-k.gifbin0 -> 313 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-default-l.gifbin0 -> 550 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-default-r.gifbin0 -> 557 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-round-l.gifbin0 -> 978 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-round-r.gifbin0 -> 1106 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-round1-k.gifbin0 -> 720 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/switch-round2-k.gifbin0 -> 785 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/tab-button-bg.pngbin0 -> 277 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/tab-orange-button-bg.pngbin0 -> 197 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/tab-sel-button-bg.pngbin0 -> 286 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/compat/togglebutton-chk-bg.pngbin0 -> 154 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/images/thumb-overlay-large.pngbin0 -> 3697 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/images/thumb-overlay-small.pngbin0 -> 1549 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/images/thumb-overlay.pngbin0 -> 2010 bytes
-rw-r--r--js/dojo/dojox/mobile/themes/android/variables.less737
109 files changed, 3056 insertions, 0 deletions
diff --git a/js/dojo/dojox/mobile/themes/android/Button-compat.css b/js/dojo/dojox/mobile/themes/android/Button-compat.css
new file mode 100644
index 0000000..c1bd8cf
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Button-compat.css
@@ -0,0 +1,33 @@
+/* dojox.mobile.Button */
+.mblButton {
+ background-color: #cfcfcf;
+ background-image: url(compat/button-bg.png);
+ background-repeat: repeat-x;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ -ms-border-radius: 3px;
+ border-radius: 3px;
+}
+.mblButtonSelected {
+ background-color: #ffab00;
+ background-image: url(compat/button-sel-bg.png);
+}
+.mblButtonDisabled {
+ background-image: none;
+}
+.mblBlueButton {
+ background-color: #2261dd;
+ background-image: url(compat/blue-button-bg.png);
+}
+.mblBlueButtonSelected {
+ background-color: #ffab00;
+ background-image: url(compat/button-sel-bg.png);
+}
+.mblRedButton {
+ background-color: #ee4115;
+ background-image: url(compat/red-button-bg.png);
+}
+.mblRedButtonSelected {
+ background-color: #ffab00;
+ background-image: url(compat/button-sel-bg.png);
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Button.css b/js/dojo/dojox/mobile/themes/android/Button.css
new file mode 100644
index 0000000..2eb8311
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Button.css
@@ -0,0 +1,45 @@
+/* dojox.mobile.Button */
+.mblButton {
+ cursor: pointer;
+ outline: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ padding: 0px 10px;
+ height: 29px;
+ border: #9CACC0 1px outset;
+ -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));
+ color: black;
+ font-family: Helvetica;
+ font-size: 13px;
+ line-height: 29px;
+}
+.mblButton.mblBlueButton {
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
+ color: white;
+}
+.mblButton.mblBlueButtonSelected {
+ 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;
+}
+.mblButton.mblRedButton {
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fa9d58), to(#ee4115), color-stop(0.5, #ff4d25), color-stop(0.5, #ed4d15));
+ color: white;
+}
+.mblButton.mblRedButtonSelected {
+ 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;
+}
+.mblButtonSelected {
+ 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;
+}
+.mblButtonDisabled, .mblButton:disabled {
+ cursor: default;
+ border-color: grey;
+ background-image: none;
+ color: grey;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Button.less b/js/dojo/dojox/mobile/themes/android/Button.less
new file mode 100644
index 0000000..ab3a96c
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Button.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/Button.less";
diff --git a/js/dojo/dojox/mobile/themes/android/Carousel.css b/js/dojo/dojox/mobile/themes/android/Carousel.css
new file mode 100644
index 0000000..a415950
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Carousel.css
@@ -0,0 +1,60 @@
+/* dojox.mobile.Carousel */
+.mblCarousel {
+ overflow: hidden;
+}
+.mblCarouselBox {
+ position: relative;
+ float: left;
+}
+.mblCarouselImg {
+ -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+ vertical-align: bottom;
+}
+.mblCarouselImgSelected {
+ border: 1px dashed #C0C0C0;
+ -webkit-box-shadow: none;
+}
+.mblCarouselImgHeaderText {
+ color: white;
+ font: 14px arial, helvetica, clean, sans-serif;
+}
+.mblCarouselImgFooterText {
+ color: white;
+ font: 14px arial, helvetica, clean, sans-serif;
+}
+.mblCarouselHeaderBar {
+ background-color: #3A3A3B;
+ color: #B1B1B1;
+ font: bold 16px arial, helvetica, clean, sans-serif;
+ padding: 1px;
+}
+.mblCarouselBtnContainer {
+ float: right;
+}
+.mblCarouselBtn {
+ height: 18px;
+ width: 46px;
+ font: bold 14px arial, helvetica, clean, sans-serif;
+ color: gray;
+ padding-top: 0px;
+ margin: 0px 2px;
+ border-width: 1px;
+ /* workaround for android problem */
+
+}
+.mblCarouselTitle {
+ margin: 2px 0px 2px 4px;
+}
+.mblCarouselHeaderBar .mblPageIndicator {
+ float: right;
+ width: auto;
+ padding: 0px 20px;
+}
+.mblCarouselHeaderBar .mblPageIndicatorContainer {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.mblCarouselPages {
+ position: relative;
+ text-align: center;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Carousel.less b/js/dojo/dojox/mobile/themes/android/Carousel.less
new file mode 100644
index 0000000..d717397
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Carousel.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/Carousel.less";
diff --git a/js/dojo/dojox/mobile/themes/android/CheckBox-compat.css b/js/dojo/dojox/mobile/themes/android/CheckBox-compat.css
new file mode 100644
index 0000000..1a37a2a
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/CheckBox-compat.css
@@ -0,0 +1,37 @@
+/* dojox.mobile.CheckBox */
+.mblCheckBox {
+ background-image: url(compat/button-bg.png);
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ -ms-border-radius: 3px;
+ border-radius: 3px;
+ -moz-appearance: none;
+ -o-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -o-transform: translateY(0.45em);
+ -ms-transform: translateY(0.45em);
+ transform: translateY(0.45em);
+}
+.mblCheckBoxSelected {
+ background-image: url(compat/button-sel-bg.png);
+}
+.mblCheckBoxChecked,
+.mblCheckBox:checked {
+ background-image: url(compat/togglebutton-chk-bg.png);
+}
+.mblCheckBoxChecked::after,
+.mblCheckBox:checked::after {
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -moz-transform-origin: 50% 50%;
+ -o-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+}
+.mblCheckBoxChecked.mblCheckBoxSelected {
+ background-image: url(compat/button-sel-bg.png);
+}
+
diff --git a/js/dojo/dojox/mobile/themes/android/CheckBox.css b/js/dojo/dojox/mobile/themes/android/CheckBox.css
new file mode 100644
index 0000000..bf3c3f5
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/CheckBox.css
@@ -0,0 +1,44 @@
+/* dojox.mobile.CheckBox */
+.mblCheckBox {
+ position: relative;
+ cursor: pointer;
+ outline: none;
+ -webkit-appearance: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ margin: -0.5em 3px 0.3em 4px;
+ width: 1em;
+ height: 1em;
+ border: #9CACC0 1px outset;
+ -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: inherit;
+ -webkit-transform: translatey(0.45em);
+}
+.mblCheckBoxSelected {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+ border-color: #9CACC0;
+}
+.mblCheckBoxChecked, .mblCheckBox:checked {
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#00a200), to(#00d300), color-stop(0.2, #00ba00), color-stop(0.2, #00ba00));
+}
+.mblCheckBoxChecked::after, .mblCheckBox:checked::after {
+ position: absolute;
+ content: "";
+ width: 0.3em;
+ height: 0.6em;
+ top: 0;
+ left: 0.3em;
+ border-color: white;
+ border-width: 0.15em;
+ border-style: none solid solid none;
+ -webkit-transform: rotate(45deg);
+ -webkit-transform-origin: 50% 50%;
+}
+.mblCheckBoxChecked.mblCheckBoxSelected, .mblCheckBox:checked.mblCheckBoxSelected {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+ border-color: #9CACC0;
+}
+.mblCheckBoxChecked.mblCheckBoxSelected::after, .mblCheckBox:checked.mblCheckBoxSelected::after {
+ border-color: #9CACC0;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/CheckBox.less b/js/dojo/dojox/mobile/themes/android/CheckBox.less
new file mode 100644
index 0000000..09f93b2
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/CheckBox.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/CheckBox.less";
diff --git a/js/dojo/dojox/mobile/themes/android/ComboBox-compat.css b/js/dojo/dojox/mobile/themes/android/ComboBox-compat.css
new file mode 100644
index 0000000..d9e9fa9
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ComboBox-compat.css
@@ -0,0 +1,7 @@
+/* dojox.mobile.ComboBox */
+.dijitPopup {
+ -moz-box-shadow: 0px 0px 50px black;
+ -o-box-shadow: 0px 0px 50px black;
+ -ms-box-shadow: 0px 0px 50px black;
+ box-shadow: 0px 0px 50px black;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/ComboBox.css b/js/dojo/dojox/mobile/themes/android/ComboBox.css
new file mode 100644
index 0000000..8556a91
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ComboBox.css
@@ -0,0 +1,45 @@
+/* dojox.mobile.ComboBox */
+.dijitPopup {
+ margin: 0;
+ padding: 0;
+ position: absolute;
+ border: 0;
+ background-color: transparent;
+ -webkit-box-shadow: 0px 0px 50px black;
+ -webkit-border-radius: 0px;
+}
+.mblReset {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ line-height: normal;
+ font: inherit;
+ color: inherit;
+}
+.mblComboBoxMenu {
+ overflow-y: hidden !important;
+ position: relative;
+ overflow: hidden;
+ border: 1px solid black;
+ -webkit-border-radius: 0px;
+ background-color: white;
+ color: black;
+}
+.mblComboBoxMenuItem {
+ white-space: nowrap;
+ padding: .1em .2em;
+ border-width: 1px 0 1px 0;
+ border-style: solid;
+ border-color: #ffffff;
+ color: inherit;
+ text-align: left;
+}
+.mblComboBoxMenuItemSelected {
+ background-color: black;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5));
+ color: white;
+}
+.mblComboBoxMenuPreviousButton, .mblComboBoxMenuNextButton {
+ font-style: italic;
+ overflow: hidden;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/ComboBox.less b/js/dojo/dojox/mobile/themes/android/ComboBox.less
new file mode 100644
index 0000000..ab9458c
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ComboBox.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/ComboBox.less";
diff --git a/js/dojo/dojox/mobile/themes/android/EdgeToEdgeCategory.css b/js/dojo/dojox/mobile/themes/android/EdgeToEdgeCategory.css
new file mode 100644
index 0000000..f585a35
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/EdgeToEdgeCategory.css
@@ -0,0 +1,18 @@
+/* dojox.mobile.EdgeToEdgeCategory */
+.mblEdgeToEdgeCategory {
+ position: relative;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ margin: 0px;
+ padding: 0px 10px;
+ height: 22px;
+ border-bottom: 1px solid #393439;
+ background-color: #212021;
+ font-family: Helvetica;
+ font-size: 16px;
+ font-weight: bold;
+ color: white;
+ line-height: 22px;
+ text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/EdgeToEdgeCategory.less b/js/dojo/dojox/mobile/themes/android/EdgeToEdgeCategory.less
new file mode 100644
index 0000000..3bb63da
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/EdgeToEdgeCategory.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/EdgeToEdgeCategory.less";
diff --git a/js/dojo/dojox/mobile/themes/android/EdgeToEdgeList.css b/js/dojo/dojox/mobile/themes/android/EdgeToEdgeList.css
new file mode 100644
index 0000000..83e2a57
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/EdgeToEdgeList.css
@@ -0,0 +1,12 @@
+/* dojox.mobile.EdgeToEdgeList */
+.mblEdgeToEdgeList {
+ position: relative;
+ /* IE needs this */
+
+ margin: 0px;
+ padding: 0px;
+ background-color: black;
+}
+.mblEdgeToEdgeList .mblListItem:last-child {
+ border-bottom-color: #313431;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/EdgeToEdgeList.less b/js/dojo/dojox/mobile/themes/android/EdgeToEdgeList.less
new file mode 100644
index 0000000..227627c
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/EdgeToEdgeList.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/EdgeToEdgeList.less";
diff --git a/js/dojo/dojox/mobile/themes/android/Heading-compat.css b/js/dojo/dojox/mobile/themes/android/Heading-compat.css
new file mode 100644
index 0000000..8b9b01f
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Heading-compat.css
@@ -0,0 +1,22 @@
+/* mbl.widget.Heading */
+.mblHeading {
+ background-image: url(compat/heading-bg.png);
+}
+.mblHeadingSpanTitle {
+ white-space: normal;
+}
+
+/* Heading Arrow Button */
+.mblArrowButtonHead {
+ position: absolute;
+ top: 0px;
+ left: 3px;
+ width: 19px;
+ height: 29px;
+ border-style: none;
+ background-image: url(compat/arrow-button-head.png);
+}
+.mblArrowButtonBody {
+ padding: 0px 10px 0px 3px;
+ background-image: url(compat/arrow-button-bg.png);
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Heading.css b/js/dojo/dojox/mobile/themes/android/Heading.css
new file mode 100644
index 0000000..8147058
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Heading.css
@@ -0,0 +1,81 @@
+/* dojox.mobile.Heading */
+.mblHeading {
+ position: relative;
+ margin: 0px;
+ width: 100%;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ z-index: 1;
+ padding: 0px 0px 0px 4px;
+ height: 25px;
+ background-color: #8C8A8C;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9e9c), to(#848284));
+ border-top: 1px solid #CDD5DF;
+ border-bottom: 1px solid #2D3642;
+ color: white;
+ font-family: Helvetica;
+ font-size: 14px;
+ font-weight: bold;
+ text-align: center;
+ line-height: 26px;
+ text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
+}
+.mblHeading * {
+ z-index: 2;
+}
+.mblHeadingDivTitle {
+ position: absolute;
+ width: 100%;
+ display: none;
+ left: 0px;
+ z-index: 1;
+}
+.mblHeadingCenterTitle .mblHeadingDivTitle {
+ display: block;
+}
+.mblHeadingCenterTitle .mblHeadingSpanTitle {
+ display: none;
+}
+/* Heading Arrow Button */
+.mblArrowButton {
+ position: relative;
+ float: left;
+ height: 25px;
+ margin-right: 10px;
+}
+.mblArrowButtonHead {
+ position: absolute;
+ top: 4px;
+ left: 6px;
+ width: 14px;
+ height: 14px;
+ border: 1px solid #555555;
+ -webkit-transform: scale(0.8, 1) rotate(45deg);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#7f7f7f), color-stop(0.5, #adadad), color-stop(0.5, #909090));
+}
+.dj_chrome .mblArrowButtonHead {
+ border: 1px outset #555555;
+}
+.mblArrowButtonBody {
+ position: absolute;
+ cursor: pointer;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ top: 0px;
+ left: 14px;
+ padding: 0px 10px 0px 3px;
+ height: 22px;
+ border-width: 1px 1px 1px 0px;
+ border-style: solid;
+ border-color: #555555;
+ font-family: Helvetica;
+ font-size: 13px;
+ color: white;
+ line-height: 23px;
+ background-color: #ADADAD;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#7f7f7f), color-stop(0.5, #adadad), color-stop(0.5, #909090));
+}
+.mblArrowButtonSelected .mblArrowButtonHead, .mblArrowButtonSelected .mblArrowButtonBody {
+ background-color: #FFC700;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Heading.less b/js/dojo/dojox/mobile/themes/android/Heading.less
new file mode 100644
index 0000000..cfc8580
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Heading.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/Heading.less";
diff --git a/js/dojo/dojox/mobile/themes/android/IconContainer-compat.css b/js/dojo/dojox/mobile/themes/android/IconContainer-compat.css
new file mode 100644
index 0000000..adf6d49
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/IconContainer-compat.css
@@ -0,0 +1,11 @@
+@import url("../common/domButtons/DomButtonColorButtons-compat.css");
+
+/* dojox.mobile.IconItem */
+.mblIconArea div {
+ *font-size: 60px; /* IE 7 quirks */
+}
+
+/* Icon Content Heading */
+.mblIconContentHeading {
+ background-image: url(compat/icon-content-heading-bg.png);
+}
diff --git a/js/dojo/dojox/mobile/themes/android/IconContainer.css b/js/dojo/dojox/mobile/themes/android/IconContainer.css
new file mode 100644
index 0000000..9e11d7b
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/IconContainer.css
@@ -0,0 +1,99 @@
+@import url("../common/domButtons/DomButtonColorButtons.css");
+
+@import url("../common/IconContainer_keyframes.css");
+/* dojox.mobile.IconContainer */
+.mblIconContainer {
+ margin: 20px 0px 0px 10px;
+ padding: 0px 0px 40px 0px;
+}
+/* dojox.mobile.IconItem */
+.mblIconItem {
+ list-style-type: none;
+ float: left;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+}
+.mblIconItemTerminator {
+ list-style-type: none;
+ clear: both;
+ height: 20px;
+}
+.mblIconItemSub {
+ list-style-type: none;
+ margin-left: -10px;
+ background-color: white;
+ color: black;
+}
+.mblIconArea {
+ margin-bottom: 10px;
+ height: 78px;
+ width: 74px;
+ font-family: Helvetica;
+ font-size: 12px;
+ color: white;
+ text-align: center;
+}
+.mblIconArea div {
+ position: relative;
+ height: 65px;
+ line-height: 65px;
+ text-align: center;
+}
+.mblIconArea img {
+ vertical-align: middle;
+}
+.mblIconItemSpriteIcon {
+ position: absolute;
+}
+.mblContent {
+ clear: both;
+ padding-bottom: 20px;
+}
+table.mblClose {
+ clear: both;
+ cursor: pointer;
+}
+.mblVibrate {
+ position: relative;
+ -webkit-animation-duration: .5s;
+ -webkit-animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 20;
+ -webkit-animation-name: mblVibrate;
+ -webkit-transform: rotate(0deg);
+}
+.mblCloseContent {
+ -webkit-animation-duration: .3s;
+ -webkit-animation-timing-function: ease-in-out;
+ -webkit-animation-name: mblShrink;
+ -webkit-transform: scale(0.01);
+}
+.mblCloseContent.mblShrink0 {
+ -webkit-animation-name: mblShrink0;
+}
+.mblCloseContent.mblShrink1 {
+ -webkit-animation-name: mblShrink1;
+}
+.mblCloseContent.mblShrink2 {
+ -webkit-animation-name: mblShrink2;
+}
+.mblCloseContent.mblShrink3 {
+ -webkit-animation-name: mblShrink3;
+}
+/* Icon Content Heading */
+.mblIconContentHeading {
+ position: relative;
+ clear: both;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ margin-top: 0px;
+ padding-left: 40px;
+ height: 25px;
+ border-top: 1px solid #F1F3F4;
+ border-bottom: 1px solid #717D85;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e4e7), to(#b4bec6), color-stop(0.5, #c4ccd2), color-stop(0.5, #bfc8ce));
+ font-family: Helvetica;
+ font-size: 14px;
+ color: white;
+ line-height: 26px;
+ text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/IconContainer.less b/js/dojo/dojox/mobile/themes/android/IconContainer.less
new file mode 100644
index 0000000..963eae6
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/IconContainer.less
@@ -0,0 +1,5 @@
+@import url("../common/domButtons/DomButtonColorButtons.css");
+@import url("../common/IconContainer_keyframes.css");
+
+@import "variables.less";
+@import "../common/IconContainer.less";
diff --git a/js/dojo/dojox/mobile/themes/android/ListItem-compat.css b/js/dojo/dojox/mobile/themes/android/ListItem-compat.css
new file mode 100644
index 0000000..5ced8fe
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ListItem-compat.css
@@ -0,0 +1,26 @@
+@import url("../common/domButtons/DomButtonGrayArrow-compat.css");
+@import url("../common/domButtons/DomButtonDarkBlueCheck-compat.css");
+
+/* mbl.widget.ListItem */
+*html li.mblListItem.mblVariableHeight { /* IE6 hack */
+ height: 0;
+}
+
+.mblListItemIcon {
+ top: 18px;
+}
+.mblListItem .mblArrow {
+ border-style: none;
+ width: 9px;
+ height: 13px;
+ background-image: url(compat/gray-arrow.png);
+}
+.mblItemSelected .mblArrow {
+ background-image: url(compat/white-arrow.png);
+}
+*html .mblListItemTextBox { /* IE6 hack */
+ height: 100%;
+}
+*html li.mblListItem.mblVariableHeight .mblListItemTextBox { /* IE6 hack */
+ height: auto;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/ListItem.css b/js/dojo/dojox/mobile/themes/android/ListItem.css
new file mode 100644
index 0000000..8d61090
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ListItem.css
@@ -0,0 +1,84 @@
+@import url("../common/domButtons/DomButtonGrayArrow.css");
+
+@import url("../common/domButtons/DomButtonWhiteCheck.css");
+/* dojox.mobile.ListItem */
+.mblListItem {
+ position: relative;
+ list-style-type: none;
+ vertical-align: bottom;
+ /* To avoid IE6 LI bug */
+
+ padding: 0px 0px 0px 7px;
+ height: 64px;
+ border-bottom: solid 1px #313431;
+ background-color: black;
+ font-size: 21px;
+ color: white;
+ line-height: 64px;
+}
+.mblListItem.mblVariableHeight {
+ height: auto;
+ padding: 11px 0px 10px 6px;
+ line-height: normal;
+}
+.mblListItem .mblListItemAnchor {
+ display: block;
+ height: 100%;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ background-position: 14px 17px;
+ text-decoration: none;
+ padding-right: 7px;
+}
+.mblListItem .mblListItemAnchor * {
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
+}
+.mblItemSelected {
+ background-color: #FFC700;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+}
+.mblItemSelected .mblListItemAnchor {
+ color: black;
+}
+.mblItemSelected .mblDomButton div {
+ border-color: white;
+}
+.mblListItemTextBoxSelected {
+ background-color: #048BF4;
+}
+.mblListItemIcon {
+ float: left;
+ line-height: normal;
+ margin-top: 17px;
+ margin-right: 11px;
+}
+.mblListItemSpriteIcon {
+ position: absolute;
+ margin-top: 7px;
+ margin-left: 8px;
+}
+.mblListItemRightIcon, .mblListItemRightIcon2 {
+ position: relative;
+ float: right;
+ line-height: normal;
+ margin-top: 17px;
+ margin-bottom: -17px;
+}
+.mblListItemRightText {
+ position: relative;
+ float: right;
+ line-height: normal;
+ color: white;
+ margin: 20px 4px 0 0;
+}
+.mblListItemTextBox {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.mblVariableHeight .mblListItemTextBox {
+ white-space: normal;
+}
+.mblListItemSubText {
+ font-size: 14px;
+ color: gray;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/ListItem.less b/js/dojo/dojox/mobile/themes/android/ListItem.less
new file mode 100644
index 0000000..45d4386
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ListItem.less
@@ -0,0 +1,5 @@
+@import url("../common/domButtons/DomButtonGrayArrow.css");
+@import url("../common/domButtons/DomButtonWhiteCheck.css");
+
+@import "variables.less";
+@import "../common/ListItem.less";
diff --git a/js/dojo/dojox/mobile/themes/android/Opener-compat.css b/js/dojo/dojox/mobile/themes/android/Opener-compat.css
new file mode 100644
index 0000000..68cb1a8
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Opener-compat.css
@@ -0,0 +1,3 @@
+/* dojox.mobile.Opener */
+@import url("Overlay-compat.css");
+@import url("Tooltip-compat.css");
diff --git a/js/dojo/dojox/mobile/themes/android/Opener.css b/js/dojo/dojox/mobile/themes/android/Opener.css
new file mode 100644
index 0000000..8f2d4c8
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Opener.css
@@ -0,0 +1,7 @@
+/* dojox.mobile.Opener */
+@import url("Overlay.css");
+@import url("Tooltip.css");
+
+.mblOpenerUnderlay {
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Overlay-compat.css b/js/dojo/dojox/mobile/themes/android/Overlay-compat.css
new file mode 100644
index 0000000..3bc72a3
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Overlay-compat.css
@@ -0,0 +1,13 @@
+/* dojox.mobile.Overlay */
+.mblOverlay {
+ _position: absolute;
+ text-align: center;
+}
+.dj_gecko .mblOverlay {
+ text-align: -moz-center;
+}
+.dj_ie9 .mblOverlay > *,
+.dj_ie8 .mblOverlay > *
+{
+ margin: 0 auto;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Overlay.css b/js/dojo/dojox/mobile/themes/android/Overlay.css
new file mode 100644
index 0000000..40a1228
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Overlay.css
@@ -0,0 +1,18 @@
+@import url("../common/transitions/coverv.css");
+
+@import url("../common/transitions/revealv.css");
+/* dojox.mobile.Overlay */
+.mblOverlay {
+ position: fixed;
+ z-index: 2000;
+ left: 0;
+ bottom: 0;
+ margin: 0;
+ width: 100%;
+ text-align: -webkit-center;
+ background-color: #333333;
+ background-image: none;
+}
+.mblOverlayHidden *, .mblOverlayHidden {
+ visibility: hidden !important;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Overlay.less b/js/dojo/dojox/mobile/themes/android/Overlay.less
new file mode 100644
index 0000000..e49ea9e
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Overlay.less
@@ -0,0 +1,5 @@
+@import url("../common/transitions/coverv.css");
+@import url("../common/transitions/revealv.css");
+
+@import "variables.less";
+@import "../common/Overlay.less";
diff --git a/js/dojo/dojox/mobile/themes/android/PageIndicator.css b/js/dojo/dojox/mobile/themes/android/PageIndicator.css
new file mode 100644
index 0000000..a175ad6
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/PageIndicator.css
@@ -0,0 +1,24 @@
+/* dojox.mobile.PageIndicator */
+.mblPageIndicator {
+ position: relative;
+ width: 100%;
+ height: 20px;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+}
+.mblPageIndicatorContainer {
+ margin-top: 4px;
+ margin-left: auto;
+ margin-right: auto;
+}
+.mblPageIndicatorDot {
+ margin: 0px 3px;
+ width: 6px;
+ height: 6px;
+ font-size: 1px;
+ background-color: #949294;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+.mblPageIndicatorDotSelected {
+ background-color: white;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/PageIndicator.less b/js/dojo/dojox/mobile/themes/android/PageIndicator.less
new file mode 100644
index 0000000..9bb6c49
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/PageIndicator.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/PageIndicator.less";
diff --git a/js/dojo/dojox/mobile/themes/android/ProgressIndicator-compat.css b/js/dojo/dojox/mobile/themes/android/ProgressIndicator-compat.css
new file mode 100644
index 0000000..4ee0810
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ProgressIndicator-compat.css
@@ -0,0 +1,46 @@
+/* Progress Indicator */
+.mblProg {
+ position: absolute;
+ top: 0px;
+ width: 4px;
+ font-size: 1px;
+ height: 36px;
+ overflow: hidden;
+ background-color: #C0C0C0;
+}
+.mblProg0 {
+ left: 0px;
+}
+.mblProg1 {
+ left: 8px;
+}
+.mblProg2 {
+ left: 16px;
+}
+.mblProg3 {
+ left: 24px;
+}
+.mblProg4 {
+ left: 32px;
+}
+.mblProg5 {
+ left: 40px;
+}
+.mblProg6 {
+ left: 48px;
+}
+.mblProg7 {
+ left: 56px;
+}
+.mblProg8 {
+ left: 64px;
+}
+.mblProg9 {
+ left: 72px;
+}
+.mblProg10 {
+ left: 80px;
+}
+.mblProg11 {
+ left: 80px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/ProgressIndicator.css b/js/dojo/dojox/mobile/themes/android/ProgressIndicator.css
new file mode 100644
index 0000000..2340637
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ProgressIndicator.css
@@ -0,0 +1,58 @@
+/* Progress Indicator */
+.mblProgContainer {
+ position: absolute;
+ width: 40px;
+ height: 40px;
+ top: 180px;
+ left: 50%;
+ margin: -18px 0px 0px -18px;
+}
+.mblProg {
+ position: absolute;
+ left: 2px;
+ top: 0px;
+ width: 11px;
+ font-size: 1px;
+ height: 4px;
+ overflow: hidden;
+ -webkit-transform-origin: 0 2px;
+ background-color: #C0C0C0;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+}
+.mblProg0 {
+ -webkit-transform: translate(18px, 10px) rotate(-90.1deg);
+}
+.mblProg1 {
+ -webkit-transform: translate(22px, 11px) rotate(-60deg);
+}
+.mblProg2 {
+ -webkit-transform: translate(25px, 14px) rotate(-30deg);
+}
+.mblProg3 {
+ -webkit-transform: translate(26px, 18px) rotate(0deg);
+}
+.mblProg4 {
+ -webkit-transform: translate(25px, 22px) rotate(30deg);
+}
+.mblProg5 {
+ -webkit-transform: translate(22px, 25px) rotate(60deg);
+}
+.mblProg6 {
+ -webkit-transform: translate(18px, 26px) rotate(90.1deg);
+}
+.mblProg7 {
+ -webkit-transform: translate(14px, 25px) rotate(120deg);
+}
+.mblProg8 {
+ -webkit-transform: translate(11px, 22px) rotate(150deg);
+}
+.mblProg9 {
+ -webkit-transform: translate(10px, 18px) rotate(180deg);
+}
+.mblProg10 {
+ -webkit-transform: translate(11px, 14px) rotate(210deg);
+}
+.mblProg11 {
+ -webkit-transform: translate(14px, 11px) rotate(240deg);
+}
diff --git a/js/dojo/dojox/mobile/themes/android/ProgressIndicator.less b/js/dojo/dojox/mobile/themes/android/ProgressIndicator.less
new file mode 100644
index 0000000..2ab2a2d
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ProgressIndicator.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/ProgressIndicator.less";
diff --git a/js/dojo/dojox/mobile/themes/android/RadioButton-compat.css b/js/dojo/dojox/mobile/themes/android/RadioButton-compat.css
new file mode 100644
index 0000000..17e473f
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RadioButton-compat.css
@@ -0,0 +1,33 @@
+/* dojox.mobile.RadioButton */
+.mblRadioButton {
+ background-image: url(compat/button-bg.png);
+ -moz-border-radius: 0.5em;
+ -o-border-radius: 0.5em;
+ -ms-border-radius: 0.5em;
+ border-radius: 0.5em;
+ -moz-appearance: none;
+ -o-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -o-transform: translateY(0.45em);
+ -ms-transform: translateY(0.45em);
+ transform: translateY(0.45em);
+}
+.mblRadioButtonChecked,
+.mblRadioButton:checked {
+ background-image: url(compat/togglebutton-chk-bg.png);
+}
+.mblRadioButtonChecked::after,
+.mblRadioButton:checked::after {
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -moz-transform-origin: 50% 50%;
+ -o-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+}
+.mblRadioButtonChecked.mblRadioButtonSelected {
+ background-image: url(compat/button-sel-bg.png);
+}
diff --git a/js/dojo/dojox/mobile/themes/android/RadioButton.css b/js/dojo/dojox/mobile/themes/android/RadioButton.css
new file mode 100644
index 0000000..1f997dc
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RadioButton.css
@@ -0,0 +1,41 @@
+/* dojox.mobile.RadioButton */
+.mblRadioButton {
+ position: relative;
+ cursor: pointer;
+ outline: none;
+ -webkit-appearance: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ margin: -0.5em 3px 0.3em 4px;
+ width: 1em;
+ height: 1em;
+ border: #9CACC0 1px outset;
+ -webkit-border-radius: 0.5em;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee));
+ font: inherit;
+ -webkit-transform: translatey(0.45em);
+}
+.mblRadioButtonChecked, .mblRadioButton:checked {
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#00a200), to(#00d300), color-stop(0.2, #00ba00), color-stop(0.2, #00ba00));
+}
+.mblRadioButtonChecked::after, .mblRadioButton:checked::after {
+ position: absolute;
+ content: "";
+ width: 0.3em;
+ height: 0.6em;
+ top: 0;
+ left: 0.25em;
+ border-color: white;
+ border-width: 0.15em;
+ border-style: none solid solid none;
+ border-color: white;
+ -webkit-transform: rotate(45deg);
+ -webkit-transform-origin: 50% 50%;
+}
+.mblRadioButtonChecked.mblRadioButtonSelected, .mblRadioButton:checked.mblRadioButtonSelected {
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+}
+.mblRadioButtonChecked.mblRadioButtonSelected::after, .mblRadioButton:checked.mblRadioButtonSelected::after {
+ border-color: white;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/RadioButton.less b/js/dojo/dojox/mobile/themes/android/RadioButton.less
new file mode 100644
index 0000000..0793ca6
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RadioButton.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/RadioButton.less";
diff --git a/js/dojo/dojox/mobile/themes/android/RoundRect-compat.css b/js/dojo/dojox/mobile/themes/android/RoundRect-compat.css
new file mode 100644
index 0000000..cf3ce84
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RoundRect-compat.css
@@ -0,0 +1,64 @@
+/* Round Corner */
+.mblRoundCorner {
+ background-color: black;
+ height: 1px;
+ font-size: 1px;
+ overflow: hidden;
+ border-style: solid;
+ border-color: #ADAAAD;
+ border-width: 0px 1px;
+}
+.mblRoundRectContainer {
+ padding: 3px 8px;
+ background-color: black;
+ border-style: solid;
+ border-color: #ADAAAD;
+ border-width: 0px 1px;
+}
+.mblRoundRectList .mblRoundRectContainer {
+ margin: 0px;
+ padding: 0px;
+}
+.mblRoundCorner0T {
+ height: 0px;
+}
+.mblRoundCorner1T {
+ background-color: #ADAAAD;
+ margin: 0px 5px;
+}
+.mblRoundCorner2T {
+ margin: 0px 2px;
+ border-width: 0px 3px;
+}
+.mblRoundCorner3T {
+ margin: 0px 1px;
+ border-width: 0px 2px;
+}
+.mblRoundCorner4T {
+ margin: 0px 1px;
+}
+.mblRoundCorner5T {
+ margin: 0px 1px;
+}
+
+.mblRoundCorner0B {
+ height: 0px;
+}
+.mblRoundCorner1B {
+ margin: 0px 1px;
+}
+.mblRoundCorner2B {
+ margin: 0px 1px;
+}
+.mblRoundCorner3B {
+ margin: 0px 1px;
+ border-width: 0px 2px;
+}
+.mblRoundCorner4B {
+ margin: 0px 2px;
+ border-width: 0px 3px;
+}
+.mblRoundCorner5B {
+ background-color: #ADAAAD;
+ margin: 0px 5px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/RoundRect.css b/js/dojo/dojox/mobile/themes/android/RoundRect.css
new file mode 100644
index 0000000..c76a82f
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RoundRect.css
@@ -0,0 +1,13 @@
+/* dojox.mobile.RoundRect */
+.mblRoundRect {
+ margin: 7px 9px 16px;
+ padding: 8px;
+ border: 1px solid #ADAAAD;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ color: white;
+ background-color: black;
+}
+.mblRoundRect.mblShadow {
+ -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
diff --git a/js/dojo/dojox/mobile/themes/android/RoundRect.less b/js/dojo/dojox/mobile/themes/android/RoundRect.less
new file mode 100644
index 0000000..efec816
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RoundRect.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/RoundRect.less";
diff --git a/js/dojo/dojox/mobile/themes/android/RoundRectCategory.css b/js/dojo/dojox/mobile/themes/android/RoundRectCategory.css
new file mode 100644
index 0000000..9be5f0c
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RoundRectCategory.css
@@ -0,0 +1,10 @@
+/* dojox.mobile.RoundRectCategory */
+.mblRoundRectCategory {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ margin: 18px 0px 0px 20px;
+ font-family: Helvetica;
+ font-size: 16px;
+ color: white;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/RoundRectCategory.less b/js/dojo/dojox/mobile/themes/android/RoundRectCategory.less
new file mode 100644
index 0000000..e9148cc
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RoundRectCategory.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/RoundRectCategory.less";
diff --git a/js/dojo/dojox/mobile/themes/android/RoundRectList-compat.css b/js/dojo/dojox/mobile/themes/android/RoundRectList-compat.css
new file mode 100644
index 0000000..cf3ce84
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RoundRectList-compat.css
@@ -0,0 +1,64 @@
+/* Round Corner */
+.mblRoundCorner {
+ background-color: black;
+ height: 1px;
+ font-size: 1px;
+ overflow: hidden;
+ border-style: solid;
+ border-color: #ADAAAD;
+ border-width: 0px 1px;
+}
+.mblRoundRectContainer {
+ padding: 3px 8px;
+ background-color: black;
+ border-style: solid;
+ border-color: #ADAAAD;
+ border-width: 0px 1px;
+}
+.mblRoundRectList .mblRoundRectContainer {
+ margin: 0px;
+ padding: 0px;
+}
+.mblRoundCorner0T {
+ height: 0px;
+}
+.mblRoundCorner1T {
+ background-color: #ADAAAD;
+ margin: 0px 5px;
+}
+.mblRoundCorner2T {
+ margin: 0px 2px;
+ border-width: 0px 3px;
+}
+.mblRoundCorner3T {
+ margin: 0px 1px;
+ border-width: 0px 2px;
+}
+.mblRoundCorner4T {
+ margin: 0px 1px;
+}
+.mblRoundCorner5T {
+ margin: 0px 1px;
+}
+
+.mblRoundCorner0B {
+ height: 0px;
+}
+.mblRoundCorner1B {
+ margin: 0px 1px;
+}
+.mblRoundCorner2B {
+ margin: 0px 1px;
+}
+.mblRoundCorner3B {
+ margin: 0px 1px;
+ border-width: 0px 2px;
+}
+.mblRoundCorner4B {
+ margin: 0px 2px;
+ border-width: 0px 3px;
+}
+.mblRoundCorner5B {
+ background-color: #ADAAAD;
+ margin: 0px 5px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/RoundRectList.css b/js/dojo/dojox/mobile/themes/android/RoundRectList.css
new file mode 100644
index 0000000..058587c
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RoundRectList.css
@@ -0,0 +1,25 @@
+/* dojox.mobile.RoundRectList */
+.mblRoundRectList {
+ position: relative;
+ /* IE needs this */
+
+ margin: 7px 9px 16px;
+ padding: 0px;
+ border: 1px solid #ADAAAD;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ background-color: white;
+}
+.mblRoundRectList .mblListItem:first-child {
+ -webkit-border-top-left-radius: 8px;
+ -webkit-border-top-right-radius: 8px;
+ -moz-border-radius-topleft: 8px;
+ -moz-border-radius-topright: 8px;
+}
+.mblRoundRectList .mblListItem:last-child {
+ border-bottom-width: 0px;
+ -webkit-border-bottom-left-radius: 8px;
+ -webkit-border-bottom-right-radius: 8px;
+ -moz-border-radius-bottomleft: 8px;
+ -moz-border-radius-bottomright: 8px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/RoundRectList.less b/js/dojo/dojox/mobile/themes/android/RoundRectList.less
new file mode 100644
index 0000000..52e1164
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/RoundRectList.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/RoundRectList.less";
diff --git a/js/dojo/dojox/mobile/themes/android/Slider-compat.css b/js/dojo/dojox/mobile/themes/android/Slider-compat.css
new file mode 100644
index 0000000..c8a47f8
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Slider-compat.css
@@ -0,0 +1,43 @@
+/* dojox.mobile.Slider */
+.mblSlider {
+ background-image: url(compat/slider-h-bg.png);
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ -ms-border-radius: 2px;
+ border-radius: 2px;
+ -moz-user-select: none; /* prevent selection */
+ -o-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -moz-box-sizing: content-box; /* make width and height consistent with a DIV */
+ -o-box-sizing: content-box;
+ -ms-box-sizing: content-box;
+ box-sizing: content-box;
+}
+.mblSlider.mblSliderV {
+ background: #BDBEBD;
+}
+.mblSliderProgressBar {
+ background-image: url(compat/slider-h-bar-bg.png);
+ background-repeat: repeat-x;
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ -ms-border-radius: 2px;
+ border-radius: 2px;
+}
+.mblSliderV .mblSliderProgressBar {
+ background: #00A200;
+}
+.mblSliderHandle {
+ background-image: url(compat/slider-handle-bg.png);
+ -moz-border-radius: 2px;
+ -o-border-radius: 2px;
+ -ms-border-radius: 2px;
+ border-radius: 2px;
+}
+.mblSliderTransition {
+ -moz-transition-duration: 400ms;
+ -o-transition-duration: 400ms;
+ -ms-transition-duration: 400ms;
+ transition-duration: 400ms;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Slider.css b/js/dojo/dojox/mobile/themes/android/Slider.css
new file mode 100644
index 0000000..4a16e82
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/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(#bdbebd), to(#f7f3f7));
+ -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 {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#00a200), to(#00d300), color-stop(0.2, #00ba00), color-stop(0.2, #00ba00));
+ -webkit-border-radius: 2px;
+}
+.mblSliderHandle {
+ margin: -10px 0 0 -10px;
+ width: 18px;
+ height: 18px;
+ border: #9D9D9D 1px outset;
+ -webkit-border-radius: 2px;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9a9c), to(#848284));
+}
+.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);
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Slider.less b/js/dojo/dojox/mobile/themes/android/Slider.less
new file mode 100644
index 0000000..928972f
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Slider.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/Slider.less";
diff --git a/js/dojo/dojox/mobile/themes/android/Switch-compat.css b/js/dojo/dojox/mobile/themes/android/Switch-compat.css
new file mode 100644
index 0000000..3756d95
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Switch-compat.css
@@ -0,0 +1,70 @@
+/* Switch - default */
+.mblSwitchBg {
+ border: none;
+}
+.mblSwitchBgLeft {
+ background: none;
+ background-image: url(compat/switch-default-l.gif);
+ background-repeat: no-repeat;
+}
+.mblSwitchBgRight {
+ background: none;
+ background-image: url(compat/switch-default-r.gif);
+ background-repeat: no-repeat;
+}
+.mblSwitchKnob {
+ top: 0px;
+ height: 27px;
+ background: none;
+ background-image: url(compat/switch-default-k.gif);
+ background-repeat: no-repeat;
+ border: none;
+}
+/* Switch - Round Shape1 */
+.mblSwRoundShape1 .mblSwitchBgLeft {
+ background-image: url(compat/switch-round-l.gif);
+}
+.mblSwRoundShape1 .mblSwitchBgRight {
+ background-image: url(compat/switch-round-r.gif);
+}
+.mblSwRoundShape1 .mblSwitchKnob {
+ top: 1px;
+ height: 26px;
+ background-image: url(compat/switch-round1-k.gif);
+}
+/* Switch - Round Shape2 */
+.mblSwRoundShape2 .mblSwitchBgLeft {
+ background-image: url(compat/switch-round-l.gif);
+}
+.mblSwRoundShape2 .mblSwitchBgRight {
+ background-image: url(compat/switch-round-r.gif);
+}
+.mblSwRoundShape2 .mblSwitchKnob {
+ top: 1px;
+ height: 26px;
+ background-image: url(compat/switch-round2-k.gif);
+}
+/* Switch - Arc Shape1 */
+.mblSwArcShape1 .mblSwitchBgLeft {
+ background-image: url(compat/switch-arc-l.gif);
+}
+.mblSwArcShape1 .mblSwitchBgRight {
+ background-image: url(compat/switch-arc-r.gif);
+}
+.mblSwArcShape1 .mblSwitchKnob {
+ top: 1px;
+ height: 26px;
+ background-image: url(compat/switch-arc1-k.gif);
+}
+/* Switch - Arc Shape2 */
+.mblSwArcShape2 .mblSwitchBgLeft {
+ background-image: url(compat/switch-arc-l.gif);
+}
+.mblSwArcShape2 .mblSwitchBgRight {
+ background-image: url(compat/switch-arc-r.gif);
+}
+.mblSwArcShape2 .mblSwitchKnob {
+ top: 1px;
+ height: 26px;
+ background-image: url(compat/switch-arc2-k.gif);
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Switch.css b/js/dojo/dojox/mobile/themes/android/Switch.css
new file mode 100644
index 0000000..f8d1147
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Switch.css
@@ -0,0 +1,18 @@
+@import url("../common/Switch.css");
+/* dojox.mobile.Switch */
+.mblItemSwitch {
+ top: 18px;
+}
+.mblSwitchBg {
+ -webkit-border-radius: 2px;
+}
+.mblSwitchBgLeft {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#00a200), to(#00d300), color-stop(0.2, #00ba00), color-stop(0.2, #00ba00));
+}
+.mblSwitchBgRight {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#bdbebd), to(#f7f3f7));
+}
+.mblSwitchKnob {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9a9c), to(#848284));
+ -webkit-border-radius: 2px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Switch.less b/js/dojo/dojox/mobile/themes/android/Switch.less
new file mode 100644
index 0000000..84a1146
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Switch.less
@@ -0,0 +1,4 @@
+@import url("../common/Switch.css");
+
+@import "variables.less";
+@import "../common/Switch.less";
diff --git a/js/dojo/dojox/mobile/themes/android/TabBar-compat.css b/js/dojo/dojox/mobile/themes/android/TabBar-compat.css
new file mode 100644
index 0000000..94fbb13
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/TabBar-compat.css
@@ -0,0 +1,35 @@
+/* dojox.mobile.TabBarButton */
+.mblTabBar {
+ background-color: #1e1e1e;
+}
+.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv {
+ left: auto;
+}
+.dj_ie6 .mblTabBar .mblTabBarButton {
+ display: inline; /* IE bug*/
+}
+.mblTabBar .mblTabBarButton.mblTabButtonSelected {
+ -moz-border-radius: 3px;
+ background-image: none;
+}
+.mblTabPanelHeader .mblTabButton {
+ background-image: url(compat/tab-button-bg.png);
+}
+.mblTabPanelHeader .mblTabButton.mblTabButtonSelected {
+ background-image: url(compat/tab-sel-button-bg.png);
+}
+*html .mblTabButton { /* IE6 hack */
+ behavior: expression(
+ (function(el){
+ if(!el.previousSibling)
+ el.style.borderWidth = "1px";
+ el.style.behavior = "none";
+ })(this)
+ );
+}
+.dj_ie6 .mblTabPanelHeader .mblDomButton {
+ left: 0px;
+}
+.mblHeading .mblTabPanelHeader .mblTabButton {
+ background-image: none;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/TabBar.css b/js/dojo/dojox/mobile/themes/android/TabBar.css
new file mode 100644
index 0000000..99955c8
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/TabBar.css
@@ -0,0 +1,158 @@
+/* dojox.mobile.TabBar */
+.mblTabBar {
+ position: relative;
+ overflow: hidden;
+ white-space: nowrap;
+ margin: 0px;
+ padding: 0px;
+ height: 48px;
+ border-top: 1px solid #000000;
+ background-color: #000000;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#000000));
+ color: white;
+ text-align: center;
+}
+.mblTabBarNoIcons {
+ height: 34px;
+}
+.mblTabBarNoText {
+ height: 34px;
+}
+/* dojox.mobile.TabBarButton */
+.mblTabBarButton {
+ cursor: pointer;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+}
+.mblTabBar .mblTabBarButton {
+ position: relative;
+ list-style-type: none;
+ float: left;
+}
+.mblTabBar .mblTabBarButton.mblTabButtonSelected {
+ -webkit-border-radius: 3px;
+ background-color: #404040;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424));
+}
+.mblTabBarButtonAnchor {
+ display: block;
+ text-decoration: none;
+}
+.mblTabBarButtonDiv {
+ position: relative;
+ margin-left: auto;
+ margin-right: auto;
+ width: 29px;
+ height: 32px;
+ margin-top: 2px;
+}
+.mblTabBarButtonIcon {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+}
+.mblTabBarButtonSpriteIcon {
+ position: absolute;
+}
+.mblTabBarButtonTextBox {
+ font-family: "Helvetica Neue", Helvetica;
+ font-size: 11px;
+}
+.mblTabBarNoIcons .mblTabBarButtonDiv {
+ display: none;
+}
+.mblTabBarNoIcons .mblTabBarButtonTextBox {
+ line-height: 34px;
+ font-size: 20px;
+}
+.mblTabBarTop .mblTabButton .mblTabBarButtonDiv {
+ height: 38px;
+}
+.mblTabBarHead .mblTabButton .mblTabBarButtonDiv {
+ margin-top: -2px;
+}
+.mblTabButton {
+ position: relative;
+ float: left;
+ list-style-type: none;
+ cursor: pointer;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ margin-right: 2px;
+ width: 78px;
+ height: 61px;
+ border-width: 0px 1px 0px 1px;
+ border-style: solid;
+ border-color: black #182018 black #393C39;
+ background-color: #212421;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#100c10), color-stop(0.1, #313031));
+ font-family: Helvetica;
+ font-size: 13px;
+ color: white;
+ text-align: center;
+}
+.mblTabButton img {
+ position: absolute;
+ left: 0px;
+ margin-top: 8px;
+}
+.mblTabButtonSelected .mblTabBarButtonTextBox {
+ color: white;
+}
+.mblTabButtonSelected.mblTabButton {
+ background-color: #8C8E8C;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#a59ea5), to(#848284));
+}
+.mblTabButtonHighlighted.mblTabButton {
+ background-color: #FFB600;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcb00), to(#ff9a00));
+}
+.mblTabButtonImgDiv {
+ position: relative;
+ margin-left: 24px;
+ height: 40px;
+}
+.mblTabPanelHeader {
+ position: relative;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ margin: 0px;
+ padding: 0px 0px 0px 0px;
+ height: 64px;
+ border-top: 1px solid #CDD5DF;
+ border-bottom: 2px solid #949694;
+ background-color: #000000;
+ font-family: Helvetica;
+ font-size: 20px;
+ color: white;
+ text-align: center;
+}
+.mblTabPanelHeader .mblTabButton {
+ margin-top: 3px;
+}
+.mblTabPanelHeader .mblTabButtonDomButton {
+ width: 43px;
+}
+.mblTabPanelHeader .mblTabButtonDomButtonClass {
+ left: 8px;
+}
+.mblHeading .mblTabPanelHeader {
+ height: 25px;
+}
+.mblHeading .mblTabPanelHeader .mblTabButton {
+ margin-top: 0;
+ margin-right: 0;
+ height: 22px;
+ line-height: 23px;
+ border-width: 1px 1px 1px 0px;
+ border-style: solid;
+ border-color: #555555;
+ background-color: #ADADAD;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#7f7f7f), color-stop(0.5, #adadad), color-stop(0.5, #909090));
+}
+.mblHeading .mblTabPanelHeader .mblTabButton:first-child {
+ border-left-width: 1px;
+}
+.mblHeading .mblTabPanelHeader .mblTabButtonSelected {
+ background-color: #FFC700;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+}
diff --git a/js/dojo/dojox/mobile/themes/android/TabBar.less b/js/dojo/dojox/mobile/themes/android/TabBar.less
new file mode 100644
index 0000000..4875c40
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/TabBar.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/TabBar.less";
diff --git a/js/dojo/dojox/mobile/themes/android/TextArea-compat.css b/js/dojo/dojox/mobile/themes/android/TextArea-compat.css
new file mode 100644
index 0000000..a4312f1
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/TextArea-compat.css
@@ -0,0 +1,7 @@
+/* dojox.mobile.TextArea */
+.mblTextArea {
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ -ms-border-radius: 3px;
+ border-radius: 3px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/TextArea.css b/js/dojo/dojox/mobile/themes/android/TextArea.css
new file mode 100644
index 0000000..4cb389c
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/TextArea.css
@@ -0,0 +1,14 @@
+/* dojox.mobile.TextArea */
+.mblTextArea {
+ padding: 4px 1px;
+ border-color: #9CACC0;
+ border-width: 1px;
+ border-style: inset;
+ -webkit-border-radius: 3px;
+ font-family: Helvetica;
+ font-size: 13px;
+}
+/* dojox.mobile.ExpandingTextArea */
+.mblExpandingTextArea {
+ margin: 2px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/TextArea.less b/js/dojo/dojox/mobile/themes/android/TextArea.less
new file mode 100644
index 0000000..c16ffe0
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/TextArea.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/TextArea.less";
diff --git a/js/dojo/dojox/mobile/themes/android/TextBox-compat.css b/js/dojo/dojox/mobile/themes/android/TextBox-compat.css
new file mode 100644
index 0000000..619c360
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/TextBox-compat.css
@@ -0,0 +1,7 @@
+/* dojox.mobile.TextBox */
+.mblTextBox {
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ -ms-border-radius: 3px;
+ border-radius: 3px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/TextBox.css b/js/dojo/dojox/mobile/themes/android/TextBox.css
new file mode 100644
index 0000000..d847ab5
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/TextBox.css
@@ -0,0 +1,8 @@
+/* dojox.mobile.TextBox */
+.mblTextBox {
+ height: 22px;
+ border: #9CACC0 1px inset;
+ -webkit-border-radius: 3px;
+ font-family: Helvetica;
+ font-size: 13px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/TextBox.less b/js/dojo/dojox/mobile/themes/android/TextBox.less
new file mode 100644
index 0000000..c83890a
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/TextBox.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/TextBox.less";
diff --git a/js/dojo/dojox/mobile/themes/android/ToggleButton-compat.css b/js/dojo/dojox/mobile/themes/android/ToggleButton-compat.css
new file mode 100644
index 0000000..9891522
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ToggleButton-compat.css
@@ -0,0 +1,30 @@
+/* dojox.mobile.ToggleButton */
+.mblToggleButton {
+ background-image: url(compat/button-bg.png);
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ -ms-border-radius: 3px;
+ border-radius: 3px;
+}
+.mblToggleButtonSelected {
+ background-image: url(compat/button-sel-bg.png);
+}
+.mblToggleButtonChecked {
+ background-image: url(compat/togglebutton-chk-bg.png);
+}
+.mblToggleButton.mblToggleButtonChecked::after {
+ -moz-transform: translate(-25px,0px) rotate(45deg) skew(10deg);
+ -o-transform: rotate(45deg) skew(10deg);
+ -ms-transform: rotate(45deg) skew(10deg);
+ transform: rotate(45deg) skew(10deg);
+ -moz-transform-origin: 50% 50%;
+ -o-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+}
+.dj_ff3 .mblToggleButton.mblToggleButtonChecked::after {
+ -moz-transform: translate(-25px,-6px) rotate(45deg) skew(10deg);
+}
+.mblToggleButtonChecked.mblToggleButtonSelected {
+ background-image: url(compat/button-sel-bg.png);
+}
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;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/ToggleButton.less b/js/dojo/dojox/mobile/themes/android/ToggleButton.less
new file mode 100644
index 0000000..bdce40f
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ToggleButton.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/ToggleButton.less";
diff --git a/js/dojo/dojox/mobile/themes/android/ToolBarButton.css b/js/dojo/dojox/mobile/themes/android/ToolBarButton.css
new file mode 100644
index 0000000..968b029
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ToolBarButton.css
@@ -0,0 +1,31 @@
+/* dojox.mobile.ToolBarButton */
+.mblToolBarButton {
+ float: left;
+ position: relative;
+ overflow: hidden;
+ cursor: pointer;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ margin: 0px 6px;
+ height: 22px;
+ border: 1px solid #555555;
+ font-family: Helvetica;
+ font-size: 13px;
+ font-weight: bold;
+ color: white;
+ line-height: 23px;
+ text-align: center;
+}
+div.mblToolBarButtonDomButton {
+ height: 23px;
+}
+.mblToolBarButtonIcon {
+ position: relative;
+ top: -2px;
+ padding: 0px;
+}
+.mblToolBarButtonSpriteIcon {
+ position: absolute;
+}
+.mblToolBarButtonText {
+ padding: 0px 10px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/ToolBarButton.less b/js/dojo/dojox/mobile/themes/android/ToolBarButton.less
new file mode 100644
index 0000000..3b67bdc
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/ToolBarButton.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/ToolBarButton.less";
diff --git a/js/dojo/dojox/mobile/themes/android/Tooltip-compat.css b/js/dojo/dojox/mobile/themes/android/Tooltip-compat.css
new file mode 100644
index 0000000..6fd514d
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Tooltip-compat.css
@@ -0,0 +1,47 @@
+/* dojox.mobile.Tooltip */
+.mblTooltip {
+ -moz-border-radius: 8px;
+ -o-border-radius: 8px;
+ -ms-border-radius: 8px;
+ border-radius: 8px;
+ background-image: none;
+}
+.mblTooltipBefore .mblTooltipArrow {
+ *right: 0; /* IE 7 quirks */
+}
+.mblTooltipAbove .mblTooltipArrow {
+ *bottom: 0px; /* IE 7 quirks */
+}
+.mblTooltipBefore .mblTooltipInnerArrow {
+ *right: -1px; /* IE 7 quirks */
+}
+.mblTooltipAbove .mblTooltipInnerArrow {
+ *bottom: -1px; /* IE 7 quirks */
+}
+.mblTooltipBefore .mblTooltipInnerArrow {
+ border-right-color: #8C8A8C;
+}
+.mblTooltipAfter .mblTooltipInnerArrow {
+ border-left-color: #8C8A8C;
+}
+.mblTooltipAbove .mblTooltipInnerArrow {
+ border-bottom-color: #8C8A8C;
+}
+.mblTooltipBelow .mblTooltipInnerArrow {
+ border-top-color: #8C8A8C;
+}
+.mblTooltip .mblHeading {
+ *padding: 0 9px 12px;
+ *border-top: 1px solid #8C8A8C;
+ *border-bottom: 1px solid #8C8A8C;
+ *width: auto;
+ *height: auto;
+ *overflow: visible;
+ *line-height: normal;
+}
+.dj_ie9 .mblTooltip .mblHeading {
+ width: auto;
+}
+.mblTooltip .mblHeading .mblToolBarButton {
+ *margin: auto 6px;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Tooltip.css b/js/dojo/dojox/mobile/themes/android/Tooltip.css
new file mode 100644
index 0000000..cc28997
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Tooltip.css
@@ -0,0 +1,144 @@
+/* dojox.mobile.Tooltip */
+.mblTooltip {
+ position: absolute;
+ z-index: 2000;
+ display: block;
+ margin: 0;
+ padding: 5px;
+ border: #ADAAAD 1px solid;
+ background-color: #8C8A8C;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9e9c), to(#848284));
+ -webkit-border-radius: 3px;
+ opacity: .97;
+}
+.mblTooltipBubble {
+ overflow: visible;
+ padding: 3px;
+ background-color: #FFC700;
+ background-image: none;
+ color: black;
+}
+.mblTooltipBubble.mblTooltipAbove .mblTooltipInnerArrow {
+ border-bottom-color: #FFC700;
+}
+.mblTooltipBubble.mblTooltipBelow .mblTooltipInnerArrow {
+ border-top-color: #FFC700;
+}
+.mblTooltipBubble.mblTooltipAfter .mblTooltipInnerArrow {
+ border-left-color: #FFC700;
+}
+.mblTooltipBubble.mblTooltipBefore .mblTooltipInnerArrow {
+ border-right-color: #FFC700;
+}
+.mblTooltip.mblTooltipAfter {
+ margin-left: -11px;
+}
+.mblTooltip.mblTooltipBefore {
+ margin-left: 11px;
+}
+.mblTooltip.mblTooltipAbove {
+ margin-top: 11px;
+}
+.mblTooltip.mblTooltipBelow {
+ margin-top: -11px;
+}
+.mblTooltipAnchor {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ background-color: transparent;
+ line-height: 0;
+ font-size: 0;
+}
+.mblTooltipBefore .mblTooltipAnchor {
+ left: -1px;
+}
+.mblTooltipAfter .mblTooltipAnchor {
+ right: -1px;
+}
+.mblTooltipAbove .mblTooltipAnchor {
+ top: -1px;
+}
+.mblTooltipBelow .mblTooltipAnchor {
+ bottom: -1px;
+}
+.mblTooltipArrow {
+ position: absolute;
+ width: 0;
+ height: 0;
+ line-height: 0;
+ border: 11px solid transparent;
+}
+.mblTooltipBefore .mblTooltipArrow {
+ left: auto;
+ right: 1px;
+ top: 0;
+ bottom: auto;
+ border-left-width: 0;
+ border-right-color: #ADAAAD;
+}
+.mblTooltipAfter .mblTooltipArrow {
+ left: 1px;
+ right: auto;
+ top: 0;
+ bottom: auto;
+ border-right-width: 0;
+ border-left-color: #ADAAAD;
+}
+.mblTooltipAbove .mblTooltipArrow {
+ top: auto;
+ bottom: 1px;
+ left: auto;
+ right: auto;
+ border-top-width: 0;
+ border-bottom-color: #ADAAAD;
+}
+.mblTooltipBelow .mblTooltipArrow {
+ top: 1px;
+ bottom: auto;
+ left: auto;
+ right: auto;
+ border-bottom-width: 0;
+ border-top-color: #ADAAAD;
+}
+.mblTooltipInnerArrow {
+ position: absolute;
+ width: 0;
+ height: 0;
+ line-height: 0;
+ border: 10px solid transparent;
+}
+.mblTooltipBefore .mblTooltipInnerArrow {
+ right: 0;
+ top: 0;
+ border-left-width: 0;
+ border-right-color: #848284;
+}
+.mblTooltipAfter .mblTooltipInnerArrow {
+ left: 0;
+ top: 0;
+ border-right-width: 0;
+ border-left-color: #848284;
+}
+.mblTooltipAbove .mblTooltipInnerArrow {
+ bottom: 0;
+ left: 0;
+ border-top-width: 0;
+ border-bottom-color: #9C9E9C;
+}
+.mblTooltipBelow .mblTooltipInnerArrow {
+ top: 0;
+ left: 0;
+ border-bottom-width: 0;
+ border-top-color: #848284;
+}
+.mblTooltipHidden, .mblTooltipHidden * {
+ visibility: hidden !important;
+}
+.mblTooltip .mblHeading {
+ padding-bottom: 3px;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ background-color: transparent;
+ background-image: none;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/Tooltip.less b/js/dojo/dojox/mobile/themes/android/Tooltip.less
new file mode 100644
index 0000000..60af6d1
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/Tooltip.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/Tooltip.less";
diff --git a/js/dojo/dojox/mobile/themes/android/View.css b/js/dojo/dojox/mobile/themes/android/View.css
new file mode 100644
index 0000000..fe86a8c
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/View.css
@@ -0,0 +1,24 @@
+@import url("../common/transitions/slide.css");
+
+@import url("../common/transitions/flip.css");
+
+@import url("../common/transitions/fade.css");
+/* dojox.mobile.View */
+.mblView {
+ position: relative;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ color: white;
+}
+.mblView.mblIn {
+ position: absolute;
+}
+.mblFixedHeaderBar {
+ z-index: 1;
+}
+.mblFixedBottomBar {
+ position: absolute !important;
+ width: 100%;
+ z-index: 1;
+}
diff --git a/js/dojo/dojox/mobile/themes/android/View.less b/js/dojo/dojox/mobile/themes/android/View.less
new file mode 100644
index 0000000..910651f
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/View.less
@@ -0,0 +1,6 @@
+@import url("../common/transitions/slide.css");
+@import url("../common/transitions/flip.css");
+@import url("../common/transitions/fade.css");
+
+@import "variables.less";
+@import "../common/View.less";
diff --git a/js/dojo/dojox/mobile/themes/android/android-app-compat.css b/js/dojo/dojox/mobile/themes/android/android-app-compat.css
new file mode 100644
index 0000000..8a55bc6
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/android-app-compat.css
@@ -0,0 +1,24 @@
+/* mbl.widget.Heading */
+@import url("android-compat.css");
+
+.alertTitle {
+ background-image: url(compat/heading-bg.png);
+}
+
+.mblImageThumbView .mblThumb {
+ -moz-transition: all 0.5s ease-in-out;
+ -o-transition: all 0.5s ease-in-out;
+}
+
+.mblImageThumbView .mblThumb:hover {
+ -moz-transform: scale(1.2);
+ -moz-transition: all 0.3s ease-in-out;
+ -o-transform: scale(1.2);
+ -o-transition: all 0.3s ease-in-out;
+}
+.mblImageThumbView .mblThumbInner .mblThumbMask .mblThumbSrc {
+ -moz-background-size: 100% 100%;
+ -moz-border-radius: 5px;
+ -o-background-size: 100% 100%;
+ -o-border-radius: 5px;
+} \ No newline at end of file
diff --git a/js/dojo/dojox/mobile/themes/android/android-app.css b/js/dojo/dojox/mobile/themes/android/android-app.css
new file mode 100644
index 0000000..cb58fa3
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/android-app.css
@@ -0,0 +1,349 @@
+@import url("android.css");
+
+.alertDialog {
+ width: 100%;
+ padding-left: 2px;
+ padding-right: 2px;
+ z-index: 1000;
+}
+
+.alertDialogBody {
+ border: 1px solid #ADAAAD;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ background-color: white;
+ margin-left: 2px;
+ margin-right: 4px;
+}
+
+.alertTitle {
+ height: 42px;
+ margin: 0px;
+ padding: 0px;
+ background-color: #889BB3;
+ background: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF));
+ border-top: 1px solid #CDD5DF;
+ border-bottom: 1px solid #2D3642;
+ font-family: Helvetica;
+ font-size: 20px;
+ color: white;
+ text-align: center;
+ line-height: 44px;
+ text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ text-align: center;
+}
+
+.alertText {
+ text-align: center;
+}
+
+.alertBtns {
+ padding: 5px;
+ text-align: center;
+}
+
+.alertBtns .mblButton {
+ width: 100%;
+ margin-top: 5px;
+}
+
+.alertDialog.mblOut {
+ position: absolute;
+}
+
+.alertDialog.mblIn {
+ position: absolute;
+}
+
+.mblSlidev.mblOut {
+ -webkit-animation-duration: .4s;
+ -webkit-animation-name: mblSlideOut;
+ -webkit-animation-timing-function: linear;
+ -webkit-transform: translateY(-100%);
+}
+.mblSlidev.mblIn {
+ -webkit-animation-duration: .4s;
+ -webkit-animation-name: mblSlideIn;
+ -webkit-animation-timing-function: linear;
+ -webkit-transform: translateY(0px);
+}
+.mblSlidev.mblOut.mblReverse {
+ -webkit-animation-name: mblSlideOutReverse;
+}
+.mblSlidev.mblIn.mblReverse {
+ -webkit-animation-name: mblSlideInReverse;
+}
+
+.dialogUnderlayWrapper {
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 998;
+ background: transparent !important;
+ visibility: visible;
+ height: 100%;
+ width: 100%;
+}
+
+.dialogUnderlay {
+ background-color: #eee;
+ opacity: 0.5;
+ width: 100%;
+ height: 100%;
+}
+
+.list .row {
+ padding: 10px;
+ border-bottom: 1px solid #444;
+ position: relative;
+ background-color: black;
+ z-index: 6; /* Must be greater than the .buttons z-index */
+}
+.list .row.mblListItem {
+ padding: 0px;
+}
+
+.list .row.last {
+ border-bottom: none;
+}
+
+.list .row.hold {
+ background-color: #444;
+}
+
+.list .buttons {
+ position: absolute;
+ text-align: center;
+ padding-top: 10px;
+ width: 100%;
+ height: 100%;
+ z-index: 5;
+}
+
+.list .buttons .mblButton {
+}
+
+.list .buttons .deleteBtn {
+ background-color: red;
+
+}
+.list .buttons .cancelBtn {
+ margin-left: 10px;
+ background-color: blue;
+}
+
+.row.collapsed {
+ -webkit-animation-name: collapse-vert;
+ -webkit-animation-duration: 0.5s;
+ -webkit-animation-timing-function: linear;
+}
+
+@-webkit-keyframes collapse-vert {
+ from {
+ height: 100%;
+ padding: 10px;
+ }
+ to {
+ height: 0px;
+ padding: 0px;
+ }
+}
+
+.listSelector {
+ position: absolute;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border: 1px solid #666;
+ background-color: #ccc;
+ color: #333;
+ z-index: 1000;
+}
+.listSelectorRow {
+ padding: 10px;
+ border-bottom: 1px solid #666;
+ white-space: nowrap;
+}
+.listSelectorRow-selected {
+ background-color: #666;
+ color: #ccc;
+}
+
+.listSelectorRow.last {
+ border-bottom: none;
+}
+
+.mblImageView, .mblImageView canvas {
+ width: 100%;
+ height: 100%;
+}
+
+.mblPillar {
+ display: none;
+}
+
+/* Form Input Styles */
+
+input {
+ -webkit-text-size-adjust: 140%;
+}
+
+
+/* ImageThumbView styles */
+.mblImageThumbView {
+ position: relative;
+ -webkit-transition-property: height;
+ -webkit-transition-duration: 0.8s;
+ -webkit-transition-delay: 0;
+}
+
+.mblImageThumbView .mblThumb {
+ width: 100px;
+ min-height: 100px;
+ display: inline-block;
+ z-index: 2;
+ position: absolute;
+}
+
+.mblImageThumbView.animated .mblThumb {
+ -webkit-transition-property: -webkit-transform, opacity;
+ -webkit-transition-duration: 1.3s, 1s;
+ -webkit-transition-delay: 0, 0;
+}
+
+.mblImageThumbView .mblThumb.hidden {
+ z-index: 1;
+ opacity: 0;
+}
+.mblImageThumbView .mblThumbInner {
+ width: 102px;
+ height: 102px;
+ position: relative;
+}
+
+.mblImageThumbView .mblThumbOverlay {
+ width: 102px;
+ height: 102px;
+ background: url(images/thumb-overlay.png) center top no-repeat;
+ position: absolute;
+ z-index: 20;
+ overflow: hidden;
+}
+.mblImageThumbView .mblThumb.selected .mblThumbOverlay {
+ background-position: center bottom;
+}
+.mblImageThumbView .mblThumbInner .mblThumbMask {
+ width: 90px;
+ height: 90px;
+ overflow: hidden;
+ padding-left: 6px;
+ padding-top: 5px;
+ z-index: 10;
+}
+.mblImageThumbView .mblThumbInner .mblThumbMask img {
+ left: 0px;
+ top: 0px;
+ width: 90px;
+ height: 90px;
+}
+
+.mblImageThumbView .mblThumbInner .mblThumbMask .mblThumbSrc {
+ left: 6px;
+ top: 5px;
+ background-position: center center;
+ background-repeat: no-repeat;
+ overflow: hidden;
+ position: absolute;
+ -webkit-background-size: 100% 100%;
+ -webkit-border-radius: 5px;
+ width: 90px;
+ height: 90px;
+ z-index: 5;
+}
+
+.mblImageThumbView .mblThumbMask div {
+ left: 0px;
+ top: 0px;
+ width: 90px;
+ height: 90px;
+ background-repeat: no-repeat;
+}
+.mblImageThumbView .mblThumb:hover,
+.mblImageThumbView .mblThumb.selected {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+}
+
+/* Large Images */
+.mblImageThumbView.large .mblThumb {
+ width: 150px;
+ min-height: 150px;
+}
+
+.mblImageThumbView.large .mblThumbInner{
+ width: 152px;
+ height: 152px;
+}
+
+.mblImageThumbView.large .mblThumbOverlay {
+ background: url(images/thumb-overlay-large.png) center top no-repeat;
+ width: 152px;
+ height: 152px;
+}
+.mblImageThumbView.large .mblThumbInner .mblThumbMask,
+.mblImageThumbView.large .mblThumbInner .mblThumbMask img,
+.mblImageThumbView.large .mblThumbInner .mblThumbMask .mblThumbSrc,
+.mblImageThumbView.large .mblThumbMask div {
+ width: 133px;
+ height: 133px;
+}
+
+.mblImageThumbView.large .mblThumbInner .mblThumbMask .mblThumbSrc {
+ left: 9px;
+ top: 7px;
+}
+/* Small Images */
+.mblImageThumbView.small .mblThumb {
+ width: 75px;
+ min-height: 75px;
+}
+
+.mblImageThumbView.small .mblThumbInner{
+ width: 77px;
+ height: 77px;
+}
+
+.mblImageThumbView.small .mblThumbOverlay {
+ background: url(images/thumb-overlay-small.png) center top no-repeat;
+ width: 77px;
+ height: 77px;
+}
+.mblImageThumbView.small .mblThumbInner .mblThumbMask,
+.mblImageThumbView.small .mblThumbInner .mblThumbMask img,
+.mblImageThumbView.small .mblThumbInner .mblThumbMask .mblThumbSrc,
+.mblImageThumbView.small .mblThumbMask div {
+ width: 70px;
+ height: 70px;
+}
+
+.mblImageThumbView.small .mblThumbInner .mblThumbMask .mblThumbSrc {
+ left: 4px;
+ top: 3px;
+}
+
+.mblImageThumbView .mblThumbLabel {
+ font-size: smaller;
+ overflow: hidden;
+ white-space: nowrap;
+ text-align: center;
+}
+
+/* Back Button */
+.mblNativeBack .mblArrowButtonHead,
+.mblNativeBack .mblArrowButtonBody,
+.mblNativeBack .mblArrowButtonNeck {
+ display: none;
+}
+
diff --git a/js/dojo/dojox/mobile/themes/android/android-compat.css b/js/dojo/dojox/mobile/themes/android/android-compat.css
new file mode 100644
index 0000000..f5a0140
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/android-compat.css
@@ -0,0 +1,18 @@
+@import url("base-compat.css");
+
+/* common styles */
+@import url("../common/domButtons-compat.css");
+@import url("../common/SpinWheel-compat.css");
+
+/* widget styles */
+@import url("Button-compat.css");
+@import url("CheckBox-compat.css");
+@import url("ComboBox-compat.css");
+@import url("IconContainer-compat.css");
+@import url("Opener-compat.css");
+@import url("RadioButton-compat.css");
+@import url("Slider-compat.css");
+@import url("TabBar-compat.css");
+@import url("TextArea-compat.css");
+@import url("TextBox-compat.css");
+@import url("ToggleButton-compat.css");
diff --git a/js/dojo/dojox/mobile/themes/android/android.css b/js/dojo/dojox/mobile/themes/android/android.css
new file mode 100644
index 0000000..a50e0ce
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/android.css
@@ -0,0 +1,22 @@
+@import url("base.css");
+
+/* common styles */
+@import url("../common/domButtons.css");
+@import url("../common/FixedSplitter.css");
+@import url("../common/SpinWheel.css");
+@import url("../common/transitions.css");
+
+/* widget styles */
+@import url("Button.css");
+@import url("Carousel.css");
+@import url("CheckBox.css");
+@import url("ComboBox.css");
+@import url("IconContainer.css");
+@import url("Opener.css");
+@import url("PageIndicator.css");
+@import url("RadioButton.css");
+@import url("Slider.css");
+@import url("TabBar.css");
+@import url("TextArea.css");
+@import url("TextBox.css");
+@import url("ToggleButton.css");
diff --git a/js/dojo/dojox/mobile/themes/android/base-compat.css b/js/dojo/dojox/mobile/themes/android/base-compat.css
new file mode 100644
index 0000000..d12cf2b
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/base-compat.css
@@ -0,0 +1,7 @@
+@import url("Heading-compat.css");
+@import url("RoundRect-compat.css");
+@import url("RoundRectList-compat.css");
+@import url("EdgeToEdgeCategory-compat.css");
+@import url("ListItem-compat.css");
+@import url("Switch-compat.css");
+@import url("ProgressIndicator-compat.css");
diff --git a/js/dojo/dojox/mobile/themes/android/base.css b/js/dojo/dojox/mobile/themes/android/base.css
new file mode 100644
index 0000000..2409467
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/base.css
@@ -0,0 +1,12 @@
+@import url("common.css");
+@import url("Heading.css");
+@import url("View.css");
+@import url("ToolBarButton.css");
+@import url("RoundRect.css");
+@import url("EdgeToEdgeCategory.css");
+@import url("RoundRectCategory.css");
+@import url("RoundRectList.css");
+@import url("EdgeToEdgeList.css");
+@import url("ListItem.css");
+@import url("Switch.css");
+@import url("ProgressIndicator.css");
diff --git a/js/dojo/dojox/mobile/themes/android/common.css b/js/dojo/dojox/mobile/themes/android/common.css
new file mode 100644
index 0000000..7cf6b02
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/common.css
@@ -0,0 +1,27 @@
+html.mobile, .mobile body {
+ width: 100%;
+ margin: 0px;
+ padding: 0px;
+}
+.mobile body {
+ overflow-x: hidden;
+ -webkit-text-size-adjust: none;
+ background-color: black;
+ font-family: Helvetica;
+ font-size: 17px;
+ color: white;
+}
+/* Button Colors */
+.mblColorBlue {
+ background-color: #366EDF;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
+}
+/* Default Button Colors */
+.mblColorDefault {
+ background-color: #ADADAD;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#7f7f7f), color-stop(0.5, #adadad), color-stop(0.5, #909090));
+}
+.mblColorDefaultSel {
+ background-color: #FFC700;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+}
diff --git a/js/dojo/dojox/mobile/themes/android/common.less b/js/dojo/dojox/mobile/themes/android/common.less
new file mode 100644
index 0000000..4e57a5c
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/common.less
@@ -0,0 +1,2 @@
+@import "variables.less";
+@import "../common/common.less";
diff --git a/js/dojo/dojox/mobile/themes/android/compat/arrow-button-bg.png b/js/dojo/dojox/mobile/themes/android/compat/arrow-button-bg.png
new file mode 100644
index 0000000..7ac8061
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/arrow-button-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/arrow-button-head.png b/js/dojo/dojox/mobile/themes/android/compat/arrow-button-head.png
new file mode 100644
index 0000000..74ecb76
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/arrow-button-head.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/blue-button-bg.png b/js/dojo/dojox/mobile/themes/android/compat/blue-button-bg.png
new file mode 100644
index 0000000..3bd558b
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/blue-button-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/button-bg.png b/js/dojo/dojox/mobile/themes/android/compat/button-bg.png
new file mode 100644
index 0000000..0d378fa
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/button-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/button-sel-bg.png b/js/dojo/dojox/mobile/themes/android/compat/button-sel-bg.png
new file mode 100644
index 0000000..75ff0f8
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/button-sel-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/gray-arrow.png b/js/dojo/dojox/mobile/themes/android/compat/gray-arrow.png
new file mode 100644
index 0000000..c93d17f
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/gray-arrow.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/heading-bg.png b/js/dojo/dojox/mobile/themes/android/compat/heading-bg.png
new file mode 100644
index 0000000..8c3999b
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/heading-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/icon-content-heading-bg.png b/js/dojo/dojox/mobile/themes/android/compat/icon-content-heading-bg.png
new file mode 100644
index 0000000..3daa1a8
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/icon-content-heading-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/red-button-bg.png b/js/dojo/dojox/mobile/themes/android/compat/red-button-bg.png
new file mode 100644
index 0000000..799870f
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/red-button-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/slider-h-bar-bg.png b/js/dojo/dojox/mobile/themes/android/compat/slider-h-bar-bg.png
new file mode 100644
index 0000000..970c7ff
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/slider-h-bar-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/slider-h-bg.png b/js/dojo/dojox/mobile/themes/android/compat/slider-h-bg.png
new file mode 100644
index 0000000..0a08c57
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/slider-h-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/slider-handle-bg.png b/js/dojo/dojox/mobile/themes/android/compat/slider-handle-bg.png
new file mode 100644
index 0000000..1988f04
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/slider-handle-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-arc-l.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-arc-l.gif
new file mode 100644
index 0000000..3f01809
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-arc-l.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-arc-r.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-arc-r.gif
new file mode 100644
index 0000000..3bb5901
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-arc-r.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-arc1-k.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-arc1-k.gif
new file mode 100644
index 0000000..3dec6bd
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-arc1-k.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-arc2-k.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-arc2-k.gif
new file mode 100644
index 0000000..638e76a
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-arc2-k.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-default-k.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-default-k.gif
new file mode 100644
index 0000000..61aca0b
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-default-k.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-default-l.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-default-l.gif
new file mode 100644
index 0000000..9903c39
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-default-l.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-default-r.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-default-r.gif
new file mode 100644
index 0000000..5dbc4bc
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-default-r.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-round-l.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-round-l.gif
new file mode 100644
index 0000000..0a50568
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-round-l.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-round-r.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-round-r.gif
new file mode 100644
index 0000000..1cd3c95
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-round-r.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-round1-k.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-round1-k.gif
new file mode 100644
index 0000000..2b4a9da
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-round1-k.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/switch-round2-k.gif b/js/dojo/dojox/mobile/themes/android/compat/switch-round2-k.gif
new file mode 100644
index 0000000..08eb031
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/switch-round2-k.gif
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/tab-button-bg.png b/js/dojo/dojox/mobile/themes/android/compat/tab-button-bg.png
new file mode 100644
index 0000000..548ef73
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/tab-button-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/tab-orange-button-bg.png b/js/dojo/dojox/mobile/themes/android/compat/tab-orange-button-bg.png
new file mode 100644
index 0000000..56f555b
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/tab-orange-button-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/tab-sel-button-bg.png b/js/dojo/dojox/mobile/themes/android/compat/tab-sel-button-bg.png
new file mode 100644
index 0000000..c454088
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/tab-sel-button-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/compat/togglebutton-chk-bg.png b/js/dojo/dojox/mobile/themes/android/compat/togglebutton-chk-bg.png
new file mode 100644
index 0000000..4bfad06
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/compat/togglebutton-chk-bg.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/images/thumb-overlay-large.png b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay-large.png
new file mode 100644
index 0000000..dfac370
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay-large.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/images/thumb-overlay-small.png b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay-small.png
new file mode 100644
index 0000000..b6836d9
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay-small.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/images/thumb-overlay.png b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay.png
new file mode 100644
index 0000000..b16efec
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay.png
Binary files differ
diff --git a/js/dojo/dojox/mobile/themes/android/variables.less b/js/dojo/dojox/mobile/themes/android/variables.less
new file mode 100644
index 0000000..c7ffdfb
--- /dev/null
+++ b/js/dojo/dojox/mobile/themes/android/variables.less
@@ -0,0 +1,737 @@
+// common.less
+.mobile-body-styles () {
+ background-color: black;
+ font-family: Helvetica;
+ font-size: 17px;
+ color: white;
+}
+
+.mblView-styles () {
+ color: white;
+}
+
+.mblColorBlue-styles () {
+ background-color: #366EDF;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
+}
+.mblColorDefault-styles () {
+ background-color: #ADADAD;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#7F7F7F), color-stop(0.5, #ADADAD), color-stop(0.5, #909090));
+}
+.mblColorDefaultSel-styles () {
+ background-color: #FFC700;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#AD7500), to(#FFAA00), color-stop(0.06, #FFB200), color-stop(0.5, #FFC700));
+}
+
+// Heading.less
+.mblHeading-styles () {
+ padding: 0px 0px 0px 4px;
+ height: 25px;
+ background-color: #8C8A8C;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9C9E9C), to(#848284));
+ border-top: 1px solid #CDD5DF;
+ border-bottom: 1px solid #2D3642;
+ color: white;
+ font-family: Helvetica;
+ font-size: 14px;
+ font-weight: bold;
+ text-align: center;
+ line-height: 26px;
+ text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
+}
+.mblArrowButton-styles () {
+ height: 25px;
+ margin-right: 10px;
+}
+.mblArrowButtonHead-styles () {
+ top: 4px;
+ left: 6px;
+ width: 14px;
+ height: 14px;
+ border: 1px solid #555555;
+ -webkit-transform: scale(.8,1) rotate(45deg);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#7F7F7F), color-stop(0.5, #ADADAD), color-stop(0.5, #909090));
+}
+.mblArrowButtonHeadChrome-styles () {
+ border: 1px outset #555555;
+}
+.mblArrowButtonBody-styles () {
+ top: 0px;
+ left: 14px;
+ padding: 0px 10px 0px 3px;
+ height: 22px;
+ border-width: 1px 1px 1px 0px;
+ border-style: solid;
+ border-color: #555555;
+ font-family: Helvetica;
+ font-size: 13px;
+ color: white;
+ line-height: 23px;
+ background-color: #ADADAD;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#7F7F7F), color-stop(0.5, #ADADAD), color-stop(0.5, #909090));
+}
+.mblArrowButtonSelected-styles () {
+ background-color: #FFC700;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#AD7500), to(#FFAA00), color-stop(0.06, #FFB200), color-stop(0.5, #FFC700));
+}
+.mblArrowButtonHeadSelected-styles () {
+}
+.mblArrowButtonBodySelected-styles () {
+}
+
+// ToolBarButton.less
+.mblToolBarButton-styles () {
+ margin: 0px 6px;
+ height: 22px;
+ border: 1px solid #555555;
+ font-family: Helvetica;
+ font-size: 13px;
+ font-weight: bold;
+ color: white;
+ line-height: 23px;
+ text-align: center;
+}
+.mblToolBarButtonDomButton-styles () {
+ height: 23px;
+}
+.mblToolBarButtonIcon-styles () {
+ top: -2px;
+ padding: 0px;
+}
+
+// RoundRect.less
+.mblRoundRect-styles () {
+ margin: 7px 9px 16px;
+ padding: 8px;
+ border: 1px solid #ADAAAD;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ color: white;
+ background-color: black;
+}
+.mblRoundRectShadowBox-styles () {
+ -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
+
+// EdgeToEdgeCategory.less
+.mblEdgeToEdgeCategory-styles () {
+ margin: 0px;
+ padding: 0px 10px;
+ height: 22px;
+ border-bottom: 1px solid #393439;
+ background-color: #212021;
+ font-family: Helvetica;
+ font-size: 16px;
+ font-weight: bold;
+ color: white;
+ line-height: 22px;
+ text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
+}
+
+// RoundRectCategory.less
+.mblRoundRectCategory-styles () {
+ margin: 18px 0px 0px 20px;
+ font-family: Helvetica;
+ font-size: 16px;
+ color: white;
+}
+
+// RoundRectList.less
+.mblRoundRectList-styles () {
+ margin: 7px 9px 16px;
+ padding: 0px;
+ border: 1px solid #ADAAAD;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ background-color: white;
+}
+.mblRoundRectList-withCategory-styles () {
+}
+.mblRoundRectList-FirstListItem-styles () {
+ -webkit-border-top-left-radius: 8px;
+ -webkit-border-top-right-radius: 8px;
+ -moz-border-radius-topleft: 8px;
+ -moz-border-radius-topright: 8px;
+}
+.mblRoundRectList-withCategory-FirstListItem-styles () {
+}
+.mblRoundRectList-LastListItem-styles () {
+ border-bottom-width: 0px;
+ -webkit-border-bottom-left-radius: 8px;
+ -webkit-border-bottom-right-radius: 8px;
+ -moz-border-radius-bottomleft: 8px;
+ -moz-border-radius-bottomright: 8px;
+}
+
+// EdgeToEdgeList.less
+.mblEdgeToEdgeList-styles () {
+ margin: 0px;
+ padding: 0px;
+ background-color: black;
+}
+.mblEdgeToEdgeList-LastListItem-styles () {
+ border-bottom-color: #313431;
+}
+
+// ListItem.less
+.mblListItem-styles () {
+ padding: 0px 0px 0px 7px;
+ height: 64px;
+ border-bottom: solid 1px #313431;
+ background-color: black;
+ font-size: 21px;
+ color: white;
+ line-height: 64px;
+}
+.mblListItem-mblVariableHeight-styles () {
+ padding: 11px 0px 10px 6px;
+ line-height: normal;
+}
+.mblListItem-mblListItemAnchor-styles () {
+ background-position: 14px 17px;
+ text-decoration: none;
+ padding-right: 7px;
+}
+.mblItemSelected-styles () {
+ background-color: #FFC700;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#AD7500), to(#FFAA00), color-stop(0.06, #FFB200), color-stop(0.5, #FFC700));
+}
+.mblItemSelected-mblListItemAnchor-styles () {
+ color: black;
+}
+.mblItemSelected-mblDomButton-Div-styles () {
+ border-color: white;
+}
+.mblItemSelected-mblListItemSubText-styles () {
+}
+.mblListItemTextBoxSelected-styles () {
+ background-color: #048BF4;
+}
+.mblListItemChecked-styles () {
+}
+.mblListItemIcon-styles () {
+ margin-top: 17px;
+ margin-right: 11px;
+}
+.mblListItemSpriteIcon-styles () {
+ margin-top: 7px;
+ margin-left: 8px;
+}
+.mblListItemRightIcon-styles () {
+ margin-top: 17px;
+ margin-bottom: -17px;
+}
+.mblListItemRightText-styles () {
+ color: white;
+ margin: 20px 4px 0 0;
+}
+.mblListItemTextBox-styles () {
+}
+.mblListItemAnchorNoIcon-mblListItemTextBox-styles () {
+}
+.mblListItemSubText-styles () {
+ font-size: 14px;
+ color: gray;
+}
+
+// Switch.less
+.mblItemSwitch-styles () {
+ top: 18px;
+}
+.mblSwitchBg-styles () {
+ -webkit-border-radius: 2px;
+}
+.mblSwitchBgLeft-styles () {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#00A200), to(#00D300), color-stop(0.2, #00BA00), color-stop(0.2, #00BA00));
+}
+.mblSwitchBgRight-styles () {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#BDBEBD), to(#F7F3F7));
+}
+.mblSwitchKnob-styles () {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9C9A9C), to(#848284));
+ -webkit-border-radius: 2px;
+}
+
+// Button.less
+.mblButton-styles () {
+ padding: 0px 10px;
+ height: 29px;
+ border: #9CACC0 1px outset;
+ -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));
+ color: black;
+ font-family: Helvetica;
+ font-size: 13px;
+ line-height: 29px;
+}
+.mblButton-mblBlueButton-styles () {
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
+ color: white;
+}
+.mblButton-mblBlueButtonSelected-styles () {
+ 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;
+}
+.mblButton-mblRedButton-styles () {
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#FA9D58), to(#EE4115), color-stop(0.5, #FF4D25), color-stop(0.5, #ED4D15));
+ color: white;
+}
+.mblButton-mblRedButtonSelected-styles () {
+ 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;
+}
+.mblButtonSelected-styles () {
+ 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;
+}
+.mblButtonDisabled-styles () {
+ border-color: grey;
+ background-image: none;
+ color: grey;
+}
+
+// CheckBox.less
+.mblCheckBox-styles () {
+ margin: -0.5em 3px 0.3em 4px;
+ width: 1em;
+ height: 1em;
+ border: #9CACC0 1px outset;
+ -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: inherit;
+ -webkit-transform: translateY(0.45em);
+}
+.mblCheckBoxSelected-styles () {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#AD7500), to(#FFAA00), color-stop(0.06, #FFB200), color-stop(0.5, #FFC700));
+ border-color: #9CACC0;
+}
+.mblCheckBoxChecked-styles () {
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#00A200), to(#00D300), color-stop(0.2, #00BA00), color-stop(0.2, #00BA00));
+}
+.mblCheckBoxChecked-after-styles () {
+ position: absolute;
+ content: "";
+ width: 0.3em;
+ height: 0.6em;
+ top: 0;
+ left: 0.3em;
+ border-color: white;
+ border-width: 0.15em;
+ border-style: none solid solid none;
+ -webkit-transform: rotate(45deg);
+ -webkit-transform-origin: 50% 50%;
+}
+.mblCheckBoxChecked-mblCheckBoxSelected-styles () {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#AD7500), to(#FFAA00), color-stop(0.06, #FFB200), color-stop(0.5, #FFC700));
+ border-color: #9CACC0;
+}
+.mblCheckBoxChecked-mblCheckBoxSelected-after-styles () {
+ border-color: #9CACC0;
+}
+
+// ComboBox.less
+.dijitPopup-styles () {
+ -webkit-box-shadow: 0px 0px 50px black;
+ -webkit-border-radius: 0px;
+}
+.mblComboBoxMenu-styles () {
+ border: 1px solid black;
+ -webkit-border-radius: 0px;
+ background-color: white;
+ color: black;
+}
+.mblComboBoxMenuItemSelected-styles () {
+ background-color: black;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#048BF4), to(#005CE5));
+ color: white;
+}
+.mblComboBoxMenuItem-styles () {
+ padding: .1em .2em;
+ border-width: 1px 0 1px 0;
+ border-style: solid;
+ border-color: #ffffff;
+ color: inherit;
+ text-align: left;
+}
+.mblComboBoxMenuPreviousButton-styles () {
+ font-style: italic;
+ overflow: hidden;
+}
+
+// IconContainer.less
+.mblIconContainer-styles () {
+ margin: 20px 0px 0px 10px;
+ padding: 0px 0px 40px 0px;
+}
+
+// IconItem.less
+.mblIconItemTerminator-styles () {
+ height: 20px;
+}
+.mblIconItemSub-styles () {
+ margin-left: -10px;
+ background-color: white;
+ color: black;
+}
+.mblIconArea-styles () {
+ margin-bottom: 10px;
+ height: 78px;
+ width: 74px;
+ font-family: Helvetica;
+ font-size: 12px;
+ color: white;
+ text-align: center;
+}
+.mblContent-styles () {
+ padding-bottom: 20px;
+}
+.mblIconContentHeading-styles () {
+ margin-top: 0px;
+ padding-left: 40px;
+ height: 25px;
+ border-top: 1px solid #F1F3F4;
+ border-bottom: 1px solid #717D85;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E4E7), to(#B4BEC6), color-stop(0.5, #C4CCD2), color-stop(0.5, #BFC8CE));
+ font-family: Helvetica;
+ font-size: 14px;
+ color: white;
+ line-height: 26px;
+ text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
+}
+
+// RadioButton.less
+.mblRadioButton-styles () {
+ margin: -0.5em 3px 0.3em 4px;
+ width: 1em;
+ height: 1em;
+ border: #9CACC0 1px outset;
+ -webkit-border-radius: 0.5em;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE), color-stop(0.5, #F8F8F8), color-stop(0.5, #EEEEEE));
+ font: inherit;
+ -webkit-transform: translateY(0.45em);
+}
+.mblRadioButtonChecked-styles () {
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#00A200), to(#00D300), color-stop(0.2, #00BA00), color-stop(0.2, #00BA00));
+}
+.mblRadioButtonChecked-after-styles () {
+ content: "";
+ width: 0.3em;
+ height: 0.6em;
+ top: 0;
+ left: 0.25em;
+ border-color: white;
+ border-width: 0.15em;
+ border-style: none solid solid none;
+ border-color: white;
+ -webkit-transform: rotate(45deg);
+ -webkit-transform-origin: 50% 50%;
+}
+.mblRadioButtonChecked-Selected-styles () {
+ border-color: #9CACC0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#AD7500), to(#FFAA00), color-stop(0.06, #FFB200), color-stop(0.5, #FFC700));
+}
+.mblRadioButtonChecked-Selected-after-styles () {
+ border-color: white;
+}
+
+// Slider.less
+.mblSlider-styles () {
+ 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(#BDBEBD), to(#F7F3F7));
+ -webkit-border-radius: 2px;
+}
+.mblSliderProgressBar-styles () {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#00A200), to(#00D300), color-stop(0.2, #00BA00), color-stop(0.2, #00BA00));
+ -webkit-border-radius: 2px;
+}
+.mblSliderHandle-styles () {
+ margin: -10px 0 0 -10px;
+ width: 18px;
+ height: 18px;
+ border: #9D9D9D 1px outset;
+ -webkit-border-radius: 2px;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9C9A9C), to(#848284));
+}
+
+// TabBar.less
+.mblTabBar-styles () {
+ margin: 0px;
+ padding: 0px;
+ height: 48px;
+ border-top: 1px solid #000000;
+ background-color: #000000;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#000000));
+ color: white;
+ text-align: center;
+}
+.mblTabBar-TabBarButton-styles () {
+}
+.mblTabBar-TabBarButton-Selected-styles () {
+ -webkit-border-radius: 3px;
+ background-color: #404040;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424));
+}
+.mblTabBarButtonDiv-styles () {
+ width: 29px;
+ height: 32px;
+ margin-top: 2px;
+}
+.mblTabBarButtonIcon-styles () {
+ left: 0px;
+ top: 0px;
+}
+.mblTabBarButtonTextBox-styles () {
+ font-family: "Helvetica Neue", Helvetica;
+ font-size: 11px;
+}
+.mblTabBarNoIcons-TabBarButtonTextBox-styles () {
+ line-height: 34px;
+ font-size: 20px;
+}
+.mblTabButton-styles () {
+ margin-right: 2px;
+ width: 78px;
+ height: 61px;
+ border-width: 0px 1px 0px 1px;
+ border-style: solid;
+ border-color: black #182018 black #393C39;
+ background-color: #212421;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#100C10), color-stop(0.1, #313031));
+ font-family: Helvetica;
+ font-size: 13px;
+ color: white;
+ text-align: center;
+}
+.mblTabButton-TabBarButtonAnchor-styles () {
+}
+.mblTabBarTop-TabButton-TabBarButtonDiv-styles () {
+ height: 38px;
+}
+.mblTabBarHead-TabButton-TabBarButtonDiv-styles () {
+ margin-top: -2px;
+}
+.mblTabButton-FirstTabButtom-styles () {
+}
+.mblTabButton-LastTabButton-styles () {
+}
+.mblTabButton-img-styles () {
+ position: absolute;
+ left: 0px;
+ margin-top: 8px;
+}
+.mblTabBarButtonTextBoxSelected-styles () {
+ color: white;
+}
+.mblTabButtonSelected-styles () {
+ background-color: #8C8E8C;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#A59EA5), to(#848284));
+}
+.mblTabButtonHighlighted-styles () {
+ background-color: #FFB600;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCB00), to(#FF9A00));
+}
+.mblTabButtonImgDiv-styles () {
+ position: relative;
+ margin-left: 24px;
+ height: 40px;
+}
+.mblTabPanelHeader-styles () {
+ margin: 0px;
+ padding: 0px 0px 0px 0px;
+ height: 64px;
+ border-top: 1px solid #CDD5DF;
+ border-bottom: 2px solid #949694;
+ background-color: #000000;
+ font-family: Helvetica;
+ font-size: 20px;
+ color: white;
+ text-align: center;
+}
+.mblTabPanelHeader-TabButton-styles () {
+ margin-top: 3px;
+}
+.mblTabPanelHeader-TabButtonSelected-styles () {
+}
+.mblTabPanelHeader-TabButtonDomButton-styles () {
+ width: 43px;
+}
+.mblTabPanelHeader-TabButtonDomButtonClass-styles () {
+ left: 8px;
+}
+.mblTabPanelHeader-DomButton-styles () {
+}
+.mblTabPanelHeader-inHeading-styles () {
+ height: 25px;
+}
+.mblTabPanelHeader-TabButton-inHeading-styles () {
+ margin-top: 0;
+ margin-right: 0;
+ height: 22px;
+ line-height: 23px;
+ border-width: 1px 1px 1px 0px;
+ border-style: solid;
+ border-color: #555555;
+ background-color: #ADADAD;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#7f7f7f), color-stop(0.5, #adadad), color-stop(0.5, #909090));
+}
+.mblTabPanelHeader-TabButton-FirstTabButtom-inHeading-styles () {
+ border-left-width: 1px;
+}
+.mblTabPanelHeader-TabButton-LastTabButtom-inHeading-styles () {
+}
+.mblTabPanelHeader-TabButtonSelected-inHeading-styles () {
+ background-color: #FFC700;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
+}
+
+// TextArea.less
+.mblTextArea-styles () {
+ padding: 4px 1px;
+ border-color: #9CACC0;
+ border-width: 1px;
+ border-style: inset;
+ -webkit-border-radius: 3px;
+ font-family: Helvetica;
+ font-size: 13px;
+}
+.mblExpandingTextArea-styles () {
+ margin: 2px;
+}
+
+// TextBox.less
+.mblTextBox-styles () {
+ height: 22px;
+ border: #9CACC0 1px inset;
+ -webkit-border-radius: 3px;
+ font-family: Helvetica;
+ font-size: 13px;
+}
+
+// ToggleButton.less
+.mblToggleButton-styles () {
+ 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;
+}
+.mblToggleButtonSelected-styles () {
+ 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;
+}
+.mblToggleButtonChecked-styles () {
+ 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;
+}
+.mblToggleButtonChecked-after-styles () {
+ 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%;
+}
+.mblToggleButtonCheckedSelected-styles () {
+ 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;
+}
+.mblToggleButtonCheckedSelected-after-styles () {
+ border-color: white;
+}
+.mblToggleButtonDisabled-styles () {
+ border-color: grey;
+ background-image: none;
+ color: grey;
+}
+
+// Overlay.less
+.mblOverlay-styles () {
+ background-color: #333333;
+ background-image: none;
+}
+
+// Tooltip.less
+.mblTooltip-styles () {
+ padding: 5px;
+ border: #ADAAAD 1px solid;
+ background-color: #8C8A8C;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9C9E9C), to(#848284));
+ -webkit-border-radius: 3px;
+ opacity: .97;
+}
+.mblTooltipBubble-styles () {
+ background-color: #FFC700;
+ background-image: none;
+ color: black;
+}
+.mblTooltipInnerArrow-Bubble-Above-styles () {
+ border-bottom-color: #FFC700;
+}
+.mblTooltipInnerArrow-Bubble-Below-styles () {
+ border-top-color: #FFC700;
+}
+.mblTooltipInnerArrow-Bubble-After-styles () {
+ border-left-color: #FFC700;
+}
+.mblTooltipInnerArrow-Bubble-Before-styles () {
+ border-right-color: #FFC700;
+}
+.mblTooltipArrow-styles () {
+ border: 11px solid transparent;
+}
+.mblTooltipArrow-Before-styles () {
+ border-left-width: 0;
+ border-right-color: #ADAAAD;
+}
+.mblTooltipArrow-After-styles () {
+ border-right-width: 0;
+ border-left-color: #ADAAAD;
+}
+.mblTooltipArrow-Above-styles () {
+ border-top-width: 0;
+ border-bottom-color: #ADAAAD;
+}
+.mblTooltipArrow-Below-styles () {
+ border-bottom-width: 0;
+ border-top-color: #ADAAAD;
+}
+.mblTooltipInnerArrow-Before-styles () {
+ border-left-width: 0;
+ border-right-color: #848284;
+}
+.mblTooltipInnerArrow-After-styles () {
+ border-right-width: 0;
+ border-left-color: #848284;
+}
+.mblTooltipInnerArrow-Above-styles () {
+ border-top-width: 0;
+ border-bottom-color: #9C9E9C;
+}
+.mblTooltipInnerArrow-Below-styles () {
+ border-bottom-width: 0;
+ border-top-color: #848284;
+}
+.mblTooltip-Heading-styles () {
+ padding-bottom: 3px;
+ border-top: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ background-color: transparent;
+ background-image: none;
+}
+.mblTooltip-Heading-ToolbarButton-styles () {
+}