diff options
Diffstat (limited to 'js/dojo/dojox/mobile/themes/android')
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 Binary files differnew file mode 100644 index 0000000..7ac8061 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/arrow-button-bg.png 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 Binary files differnew file mode 100644 index 0000000..74ecb76 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/arrow-button-head.png 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 Binary files differnew file mode 100644 index 0000000..3bd558b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/blue-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/android/compat/button-bg.png b/js/dojo/dojox/mobile/themes/android/compat/button-bg.png Binary files differnew file mode 100644 index 0000000..0d378fa --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/button-bg.png 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 Binary files differnew file mode 100644 index 0000000..75ff0f8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/button-sel-bg.png diff --git a/js/dojo/dojox/mobile/themes/android/compat/gray-arrow.png b/js/dojo/dojox/mobile/themes/android/compat/gray-arrow.png Binary files differnew file mode 100644 index 0000000..c93d17f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/gray-arrow.png diff --git a/js/dojo/dojox/mobile/themes/android/compat/heading-bg.png b/js/dojo/dojox/mobile/themes/android/compat/heading-bg.png Binary files differnew file mode 100644 index 0000000..8c3999b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/heading-bg.png 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 Binary files differnew file mode 100644 index 0000000..3daa1a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/icon-content-heading-bg.png 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 Binary files differnew file mode 100644 index 0000000..799870f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/red-button-bg.png 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 Binary files differnew file mode 100644 index 0000000..970c7ff --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/slider-h-bar-bg.png 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 Binary files differnew file mode 100644 index 0000000..0a08c57 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/slider-h-bg.png 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 Binary files differnew file mode 100644 index 0000000..1988f04 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/slider-handle-bg.png 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 Binary files differnew file mode 100644 index 0000000..3f01809 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-arc-l.gif 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 Binary files differnew file mode 100644 index 0000000..3bb5901 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-arc-r.gif 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 Binary files differnew file mode 100644 index 0000000..3dec6bd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-arc1-k.gif 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 Binary files differnew file mode 100644 index 0000000..638e76a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-arc2-k.gif 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 Binary files differnew file mode 100644 index 0000000..61aca0b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-default-k.gif 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 Binary files differnew file mode 100644 index 0000000..9903c39 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-default-l.gif 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 Binary files differnew file mode 100644 index 0000000..5dbc4bc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-default-r.gif 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 Binary files differnew file mode 100644 index 0000000..0a50568 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-round-l.gif 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 Binary files differnew file mode 100644 index 0000000..1cd3c95 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-round-r.gif 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 Binary files differnew file mode 100644 index 0000000..2b4a9da --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-round1-k.gif 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 Binary files differnew file mode 100644 index 0000000..08eb031 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/switch-round2-k.gif 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 Binary files differnew file mode 100644 index 0000000..548ef73 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/tab-button-bg.png 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 Binary files differnew file mode 100644 index 0000000..56f555b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/tab-orange-button-bg.png 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 Binary files differnew file mode 100644 index 0000000..c454088 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/tab-sel-button-bg.png 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 Binary files differnew file mode 100644 index 0000000..4bfad06 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/compat/togglebutton-chk-bg.png 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 Binary files differnew file mode 100644 index 0000000..dfac370 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay-large.png 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 Binary files differnew file mode 100644 index 0000000..b6836d9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay-small.png diff --git a/js/dojo/dojox/mobile/themes/android/images/thumb-overlay.png b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay.png Binary files differnew file mode 100644 index 0000000..b16efec --- /dev/null +++ b/js/dojo/dojox/mobile/themes/android/images/thumb-overlay.png 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 () { +} |
