diff options
Diffstat (limited to 'js/dojo/dojox/mobile/themes')
592 files changed, 15526 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 () { +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/Button-compat.css b/js/dojo/dojox/mobile/themes/blackberry/Button-compat.css new file mode 100644 index 0000000..359e510 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Button-compat.css @@ -0,0 +1,33 @@ +/* dojox.mobile.Button */ +.mblButton { + background-color: #cecfd6; + background-image: url(compat/button-bg.png); + background-repeat: repeat-x; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -ms-border-radius: 6px; + border-radius: 6px; +} +.mblButtonSelected { + background-color: #0852ae; + 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: #0852ae; + background-image: url(compat/button-sel-bg.png); +} +.mblRedButton { + background-color: #ee4115; + background-image: url(compat/red-button-bg.png); +} +.mblRedButtonSelected { + background-color: #0852ae; + background-image: url(compat/button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/Button.css b/js/dojo/dojox/mobile/themes/blackberry/Button.css new file mode 100644 index 0000000..fa8dc66 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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: 6px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); + color: black; + font-family: Helvetica; + font-size: 16px; + 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(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); + 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(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); + color: white; +} +.mblButtonSelected { + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); + color: white; +} +.mblButtonDisabled, .mblButton:disabled { + cursor: default; + border-color: grey; + color: grey; + background-image: none; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/Button.less b/js/dojo/dojox/mobile/themes/blackberry/Button.less new file mode 100644 index 0000000..ab3a96c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Button.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Button.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/Carousel.css b/js/dojo/dojox/mobile/themes/blackberry/Carousel.css new file mode 100644 index 0000000..a415950 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/Carousel.less b/js/dojo/dojox/mobile/themes/blackberry/Carousel.less new file mode 100644 index 0000000..d717397 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Carousel.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Carousel.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/CheckBox-compat.css b/js/dojo/dojox/mobile/themes/blackberry/CheckBox-compat.css new file mode 100644 index 0000000..f926ffa --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/CheckBox-compat.css @@ -0,0 +1,34 @@ +/* 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.4em); + -ms-transform: translateY(0.4em); + transform: translateY(0.4em); +} +.mblCheckBoxChecked, +.mblCheckBox:checked { + background-image: url(compat/button-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%; +} +.mblCheckBoxSelected, +.mblCheckBoxChecked.mblCheckBoxSelected { + background-image: url(compat/button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/CheckBox.css b/js/dojo/dojox/mobile/themes/blackberry/CheckBox.css new file mode 100644 index 0000000..89f618c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); + font: inherit; + -webkit-transform: translatey(0.4em); +} +.mblCheckBoxSelected { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); +} +.mblCheckBoxChecked, .mblCheckBox:checked { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); +} +.mblCheckBoxChecked::after, .mblCheckBox:checked::after { + position: absolute; + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.3em; + border-color: #0851AD; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblCheckBoxChecked.mblCheckBoxSelected, .mblCheckBox:checked.mblCheckBoxSelected { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); +} +.mblCheckBoxChecked.mblCheckBoxSelected::after, .mblCheckBox:checked.mblCheckBoxSelected::after { + border-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/CheckBox.less b/js/dojo/dojox/mobile/themes/blackberry/CheckBox.less new file mode 100644 index 0000000..09f93b2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/CheckBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/CheckBox.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/ComboBox-compat.css b/js/dojo/dojox/mobile/themes/blackberry/ComboBox-compat.css new file mode 100644 index 0000000..b0504e4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ComboBox-compat.css @@ -0,0 +1,17 @@ +/* dojox.mobile.ComboBox */ +.dijitPopup { + -moz-box-shadow: none; + -o-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; + -moz-border-radius: 12px; + -o-border-radius: 12px; + -ms-border-radius: 12px; + border-radius: 12px; +} +.mblComboBoxMenu { + -moz-border-radius: 12px; + -o-border-radius: 12px; + -ms-border-radius: 12px; + border-radius: 12px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/ComboBox.css b/js/dojo/dojox/mobile/themes/blackberry/ComboBox.css new file mode 100644 index 0000000..45dd699 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ComboBox.css @@ -0,0 +1,44 @@ +/* dojox.mobile.ComboBox */ +.dijitPopup { + margin: 0; + padding: 0; + position: absolute; + border: 0; + background-color: transparent; + -webkit-box-shadow: none; + -webkit-border-radius: 12px; +} +.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: 12px; + background-color: black; +} +.mblComboBoxMenuItem { + white-space: nowrap; + padding: .1em .2em; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: black; + color: white; + text-align: left; +} +.mblComboBoxMenuItemSelected { + color: white; + background-color: black; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); +} +.mblComboBoxMenuPreviousButton, .mblComboBoxMenuNextButton { + font-style: italic; + overflow: hidden; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/ComboBox.less b/js/dojo/dojox/mobile/themes/blackberry/ComboBox.less new file mode 100644 index 0000000..ab9458c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ComboBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ComboBox.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeCategory.css b/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeCategory.css new file mode 100644 index 0000000..5951a20 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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: 29px; + border-top: 1px solid #313439; + border-bottom: 1px solid #ADAAAD; + background-color: white; + font-family: Helvetica; + font-size: 16px; + font-weight: bold; + color: #7B7D84; + line-height: 29px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeCategory.less b/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeCategory.less new file mode 100644 index 0000000..3bb63da --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeList.css b/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeList.css new file mode 100644 index 0000000..baac042 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeList.css @@ -0,0 +1,12 @@ +/* dojox.mobile.EdgeToEdgeList */ +.mblEdgeToEdgeList { + position: relative; + /* IE needs this */ + + margin: 0px; + padding: 0px; + background-color: white; +} +.mblEdgeToEdgeList .mblListItem:last-child { + border-bottom-width: 0px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeList.less b/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeList.less new file mode 100644 index 0000000..227627c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/EdgeToEdgeList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeList.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/Heading-compat.css b/js/dojo/dojox/mobile/themes/blackberry/Heading-compat.css new file mode 100644 index 0000000..8c7dd88 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Heading-compat.css @@ -0,0 +1,25 @@ +/* mbl.widget.Heading */ +.mblHeading { + background-image: url(compat/heading-bg.png); +} +.mblHeadingSpanTitle { + white-space: normal; +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + position: absolute; + top: 0px; + left: 2px; + width: 19px; + height: 30px; + border-style: none; + background-image: url(compat/arrow-button-head.gif); +} +.mblArrowButtonBody { + padding: 0px 10px 0px 5px; + line-height: 28px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; + background-image: url(compat/arrow-button-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/Heading.css b/js/dojo/dojox/mobile/themes/blackberry/Heading.css new file mode 100644 index 0000000..d5267eb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Heading.css @@ -0,0 +1,83 @@ +/* dojox.mobile.Heading */ +.mblHeading { + position: relative; + margin: 0px; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + z-index: 1; + padding: 0px; + height: 38px; + background-color: #424142; + background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4d52), to(#292c31)); + border-top: 1px solid #63696B; + border-bottom: 1px solid #292C31; + color: white; + font-family: Helvetica; + font-size: 18px; + font-weight: normal; + text-align: center; + line-height: 40px; +} +.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: 28px; + margin: 4px 3px 0px 0px; +} +.mblArrowButtonHead { + position: absolute; + top: 4px; + left: 4px; + width: 19px; + height: 19px; + border: 1px solid #39454A; + -webkit-transform: scale(0.8, 1) rotate(45deg); + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); +} +.dj_chrome .mblArrowButtonHead { + height: 20px; + border: 1px inset #39454A; + -webkit-transform: scale(0.7, 1) rotate(45deg); +} +.mblArrowButtonBody { + position: absolute; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + top: 1px; + left: 15px; + padding: 0px 10px 0px 5px; + height: 28px; + border: none; + font-family: Helvetica; + font-size: 14px; + font-weight: bold; + color: black; + line-height: 30px; + -webkit-border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + background-color: #CED3CE; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); +} +.mblArrowButtonSelected .mblArrowButtonHead, .mblArrowButtonSelected .mblArrowButtonBody { + color: white; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/Heading.less b/js/dojo/dojox/mobile/themes/blackberry/Heading.less new file mode 100644 index 0000000..cfc8580 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Heading.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Heading.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/IconContainer-compat.css b/js/dojo/dojox/mobile/themes/blackberry/IconContainer-compat.css new file mode 100644 index 0000000..adf6d49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/IconContainer.css b/js/dojo/dojox/mobile/themes/blackberry/IconContainer.css new file mode 100644 index 0000000..73fa041 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/IconContainer.css @@ -0,0 +1,97 @@ +@import url("../common/domButtons/DomButtonColorButtons.css"); + +@import url("../common/IconContainer_keyframes.css"); +/* dojox.mobile.IconContainer */ +.mblIconContainer { + margin: 0px; + padding: 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: 0px; +} +.mblIconItemSub { + list-style-type: none; + background-color: white; + color: black; +} +.mblIconArea { + margin-bottom: 5px; + height: 78px; + width: 88px; + text-align: center; + font-family: Helvetica; + font-size: 12px; +} +.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: 16px; + color: white; + line-height: 26px; + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/IconContainer.less b/js/dojo/dojox/mobile/themes/blackberry/IconContainer.less new file mode 100644 index 0000000..963eae6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/ListItem-compat.css b/js/dojo/dojox/mobile/themes/blackberry/ListItem-compat.css new file mode 100644 index 0000000..a44214e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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: 13px; +} +.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/blackberry/ListItem.css b/js/dojo/dojox/mobile/themes/blackberry/ListItem.css new file mode 100644 index 0000000..b8f9f9d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ListItem.css @@ -0,0 +1,86 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); + +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); +/* dojox.mobile.ListItem */ +.mblListItem { + position: relative; + list-style-type: none; + vertical-align: bottom; + /* To avoid IE6 LI bug */ + + padding: 6px; + height: 43px; + border-bottom: solid 1px #DEDFDE; + font-size: 18px; + color: black; + line-height: 43px; +} +.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: #0869C6; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); +} +.mblItemSelected .mblListItemSubText { + color: white; +} +.mblItemSelected .mblListItemAnchor { + color: white; +} +.mblItemSelected .mblDomButton div { + border-color: white; +} +.mblListItemTextBoxSelected { + background-color: #0869C6; +} +.mblListItemIcon { + float: left; + line-height: normal; + margin-top: 7px; + margin-right: 11px; +} +.mblListItemSpriteIcon { + position: absolute; + margin-top: 7px; + margin-left: 8px; +} +.mblListItemRightIcon, .mblListItemRightIcon2 { + position: relative; + float: right; + line-height: normal; + margin-top: 7px; + margin-bottom: -7px; +} +.mblListItemRightText { + position: relative; + float: right; + line-height: normal; + color: black; + margin: 11px 4px 0 0; +} +.mblListItemTextBox { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.mblVariableHeight .mblListItemTextBox { + white-space: normal; +} +.mblListItemSubText { + font-size: 14px; + color: #7B7D48; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/ListItem.less b/js/dojo/dojox/mobile/themes/blackberry/ListItem.less new file mode 100644 index 0000000..f9f9d21 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ListItem.less @@ -0,0 +1,5 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); + +@import "variables.less"; +@import "../common/ListItem.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/Opener-compat.css b/js/dojo/dojox/mobile/themes/blackberry/Opener-compat.css new file mode 100644 index 0000000..68cb1a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/Opener.css b/js/dojo/dojox/mobile/themes/blackberry/Opener.css new file mode 100644 index 0000000..141c72e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Opener.css @@ -0,0 +1,3 @@ +/* dojox.mobile.Opener */ +@import url("Overlay.css"); +@import url("Tooltip.css"); diff --git a/js/dojo/dojox/mobile/themes/blackberry/Overlay-compat.css b/js/dojo/dojox/mobile/themes/blackberry/Overlay-compat.css new file mode 100644 index 0000000..3bc72a3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/Overlay.css b/js/dojo/dojox/mobile/themes/blackberry/Overlay.css new file mode 100644 index 0000000..0073339 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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: #000000; + background-image: none; +} +.mblOverlayHidden *, .mblOverlayHidden { + visibility: hidden !important; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/Overlay.less b/js/dojo/dojox/mobile/themes/blackberry/Overlay.less new file mode 100644 index 0000000..e49ea9e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/PageIndicator.css b/js/dojo/dojox/mobile/themes/blackberry/PageIndicator.css new file mode 100644 index 0000000..a175ad6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/PageIndicator.less b/js/dojo/dojox/mobile/themes/blackberry/PageIndicator.less new file mode 100644 index 0000000..9bb6c49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/PageIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/PageIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/ProgressIndicator-compat.css b/js/dojo/dojox/mobile/themes/blackberry/ProgressIndicator-compat.css new file mode 100644 index 0000000..4ee0810 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/ProgressIndicator.css b/js/dojo/dojox/mobile/themes/blackberry/ProgressIndicator.css new file mode 100644 index 0000000..2340637 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/ProgressIndicator.less b/js/dojo/dojox/mobile/themes/blackberry/ProgressIndicator.less new file mode 100644 index 0000000..2ab2a2d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ProgressIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ProgressIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/RadioButton-compat.css b/js/dojo/dojox/mobile/themes/blackberry/RadioButton-compat.css new file mode 100644 index 0000000..6f85871 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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.4em); + -ms-transform: translateY(0.4em); + transform: translateY(0.4em); +} +.mblRadioButtonChecked, +.mblRadioButton:checked { + background-image: url(compat/button-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/blackberry/RadioButton.css b/js/dojo/dojox/mobile/themes/blackberry/RadioButton.css new file mode 100644 index 0000000..f2a88c2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); + font: inherit; + -webkit-transform: translatey(0.4em); +} +.mblRadioButtonChecked, .mblRadioButton:checked { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); +} +.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: #0851AD; + -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(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); +} +.mblRadioButtonChecked.mblRadioButtonSelected::after, .mblRadioButton:checked.mblRadioButtonSelected::after { + border-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/RadioButton.less b/js/dojo/dojox/mobile/themes/blackberry/RadioButton.less new file mode 100644 index 0000000..0793ca6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/RadioButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RadioButton.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/RoundRect-compat.css b/js/dojo/dojox/mobile/themes/blackberry/RoundRect-compat.css new file mode 100644 index 0000000..0643874 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/RoundRect-compat.css @@ -0,0 +1,64 @@ +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #C6C7C6; + border-width: 0px 1px; +} +.mblRoundRectContainer { + padding: 3px 8px; + background-color: white; + border-style: solid; + border-color: #C6C7C6; + 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/blackberry/RoundRect.css b/js/dojo/dojox/mobile/themes/blackberry/RoundRect.css new file mode 100644 index 0000000..a1f9991 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/RoundRect.css @@ -0,0 +1,13 @@ +/* dojox.mobile.RoundRect */ +.mblRoundRect { + margin: 2px 3px 4px; + padding: 8px; + border: 1px solid #C6C7C6; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + color: black; + background-color: white; +} +.mblRoundRect.mblShadow { + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.35); +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/RoundRect.less b/js/dojo/dojox/mobile/themes/blackberry/RoundRect.less new file mode 100644 index 0000000..efec816 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/RoundRect.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRect.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/RoundRectCategory.css b/js/dojo/dojox/mobile/themes/blackberry/RoundRectCategory.css new file mode 100644 index 0000000..bc46c98 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/RoundRectCategory.css @@ -0,0 +1,20 @@ +/* dojox.mobile.RoundRectCategory */ +.mblRoundRectCategory { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + padding: 0px 6px; + margin: 3px 9px 0px; + height: 29px; + font-family: Helvetica; + font-size: 16px; + color: #7B7D84; + line-height: 29px; + background-color: white; + border: 1px solid #ADAAAD; + border-bottom-width: 0px; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/RoundRectCategory.less b/js/dojo/dojox/mobile/themes/blackberry/RoundRectCategory.less new file mode 100644 index 0000000..e9148cc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/RoundRectCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/RoundRectList-compat.css b/js/dojo/dojox/mobile/themes/blackberry/RoundRectList-compat.css new file mode 100644 index 0000000..0643874 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/RoundRectList-compat.css @@ -0,0 +1,64 @@ +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #C6C7C6; + border-width: 0px 1px; +} +.mblRoundRectContainer { + padding: 3px 8px; + background-color: white; + border-style: solid; + border-color: #C6C7C6; + 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/blackberry/RoundRectList.css b/js/dojo/dojox/mobile/themes/blackberry/RoundRectList.css new file mode 100644 index 0000000..2830ad3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/RoundRectList.css @@ -0,0 +1,39 @@ +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + position: relative; + /* IE needs this */ + + margin: 3px 9px; + padding: 0px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + background-color: white; +} +.mblRoundRectList .mblListItem:first-child { + border-top-width: 0px; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; +} +.mblRoundRectList .mblListItem:last-child { + border-bottom-width: 0px; + -webkit-border-bottom-left-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-bottomright: 6px; +} +.mblRoundRectCategory + .mblRoundRectList { + margin-top: 0; + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 0px; + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 0px; +} +.mblRoundRectCategory + .mblRoundRectList .mblListItem:first-child { + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 0px; + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 0px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/RoundRectList.less b/js/dojo/dojox/mobile/themes/blackberry/RoundRectList.less new file mode 100644 index 0000000..52e1164 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/RoundRectList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectList.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/Slider-compat.css b/js/dojo/dojox/mobile/themes/blackberry/Slider-compat.css new file mode 100644 index 0000000..d3ae9b6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Slider-compat.css @@ -0,0 +1,43 @@ +/* dojox.mobile.Slider */ +.mblSlider { + background-image: url(compat/slider-h-bg.png); + -moz-border-radius: 6px; + -o-border-radius: 6px; + -ms-border-radius: 6px; + border-radius: 6px; + -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: #F7F3F7; +} +.mblSliderProgressBar { + background-image: url(compat/slider-h-bar-bg.png); + background-repeat: repeat-x; + -moz-border-radius: 6px; + -o-border-radius: 6px; + -ms-border-radius: 6px; + border-radius: 6px; +} +.mblSliderV .mblSliderProgressBar { + background: #088EEF; +} +.mblSliderHandle { + background-image: url(compat/slider-handle-bg.png); + -moz-border-radius: 6px; + -o-border-radius: 6px; + -ms-border-radius: 6px; + border-radius: 6px; +} +.mblSliderTransition { + -moz-transition-duration: 400ms; + -o-transition-duration: 400ms; + -ms-transition-duration: 400ms; + transition-duration: 400ms; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/Slider.css b/js/dojo/dojox/mobile/themes/blackberry/Slider.css new file mode 100644 index 0000000..5e3c183 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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(#f7f3f7), to(#cec5d6), color-stop(0.5, #ced3ce)); + -webkit-border-radius: 6px; +} +.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(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); + -webkit-border-radius: 6px; +} +.mblSliderHandle { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: #9D9D9D 1px outset; + -webkit-border-radius: 6px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#999999), color-stop(0.5, #bbbbbb)); +} +.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/blackberry/Slider.less b/js/dojo/dojox/mobile/themes/blackberry/Slider.less new file mode 100644 index 0000000..928972f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Slider.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Slider.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/Switch-compat.css b/js/dojo/dojox/mobile/themes/blackberry/Switch-compat.css new file mode 100644 index 0000000..3756d95 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/Switch.css b/js/dojo/dojox/mobile/themes/blackberry/Switch.css new file mode 100644 index 0000000..b8d62c7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Switch.css @@ -0,0 +1,18 @@ +@import url("../common/Switch.css"); +/* dojox.mobile.Switch */ +.mblItemSwitch { + top: 14px; +} +.mblSwitchBg { + -webkit-border-radius: 6px; +} +.mblSwitchBgLeft { + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); +} +.mblSwitchBgRight { + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f3f7), to(#cec5d6), color-stop(0.5, #ced3ce)); +} +.mblSwitchKnob { + background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#999999), color-stop(0.5, #bbbbbb)); + -webkit-border-radius: 6px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/Switch.less b/js/dojo/dojox/mobile/themes/blackberry/Switch.less new file mode 100644 index 0000000..84a1146 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/TabBar-compat.css b/js/dojo/dojox/mobile/themes/blackberry/TabBar-compat.css new file mode 100644 index 0000000..c1944a5 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/TabBar-compat.css @@ -0,0 +1,49 @@ +/* dojox.mobile.TabBarButton */ +.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv { + left: auto; +} +.dj_ie6 .mblTabBar .mblTabBarButton { + display: inline; /* IE bug*/ +} +.mblTabBarButtonIcon { + position: absolute; + top: 2px; + left: 0px; +} +.dj_gecko .mblTabBar .mblTabBarButton.mblTabButtonSelected { + -moz-border-radius: 3px; +} +.dj_gecko .mblTabPanelHeader .mblTabButton { + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; +} +*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; +} +.mblTabButton img { + position: absolute; + left: 0px; + top: 0px; + margin-top: 8px; +} +.dj_gecko .mblHeading .mblTabPanelHeader .mblTabButton { + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 0px; +} +.dj_gecko .mblHeading .mblTabPanelHeader .mblTabButton:first-child { + -moz-border-radius-topleft: 6px; + -moz-border-radius-bottomleft: 6px; +} +.dj_gecko .mblHeading .mblTabPanelHeader .mblTabButton:last-child { + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/TabBar.css b/js/dojo/dojox/mobile/themes/blackberry/TabBar.css new file mode 100644 index 0000000..06bc550 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/TabBar.css @@ -0,0 +1,164 @@ +/* dojox.mobile.TabBar */ +.mblTabBar { + position: relative; + overflow: hidden; + white-space: nowrap; + margin: 0px; + padding: 0px; + height: 48px; + border-top: 1px solid #000000; + background-color: #212421; + background-image: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#100c10)); + 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 { + background-color: #404040; + background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535)); + -webkit-border-radius: 3px; +} +.mblTabBarButtonAnchor { + display: block; + text-decoration: none; +} +.mblTabBarButtonDiv { + position: relative; + margin-left: auto; + margin-right: auto; + height: 34px; + width: 29px; +} +.mblTabBarButtonIcon { + position: absolute; + left: 0; + top: 0; +} +.mblTabBarButtonSpriteIcon { + position: absolute; +} +.mblTabBarButtonTextBox { + color: #979797; + font-family: "Helvetica Neue", Helvetica; + font-size: 11px; +} +.mblTabBarNoIcons .mblTabBarButtonDiv { + display: none; +} +.mblTabBarNoIcons .mblTabBarButtonTextBox { + line-height: 34px; + font-size: 20px; +} +.mblTabBarTop .mblTabButton .mblTabBarButtonDiv { + height: 40px; +} +.mblTabButton { + position: relative; + float: left; + list-style-type: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + width: 78px; + height: 61px; + border-width: 1px 1px 0px 1px; + border-style: solid; + border-color: #7B7D84 #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: #979797; + text-align: center; +} +.mblTabButton img { + position: absolute; + left: 0px; + margin-top: 8px; +} +.mblTabButtonSelected .mblTabBarButtonTextBox { + color: white; +} +.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; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; +} +.mblTabPanelHeader .mblTabButton.mblTabButtonSelected { + background-color: #404040; + background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535)); + color: white; +} +.mblTabPanelHeader .mblTabButtonDomButton { + width: 43px; +} +.mblTabPanelHeader .mblTabButtonDomButtonClass { + left: 8px; +} +.mblHeading .mblTabPanelHeader { + height: 38px; +} +.mblHeading .mblTabPanelHeader .mblTabButton { + margin: 5px 0; + height: 28px; + border-width: 0px 1px 0px 0px; + border-style: solid; + border-color: #39454A; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + background-color: #CED3CE; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); + font-size: 14px; + font-weight: bold; + line-height: 30px; + color: black; +} +.mblHeading .mblTabPanelHeader .mblTabButton:first-child { + -webkit-border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; +} +.mblHeading .mblTabPanelHeader .mblTabButton:last-child { + -webkit-border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + border-right: none; +} +.mblHeading .mblTabPanelHeader .mblTabButtonSelected { + background-color: #0869C6; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); + color: white; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/TabBar.less b/js/dojo/dojox/mobile/themes/blackberry/TabBar.less new file mode 100644 index 0000000..4875c40 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/TabBar.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TabBar.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/TextArea-compat.css b/js/dojo/dojox/mobile/themes/blackberry/TextArea-compat.css new file mode 100644 index 0000000..c68fb12 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/TextArea-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextArea */ +.mblTextArea { + -moz-border-radius: 6px; + -o-border-radius: 6px; + -ms-border-radius: 6px; + border-radius: 6px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/TextArea.css b/js/dojo/dojox/mobile/themes/blackberry/TextArea.css new file mode 100644 index 0000000..a39e681 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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: 6px; + font-family: Helvetica; + font-size: 13px; +} +/* dojox.mobile.ExpandingTextArea */ +.mblExpandingTextArea { + margin: 2px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/TextArea.less b/js/dojo/dojox/mobile/themes/blackberry/TextArea.less new file mode 100644 index 0000000..c16ffe0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/TextArea.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextArea.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/TextBox-compat.css b/js/dojo/dojox/mobile/themes/blackberry/TextBox-compat.css new file mode 100644 index 0000000..8672e5f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/TextBox-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + -moz-border-radius: 6px; + -o-border-radius: 6px; + -ms-border-radius: 6px; + border-radius: 6px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/TextBox.css b/js/dojo/dojox/mobile/themes/blackberry/TextBox.css new file mode 100644 index 0000000..126bae9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/TextBox.css @@ -0,0 +1,8 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + height: 22px; + border: #9CACC0 1px inset; + -webkit-border-radius: 6px; + font-family: Helvetica; + font-size: 13px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/TextBox.less b/js/dojo/dojox/mobile/themes/blackberry/TextBox.less new file mode 100644 index 0000000..c83890a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/TextBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextBox.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/ToggleButton-compat.css b/js/dojo/dojox/mobile/themes/blackberry/ToggleButton-compat.css new file mode 100644 index 0000000..2f5214b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ToggleButton-compat.css @@ -0,0 +1,31 @@ +/* dojox.mobile.ToggleButton */ +.mblToggleButton { + background-image: url(compat/button-bg.png); + -moz-border-radius: 6px; + -o-border-radius: 6px; + -ms-border-radius: 6px; + border-radius: 6px; +} +.mblToggleButtonSelected { + background-image: url(compat/button-sel-bg.png); +} +.mblToggleButtonChecked { + background-image: url(compat/button-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/blackberry/ToggleButton.css b/js/dojo/dojox/mobile/themes/blackberry/ToggleButton.css new file mode 100644 index 0000000..0658f5f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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: 6px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); + font-family: Helvetica; + font-size: 16px; + color: black; + line-height: 29px; +} +.mblToggleButton.mblToggleButtonSelected { + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); + color: white; +} +.mblToggleButton.mblToggleButtonChecked { + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); + color: black; +} +.mblToggleButton.mblToggleButtonChecked::after { + position: absolute; + content: ""; + top: 6px; + left: 7px; + width: 5px; + height: 10px; + border-color: #0851AD; + 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(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); + 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/blackberry/ToggleButton.less b/js/dojo/dojox/mobile/themes/blackberry/ToggleButton.less new file mode 100644 index 0000000..bdce40f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ToggleButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToggleButton.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/ToolBarButton.css b/js/dojo/dojox/mobile/themes/blackberry/ToolBarButton.css new file mode 100644 index 0000000..29c8284 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ToolBarButton.css @@ -0,0 +1,27 @@ +/* dojox.mobile.ToolBarButton */ +.mblToolBarButton { + float: left; + position: relative; + overflow: hidden; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: 4px 3px; + height: 29px; + font-family: Helvetica; + font-size: 14px; + font-weight: bold; + line-height: 29px; + text-align: center; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; +} +.mblToolBarButtonIcon { + position: relative; + top: 1px; +} +.mblToolBarButtonSpriteIcon { + position: absolute; +} +.mblToolBarButtonText { + padding: 0px 10px; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/ToolBarButton.less b/js/dojo/dojox/mobile/themes/blackberry/ToolBarButton.less new file mode 100644 index 0000000..3b67bdc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/ToolBarButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToolBarButton.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/Tooltip-compat.css b/js/dojo/dojox/mobile/themes/blackberry/Tooltip-compat.css new file mode 100644 index 0000000..bb5900d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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: #424142; +} +.mblTooltipAfter .mblTooltipInnerArrow { + border-left-color: #424142; +} +.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #424142; +} +.mblTooltipBelow .mblTooltipInnerArrow { + border-top-color: #424142; +} +.mblTooltip .mblHeading { + *padding: 0 9px 12px; + *border-top: 1px solid #424142; + *border-bottom: 1px solid #424142; + *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/blackberry/Tooltip.css b/js/dojo/dojox/mobile/themes/blackberry/Tooltip.css new file mode 100644 index 0000000..e94715c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Tooltip.css @@ -0,0 +1,143 @@ +/* dojox.mobile.Tooltip */ +.mblTooltip { + position: absolute; + z-index: 2000; + display: block; + margin: 0; + padding: 5px; + border: #ADAAAD 1px solid; + background-color: #424142; + background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4d52), to(#292c31)); + -webkit-border-radius: 6px; + opacity: .97; +} +.mblTooltipBubble { + overflow: visible; + padding: 3px; + background-color: #000000; + background-image: none; + color: #ffffff; +} +.mblTooltipBubble.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #000000; +} +.mblTooltipBubble.mblTooltipBelow .mblTooltipInnerArrow { + border-top-color: #000000; +} +.mblTooltipBubble.mblTooltipAfter .mblTooltipInnerArrow { + border-left-color: #000000; +} +.mblTooltipBubble.mblTooltipBefore .mblTooltipInnerArrow { + border-right-color: #000000; +} +.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: #4A4D52; +} +.mblTooltipAfter .mblTooltipInnerArrow { + left: 0; + top: 0; + border-right-width: 0; + border-left-color: #4A4D52; +} +.mblTooltipAbove .mblTooltipInnerArrow { + bottom: 0; + left: 0; + border-top-width: 0; + border-bottom-color: #4A4D52; +} +.mblTooltipBelow .mblTooltipInnerArrow { + top: 0; + left: 0; + border-bottom-width: 0; + border-top-color: #292C31; +} +.mblTooltipHidden, .mblTooltipHidden * { + visibility: hidden !important; +} +.mblTooltip .mblHeading { + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + background-color: transparent; + background-image: none; +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/Tooltip.less b/js/dojo/dojox/mobile/themes/blackberry/Tooltip.less new file mode 100644 index 0000000..60af6d1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/Tooltip.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Tooltip.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/View.css b/js/dojo/dojox/mobile/themes/blackberry/View.css new file mode 100644 index 0000000..363c9bd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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: black; +} +.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/blackberry/View.less b/js/dojo/dojox/mobile/themes/blackberry/View.less new file mode 100644 index 0000000..910651f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/base-compat.css b/js/dojo/dojox/mobile/themes/blackberry/base-compat.css new file mode 100644 index 0000000..d12cf2b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/base.css b/js/dojo/dojox/mobile/themes/blackberry/base.css new file mode 100644 index 0000000..2409467 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/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/blackberry/blackberry-compat.css b/js/dojo/dojox/mobile/themes/blackberry/blackberry-compat.css new file mode 100644 index 0000000..f5a0140 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/blackberry-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/blackberry/blackberry.css b/js/dojo/dojox/mobile/themes/blackberry/blackberry.css new file mode 100644 index 0000000..a50e0ce --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/blackberry.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/blackberry/common.css b/js/dojo/dojox/mobile/themes/blackberry/common.css new file mode 100644 index 0000000..489bccb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/common.css @@ -0,0 +1,29 @@ +html.mobile, .mobile body { + width: 100%; + margin: 0px; + padding: 0px; +} +.mobile body { + overflow-x: hidden; + -webkit-text-size-adjust: none; + background-color: #DEDFDE; + font-family: Helvetica; + font-size: 18px; +} +/* Button Colors */ +.mblColorBlue { + color: white; + background-color: #215fdc; + 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 { + color: black; + background-color: #CED3CE; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); +} +.mblColorDefaultSel { + color: white; + background-color: #0869C6; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); +} diff --git a/js/dojo/dojox/mobile/themes/blackberry/common.less b/js/dojo/dojox/mobile/themes/blackberry/common.less new file mode 100644 index 0000000..4e57a5c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/common.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/common.less"; diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/arrow-button-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/arrow-button-bg.png Binary files differnew file mode 100644 index 0000000..55a6e27 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/arrow-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/arrow-button-head.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/arrow-button-head.gif Binary files differnew file mode 100644 index 0000000..3572fbf --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/arrow-button-head.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/blue-button-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/blue-button-bg.png Binary files differnew file mode 100644 index 0000000..3bd558b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/blue-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/button-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/button-bg.png Binary files differnew file mode 100644 index 0000000..ba69969 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/button-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/button-sel-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/button-sel-bg.png Binary files differnew file mode 100644 index 0000000..4e7384a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/button-sel-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/gray-arrow.png b/js/dojo/dojox/mobile/themes/blackberry/compat/gray-arrow.png Binary files differnew file mode 100644 index 0000000..c93d17f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/gray-arrow.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/heading-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/heading-bg.png Binary files differnew file mode 100644 index 0000000..f0546b4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/icon-content-heading-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/icon-content-heading-bg.png Binary files differnew file mode 100644 index 0000000..3daa1a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/icon-content-heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/red-button-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/red-button-bg.png Binary files differnew file mode 100644 index 0000000..799870f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/red-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/slider-h-bar-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/slider-h-bar-bg.png Binary files differnew file mode 100644 index 0000000..e130b9c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/slider-h-bar-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/slider-h-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/slider-h-bg.png Binary files differnew file mode 100644 index 0000000..955dc11 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/slider-h-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/slider-handle-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/slider-handle-bg.png Binary files differnew file mode 100644 index 0000000..d06d0dd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/slider-handle-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc-l.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc-l.gif Binary files differnew file mode 100644 index 0000000..9abb5fb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc-l.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc-r.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc-r.gif Binary files differnew file mode 100644 index 0000000..a787840 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc-r.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc1-k.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc1-k.gif Binary files differnew file mode 100644 index 0000000..6a4e89d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc1-k.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc2-k.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc2-k.gif Binary files differnew file mode 100644 index 0000000..5193586 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-arc2-k.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-default-k.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-default-k.gif Binary files differnew file mode 100644 index 0000000..193cb73 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-default-k.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-default-l.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-default-l.gif Binary files differnew file mode 100644 index 0000000..1fb3013 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-default-l.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-default-r.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-default-r.gif Binary files differnew file mode 100644 index 0000000..6511b8b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-default-r.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round-l.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round-l.gif Binary files differnew file mode 100644 index 0000000..ed34d5d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round-l.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round-r.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round-r.gif Binary files differnew file mode 100644 index 0000000..3825e83 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round-r.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round1-k.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round1-k.gif Binary files differnew file mode 100644 index 0000000..8d00c11 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round1-k.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round2-k.gif b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round2-k.gif Binary files differnew file mode 100644 index 0000000..c4c7969 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/switch-round2-k.gif diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/tab-button-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/tab-button-bg.png Binary files differnew file mode 100644 index 0000000..548ef73 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/tab-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/tab-orange-button-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/tab-orange-button-bg.png Binary files differnew file mode 100644 index 0000000..56f555b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/tab-orange-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/compat/tab-sel-button-bg.png b/js/dojo/dojox/mobile/themes/blackberry/compat/tab-sel-button-bg.png Binary files differnew file mode 100644 index 0000000..c454088 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/compat/tab-sel-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/images/thumb-overlay-large.png b/js/dojo/dojox/mobile/themes/blackberry/images/thumb-overlay-large.png Binary files differnew file mode 100644 index 0000000..dfac370 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/images/thumb-overlay-large.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/images/thumb-overlay-small.png b/js/dojo/dojox/mobile/themes/blackberry/images/thumb-overlay-small.png Binary files differnew file mode 100644 index 0000000..b6836d9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/images/thumb-overlay-small.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/images/thumb-overlay.png b/js/dojo/dojox/mobile/themes/blackberry/images/thumb-overlay.png Binary files differnew file mode 100644 index 0000000..b16efec --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/images/thumb-overlay.png diff --git a/js/dojo/dojox/mobile/themes/blackberry/variables.less b/js/dojo/dojox/mobile/themes/blackberry/variables.less new file mode 100644 index 0000000..90d6e4b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/blackberry/variables.less @@ -0,0 +1,763 @@ +// common.less +.mobile-body-styles () { + background-color: #DEDFDE; + font-family: Helvetica; + font-size: 18px; +} + +.mblView-styles () { + color: black; +} + +.mblColorBlue-styles () { + color: white; + background-color: #215fdc; + 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 () { + color: black; + background-color: #CED3CE; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); +} +.mblColorDefaultSel-styles () { + color: white; + background-color: #0869C6; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); +} + +// Heading.less +.mblHeading-styles () { + padding: 0px; + height: 38px; + background-color: #424142; + background-image: -webkit-gradient(linear, left top, left bottom, from(#4A4D52), to(#292C31)); + border-top: 1px solid #63696B; + border-bottom: 1px solid #292C31; + color: white; + font-family: Helvetica; + font-size: 18px; + font-weight: normal; + text-align: center; + line-height: 40px; +} +.mblArrowButton-styles () { + height: 28px; + margin: 4px 3px 0px 0px; +} +.mblArrowButtonHead-styles () { + top: 4px; + left: 4px; + width: 19px; + height: 19px; + border: 1px solid #39454A; + -webkit-transform: scale(.8,1) rotate(45deg); + background-image: -webkit-gradient(linear, left top, left bottom, from(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); +} +.mblArrowButtonHeadChrome-styles () { + height: 20px; + border: 1px inset #39454A; + -webkit-transform: scale(0.7, 1) rotate(45deg); +} +.mblArrowButtonBody-styles () { + top: 1px; + left: 15px; + padding: 0px 10px 0px 5px; + height: 28px; + border: none; + font-family: Helvetica; + font-size: 14px; + font-weight: bold; + color: black; + line-height: 30px; + -webkit-border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + background-color: #CED3CE; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); +} +.mblArrowButtonSelected-styles () { + color: white; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); +} +.mblArrowButtonHeadSelected-styles () { +} +.mblArrowButtonBodySelected-styles () { +} + +// ToolBarButton.less +.mblToolBarButton-styles () { + margin: 4px 3px; + height: 29px; + font-family: Helvetica; + font-size: 14px; + font-weight: bold; + line-height: 29px; + text-align: center; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; +} +.mblToolBarButtonDomButton-styles () { +} +.mblToolBarButtonIcon-styles () { + top: 1px; +} + +// RoundRect.less +.mblRoundRect-styles () { + margin: 2px 3px 4px; + padding: 8px; + border: 1px solid #C6C7C6; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + color: black; + background-color: white; +} +.mblRoundRectShadowBox-styles () { + -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.35); +} + +// EdgeToEdgeCategory.less +.mblEdgeToEdgeCategory-styles () { + margin: 0px; + padding: 0px 10px; + height: 29px; + border-top: 1px solid #313439; + border-bottom: 1px solid #ADAAAD; + background-color: white; + font-family: Helvetica; + font-size: 16px; + font-weight: bold; + color: #7B7D84; + line-height: 29px; +} + +// RoundRectCategory.less +.mblRoundRectCategory-styles () { + padding: 0px 6px; + margin: 3px 9px 0px; + height: 29px; + font-family: Helvetica; + font-size: 16px; + color: #7B7D84; + line-height: 29px; + background-color: white; + border: 1px solid #ADAAAD; + border-bottom-width: 0px; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; +} + +// RoundRectList.less +.mblRoundRectList-styles () { + margin: 3px 9px; + padding: 0px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + background-color: white; +} +.mblRoundRectList-withCategory-styles () { + margin-top: 0; + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 0px; + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 0px; +} +.mblRoundRectList-FirstListItem-styles () { + border-top-width: 0px; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; +} +.mblRoundRectList-withCategory-FirstListItem-styles () { + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 0px; + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 0px; +} +.mblRoundRectList-LastListItem-styles () { + border-bottom-width: 0px; + -webkit-border-bottom-left-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-bottomright: 6px; +} + +// EdgeToEdgeList.less +.mblEdgeToEdgeList-styles () { + margin: 0px; + padding: 0px; + background-color: white; +} +.mblEdgeToEdgeList-LastListItem-styles () { + border-bottom-width: 0px; +} + +// ListItem.less +.mblListItem-styles () { + padding: 6px; + height: 43px; + border-bottom: solid 1px #DEDFDE; + font-size: 18px; + color: black; + line-height: 43px; +} +.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: #0869C6; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); +} +.mblItemSelected-mblListItemAnchor-styles () { + color: white; +} +.mblItemSelected-mblDomButton-Div-styles () { + border-color: white; +} +.mblItemSelected-mblListItemSubText-styles () { + color: white; +} +.mblListItemTextBoxSelected-styles () { + background-color: #0869C6; +} +.mblListItemChecked-styles () { +} +.mblListItemIcon-styles () { + margin-top: 7px; + margin-right: 11px; +} +.mblListItemSpriteIcon-styles () { + margin-top: 7px; + margin-left: 8px; +} +.mblListItemRightIcon-styles () { + margin-top: 7px; + margin-bottom: -7px; +} +.mblListItemRightText-styles () { + color: black; + margin: 11px 4px 0 0; +} +.mblListItemTextBox-styles () { +} +.mblListItemAnchorNoIcon-mblListItemTextBox-styles () { +} +.mblListItemSubText-styles () { + font-size: 14px; + color: #7B7D48; +} + +// Switch.less +.mblItemSwitch-styles () { + top: 14px; +} +.mblSwitchBg-styles () { + -webkit-border-radius: 6px; +} +.mblSwitchBgLeft-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); +} +.mblSwitchBgRight-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F3F7), to(#CEC5D6), color-stop(0.5, #CED3CE)); +} +.mblSwitchKnob-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#999999), color-stop(0.5, #BBBBBB)); + -webkit-border-radius: 6px; +} + +// Button.less +.mblButton-styles () { + padding: 0px 10px; + height: 29px; + border: #9CACC0 1px outset; + -webkit-border-radius: 6px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); + color: black; + font-family: Helvetica; + font-size: 16px; + 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(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); + 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(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); + color: white; +} +.mblButtonSelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); + color: white; +} +.mblButtonDisabled-styles () { + border-color: grey; + color: grey; + background-image: none; +} + +// 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(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); + font: inherit; + -webkit-transform: translateY(0.4em); +} +.mblCheckBoxSelected-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); +} +.mblCheckBoxChecked-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); +} +.mblCheckBoxChecked-after-styles () { + position: absolute; + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.3em; + border-color: #0851AD; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblCheckBoxChecked-mblCheckBoxSelected-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); +} +.mblCheckBoxChecked-mblCheckBoxSelected-after-styles () { + border-color: white; +} + +// ComboBox.less +.dijitPopup-styles () { + -webkit-box-shadow: none; + -webkit-border-radius: 12px; +} +.mblComboBoxMenu-styles () { + border: 1px solid black; + -webkit-border-radius: 12px; + background-color: black; +} +.mblComboBoxMenuItemSelected-styles () { + color: white; + background-color: black; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); +} +.mblComboBoxMenuItem-styles () { + padding: .1em .2em; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: black; + color: white; + text-align: left; +} +.mblComboBoxMenuPreviousButton-styles () { + font-style: italic; + overflow: hidden; +} + +// IconContainer.less +.mblIconContainer-styles () { + margin: 0px; + padding: 0px; +} + +// IconItem.less +.mblIconItemTerminator-styles () { + height: 0px; +} +.mblIconItemSub-styles () { + background-color: white; + color: black; +} +.mblIconArea-styles () { + margin-bottom: 5px; + height: 78px; + width: 88px; + text-align: center; + font-family: Helvetica; + font-size: 12px; +} +.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: 16px; + 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(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); + font: inherit; + -webkit-transform: translateY(0.4em); +} +.mblRadioButtonChecked-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); +} +.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: #0851AD; + -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(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); +} +.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(#F7F3F7), to(#CEC5D6), color-stop(0.5, #CED3CE)); + -webkit-border-radius: 6px; +} +.mblSliderProgressBar-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); + -webkit-border-radius: 6px; +} +.mblSliderHandle-styles () { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: #9D9D9D 1px outset; + -webkit-border-radius: 6px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#999999), color-stop(0.5, #BBBBBB)); +} + +// TabBar.less +.mblTabBar-styles () { + margin: 0px; + padding: 0px; + height: 48px; + border-top: 1px solid #000000; + background-color: #212421; + background-image: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#100C10)); + color: white; + text-align: center; +} +.mblTabBar-TabBarButton-styles () { +} +.mblTabBar-TabBarButton-Selected-styles () { + background-color: #404040; + background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535)); + -webkit-border-radius: 3px; +} +.mblTabBarButtonDiv-styles () { + height: 34px; + width: 29px; +} +.mblTabBarButtonIcon-styles () { + left: 0; + top: 0; +} +.mblTabBarButtonTextBox-styles () { + color: #979797; + font-family: "Helvetica Neue", Helvetica; + font-size: 11px; +} +.mblTabBarNoIcons-TabBarButtonTextBox-styles () { + line-height: 34px; + font-size: 20px; +} +.mblTabButton-styles () { + width: 78px; + height: 61px; + border-width: 1px 1px 0px 1px; + border-style: solid; + border-color: #7B7D84 #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: #979797; + text-align: center; +} +.mblTabButton-TabBarButtonAnchor-styles () { +} +.mblTabBarTop-TabButton-TabBarButtonDiv-styles () { + height: 40px; +} +.mblTabBarHead-TabButton-TabBarButtonDiv-styles () { +} +.mblTabButton-FirstTabButtom-styles () { +} +.mblTabButton-LastTabButton-styles () { +} +.mblTabButton-img-styles () { + position: absolute; + left: 0px; + margin-top: 8px; +} +.mblTabBarButtonTextBoxSelected-styles () { + color: white; +} +.mblTabButtonSelected-styles () { +} +.mblTabButtonHighlighted-styles () { +} +.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; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; +} +.mblTabPanelHeader-TabButtonSelected-styles () { + background-color: #404040; + background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535)); + color: white; +} +.mblTabPanelHeader-TabButtonDomButton-styles () { + width: 43px; +} +.mblTabPanelHeader-TabButtonDomButtonClass-styles () { + left: 8px; +} +.mblTabPanelHeader-DomButton-styles () { +} +.mblTabPanelHeader-inHeading-styles () { + height: 38px; +} +.mblTabPanelHeader-TabButton-inHeading-styles () { + margin: 5px 0; + height: 28px; + border-width: 0px 1px 0px 0px; + border-style: solid; + border-color: #39454A; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + background-color: #CED3CE; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbf7), to(#cecfd6), color-stop(0.5, #ced3ce)); + font-size: 14px; + font-weight: bold; + line-height: 30px; + color: black; +} +.mblTabPanelHeader-TabButton-FirstTabButtom-inHeading-styles () { + -webkit-border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; +} +.mblTabPanelHeader-TabButton-LastTabButtom-inHeading-styles () { + -webkit-border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + border-right: none; +} +.mblTabPanelHeader-TabButtonSelected-inHeading-styles () { + background-color: #0869C6; + background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6)); + color: white; +} + +// TextArea.less +.mblTextArea-styles () { + padding: 4px 1px; + border-color: #9CACC0; + border-width: 1px; + border-style: inset; + -webkit-border-radius: 6px; + font-family: Helvetica; + font-size: 13px; +} +.mblExpandingTextArea-styles () { + margin: 2px; +} + +// TextBox.less +.mblTextBox-styles () { + height: 22px; + border: #9CACC0 1px inset; + -webkit-border-radius: 6px; + 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: 6px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); + font-family: Helvetica; + font-size: 16px; + color: black; + line-height: 29px; +} +.mblToggleButtonSelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); + color: white; +} +.mblToggleButtonChecked-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#F7FBF7), to(#CECFD6), color-stop(0.5, #CED3CE)); + color: black; +} +.mblToggleButtonChecked-after-styles () { + content: ""; + top: 6px; + left: 7px; + width: 5px; + height: 10px; + border-color: #0851AD; + 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(#088EEF), to(#0851AD), color-stop(0.5, #0869C6)); + color: white; +} +.mblToggleButtonCheckedSelected-after-styles () { + border-color: white; +} +.mblToggleButtonDisabled-styles () { + border-color: grey; + background-image: none; + color: grey; +} + +// Overlay.less +.mblOverlay-styles () { + background-color: #000000; + background-image: none; +} + +// Tooltip.less +.mblTooltip-styles () { + padding: 5px; + border: #ADAAAD 1px solid; + background-color: #424142; + background-image: -webkit-gradient(linear, left top, left bottom, from(#4A4D52), to(#292C31)); + -webkit-border-radius: 6px; + opacity: .97; +} +.mblTooltipBubble-styles () { + background-color: #000000; + background-image: none; + color: #ffffff; +} +.mblTooltipInnerArrow-Bubble-Above-styles () { + border-bottom-color: #000000; +} +.mblTooltipInnerArrow-Bubble-Below-styles () { + border-top-color: #000000; +} +.mblTooltipInnerArrow-Bubble-After-styles () { + border-left-color: #000000; +} +.mblTooltipInnerArrow-Bubble-Before-styles () { + border-right-color: #000000; +} +.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: #4A4D52; +} +.mblTooltipInnerArrow-After-styles () { + border-right-width: 0; + border-left-color: #4A4D52; +} +.mblTooltipInnerArrow-Above-styles () { + border-top-width: 0; + border-bottom-color: #4A4D52; +} +.mblTooltipInnerArrow-Below-styles () { + border-bottom-width: 0; + border-top-color: #292C31; +} +.mblTooltip-Heading-styles () { + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + background-color: transparent; + background-image: none; +} +.mblTooltip-Heading-ToolbarButton-styles () { +} diff --git a/js/dojo/dojox/mobile/themes/common/Button.less b/js/dojo/dojox/mobile/themes/common/Button.less new file mode 100644 index 0000000..d84460f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/Button.less @@ -0,0 +1,29 @@ +/* dojox.mobile.Button */ +.mblButton { + cursor: pointer; + outline: none; + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblButton-styles; + &.mblBlueButton { + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblButton-mblBlueButton-styles; + } + &.mblBlueButtonSelected { + .mblButton-mblBlueButtonSelected-styles; + } + &.mblRedButton { + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblButton-mblRedButton-styles; + } + &.mblRedButtonSelected { + .mblButton-mblRedButtonSelected-styles; + } +} +.mblButtonSelected { + .mblButtonSelected-styles; +} +.mblButtonDisabled, +.mblButton:disabled { + cursor: default; + .mblButtonDisabled-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/Carousel.less b/js/dojo/dojox/mobile/themes/common/Carousel.less new file mode 100644 index 0000000..dd16627 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/Carousel.less @@ -0,0 +1,58 @@ +/* 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/common/CheckBox.less b/js/dojo/dojox/mobile/themes/common/CheckBox.less new file mode 100644 index 0000000..49e56f3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/CheckBox.less @@ -0,0 +1,25 @@ +/* dojox.mobile.CheckBox */ +.mblCheckBox { + position: relative; + cursor: pointer; + outline: none; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblCheckBox-styles; +} +.mblCheckBoxSelected { + .mblCheckBoxSelected-styles; +} +.mblCheckBoxChecked, +.mblCheckBox:checked { + .mblCheckBoxChecked-styles; + &::after { + .mblCheckBoxChecked-after-styles; + } + &.mblCheckBoxSelected { + .mblCheckBoxChecked-mblCheckBoxSelected-styles; + &::after { + .mblCheckBoxChecked-mblCheckBoxSelected-after-styles; + } + } +} diff --git a/js/dojo/dojox/mobile/themes/common/ComboBox.less b/js/dojo/dojox/mobile/themes/common/ComboBox.less new file mode 100644 index 0000000..4358887 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/ComboBox.less @@ -0,0 +1,40 @@ +/* dojox.mobile.ComboBox */ +.dijitPopup { + // Popup items have a wrapper div (dijitPopup) + // with the real popup inside, and maybe an iframe too + margin: 0; + padding: 0; + position: absolute; + border: 0; + background-color: transparent; + .dijitPopup-styles; +} +.mblReset { + margin: 0; + padding: 0; + border: 0; + line-height: normal; + font: inherit; + color: inherit; +} +.mblComboBoxMenu { + overflow-y: hidden !important; + position: relative; + overflow: hidden; + .mblComboBoxMenu-styles; +} +.mblComboBoxMenuItem { + white-space: nowrap; + .mblComboBoxMenuItem-styles; +} +.mblComboBoxMenuItemSelected { + // dijitMenuItemHover refers to actual mouse over + // dijitMenuItemSelected is used after a menu has been "activated" by + // clicking it, tabbing into it, or being opened from a parent menu, + // and denotes that the menu item has focus or that focus is on a child menu + .mblComboBoxMenuItemSelected-styles; +} +.mblComboBoxMenuPreviousButton, +.mblComboBoxMenuNextButton { + .mblComboBoxMenuPreviousButton-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/EdgeToEdgeCategory.less b/js/dojo/dojox/mobile/themes/common/EdgeToEdgeCategory.less new file mode 100644 index 0000000..13d78e4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/EdgeToEdgeCategory.less @@ -0,0 +1,8 @@ +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + .mblEdgeToEdgeCategory-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/EdgeToEdgeList.less b/js/dojo/dojox/mobile/themes/common/EdgeToEdgeList.less new file mode 100644 index 0000000..9fbed0e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/EdgeToEdgeList.less @@ -0,0 +1,8 @@ +/* dojox.mobile.EdgeToEdgeList */ +.mblEdgeToEdgeList { + position: relative; /* IE needs this */ + .mblEdgeToEdgeList-styles; + .mblListItem:last-child { + .mblEdgeToEdgeList-LastListItem-styles; + } +} diff --git a/js/dojo/dojox/mobile/themes/common/FixedSplitter.css b/js/dojo/dojox/mobile/themes/common/FixedSplitter.css new file mode 100644 index 0000000..6788969 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/FixedSplitter.css @@ -0,0 +1,22 @@ +.mblFixedSpliter { + width: 100%; + height: 100%; +} + +.mblFixedSplitterPane { + position: absolute; + overflow-x: hidden; + overflow-y: auto; +} + +.mblFixedSplitterPaneH { + position: absolute; + height: 100%; + top: 0px; +} + +.mblFixedSplitterPaneV { + position: absolute; + width: 100%; + left: 0px; +} diff --git a/js/dojo/dojox/mobile/themes/common/Heading.less b/js/dojo/dojox/mobile/themes/common/Heading.less new file mode 100644 index 0000000..38083f9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/Heading.less @@ -0,0 +1,58 @@ +/* dojox.mobile.Heading */ +.mblHeading { + position: relative; + margin: 0px; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + z-index: 1; + .mblHeading-styles; +} +.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; + .mblArrowButton-styles; +} +.mblArrowButtonHead { + position: absolute; + .mblArrowButtonHead-styles; +} +.dj_chrome .mblArrowButtonHead { + .mblArrowButtonHeadChrome-styles; +} +.mblArrowButtonBody { + position: absolute; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblArrowButtonBody-styles; +} +.mblArrowButtonSelected { + .mblArrowButtonHead, .mblArrowButtonBody { + .mblArrowButtonSelected-styles; + } + .mblArrowButtonHead { + .mblArrowButtonHeadSelected-styles; + } + .mblArrowButtonBody { + .mblArrowButtonBodySelected-styles; + } +} diff --git a/js/dojo/dojox/mobile/themes/common/IconContainer.less b/js/dojo/dojox/mobile/themes/common/IconContainer.less new file mode 100644 index 0000000..0f47a0f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/IconContainer.less @@ -0,0 +1,79 @@ +/* dojox.mobile.IconContainer */ +.mblIconContainer { + .mblIconContainer-styles; +} + +/* 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; + .mblIconItemTerminator-styles; +} +.mblIconItemSub { + list-style-type: none; + .mblIconItemSub-styles; +} +.mblIconArea { + .mblIconArea-styles; + div { + position: relative; + height: 65px; + line-height: 65px; + text-align: center; + } + img { + vertical-align: middle; + } +} +.mblIconItemSpriteIcon { + position: absolute; +} +.mblContent { + clear: both; + .mblContent-styles; +} +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); + &.mblShrink0{ + -webkit-animation-name: mblShrink0; + } + &.mblShrink1{ + -webkit-animation-name: mblShrink1; + } + &.mblShrink2{ + -webkit-animation-name: mblShrink2; + } + &.mblShrink3{ + -webkit-animation-name: mblShrink3; + } +} + +/* Icon Content Heading */ +.mblIconContentHeading { + position: relative; + clear: both; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + .mblIconContentHeading-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/IconContainer_keyframes.css b/js/dojo/dojox/mobile/themes/common/IconContainer_keyframes.css new file mode 100644 index 0000000..b96c6a6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/IconContainer_keyframes.css @@ -0,0 +1,48 @@ +/* Icon Container */ +@-webkit-keyframes mblVibrate{ + 0%{ + -webkit-transform: rotate(-2deg); + bottom: -1px; + left: -1px; + } + 25% { + -webkit-transform: rotate(1deg); + bottom: 2px; + left: 1px; + } + 50% { + -webkit-transform: rotate(-1deg); + bottom: -2px; + left: -1px; + } + 75% { + -webkit-transform: rotate(2deg); + bottom: 2px; + left: 1px; + } + 100% { + -webkit-transform: rotate(-2deg); + bottom: -1px; + left: -1px; + } +} +@-webkit-keyframes mblShrink{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: scale(0.01); } +} +@-webkit-keyframes mblShrink0{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(-40%,-70%) scale(0.01); } +} +@-webkit-keyframes mblShrink1{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(-14%,-70%) scale(0.01); } +} +@-webkit-keyframes mblShrink2{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(14%,-70%) scale(0.01); } +} +@-webkit-keyframes mblShrink3{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(40%,-70%) scale(0.01); } +} diff --git a/js/dojo/dojox/mobile/themes/common/ListItem.less b/js/dojo/dojox/mobile/themes/common/ListItem.less new file mode 100644 index 0000000..2b49a2a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/ListItem.less @@ -0,0 +1,78 @@ +/* dojox.mobile.ListItem */ +.mblListItem { + position: relative; + list-style-type: none; + vertical-align: bottom; /* To avoid IE6 LI bug */ + .mblListItem-styles; + &.mblVariableHeight { + height: auto; + .mblListItem-mblVariableHeight-styles; + } + .mblListItemAnchor { + display: block; + height: 100%; + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblListItem-mblListItemAnchor-styles; + * { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); + } + } +} +.mblItemSelected { + .mblItemSelected-styles; + .mblListItemSubText { + .mblItemSelected-mblListItemSubText-styles; + } + .mblListItemAnchor { + .mblItemSelected-mblListItemAnchor-styles; + } + .mblDomButton { + div { + .mblItemSelected-mblDomButton-Div-styles; + } + } +} +.mblListItemTextBoxSelected { + .mblListItemTextBoxSelected-styles; +} +.mblListItemChecked { + .mblListItemChecked-styles; +} +.mblListItemIcon { + float: left; + line-height: normal; + .mblListItemIcon-styles; +} +.mblListItemSpriteIcon { + position: absolute; + .mblListItemSpriteIcon-styles; + +} +.mblListItemRightIcon, +.mblListItemRightIcon2 { + position: relative; + float: right; + line-height: normal; + .mblListItemRightIcon-styles; +} +.mblListItemRightText { + position: relative; + float: right; + line-height: normal; + .mblListItemRightText-styles; +} +.mblListItemTextBox { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + .mblListItemTextBox-styles; +} +.mblVariableHeight .mblListItemTextBox { + white-space: normal; +} +.mblListItemAnchorNoIcon .mblListItemTextBox { + .mblListItemAnchorNoIcon-mblListItemTextBox-styles; +} +.mblListItemSubText { + .mblListItemSubText-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/Overlay.less b/js/dojo/dojox/mobile/themes/common/Overlay.less new file mode 100644 index 0000000..076928c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/Overlay.less @@ -0,0 +1,15 @@ +/* dojox.mobile.Overlay */ +.mblOverlay { + position: fixed; + z-index: 2000; + left: 0; + bottom: 0; + margin: 0; + width: 100%; + text-align: -webkit-center; + .mblOverlay-styles; +} +.mblOverlayHidden *, +.mblOverlayHidden { + visibility: hidden !important; +} diff --git a/js/dojo/dojox/mobile/themes/common/PageIndicator.less b/js/dojo/dojox/mobile/themes/common/PageIndicator.less new file mode 100644 index 0000000..6678f9e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/PageIndicator.less @@ -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/common/ProgressIndicator.less b/js/dojo/dojox/mobile/themes/common/ProgressIndicator.less new file mode 100644 index 0000000..8d8b9ab --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/ProgressIndicator.less @@ -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/common/RadioButton.less b/js/dojo/dojox/mobile/themes/common/RadioButton.less new file mode 100644 index 0000000..0874ac8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/RadioButton.less @@ -0,0 +1,23 @@ +/* dojox.mobile.RadioButton */ +.mblRadioButton { + position: relative; + cursor: pointer; + outline: none; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblRadioButton-styles; +} +.mblRadioButtonChecked, +.mblRadioButton:checked { + .mblRadioButtonChecked-styles; + &::after { + position: absolute; + .mblRadioButtonChecked-after-styles; + } + &.mblRadioButtonSelected { + .mblRadioButtonChecked-Selected-styles; + &::after { + .mblRadioButtonChecked-Selected-after-styles; + } + } +} diff --git a/js/dojo/dojox/mobile/themes/common/RoundRect.less b/js/dojo/dojox/mobile/themes/common/RoundRect.less new file mode 100644 index 0000000..0cd6361 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/RoundRect.less @@ -0,0 +1,7 @@ +/* dojox.mobile.RoundRect */ +.mblRoundRect { + .mblRoundRect-styles; + &.mblShadow { + .mblRoundRectShadowBox-styles; + } +} diff --git a/js/dojo/dojox/mobile/themes/common/RoundRectCategory.less b/js/dojo/dojox/mobile/themes/common/RoundRectCategory.less new file mode 100644 index 0000000..cd4b311 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/RoundRectCategory.less @@ -0,0 +1,7 @@ +/* dojox.mobile.RoundRectCategory */ +.mblRoundRectCategory { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + .mblRoundRectCategory-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/RoundRectList.less b/js/dojo/dojox/mobile/themes/common/RoundRectList.less new file mode 100644 index 0000000..b756d15 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/RoundRectList.less @@ -0,0 +1,17 @@ +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + position: relative; /* IE needs this */ + .mblRoundRectList-styles; + .mblListItem:first-child { + .mblRoundRectList-FirstListItem-styles; + } + .mblListItem:last-child { + .mblRoundRectList-LastListItem-styles; + } +} +.mblRoundRectCategory + .mblRoundRectList { + .mblRoundRectList-withCategory-styles; + .mblListItem:first-child { + .mblRoundRectList-withCategory-FirstListItem-styles; + } +} diff --git a/js/dojo/dojox/mobile/themes/common/Slider.less b/js/dojo/dojox/mobile/themes/common/Slider.less new file mode 100644 index 0000000..ec57a17 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/Slider.less @@ -0,0 +1,47 @@ +/* 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 */ + .mblSlider-styles; +} +.mblSliderH { + width: 200px; + height: 8px; + .mblSliderProgressBar { + height: 100%; + } + .mblSliderHandle { + top: 50%; + } +} +.mblSliderV { + height: 200px; + width: 8px; + .mblSliderProgressBar { + width: 100%; + } + .mblSliderHandle { + left: 50%; + } +} +.mblSliderProgressBar { + .mblSliderProgressBar-styles; +} +.mblSliderHandle { + .mblSliderHandle-styles; +} +.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/common/SpinWheel-compat.css b/js/dojo/dojox/mobile/themes/common/SpinWheel-compat.css new file mode 100644 index 0000000..36865f2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/SpinWheel-compat.css @@ -0,0 +1,36 @@ +.mblSpinWheel { + background-color: #D6D7DC; + background-image: -moz-linear-gradient(top, #313137 0%, #73747D 5%, #92939B 7%, #ABABB5 9%, #C5C6CE 12%, #DFE0E4 16%, #F4F5F6 22%, #FBFCFC 35%, #FBFCFC 50%, #FBFCFC 61%, #B4C1C7 61%, #FBFCFC 65%, #F4F5F6 78%, #DFE0E4 84%, #C5C6CE 88%, #ABABB5 91%, #92939B 93%, #73747D 95%, #313137 100%); + -moz-border-radius: 3px; +} +.dj_ie .mblSpinWheel { + background-image: url(compat/spinwheel-bg.png); +} + +.mblSpinWheelBar { + background-color: #C4CADC; + background-image: -moz-linear-gradient(top, #EDEEF2 0%, #C8CADD 25%, #BBBFD4 49%, #9FA8C6 51%, #A2A9C7 81%, #A6ABC9 82%, #A7ADCA 1%); + -khtml-opacity: 0.6; + -moz-opacity: 0.6; + opacity: 0.6; + filter: progid:DXImageTransform.Microsoft.alpha(opacity=60); +} +.dj_ie .mblSpinWheelBar { + background-image: url(compat/spinwheel-bar.png); +} +.dj_ie6 .mblSpinWheelBar, .dj_ie7 .mblSpinWheelBar { + z-index: -1; +} +*:first-child+html .mblSpinWheelSlotTouch { /* IE7 hack */ + background: white; + filter: alpha(opacity=0); + height: 200px; +} +*html .mblSpinWheelSlotTouch { /* IE6 hack */ + background: white; + filter: alpha(opacity=0); + height: 200px; +} +.mblSpinWheelSlotTouch, .mblSpinWheelSlotPanel { + left: 0px; +} diff --git a/js/dojo/dojox/mobile/themes/common/SpinWheel.css b/js/dojo/dojox/mobile/themes/common/SpinWheel.css new file mode 100644 index 0000000..e5eff56 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/SpinWheel.css @@ -0,0 +1,77 @@ +.mblSpinWheel { + position: relative; + overflow: hidden; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #313137), color-stop(0.05, #73747D), color-stop(0.07, #92939B), color-stop(0.09, #ABABB5), color-stop(0.12, #C5C6CE), color-stop(0.16, #DFE0E4), color-stop(0.22, #F4F5F6), color-stop(0.35, #FBFCFC), color-stop(0.5, #FBFCFC), color-stop(0.61, #FBFCFC), color-stop(0.61, #B4C1C7), color-stop(0.65, #FBFCFC), color-stop(0.78, #F4F5F6), color-stop(0.84, #DFE0E4), color-stop(0.88, #C5C6CE), color-stop(0.91, #ABABB5), color-stop(0.93, #92939B), color-stop(0.95, #73747D), color-stop(1, #313137)); + height: 200px; + border-left: solid 3px #000000; + border-right: solid 3px #000000; + color: #000000; + -webkit-border-radius: 3px; +} + +.mblSpinWheelBar { + position: absolute; + top: 79px; + background: -webkit-gradient(linear, left top, left bottom, from(#EDEEF2), to(#A7ADCA), color-stop(0, #EDEEF2), color-stop(0.25, #C8CADD), color-stop(0.49, #BBBFD4), color-stop(0.51, #9FA8C6), color-stop(0.81, #A2A9C7), color-stop(0.82, #A6ABC9), color-stop(1, #A7ADCA)); + border: solid 1px #7B8497; + height: 42px; + width: 100%; + clear: both; + -webkit-opacity: 0.6; +} + +.mblSpinWheelDatePicker { + width: 312px; +} + +.mblSpinWheelTimePicker { + width: 208px; +} + +.mblSpinWheelSlot { + position: relative; + top: 0px; + float: left; + width: 100px; + height: 100%; + border-left: solid 2px #000000; + border-right: solid 2px #000000; +} + +.mblSpinWheelSlotLabel { + padding: 0 8px; + height: 44px; + overflow: hidden; + font: bold 24px/44px Helvetica,sans-serif; +} + +.mblSpinWheelSlotLabel img{ + vertical-align: middle; + opacity: 0.7; +} + +.mblSpinWheelSlotLabelGray { + color: #CCCCCC; +} + +.mblSpinWheelSlotLabelBlue { + color: #0959D2; +} + +.mblSpinWheelSlotContainer { + position: relative; +} + +.mblSpinWheelSlotPanel { + position: absolute; + top: 0px; + width: 100%; +} + +.mblSpinWheelSlotTouch { + position: absolute; + top: 0px; + width: 100%; + height: 100%; + z-index: 1; +} diff --git a/js/dojo/dojox/mobile/themes/common/Switch.css b/js/dojo/dojox/mobile/themes/common/Switch.css new file mode 100644 index 0000000..3aed56d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/Switch.css @@ -0,0 +1,224 @@ +/* Switch - default */ +.mblSwitch { + margin: 0; + position: relative; + width: 94px; + height: 27px; + line-height: 29px; + overflow: hidden; + text-align: left; + -webkit-tap-highlight-color: rgba(255,255,255,0); +} +.mblItemSwitch { + position: absolute; + right: 12px; +} +.mblSwitchInner { + position: absolute; + top: 0px; + height: 27px; +} +.mblSwitchAnimation .mblSwitchInner { + -webkit-transition-property: left; + -webkit-transition-duration: .3s; +} +.mblSwitchOn .mblSwitchInner { + left: 0px; +} +.mblSwitchOff .mblSwitchInner { + left: -53px; +} +.mblSwitchBg { + position: absolute; + top: 0px; + height: 27px; + border-width: 1px; + border-style: inset; + border-color: #9CACC0; + font-family: Helvetica; + font-size: 16px; + font-weight: bold; + line-height: 29px; + -webkit-box-sizing: border-box; +} +.mblSwitchBgLeft { + left: 0px; + width: 94px; + color: white; + background-color: #3F84EB; +} +.mblSwitchBgRight { + left: 53px; + width: 94px; + color: #7F7F7F; +} +.mblSwitchKnob { + position: absolute; + top: 1px; + left: 53px; + width: 41px; + height: 26px; + font-size: 1px; + border-width: 1px; + border-style: solid; + border-color: #EFEFEF #A5A5A5 #969696 #325E9E; + -webkit-box-sizing: border-box; +} +.mblSwitchText { + position: relative; + top: 0px; + width: 53px; + height: 27px; + padding: 0px; + line-height: 28px; + text-align: center; +} +.mblSwitchTextLeft { + left: 0px; +} +.mblSwitchTextRight { + left: 40px; +} + +/* Round Shape1 */ +.mblSwRoundShape1 { + height: 28px; + -webkit-mask-image: -webkit-canvas(mblSwRoundShape1Mask); +} +.mblSwRoundShape1.mblItemSwitch { + top: 8px; +} +.mblSwRoundShape1 .mblSwitchInner { + height: 28px; +} +.mblSwRoundShape1.mblSwitchOff .mblSwitchInner { + left: -67px; +} +.mblSwRoundShape1 .mblSwitchBg { + height: 28px; + -webkit-border-radius: 14px; +} +.mblSwRoundShape1 .mblSwitchBgLeft { +} +.mblSwRoundShape1 .mblSwitchBgRight { + left: 67px; +} +.mblSwRoundShape1 .mblSwitchKnob { + left: 67px; + width: 26px; + height: 26px; + -webkit-border-radius: 13px; +} +.mblSwRoundShape1 .mblSwitchText { + width: 67px; + height: 26px; +} +.mblSwRoundShape1 .mblSwitchTextRight { + left: 26px; +} + +/* Round Shape2 */ +.mblSwRoundShape2 { + height: 28px; + -webkit-mask-image: -webkit-canvas(mblSwRoundShape2Mask); +} +.mblSwRoundShape2.mblItemSwitch { + top: 8px; +} +.mblSwRoundShape2 .mblSwitchInner { + height: 28px; +} +.mblSwRoundShape2.mblSwitchOff .mblSwitchInner { + left: -51px; +} +.mblSwRoundShape2 .mblSwitchBg { + height: 28px; + -webkit-border-radius: 14px; +} +.mblSwRoundShape2 .mblSwitchBgRight { + left: 51px; +} +.mblSwRoundShape2 .mblSwitchKnob { + left: 51px; + width: 42px; + height: 26px; + -webkit-border-radius: 13px; +} +.mblSwRoundShape2 .mblSwitchText { + width: 51px; + height: 28px; +} +.mblSwRoundShape2 .mblSwitchTextRight { + left: 42px; +} + +/* Arc Shape1 */ +.mblSwArcShape1 { + height: 28px; + -webkit-border-radius: 6px/14px; +} +.mblSwArcShape1.mblItemSwitch { + top: 8px; +} +.mblSwArcShape1 .mblSwitchInner { + height: 28px; +} +.mblSwArcShape1.mblSwitchOff .mblSwitchInner { + left: -67px; +} +.mblSwArcShape1 .mblSwitchBg { + height: 28px; + -webkit-border-radius: 6px/14px; +} +.mblSwArcShape1 .mblSwitchBgRight { + left: 67px; +} +.mblSwArcShape1 .mblSwitchKnob { + left: 67px; + width: 26px; + height: 26px; + -webkit-border-radius: 5px/13px; +} +.mblSwArcShape1 .mblSwitchText { + width: 67px; + height: 26px; +} +.mblSwArcShape1 .mblSwitchTextRight { + left: 26px; +} + +/* Arc Shape2 */ +.mblSwArcShape2 { + height: 28px; + -webkit-border-radius: 6px/14px; +} +.mblSwArcShape2.mblItemSwitch { + top: 8px; +} +.mblSwArcShape2 .mblSwitchInner { + height: 28px; +} +.mblSwArcShape2.mblSwitchOff .mblSwitchInner { + left: -51px; +} +.mblSwArcShape2 .mblSwitchBg { + height: 28px; + -webkit-border-radius: 6px/14px; +} +.mblSwArcShape2 .mblSwitchBgRight { + left: 51px; +} +.mblSwArcShape2 .mblSwitchKnob { + left: 51px; + width: 42px; + height: 26px; + -webkit-border-radius: 5px/13px; +} +.mblSwArcShape2 .mblSwitchText { + width: 51px; + height: 26px; +} +.mblSwArcShape2 .mblSwitchTextRight { + left: 42px; +} + diff --git a/js/dojo/dojox/mobile/themes/common/Switch.less b/js/dojo/dojox/mobile/themes/common/Switch.less new file mode 100644 index 0000000..e9868bc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/Switch.less @@ -0,0 +1,16 @@ +/* dojox.mobile.Switch */ +.mblItemSwitch { + .mblItemSwitch-styles; +} +.mblSwitchBg { + .mblSwitchBg-styles; +} +.mblSwitchBgLeft { + .mblSwitchBgLeft-styles; +} +.mblSwitchBgRight { + .mblSwitchBgRight-styles; +} +.mblSwitchKnob { + .mblSwitchKnob-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/TabBar.less b/js/dojo/dojox/mobile/themes/common/TabBar.less new file mode 100644 index 0000000..a63497a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/TabBar.less @@ -0,0 +1,147 @@ +/* dojox.mobile.TabBar */ +.mblTabBar { + position: relative; + overflow: hidden; + white-space: nowrap; + .mblTabBar-styles; +} +.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-TabBarButton-styles; + &.mblTabButtonSelected { + .mblTabBar-TabBarButton-Selected-styles; + } +} +.mblTabBarButtonAnchor { + display: block; + text-decoration: none; +} +.mblTabBarButtonDiv { + position: relative; + margin-left: auto; + margin-right: auto; + .mblTabBarButtonDiv-styles; +} +.mblTabBarButtonIcon { + position: absolute; + .mblTabBarButtonIcon-styles; +} +.mblTabBarButtonSpriteIcon { + position: absolute; +} +.mblTabBarButtonTextBox { + .mblTabBarButtonTextBox-styles; +} +.mblTabBarNoIcons { + .mblTabBarButtonDiv { + display: none; + } + .mblTabBarButtonTextBox { + .mblTabBarNoIcons-TabBarButtonTextBox-styles; + } +} +.mblTabBarTop { + .mblTabButton { + .mblTabBarButtonDiv { + .mblTabBarTop-TabButton-TabBarButtonDiv-styles; + } + } +} +.mblTabBarHead { + .mblTabButton { + .mblTabBarButtonDiv { + .mblTabBarHead-TabButton-TabBarButtonDiv-styles; + } + } +} +.mblTabButton { + position: relative; + float: left; + list-style-type: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblTabButton-styles; + .mblTabBarButtonAnchor, .mblTabBarButtonDiv { + .mblTabButton-TabBarButtonAnchor-styles; + } + &:first-child { + .mblTabButton-FirstTabButtom-styles; + } + &:last-child { + .mblTabButton-LastTabButton-styles; + } + img { + .mblTabButton-img-styles; + } +} +.mblTabButtonSelected { + .mblTabBarButtonTextBox { + .mblTabBarButtonTextBoxSelected-styles; + } + &.mblTabButton { + .mblTabButtonSelected-styles; + } +} +.mblTabButtonHighlighted { + &.mblTabButton { + .mblTabButtonHighlighted-styles; + } +} +.mblTabButtonImgDiv { + .mblTabButtonImgDiv-styles; +} + +.mblTabPanelHeader { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + .mblTabPanelHeader-styles; + .mblTabButton { + .mblTabPanelHeader-TabButton-styles; + &.mblTabButtonSelected { + .mblTabPanelHeader-TabButtonSelected-styles; + } + } + .mblTabButtonDomButton { + .mblTabPanelHeader-TabButtonDomButton-styles; + } + .mblTabButtonDomButtonClass { + .mblTabPanelHeader-TabButtonDomButtonClass-styles; + } + .mblDomButton { + .mblTabPanelHeader-DomButton-styles; + } +} + +.mblHeading { + .mblTabPanelHeader { + .mblTabPanelHeader-inHeading-styles; + .mblTabButton { + .mblTabPanelHeader-TabButton-inHeading-styles; + &:first-child { + .mblTabPanelHeader-TabButton-FirstTabButtom-inHeading-styles; + } + &:last-child { + .mblTabPanelHeader-TabButton-LastTabButtom-inHeading-styles; + } + } + .mblTabButtonSelected { + .mblTabPanelHeader-TabButtonSelected-inHeading-styles; + } + } +} diff --git a/js/dojo/dojox/mobile/themes/common/TextArea.less b/js/dojo/dojox/mobile/themes/common/TextArea.less new file mode 100644 index 0000000..57b80f9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/TextArea.less @@ -0,0 +1,9 @@ +/* dojox.mobile.TextArea */ +.mblTextArea { + .mblTextArea-styles; +} + +/* dojox.mobile.ExpandingTextArea */ +.mblExpandingTextArea { + .mblExpandingTextArea-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/TextBox.less b/js/dojo/dojox/mobile/themes/common/TextBox.less new file mode 100644 index 0000000..bee00c3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/TextBox.less @@ -0,0 +1,4 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + .mblTextBox-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/ToggleButton.less b/js/dojo/dojox/mobile/themes/common/ToggleButton.less new file mode 100644 index 0000000..1796ab3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/ToggleButton.less @@ -0,0 +1,28 @@ +/* dojox.mobile.ToggleButton */ +.mblToggleButton { + position: relative; + cursor: pointer; + outline: none; + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblToggleButton-styles; + &.mblToggleButtonSelected { + .mblToggleButtonSelected-styles; + } + &.mblToggleButtonChecked { + .mblToggleButtonChecked-styles; + &::after { + position: absolute; + .mblToggleButtonChecked-after-styles; + } + &.mblToggleButtonSelected { + .mblToggleButtonCheckedSelected-styles; + &::after { + .mblToggleButtonCheckedSelected-after-styles; + } + } + } + &:disabled { + cursor: default; + .mblToggleButtonDisabled-styles; + } +} diff --git a/js/dojo/dojox/mobile/themes/common/ToolBarButton.less b/js/dojo/dojox/mobile/themes/common/ToolBarButton.less new file mode 100644 index 0000000..3d8ee62 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/ToolBarButton.less @@ -0,0 +1,22 @@ +/* dojox.mobile.ToolBarButton */ +.mblToolBarButton { + float: left; + position: relative; + overflow: hidden; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255,255,255,0); + .mblToolBarButton-styles; +} +div.mblToolBarButtonDomButton { + .mblToolBarButtonDomButton-styles; +} +.mblToolBarButtonIcon { + position: relative; + .mblToolBarButtonIcon-styles; +} +.mblToolBarButtonSpriteIcon { + position: absolute; +} +.mblToolBarButtonText { + padding: 0px 10px; +} diff --git a/js/dojo/dojox/mobile/themes/common/Tooltip.less b/js/dojo/dojox/mobile/themes/common/Tooltip.less new file mode 100644 index 0000000..9c66e7d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/Tooltip.less @@ -0,0 +1,131 @@ +/* dojox.mobile.Tooltip */ +.mblTooltip { + position: absolute; + z-index: 2000; + display: block; + margin: 0; + .mblTooltip-styles; +} +.mblTooltipBubble { + overflow: visible; + padding: 3px; + .mblTooltipBubble-styles; +} +.mblTooltipBubble.mblTooltipAbove .mblTooltipInnerArrow { + .mblTooltipInnerArrow-Bubble-Above-styles; +} +.mblTooltipBubble.mblTooltipBelow .mblTooltipInnerArrow { + .mblTooltipInnerArrow-Bubble-Below-styles; +} +.mblTooltipBubble.mblTooltipAfter .mblTooltipInnerArrow { + .mblTooltipInnerArrow-Bubble-After-styles; +} +.mblTooltipBubble.mblTooltipBefore .mblTooltipInnerArrow { + .mblTooltipInnerArrow-Bubble-Before-styles; +} +.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; + .mblTooltipArrow-styles; +} +.mblTooltipBefore .mblTooltipArrow { + left: auto; + right: 1px; + top: 0; + bottom: auto; + .mblTooltipArrow-Before-styles; +} +.mblTooltipAfter .mblTooltipArrow { + left: 1px; + right: auto; + top: 0; + bottom: auto; + .mblTooltipArrow-After-styles; +} +.mblTooltipAbove .mblTooltipArrow { + top: auto; + bottom: 1px; + left: auto; + right: auto; + .mblTooltipArrow-Above-styles; +} +.mblTooltipBelow .mblTooltipArrow { + top: 1px; + bottom: auto; + left: auto; + right: auto; + .mblTooltipArrow-Below-styles; +} +.mblTooltipInnerArrow { + position: absolute; + width: 0; + height: 0; + line-height: 0; + border: 10px solid transparent; +} +.mblTooltipBefore .mblTooltipInnerArrow { + right: 0; + top: 0; + .mblTooltipInnerArrow-Before-styles; +} +.mblTooltipAfter .mblTooltipInnerArrow { + left: 0; + top: 0; + .mblTooltipInnerArrow-After-styles; +} +.mblTooltipAbove .mblTooltipInnerArrow { + bottom: 0; + left: 0; + .mblTooltipInnerArrow-Above-styles; +} +.mblTooltipBelow .mblTooltipInnerArrow { + top: 0; + left: 0; + .mblTooltipInnerArrow-Below-styles; +} +.mblTooltipHidden, +.mblTooltipHidden * { + visibility: hidden !important; +} + +// Headings and Button styles are overridden in Tooltips +.mblTooltip .mblHeading { + .mblTooltip-Heading-styles; +} +.mblTooltip .mblHeading .mblToolBarButton { + .mblTooltip-Heading-ToolbarButton-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/View.less b/js/dojo/dojox/mobile/themes/common/View.less new file mode 100644 index 0000000..70c43ed --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/View.less @@ -0,0 +1,21 @@ +/* dojox.mobile.View */ +.mblView { + position: relative; + top: 0px; + left: 0px; + width: 100%; + .mblView-styles; + &.mblOut { + } + &.mblIn { + position: absolute; + } +} +.mblFixedHeaderBar { + z-index: 1; +} +.mblFixedBottomBar { + position: absolute !important; + width: 100%; + z-index: 1; +} diff --git a/js/dojo/dojox/mobile/themes/common/common.less b/js/dojo/dojox/mobile/themes/common/common.less new file mode 100644 index 0000000..1c4ecf2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/common.less @@ -0,0 +1,24 @@ +html.mobile, .mobile body { + width: 100%; + margin: 0px; + padding: 0px; +} +.mobile body { + overflow-x: hidden; + -webkit-text-size-adjust: none; + .mobile-body-styles; +} + +/* Button Colors */ +.mblColorBlue { + .mblColorBlue-styles; +} + +/* Default Button Colors */ +.mblColorDefault { + .mblColorDefault-styles; +} + +.mblColorDefaultSel { + .mblColorDefaultSel-styles; +} diff --git a/js/dojo/dojox/mobile/themes/common/compat/spinwheel-bar.png b/js/dojo/dojox/mobile/themes/common/compat/spinwheel-bar.png Binary files differnew file mode 100644 index 0000000..1aeee2d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/compat/spinwheel-bar.png diff --git a/js/dojo/dojox/mobile/themes/common/compat/spinwheel-bg.png b/js/dojo/dojox/mobile/themes/common/compat/spinwheel-bg.png Binary files differnew file mode 100644 index 0000000..69c3768 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/compat/spinwheel-bg.png diff --git a/js/dojo/dojox/mobile/themes/common/compile.js b/js/dojo/dojox/mobile/themes/common/compile.js new file mode 100644 index 0000000..159d06b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/compile.js @@ -0,0 +1,42 @@ +// load libraries +var fs = require("fs"); +var path = require("path"); +var less = require("less"); + +// collect files +var folders = ["../android", "../blackberry", "../iphone", "../custom"]; +var files = []; +folders.forEach(function(folder){ + files = files.concat(fs.readdirSync(folder).map(function(file){ + return folder + "/" + file; + })); +}); +files = files.filter(function(file){ + return file && /\.less$/.test(file) && !/variables\.less$/.test(file); +}); + +// compile files +files.forEach(function(file){ + console.log("compiling " + file); + fs.readFile(file, "utf-8", function(error, data){ + if(error){ + console.error(error.message); + process.exit(1); + } + var parser = new(less.Parser)({paths: [path.dirname(file)], filename: file, optimization: 1}); + parser.parse(data, function(error, tree){ + if(error){ + less.writeError(error); + process.exit(1); + } + try{ + var css = tree.toCSS({compress: false}); + var fd = fs.openSync(file.replace(".less", ".css"), "w"); + fs.writeSync(fd, css, 0, "utf-8"); + }catch(error){ + less.writeError(error); + process.exit(2); + } + }); + }); +}); diff --git a/js/dojo/dojox/mobile/themes/common/dijit/Calendar-compat.css b/js/dojo/dojox/mobile/themes/common/dijit/Calendar-compat.css new file mode 100644 index 0000000..f180b2f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/Calendar-compat.css @@ -0,0 +1,9 @@ +.dijitCalendar thead { + background-image: url(compat/calendar-month-bg.png); +} +.dijitCalendarDayLabelTemplate { + background-image: url(compat/calendar-daylabel-bg.png); +} +.dijitCalendarYearLabel { + background-image: url(compat/calendar-year-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/common/dijit/Calendar.css b/js/dojo/dojox/mobile/themes/common/dijit/Calendar.css new file mode 100644 index 0000000..4e27ae1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/Calendar.css @@ -0,0 +1,135 @@ +/*if you link this stylesheet directory, mobile/common/dijit/base.css must already be imported*/ + +/* dijit base styles to override (based on claro) */ +@import url("../../../../../dijit/themes/claro/form/Common.css"); +@import url("../../../../../dijit/themes/claro/form/Button.css"); +@import url("../../../../../dijit/themes/claro/Calendar.css"); + +.dijitCalendar { + border: solid 1px #B5BCC7; + background-color: #CFE5FA; + width: 320px; + text-align: center; + padding: 0px 0px 0px 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} +.dijitCalendar thead { + vertical-align: middle; + border-color: inherit; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#CCCCD1)); +} +.dijitCalendarMonthLabel { + color: #545454; + font-size: 22px; + padding: 0 4px; + font-family: Helvetica; + text-shadow: rgba(247,247,247,0.6) 0px 1px 0px; +} + +.dijitCalendar .dijitDropDownButton .dijitButtonNode { + background-color: transparent; + background-image: none; + padding: 0 3px 0 2px; + border: none; + -webkit-box-shadow: 0 0 0 transparent; + -moz-box-shadow: 0 0 0 transparent; + box-shadow: 0 0 0 transparent; + -moz-border-radius: 0px; + border-radius: 0px; +} + +.dijitArrowButtonInner { + display: none; +} + +.dijitCalendarDayLabelTemplate { + text-align: center; + font-size: 9px; + color: #545454; + text-shadow: rgba(247,247,247,0.6) 0px 1px 0px; +} + +.dijitCalendarHoveredDate .dijitCalendarDateLabel { + background-color: #ABD6FF; + border: solid 1px #769DC0; + color: black; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; +} + +.dijitCalendarDateTemplate { + text-align: center; + background-color: #DDDDE0; + border-bottom: 1px solid lightGrey; + padding-top: 0; +/* color: #545454;*/ + color: #4A5B6E; + text-shadow: rgba(231,231,233,1.0) 0px 1px 0px; + font-size: 22px; + font-weight: normal; + font-family: Helvetica; + text-align: center; +} + +.dijitCalendarDateTemplate .dijitCalendarDateLabel { + text-decoration: none; + display: block; + padding: 3px 5px 3px 4px; + border-top: solid 1px #ECEEEF; + border-bottom: solid 1px #A6AAB3; + border-left: solid 1px #A0A4AD; + border-right: solid 1px #ECECED; + background-color: rgba(171, 212, 251, 0); + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; + -webkit-transition-duration: 0.35s; + -moz-transition-duration: 0.35s; + transition-duration: 0.35s; +} + +.dijitCalendarPreviousMonth .dijitCalendarDateLabel, +.dijitCalendarNextMonth .dijitCalendarDateLabel { + color: #9099A4; +} + +.dijitCalendarSelectedDate .dijitCalendarDateLabel { + background-color: #1A80E5; + border-top: solid 1px #1037B3; + border-bottom: solid 1px #1037B3; + border-left: solid 1px #1037B3; + border-right: solid 1px #1037B3; + color: white; + text-shadow: rgba(0,0,0,0.4) 0px 1px 0px; +} + +.dijitCalendarActiveDate .dijitCalendarDateLabel { + background-color: #1A80E5; + border: solid 1px white; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} + +.dijitCalendarYearLabel { + padding: 2px 0 0 0; + margin: 0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#CCCCD1)); +} + +.dijitCalendarSelectedYear { + font-size: 1.091em; + color: #545454; + font-family: Helvetica; + text-shadow: rgba(247,247,247,0.6) 0px 1px 0px; +} + +.dijitCalendarNextYear, +.dijitCalendarPreviousYear { + padding: 1px 6px 1px 6px; + color: #545454; + text-shadow: rgba(247,247,247,0.6) 0px 1px 0px; + font-size: 0.909em; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/common/dijit/ColorPalette.css b/js/dojo/dojox/mobile/themes/common/dijit/ColorPalette.css new file mode 100644 index 0000000..6184c9c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/ColorPalette.css @@ -0,0 +1,18 @@ +/*if you link this stylesheet directory, mobile/common/dijit/base.css must already be imported*/ + +.dijitColorPalette { + border: 0 solid #B5BCC7; + outline: 0; + background: none; +} +.dijitColorPalette .dijitColorPaletteSwatch { + width: 25px; + height: 25px; + border-radius: 4px; + -moz-border-radius: 4px; +} +.dijitColorPalette .dijitPaletteImg { + border: 1px solid lightGrey; + border-radius: 4px; + -moz-border-radius: 4px; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/common/dijit/ColorPicker.css b/js/dojo/dojox/mobile/themes/common/dijit/ColorPicker.css new file mode 100644 index 0000000..b3989b4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/ColorPicker.css @@ -0,0 +1,12 @@ +/*if you link this stylesheet directory, mobile/common/dijit/base.css must already be imported*/ + +/* import base dijit styles to override below */ +@import url("../../../../../dojox/widget/ColorPicker/ColorPicker.css"); + +.dojoxColorPicker { + padding: 8px; + -moz-border-radius: 4pt; + -webkit-border-radius: 5pt; + -webkit-drop-shadow: 3pt; + background: gray; +} diff --git a/js/dojo/dojox/mobile/themes/common/dijit/base.css b/js/dojo/dojox/mobile/themes/common/dijit/base.css new file mode 100644 index 0000000..53c6ac8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/base.css @@ -0,0 +1,15 @@ +/* base dijit stylesheets with styles to override. + in future releases, split these out */ +@import url("../../../../../dijit/themes/dijit.css"); +@import url("../../../../../dijit/icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/ +@import url("../../../../../dijit/themes/claro/Common.css"); + +/* needed in IconContainerMulti tests + @import url("../../../../../dijit/themes/claro/ProgressBar.css"); +*/ +@import url("../../../../../dijit/themes/claro/claro_rtl.css"); + +/* mobile styling variants of dijit and dojox desktop widgets */ +@import url("Calendar.css"); +@import url("ColorPalette.css"); +@import url("ColorPicker.css"); diff --git a/js/dojo/dojox/mobile/themes/common/dijit/compat/calendar-daylabel-bg.png b/js/dojo/dojox/mobile/themes/common/dijit/compat/calendar-daylabel-bg.png Binary files differnew file mode 100644 index 0000000..9754278 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/compat/calendar-daylabel-bg.png diff --git a/js/dojo/dojox/mobile/themes/common/dijit/compat/calendar-month-bg.png b/js/dojo/dojox/mobile/themes/common/dijit/compat/calendar-month-bg.png Binary files differnew file mode 100644 index 0000000..f32e5e3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/compat/calendar-month-bg.png diff --git a/js/dojo/dojox/mobile/themes/common/dijit/compat/calendar-year-bg.png b/js/dojo/dojox/mobile/themes/common/dijit/compat/calendar-year-bg.png Binary files differnew file mode 100644 index 0000000..6dcee1e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/compat/calendar-year-bg.png diff --git a/js/dojo/dojox/mobile/themes/common/dijit/dijit-compat.css b/js/dojo/dojox/mobile/themes/common/dijit/dijit-compat.css new file mode 100644 index 0000000..aea6c3c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/dijit-compat.css @@ -0,0 +1 @@ +@import url("Calendar-compat.css"); diff --git a/js/dojo/dojox/mobile/themes/common/dijit/dijit.css b/js/dojo/dojox/mobile/themes/common/dijit/dijit.css new file mode 100644 index 0000000..5345028 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/dijit/dijit.css @@ -0,0 +1,4 @@ +@import url("base.css"); +@import url("Calendar.css"); +@import url("ColorPalette.css"); +@import url("ColorPicker.css");
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/common/domButtons-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons-compat.css new file mode 100644 index 0000000..751a376 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons-compat.css @@ -0,0 +1,38 @@ +/* DOM Buttons */ +@import url("domButtons/DomButtonWhitePlus-compat.css"); +@import url("domButtons/DomButtonWhiteUpArrow-compat.css"); +@import url("domButtons/DomButtonWhiteDownArrow-compat.css"); +@import url("domButtons/DomButtonWhiteSearch-compat.css"); +@import url("domButtons/DomButtonColorButtons-compat.css"); +@import url("domButtons/DomButtonCheckboxOn-compat.css"); +@import url("domButtons/DomButtonCheckboxOff-compat.css"); + +@import url("domButtons/DomButtonBlueCircleMinus-compat.css"); +@import url("domButtons/DomButtonBlueCirclePlus-compat.css"); +@import url("domButtons/DomButtonBlueCircleArrow-compat.css"); + +@import url("domButtons/DomButtonRedCircleMinus-compat.css"); +@import url("domButtons/DomButtonRedCirclePlus-compat.css"); +@import url("domButtons/DomButtonRedCircleArrow-compat.css"); + +@import url("domButtons/DomButtonGreenCircleMinus-compat.css"); +@import url("domButtons/DomButtonGreenCirclePlus-compat.css"); +@import url("domButtons/DomButtonGreenCircleArrow-compat.css"); +@import url("domButtons/DomButtonBlackCircleCross-compat.css"); + +@import url("domButtons/DomButtonGrayRoundRect-compat.css"); + +@import url("domButtons/DomButtonSilverCircleDownArrow-compat.css"); +@import url("domButtons/DomButtonSilverCircleGreenButton-compat.css"); +@import url("domButtons/DomButtonSilverCircleGrayButton-compat.css"); +@import url("domButtons/DomButtonSilverCircleOrangeButton-compat.css"); +@import url("domButtons/DomButtonSilverCircleGreenPlus-compat.css"); +@import url("domButtons/DomButtonSilverCircleRedCross-compat.css"); + +@import url("domButtons/DomButtonBlueBall-compat.css"); +@import url("domButtons/DomButtonGreenBall-compat.css"); +@import url("domButtons/DomButtonOrangeBall-compat.css"); +@import url("domButtons/DomButtonRedBall-compat.css"); + +@import url("domButtons/DomButtonYellowStar-compat.css"); +@import url("domButtons/DomButtonGrayStar-compat.css"); diff --git a/js/dojo/dojox/mobile/themes/common/domButtons.css b/js/dojo/dojox/mobile/themes/common/domButtons.css new file mode 100644 index 0000000..9a1bf58 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons.css @@ -0,0 +1,42 @@ +/* DOM Buttons */ +@import url("domButtons/DomButtonWhitePlus.css"); +@import url("domButtons/DomButtonWhiteUpArrow.css"); +@import url("domButtons/DomButtonWhiteDownArrow.css"); +@import url("domButtons/DomButtonWhiteSearch.css"); +@import url("domButtons/DomButtonColorButtons.css"); +@import url("domButtons/DomButtonCheckboxOn.css"); +@import url("domButtons/DomButtonCheckboxOff.css"); + +@import url("domButtons/DomButtonBlueCircleMinus.css"); +@import url("domButtons/DomButtonBlueCirclePlus.css"); +@import url("domButtons/DomButtonBlueCircleArrow.css"); + +@import url("domButtons/DomButtonRedCircleMinus.css"); +@import url("domButtons/DomButtonRedCirclePlus.css"); +@import url("domButtons/DomButtonRedCircleArrow.css"); + +@import url("domButtons/DomButtonGreenCircleMinus.css"); +@import url("domButtons/DomButtonGreenCirclePlus.css"); +@import url("domButtons/DomButtonGreenCircleArrow.css"); +@import url("domButtons/DomButtonBlackCircleCross.css"); + +@import url("domButtons/DomButtonGrayRoundRect.css"); + +@import url("domButtons/DomButtonSilverCircleDownArrow.css"); +@import url("domButtons/DomButtonSilverCircleGreenButton.css"); +@import url("domButtons/DomButtonSilverCircleGrayButton.css"); +@import url("domButtons/DomButtonSilverCircleOrangeButton.css"); +@import url("domButtons/DomButtonSilverCircleGreenPlus.css"); +@import url("domButtons/DomButtonSilverCircleRedCross.css"); + +@import url("domButtons/DomButtonBlueBall.css"); +@import url("domButtons/DomButtonGreenBall.css"); +@import url("domButtons/DomButtonOrangeBall.css"); +@import url("domButtons/DomButtonRedBall.css"); + +@import url("domButtons/DomButtonTransparent19.css"); +@import url("domButtons/DomButtonTransparent29.css"); +@import url("domButtons/DomButtonTransparent30.css"); + +@import url("domButtons/DomButtonYellowStar.css"); +@import url("domButtons/DomButtonGrayStar.css"); diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlackCircleCross-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlackCircleCross-compat.css new file mode 100644 index 0000000..fa4f6ed --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlackCircleCross-compat.css @@ -0,0 +1,8 @@ +/* === Black Circle Cross Button ==*/ +.mblDomButtonBlackCircleCross { + background-image: url(compat/mblDomButtonBlackCircleCross.png); + background-repeat: no-repeat; +} +.mblDomButtonBlackCircleCross > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlackCircleCross.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlackCircleCross.css new file mode 100644 index 0000000..47bbab9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlackCircleCross.css @@ -0,0 +1,49 @@ +/* === Black Circle Cross Button ==*/ +.mblDomButtonBlackCircleCross { + position: relative; + width: 29px; + height: 29px; +} +.mblDomButtonBlackCircleCross > div { + position: relative; + top: 3px; + left: 3px; + width: 23px; + height: 23px; + background-color: white; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonBlackCircleCross > div > div { + position: relative; + top: 2px; + left: 2px; + width: 19px; + height: 19px; + background-color: black; + -webkit-border-radius: 10px; +} +.mblDomButtonBlackCircleCross > div > div > div { + position: absolute; + top: 8px; + left: 3px; + width: 13px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background-color: white; + -webkit-transform: rotate(45deg); + -webkit-border-radius: 1px; +} +.mblDomButtonBlackCircleCross > div > div > div > div { + position: absolute; + top: -5px; + left: 5px; + width: 3px; + height: 13px; + margin: 0px; + font-size: 1px; + background-color: white; + -webkit-border-radius: 1px; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueBall-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueBall-compat.css new file mode 100644 index 0000000..9564a12 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueBall-compat.css @@ -0,0 +1,8 @@ +/* === Blue Ball Button ==*/ +.mblDomButtonBlueBall { + background-image: url(compat/mblDomButtonBlueBall.png); + background-repeat: no-repeat; +} +.mblDomButtonBlueBall > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueBall.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueBall.css new file mode 100644 index 0000000..79eaf75 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueBall.css @@ -0,0 +1,15 @@ +/* === Blue Ball Button ==*/ +.mblDomButtonBlueBall { + position: relative; + width: 19px; + height: 29px; +} +.mblDomButtonBlueBall > div { + position: relative; + top: 8px; + left: 4px; + width: 14px; + height: 14px; + -webkit-border-radius: 7px; + background: -webkit-gradient(linear, left top, left bottom, from(#84AFF4), to(#2758B3)); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow-compat.css new file mode 100644 index 0000000..22397d7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow-compat.css @@ -0,0 +1,9 @@ +/* === Blue Circle Arrow Buttons ==*/ +.mblDomButtonBlueCircleArrow { + background-image: url(compat/mblDomButtonBlueCircleArrow.png); + background-repeat: no-repeat; +} + +.mblDomButtonBlueCircleArrow > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css new file mode 100644 index 0000000..2995fb1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleArrow.css @@ -0,0 +1,48 @@ +/* === Blue Circle Arrow Buttons ==*/ +.mblDomButtonBlueCircleArrow { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonBlueCircleArrow > div { + position: relative; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonBlueCircleArrow > div > div { + position: relative; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + -webkit-border-radius: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6)); +} +.mblDomButtonBlueCircleArrow > div > div > div { + position: absolute; + top: 5px; + left: 6px; + width: 8px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; + -webkit-transform: rotate(45deg); +} +.mblDomButtonBlueCircleArrow > div > div > div > div { + position: absolute; + top: 1px; + left: 6px; + width: 3px; + height: 8px; + margin: 0px; + font-size: 1px; + background-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleMinus-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleMinus-compat.css new file mode 100644 index 0000000..592531d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleMinus-compat.css @@ -0,0 +1,9 @@ +/* === Blue Circle Minus Buttons ==*/ +.mblDomButtonBlueCircleMinus { + background-image: url(compat/mblDomButtonBlueCircleMinus.png); + background-repeat: no-repeat; +} + +.mblDomButtonBlueCircleMinus > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleMinus.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleMinus.css new file mode 100644 index 0000000..24d24c7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCircleMinus.css @@ -0,0 +1,37 @@ +/* === Blue Circle Minus Buttons ==*/ +.mblDomButtonBlueCircleMinus { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonBlueCircleMinus > div { + position: relative; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonBlueCircleMinus > div > div { + position: relative; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + -webkit-border-radius: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6)); +} +.mblDomButtonBlueCircleMinus > div > div > div { + position: absolute; + top: 8px; + left: 3px; + width: 12px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCirclePlus-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCirclePlus-compat.css new file mode 100644 index 0000000..1e36e02 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCirclePlus-compat.css @@ -0,0 +1,9 @@ +/* === Blue Circle Plus Buttons ==*/ +.mblDomButtonBlueCirclePlus { + background-image: url(compat/mblDomButtonBlueCirclePlus.png); + background-repeat: no-repeat; +} + +.mblDomButtonBlueCirclePlus > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCirclePlus.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCirclePlus.css new file mode 100644 index 0000000..af1d6ad --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonBlueCirclePlus.css @@ -0,0 +1,47 @@ +/* === Blue Circle Plus Buttons ==*/ +.mblDomButtonBlueCirclePlus { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonBlueCirclePlus > div { + position: relative; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonBlueCirclePlus > div > div { + position: relative; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + -webkit-border-radius: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6)); +} +.mblDomButtonBlueCirclePlus > div > div > div { + position: absolute; + top: 8px; + left: 3px; + width: 13px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; +} +.mblDomButtonBlueCirclePlus > div > div > div > div { + position: absolute; + top: -5px; + left: 5px; + width: 3px; + height: 13px; + margin: 0px; + font-size: 1px; + background-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOff-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOff-compat.css new file mode 100644 index 0000000..49c25bb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOff-compat.css @@ -0,0 +1,8 @@ +/* === Check Button (OFF) ==*/ +.mblDomButtonCheckboxOff { + background-image: url(compat/mblDomButtonCheckboxOff.png); + background-repeat: no-repeat; +} +.mblDomButtonCheckboxOff div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOff.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOff.css new file mode 100644 index 0000000..66fdd9d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOff.css @@ -0,0 +1,40 @@ +/* === Check Button (OFF) ==*/ +.mblDomButtonCheckboxOff { + position: relative; + width: 30px; + height: 30px; + border-width: 1px; + border-style: outset; + border-color: #A5A2A5; + color: white; + -webkit-border-radius: 3px; + background-color: #D6D3D6; + background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); +} +.mblDomButtonCheckboxOff > div { + position: absolute; + top: 15px; + left: 3px; + width: 14px; + height: 4px; + margin: 0px; + font-size: 1px; + background-color: #BDBABD; + border-bottom: 1px solid #8C8E8C; + -webkit-border-radius: 2px; + -webkit-transform: rotate(50deg); +} +.mblDomButtonCheckboxOff > div > div { + position: absolute; + top: -10px; + left: 0px; + width: 20px; + height: 4px; + margin: 0px; + font-size: 1px; + background-color: #BDBABD; + border-bottom: none; + border-top: 1px solid #8C8E8C; + -webkit-border-radius: 2px; + -webkit-transform: rotate(-100deg); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOn-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOn-compat.css new file mode 100644 index 0000000..933aece --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOn-compat.css @@ -0,0 +1,8 @@ +/* === Check Button (ON) ==*/ +.mblDomButtonCheckboxOn { + background-image: url(compat/mblDomButtonCheckboxOn.png); + background-repeat: no-repeat; +} +.mblDomButtonCheckboxOn div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOn.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOn.css new file mode 100644 index 0000000..7c25a9e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonCheckboxOn.css @@ -0,0 +1,40 @@ +/* === Check Button (ON) ==*/ +.mblDomButtonCheckboxOn { + position: relative; + width: 30px; + height: 30px; + border-width: 1px; + border-style: outset; + border-color: #A5A2A5; + color: white; + -webkit-border-radius: 3px; + background-color: #D6D3D6; + background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); +} +.mblDomButtonCheckboxOn > div { + position: absolute; + top: 15px; + left: 3px; + width: 14px; + height: 4px; + margin: 0px; + font-size: 1px; + background-color: #00CF00; + border-top: 1px solid #4A5A71; + -webkit-border-radius: 2px; + -webkit-transform: rotate(50deg); +} +.mblDomButtonCheckboxOn > div > div { + position: absolute; + top: -10px; + left: 0px; + width: 20px; + height: 4px; + margin: 0px; + font-size: 1px; + background-color: #00CF00; + border-top: none; + border-bottom: 1px solid #4A5A71; + -webkit-border-radius: 2px; + -webkit-transform: rotate(-100deg); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonColorButtons-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonColorButtons-compat.css new file mode 100644 index 0000000..8c77494 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonColorButtons-compat.css @@ -0,0 +1,48 @@ +/* === Minus and Plus Buttons ==*/ +.mblDomButtonBlueMinus { + background-image: url(compat/mblDomButtonBlueMinus.png); + background-repeat: no-repeat; +} +.mblDomButtonBlueMinus div { + display: none; +} + +.mblDomButtonBluePlus { + background-image: url(compat/mblDomButtonBluePlus.png); + background-repeat: no-repeat; +} +.mblDomButtonBluePlus div { + display: none; +} + +.mblDomButtonDarkBlueMinus { + background-image: url(compat/mblDomButtonDarkBlueMinus.png); + background-repeat: no-repeat; +} +.mblDomButtonDarkBlueMinus div { + display: none; +} + +.mblDomButtonDarkBluePlus { + background-image: url(compat/mblDomButtonDarkBluePlus.png); + background-repeat: no-repeat; +} +.mblDomButtonDarkBluePlus div { + display: none; +} + +.mblDomButtonRedMinus { + background-image: url(compat/mblDomButtonRedMinus.png); + background-repeat: no-repeat; +} +.mblDomButtonRedMinus div { + display: none; +} + +.mblDomButtonRedPlus { + background-image: url(compat/mblDomButtonRedPlus.png); + background-repeat: no-repeat; +} +.mblDomButtonRedPlus div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonColorButtons.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonColorButtons.css new file mode 100644 index 0000000..8017cf2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonColorButtons.css @@ -0,0 +1,55 @@ +/* === Minus and Plus Buttons ==*/ +.mblDomButtonBlueMinus, .mblDomButtonBluePlus, .mblDomButtonDarkBlueMinus, .mblDomButtonDarkBluePlus, .mblDomButtonRedMinus, .mblDomButtonRedPlus { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div, .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div, .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { + position: relative; + top: 4px; + left: 3px; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + color: white; + -webkit-border-radius: 3px; +} +.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div { + border-color: #6D89C7; + background-color: #366EDF; + background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); +} +.mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div { + border-color: #6D89C7; + background-color: #5877A2; + background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { + border-color: #cc1122; + background-color: #C9404B; + background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); +} +.mblDomButtonBlueMinus > div > div, .mblDomButtonBluePlus > div > div, .mblDomButtonDarkBlueMinus > div > div, .mblDomButtonDarkBluePlus > div > div, .mblDomButtonRedMinus > div > div, .mblDomButtonRedPlus > div > div { + position: absolute; + top: 7px; + left: 7px; + width: 8px; + height: 2px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; + border-top: 1px solid #4A5A71; +} +.mblDomButtonBluePlus > div > div > div, .mblDomButtonDarkBluePlus > div > div > div, .mblDomButtonRedPlus > div > div > div { + position: absolute; + top: -3px; + left: 3px; + width: 2px; + height: 8px; + margin: 0px; + font-size: 1px; + background-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonDarkBlueCheck-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonDarkBlueCheck-compat.css new file mode 100644 index 0000000..1071a54 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonDarkBlueCheck-compat.css @@ -0,0 +1,8 @@ +/* === Check Button ==*/ +.mblDomButtonDarkBlueCheck, .mblDomButtonCheck { + background-image: url(compat/mblDomButtonDarkBlueCheck.png); + background-repeat: no-repeat; +} +.mblDomButtonDarkBlueCheck div, .mblDomButtonCheck div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonDarkBlueCheck.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonDarkBlueCheck.css new file mode 100644 index 0000000..6edc2b2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonDarkBlueCheck.css @@ -0,0 +1,18 @@ +/* === Check Button ==*/ +.mblDomButtonDarkBlueCheck, .mblDomButtonCheck { + position: relative; + width: 20px; + height: 29px; +} +.mblDomButtonDarkBlueCheck > div, .mblDomButtonCheck > div { + position: absolute; + left: 0px; + top: 8px; + width: 16px; + height: 6px; + font-size: 1px; + -webkit-transform: scaleX(0.7) rotate(135deg); + border-width: 3px 4px 0px 0px; + border-style: solid; + border-color: #314E84; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayArrow-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayArrow-compat.css new file mode 100644 index 0000000..bed275d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayArrow-compat.css @@ -0,0 +1,8 @@ +/* === Arrow Button ==*/ +.mblDomButtonGrayArrow, .mblDomButtonArrow { + background-image: url(compat/mblDomButtonGrayArrow.png); + background-repeat: no-repeat; +} +.mblDomButtonGrayArrow div, .mblDomButtonArrow div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayArrow.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayArrow.css new file mode 100644 index 0000000..bfad471 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayArrow.css @@ -0,0 +1,18 @@ +/* === Arrow ==*/ +.mblDomButtonGrayArrow, .mblDomButtonArrow { + position: relative; + width: 20px; + height: 29px; +} +.mblDomButtonGrayArrow > div, .mblDomButtonArrow > div { + position: absolute; + top: 10px; + left: 6px; + width: 6px; + height: 6px; + font-size: 1px; + -webkit-transform: rotate(45deg); + border-width: 3px 3px 0px 0px; + border-style: solid; + border-color: #808080; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayRoundRect-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayRoundRect-compat.css new file mode 100644 index 0000000..8ee029b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayRoundRect-compat.css @@ -0,0 +1,4 @@ +/* === Gray Round Rectangle Button ==*/ +.mblDomButtonGrayRoundRect > div { + -moz-border-radius: 4px; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayRoundRect.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayRoundRect.css new file mode 100644 index 0000000..5ceb481 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayRoundRect.css @@ -0,0 +1,23 @@ +/* === Gray Round Rectangle Button ==*/ +.mblDomButtonGrayRoundRect { + position: relative; + width: 29px; + height: 29px; + text-align: right; +} +.mblDomButtonGrayRoundRect > div { + position: absolute; + right: 0px; + display: inline; + padding: 0px 5px; + top: 7px; + color: white; + font-family: Helvetica; + font-size: 12px; + -webkit-border-radius: 4px; + background-color: #949BA5; + text-align: center; +} +.mblDomButtonGrayRoundRect > div > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayStar-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayStar-compat.css new file mode 100644 index 0000000..d92ec87 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayStar-compat.css @@ -0,0 +1,8 @@ +/* === Gray Star ==*/ +.mblDomButtonGrayStar { + background-image: url(compat/mblDomButtonGrayStar.png); + background-repeat: no-repeat; +} +.mblDomButtonGrayStar > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayStar.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayStar.css new file mode 100644 index 0000000..605de2c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGrayStar.css @@ -0,0 +1,49 @@ +/* === Gray Star ==*/ +.mblDomButtonGrayStar { + position: relative; + width: 29px; + height: 29px; +} +.mblDomButtonGrayStar > div { + position: absolute; + width: 0px; + height: 0px; + border-style: solid; + border-color: #BDBABD transparent transparent transparent; + top: 12px; + left: 3px; + border-width: 9px 12px 0px 12px; + -webkit-transform: rotate(0deg); +} +.mblDomButtonGrayStar > div > div { + position: absolute; + width: 24px; + height: 0px; + border-style: solid; + border-color: #8C8E8C; + border-width: 1px 0px 0px 0px; + top: -10px; + left: -12px; +} +.mblDomButtonGrayStar > div > div > div { + position: absolute; + width: 0px; + height: 0px; + border-style: solid; + border-color: #BDBABD transparent transparent transparent; + top: 0px; + left: 0px; + border-width: 9px 12px 0px 12px; + -webkit-transform: rotate(72deg); +} +.mblDomButtonGrayStar > div > div > div > div { + position: absolute; + width: 0px; + height: 0px; + border-style: solid; + border-color: #BDBABD transparent transparent transparent; + top: -10px; + left: -12px; + border-width: 9px 12px 0px 12px; + -webkit-transform: rotate(216deg); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenBall-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenBall-compat.css new file mode 100644 index 0000000..b9335bd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenBall-compat.css @@ -0,0 +1,8 @@ +/* === Green Ball Button ==*/ +.mblDomButtonGreenBall { + background-image: url(compat/mblDomButtonGreenBall.png); + background-repeat: no-repeat; +} +.mblDomButtonGreenBall > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenBall.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenBall.css new file mode 100644 index 0000000..f7e928f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenBall.css @@ -0,0 +1,15 @@ +/* === Green Ball Button ==*/ +.mblDomButtonGreenBall { + position: relative; + width: 19px; + height: 29px; +} +.mblDomButtonGreenBall > div { + position: relative; + top: 8px; + left: 4px; + width: 14px; + height: 14px; + -webkit-border-radius: 7px; + background: -webkit-gradient(linear, left top, left bottom, from(#59E738), to(#0AA908)); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleArrow-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleArrow-compat.css new file mode 100644 index 0000000..a62b1e5 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleArrow-compat.css @@ -0,0 +1,9 @@ +/* === Green Circle Arrow Buttons ==*/ +.mblDomButtonGreenCircleArrow { + background-image: url(compat/mblDomButtonGreenCircleArrow.png); + background-repeat: no-repeat; +} + +.mblDomButtonGreenCircleArrow > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleArrow.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleArrow.css new file mode 100644 index 0000000..53e6523 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleArrow.css @@ -0,0 +1,48 @@ +/* === Green Circle Arrow Buttons ==*/ +.mblDomButtonGreenCircleArrow { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonGreenCircleArrow > div { + position: relative; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonGreenCircleArrow > div > div { + position: relative; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + -webkit-border-radius: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21)); +} +.mblDomButtonGreenCircleArrow > div > div > div { + position: absolute; + top: 5px; + left: 6px; + width: 8px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; + -webkit-transform: rotate(45deg); +} +.mblDomButtonGreenCircleArrow > div > div > div > div { + position: absolute; + top: 1px; + left: 6px; + width: 3px; + height: 8px; + margin: 0px; + font-size: 1px; + background-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleMinus-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleMinus-compat.css new file mode 100644 index 0000000..a6381c4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleMinus-compat.css @@ -0,0 +1,9 @@ +/* === Green Circle Minus Buttons ==*/ +.mblDomButtonGreenCircleMinus { + background-image: url(compat/mblDomButtonGreenCircleMinus.png); + background-repeat: no-repeat; +} + +.mblDomButtonGreenCircleMinus > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleMinus.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleMinus.css new file mode 100644 index 0000000..b406543 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCircleMinus.css @@ -0,0 +1,37 @@ +/* === Green Circle Minus Buttons ==*/ +.mblDomButtonGreenCircleMinus { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonGreenCircleMinus > div { + position: relative; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonGreenCircleMinus > div > div { + position: relative; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + -webkit-border-radius: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21)); +} +.mblDomButtonGreenCircleMinus > div > div > div { + position: absolute; + top: 8px; + left: 3px; + width: 12px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCirclePlus-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCirclePlus-compat.css new file mode 100644 index 0000000..053ccd9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCirclePlus-compat.css @@ -0,0 +1,9 @@ +/* === Green Circle Plus Buttons ==*/ +.mblDomButtonGreenCirclePlus { + background-image: url(compat/mblDomButtonGreenCirclePlus.png); + background-repeat: no-repeat; +} + +.mblDomButtonGreenCirclePlus > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCirclePlus.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCirclePlus.css new file mode 100644 index 0000000..148dfa4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonGreenCirclePlus.css @@ -0,0 +1,47 @@ +/* === Green Circle Plus Buttons ==*/ +.mblDomButtonGreenCirclePlus { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonGreenCirclePlus > div { + position: relative; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonGreenCirclePlus > div > div { + position: relative; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + -webkit-border-radius: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21)); +} +.mblDomButtonGreenCirclePlus > div > div > div { + position: absolute; + top: 8px; + left: 3px; + width: 13px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; +} +.mblDomButtonGreenCirclePlus > div > div > div > div { + position: absolute; + top: -5px; + left: 5px; + width: 3px; + height: 13px; + margin: 0px; + font-size: 1px; + background-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonOrangeBall-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonOrangeBall-compat.css new file mode 100644 index 0000000..5fc2c62 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonOrangeBall-compat.css @@ -0,0 +1,8 @@ +/* === Orange Ball Button ==*/ +.mblDomButtonOrangeBall { + background-image: url(compat/mblDomButtonOrangeBall.png); + background-repeat: no-repeat; +} +.mblDomButtonOrangeBall > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonOrangeBall.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonOrangeBall.css new file mode 100644 index 0000000..32b8659 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonOrangeBall.css @@ -0,0 +1,15 @@ +/* === Orange Ball Button ==*/ +.mblDomButtonOrangeBall { + position: relative; + width: 19px; + height: 29px; +} +.mblDomButtonOrangeBall > div { + position: relative; + top: 8px; + left: 4px; + width: 14px; + height: 14px; + -webkit-border-radius: 7px; + background: -webkit-gradient(linear, left top, left bottom, from(#F9E20A), to(#FF6B0A)); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedBall-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedBall-compat.css new file mode 100644 index 0000000..bb25172 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedBall-compat.css @@ -0,0 +1,8 @@ +/* === Red Ball Button ==*/ +.mblDomButtonRedBall { + background-image: url(compat/mblDomButtonRedBall.png); + background-repeat: no-repeat; +} +.mblDomButtonRedBall > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedBall.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedBall.css new file mode 100644 index 0000000..11a48cd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedBall.css @@ -0,0 +1,15 @@ +/* === Red Ball Button ==*/ +.mblDomButtonRedBall { + position: relative; + width: 19px; + height: 29px; +} +.mblDomButtonRedBall > div { + position: relative; + top: 8px; + left: 4px; + width: 14px; + height: 14px; + -webkit-border-radius: 7px; + background: -webkit-gradient(linear, left top, left bottom, from(#EC9B9D), to(#D73C3F)); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleArrow-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleArrow-compat.css new file mode 100644 index 0000000..b00c414 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleArrow-compat.css @@ -0,0 +1,9 @@ +/* === Red Circle Arrow Buttons ==*/ +.mblDomButtonRedCircleArrow { + background-image: url(compat/mblDomButtonRedCircleArrow.png); + background-repeat: no-repeat; +} + +.mblDomButtonRedCircleArrow > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleArrow.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleArrow.css new file mode 100644 index 0000000..c1506e7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleArrow.css @@ -0,0 +1,48 @@ +/* === Red Circle Arrow Buttons ==*/ +.mblDomButtonRedCircleArrow { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonRedCircleArrow > div { + position: relative; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonRedCircleArrow > div > div { + position: relative; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + -webkit-border-radius: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); +} +.mblDomButtonRedCircleArrow > div > div > div { + position: absolute; + top: 5px; + left: 6px; + width: 8px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; + -webkit-transform: rotate(45deg); +} +.mblDomButtonRedCircleArrow > div > div > div > div { + position: absolute; + top: 1px; + left: 6px; + width: 3px; + height: 8px; + margin: 0px; + font-size: 1px; + background-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleMinus-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleMinus-compat.css new file mode 100644 index 0000000..c437120 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleMinus-compat.css @@ -0,0 +1,9 @@ +/* === Red Circle Minus Buttons ==*/ +.mblDomButtonRedCircleMinus { + background-image: url(compat/mblDomButtonRedCircleMinus.png); + background-repeat: no-repeat; +} + +.mblDomButtonRedCircleMinus > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleMinus.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleMinus.css new file mode 100644 index 0000000..bd16b0c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCircleMinus.css @@ -0,0 +1,37 @@ +/* === Red Circle Minus Buttons ==*/ +.mblDomButtonRedCircleMinus { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonRedCircleMinus > div { + position: relative; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonRedCircleMinus > div > div { + position: relative; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + -webkit-border-radius: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); +} +.mblDomButtonRedCircleMinus > div > div > div { + position: absolute; + top: 8px; + left: 3px; + width: 12px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCirclePlus-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCirclePlus-compat.css new file mode 100644 index 0000000..3f7a33c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCirclePlus-compat.css @@ -0,0 +1,9 @@ +/* === Red Circle Plus Buttons ==*/ +.mblDomButtonRedCirclePlus { + background-image: url(compat/mblDomButtonRedCirclePlus.png); + background-repeat: no-repeat; +} + +.mblDomButtonRedCirclePlus > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCirclePlus.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCirclePlus.css new file mode 100644 index 0000000..a507bdd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonRedCirclePlus.css @@ -0,0 +1,47 @@ +/* === Red Circle Plus Buttons ==*/ +.mblDomButtonRedCirclePlus { + position: relative; + width: 29px; + height: 29px; +} + +.mblDomButtonRedCirclePlus > div { + position: relative; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 12px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); +} +.mblDomButtonRedCirclePlus > div > div { + position: relative; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + -webkit-border-radius: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); +} +.mblDomButtonRedCirclePlus > div > div > div { + position: absolute; + top: 8px; + left: 3px; + width: 13px; + height: 3px; + margin: 0px; + font-size: 1px; + border-style: none; + background: white; +} +.mblDomButtonRedCirclePlus > div > div > div > div { + position: absolute; + top: -5px; + left: 5px; + width: 3px; + height: 13px; + margin: 0px; + font-size: 1px; + background-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleDownArrow-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleDownArrow-compat.css new file mode 100644 index 0000000..d9191e4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleDownArrow-compat.css @@ -0,0 +1,8 @@ +/* === Silver Circle Down Arrow ==*/ +.mblDomButtonSilverCircleDownArrow { + background-image: url(compat/mblDomButtonSilverCircleDownArrow.png); + background-repeat: no-repeat; +} +.mblDomButtonSilverCircleDownArrow > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleDownArrow.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleDownArrow.css new file mode 100644 index 0000000..3f70ab8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleDownArrow.css @@ -0,0 +1,43 @@ +/* === Silver Circle Down Arrow ==*/ +.mblDomButtonSilverCircleDownArrow { + position: relative; + width: 30px; + height: 30px; +} +.mblDomButtonSilverCircleDownArrow > div { + position: relative; + top: 0px; + left: 0px; + width: 26px; + height: 26px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 13px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); + background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); +} +.mblDomButtonSilverCircleDownArrow > div > div { + position: relative; + top: 3px; + left: 3px; + width: 20px; + height: 20px; + -webkit-border-radius: 10px; + background: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#616161)); +} +.mblDomButtonSilverCircleDownArrow > div > div > div { + position: absolute; + left: 0px; + clip: rect(6px 50px 40px 0px); +} +.mblDomButtonSilverCircleDownArrow > div > div > div > div { + position: absolute; + top: -5px; + left: 1px; + width: 18px; + height: 18px; + margin: 0px; + font-size: 1px; + background-color: #D1D1D1; + border-top: 1px solid #4A5A71; + -webkit-transform: scaleX(0.7) rotate(45deg); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGrayButton-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGrayButton-compat.css new file mode 100644 index 0000000..dc3c7ca --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGrayButton-compat.css @@ -0,0 +1,8 @@ +/* === Silver Circle Gray Button ==*/ +.mblDomButtonSilverCircleGrayButton { + background-image: url(compat/mblDomButtonSilverCircleGrayButton.png); + background-repeat: no-repeat; +} +.mblDomButtonSilverCircleGrayButton > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGrayButton.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGrayButton.css new file mode 100644 index 0000000..0769c27 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGrayButton.css @@ -0,0 +1,27 @@ +/* === Silver Circle Gray Button ==*/ +.mblDomButtonSilverCircleGrayButton { + position: relative; + width: 30px; + height: 30px; +} +.mblDomButtonSilverCircleGrayButton > div { + position: relative; + top: 0px; + left: 0px; + width: 26px; + height: 26px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 13px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); + background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); +} +.mblDomButtonSilverCircleGrayButton > div > div { + position: relative; + top: 6px; + left: 6px; + width: 12px; + height: 12px; + border: 1px inset #AEAEAE; + -webkit-border-radius: 7px; + background: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#BABABA)); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenButton-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenButton-compat.css new file mode 100644 index 0000000..df9e2a5 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenButton-compat.css @@ -0,0 +1,8 @@ +/* === Silver Circle Green Button ==*/ +.mblDomButtonSilverCircleGreenButton { + background-image: url(compat/mblDomButtonSilverCircleGreenButton.png); + background-repeat: no-repeat; +} +.mblDomButtonSilverCircleGreenButton > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenButton.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenButton.css new file mode 100644 index 0000000..2b59042 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenButton.css @@ -0,0 +1,27 @@ +/* === Silver Circle Green Button ==*/ +.mblDomButtonSilverCircleGreenButton { + position: relative; + width: 30px; + height: 30px; +} +.mblDomButtonSilverCircleGreenButton > div { + position: relative; + top: 0px; + left: 0px; + width: 26px; + height: 26px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 13px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); + background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); +} +.mblDomButtonSilverCircleGreenButton > div > div { + position: relative; + top: 6px; + left: 6px; + width: 12px; + height: 12px; + border: 1px inset #1B991C; + -webkit-border-radius: 7px; + background: -webkit-gradient(radial, center center, 0, center center, 6, from(#17DF25), to(#1BA51C)); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenPlus-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenPlus-compat.css new file mode 100644 index 0000000..d19cc2b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenPlus-compat.css @@ -0,0 +1,8 @@ +/* === Silver Circle Green Plus Button ==*/ +.mblDomButtonSilverCircleGreenPlus { + background-image: url(compat/mblDomButtonSilverCircleGreenPlus.png); + background-repeat: no-repeat; +} +.mblDomButtonSilverCircleGreenPlus > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenPlus.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenPlus.css new file mode 100644 index 0000000..9808e86 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleGreenPlus.css @@ -0,0 +1,37 @@ +/* === Silver Circle Green Plus Button ==*/ +.mblDomButtonSilverCircleGreenPlus { + position: relative; + width: 30px; + height: 30px; +} +.mblDomButtonSilverCircleGreenPlus > div { + position: relative; + top: 0px; + left: 0px; + width: 26px; + height: 26px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 13px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); + background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); +} +.mblDomButtonSilverCircleGreenPlus > div > div { + position: absolute; + top: 11px; + left: 4px; + width: 18px; + height: 4px; + margin: 0px; + font-size: 1px; + background-color: #17DF25; +} +.mblDomButtonSilverCircleGreenPlus > div > div > div { + position: absolute; + top: -7px; + left: 7px; + width: 4px; + height: 18px; + margin: 0px; + font-size: 1px; + background-color: #17DF25; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleOrangeButton-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleOrangeButton-compat.css new file mode 100644 index 0000000..49eba72 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleOrangeButton-compat.css @@ -0,0 +1,8 @@ +/* === Silver Circle Orange Button ==*/ +.mblDomButtonSilverCircleOrangeButton { + background-image: url(compat/mblDomButtonSilverCircleOrangeButton.png); + background-repeat: no-repeat; +} +.mblDomButtonSilverCircleOrangeButton > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleOrangeButton.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleOrangeButton.css new file mode 100644 index 0000000..160ef4e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleOrangeButton.css @@ -0,0 +1,27 @@ +/* === Silver Circle Orange Button ==*/ +.mblDomButtonSilverCircleOrangeButton { + position: relative; + width: 30px; + height: 30px; +} +.mblDomButtonSilverCircleOrangeButton > div { + position: relative; + top: 0px; + left: 0px; + width: 26px; + height: 26px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 13px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); + background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); +} +.mblDomButtonSilverCircleOrangeButton > div > div { + position: relative; + top: 6px; + left: 6px; + width: 12px; + height: 12px; + border: 1px inset #CA701A; + -webkit-border-radius: 7px; + background: -webkit-gradient(radial, center center, 0, center center, 6, from(#FF7A07), to(#E66B03)); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleRedCross-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleRedCross-compat.css new file mode 100644 index 0000000..68149e0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleRedCross-compat.css @@ -0,0 +1,8 @@ +/* === Silver Circle Red Cross Button ==*/ +.mblDomButtonSilverCircleRedCross { + background-image: url(compat/mblDomButtonSilverCircleRedCross.png); + background-repeat: no-repeat; +} +.mblDomButtonSilverCircleRedCross > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleRedCross.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleRedCross.css new file mode 100644 index 0000000..14f4ec3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonSilverCircleRedCross.css @@ -0,0 +1,38 @@ +/* === Silver Circle Red Cross Button ==*/ +.mblDomButtonSilverCircleRedCross { + position: relative; + width: 30px; + height: 30px; +} +.mblDomButtonSilverCircleRedCross > div { + position: relative; + top: 0px; + left: 0px; + width: 26px; + height: 26px; + border: 1px solid #B5B6B5; + -webkit-border-radius: 13px; + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); + background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); +} +.mblDomButtonSilverCircleRedCross > div > div { + position: absolute; + top: 11px; + left: 4px; + width: 18px; + height: 4px; + margin: 0px; + font-size: 1px; + background-color: #F00E5A; + -webkit-transform: rotate(45deg); +} +.mblDomButtonSilverCircleRedCross > div > div > div { + position: absolute; + top: -7px; + left: 7px; + width: 4px; + height: 18px; + margin: 0px; + font-size: 1px; + background-color: #F00E5A; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonTransparent19.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonTransparent19.css new file mode 100644 index 0000000..3626476 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonTransparent19.css @@ -0,0 +1,6 @@ +/* === Transparent Button ==*/ +.mblDomButtonTransparent19 { + position: relative; + width: 19px; + height: 19px; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonTransparent29.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonTransparent29.css new file mode 100644 index 0000000..3eb4891 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonTransparent29.css @@ -0,0 +1,6 @@ +/* === Transparent Button ==*/ +.mblDomButtonTransparent29 { + position: relative; + width: 29px; + height: 29px; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonTransparent30.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonTransparent30.css new file mode 100644 index 0000000..b95baf7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonTransparent30.css @@ -0,0 +1,6 @@ +/* === Transparent Button ==*/ +.mblDomButtonTransparent30 { + position: relative; + width: 30px; + height: 30px; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteArrow-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteArrow-compat.css new file mode 100644 index 0000000..39bff59 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteArrow-compat.css @@ -0,0 +1,8 @@ +/* === Arrow Button ==*/ +.mblDomButtonWhiteArrow, .mblDomButtonArrow { + background-image: url(compat/mblDomButtonWhiteArrow.png); + background-repeat: no-repeat; +} +.mblDomButtonWhiteArrow div, .mblDomButtonArrow div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteArrow.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteArrow.css new file mode 100644 index 0000000..9c9e332 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteArrow.css @@ -0,0 +1,18 @@ +/* === Arrow ==*/ +.mblDomButtonWhiteArrow, .mblDomButtonArrow { + position: relative; + width: 20px; + height: 29px; +} +.mblDomButtonWhiteArrow > div, .mblDomButtonArrow > div { + position: absolute; + top: 10px; + left: 6px; + width: 6px; + height: 6px; + font-size: 1px; + -webkit-transform: rotate(45deg); + border-width: 3px 3px 0px 0px; + border-style: solid; + border-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteCheck-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteCheck-compat.css new file mode 100644 index 0000000..892a407 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteCheck-compat.css @@ -0,0 +1,8 @@ +/* === Check Button ==*/ +.mblDomButtonWhiteCheck, .mblDomButtonCheck { + background-image: url(compat/mblDomButtonWhiteCheck.png); + background-repeat: no-repeat; +} +.mblDomButtonWhiteCheck div, .mblDomButtonCheck div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteCheck.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteCheck.css new file mode 100644 index 0000000..1b51a8f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteCheck.css @@ -0,0 +1,18 @@ +/* === Check Button ==*/ +.mblDomButtonWhiteCheck, .mblDomButtonCheck { + position: relative; + width: 20px; + height: 29px; +} +.mblDomButtonWhiteCheck > div, .mblDomButtonCheck > div { + position: absolute; + left: 0px; + top: 8px; + width: 16px; + height: 6px; + font-size: 1px; + -webkit-transform: scaleX(0.7) rotate(135deg); + border-width: 3px 4px 0px 0px; + border-style: solid; + border-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteDownArrow-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteDownArrow-compat.css new file mode 100644 index 0000000..6556323 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteDownArrow-compat.css @@ -0,0 +1,8 @@ +/* === Down Arrow Button ==*/ +.mblDomButtonWhiteDownArrow { + background-image: url(compat/mblDomButtonWhiteDownArrow.png); + background-repeat: no-repeat; +} +.mblDomButtonWhiteDownArrow div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteDownArrow.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteDownArrow.css new file mode 100644 index 0000000..33188b3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteDownArrow.css @@ -0,0 +1,22 @@ +/* === Down Arrow Button ==*/ +.mblDomButtonWhiteDownArrow { + position: relative; + width: 29px; + height: 29px; +} +.mblDomButtonWhiteDownArrow div { + position: absolute; + left: 0px; + clip: rect(7px 50px 40px 0px); +} +.mblDomButtonWhiteDownArrow > div > div { + top: -10px; + left: 2px; + width: 25px; + height: 25px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; + -webkit-transform: scaleX(0.6) rotate(45deg); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhitePlus-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhitePlus-compat.css new file mode 100644 index 0000000..24eb9be --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhitePlus-compat.css @@ -0,0 +1,8 @@ +/* === Plus Button ==*/ +.mblDomButtonWhitePlus { + background-image: url(compat/mblDomButtonWhitePlus.png); + background-repeat: no-repeat; +} +.mblDomButtonWhitePlus div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhitePlus.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhitePlus.css new file mode 100644 index 0000000..4de8a89 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhitePlus.css @@ -0,0 +1,28 @@ +/* === Plus Button ==*/ +.mblDomButtonWhitePlus { + position: relative; + width: 29px; + height: 29px; +} +.mblDomButtonWhitePlus > div { /* horiz line */ + position: absolute; + top: 11px; + left: 8px; + width: 13px; + height: 3px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; +} +.mblDomButtonWhitePlus > div > div { /* vert line */ + position: absolute; + top: -6px; + left: 5px; + width: 3px; + height: 13px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteSearch-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteSearch-compat.css new file mode 100644 index 0000000..b3c927d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteSearch-compat.css @@ -0,0 +1,8 @@ +/* === Search Button ==*/ +.mblDomButtonWhiteSearch { + background-image: url(compat/mblDomButtonWhiteSearch.png); + background-repeat: no-repeat; +} +.mblDomButtonWhiteSearch div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteSearch.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteSearch.css new file mode 100644 index 0000000..d8efeeb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteSearch.css @@ -0,0 +1,30 @@ +/* === Search Button ==*/ +.mblDomButtonWhiteSearch { + position: relative; + width: 29px; + height: 29px; +} +.mblDomButtonWhiteSearch > div { + position: absolute; + top: 5px; + left: 6px; + width: 10px; + height: 10px; + margin: 0px; + font-size: 1px; + border: 2px solid white; + -webkit-border-radius: 6px; +} +.mblDomButtonWhiteSearch > div > div { + position: absolute; + top: 10px; + left: 7px; + width: 8px; + height: 3px; + margin: 0px; + font-size: 1px; + background-color: white; + border: none; + -webkit-transform: rotate(45deg); + -webkit-border-radius: 0px; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteUpArrow-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteUpArrow-compat.css new file mode 100644 index 0000000..49ecb67 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteUpArrow-compat.css @@ -0,0 +1,8 @@ +/* === Up Arrow Button ==*/ +.mblDomButtonWhiteUpArrow { + background-image: url(compat/mblDomButtonWhiteUpArrow.png); + background-repeat: no-repeat; +} +.mblDomButtonWhiteUpArrow div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteUpArrow.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteUpArrow.css new file mode 100644 index 0000000..7c7d0da --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonWhiteUpArrow.css @@ -0,0 +1,22 @@ +/* === Up Arrow Button ==*/ +.mblDomButtonWhiteUpArrow { + position: relative; + width: 29px; + height: 29px; +} +.mblDomButtonWhiteUpArrow div { + position: absolute; + left: 0px; + clip: rect(0px 30px 20px 0px); +} +.mblDomButtonWhiteUpArrow > div > div { + top: 9px; + left: 4px; + width: 20px; + height: 20px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; + -webkit-transform: scaleX(0.6) rotate(45deg); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonYellowStar-compat.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonYellowStar-compat.css new file mode 100644 index 0000000..08dd2c4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonYellowStar-compat.css @@ -0,0 +1,8 @@ +/* === Yellow Star ==*/ +.mblDomButtonYellowStar { + background-image: url(compat/mblDomButtonYellowStar.png); + background-repeat: no-repeat; +} +.mblDomButtonYellowStar > div { + display: none; +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonYellowStar.css b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonYellowStar.css new file mode 100644 index 0000000..96c07ce --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/DomButtonYellowStar.css @@ -0,0 +1,49 @@ +/* === Yellow Star ==*/ +.mblDomButtonYellowStar { + position: relative; + width: 29px; + height: 29px; +} +.mblDomButtonYellowStar > div { + position: absolute; + width: 0px; + height: 0px; + border-style: solid; + border-color: #FFFF00 transparent transparent transparent; + top: 12px; + left: 3px; + border-width: 9px 12px 0px 12px; + -webkit-transform: rotate(0deg); +} +.mblDomButtonYellowStar > div > div { + position: absolute; + width: 24px; + height: 0px; + border-style: solid; + border-color: #CD853F; + border-width: 1px 0px 0px 0px; + top: -10px; + left: -12px; +} +.mblDomButtonYellowStar > div > div > div { + position: absolute; + width: 0px; + height: 0px; + border-style: solid; + border-color: #FFFF00 transparent transparent transparent; + top: 0px; + left: 0px; + border-width: 9px 12px 0px 12px; + -webkit-transform: rotate(72deg); +} +.mblDomButtonYellowStar > div > div > div > div { + position: absolute; + width: 0px; + height: 0px; + border-style: solid; + border-color: #FFFF00 transparent transparent transparent; + top: -10px; + left: -12px; + border-width: 9px 12px 0px 12px; + -webkit-transform: rotate(216deg); +} diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonArrow.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonArrow.png Binary files differnew file mode 100644 index 0000000..edc1165 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonArrow.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlackCircleCross.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlackCircleCross.png Binary files differnew file mode 100644 index 0000000..2fde47f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlackCircleCross.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueBall.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueBall.png Binary files differnew file mode 100644 index 0000000..fc4d734 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueBall.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueCircleArrow.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueCircleArrow.png Binary files differnew file mode 100644 index 0000000..04526cc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueCircleArrow.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueCircleMinus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueCircleMinus.png Binary files differnew file mode 100644 index 0000000..2fa7350 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueCircleMinus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueCirclePlus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueCirclePlus.png Binary files differnew file mode 100644 index 0000000..670839f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueCirclePlus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueMinus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueMinus.png Binary files differnew file mode 100644 index 0000000..5479d9a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBlueMinus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBluePlus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBluePlus.png Binary files differnew file mode 100644 index 0000000..a916f9c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonBluePlus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonCheck.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonCheck.png Binary files differnew file mode 100644 index 0000000..0ba6933 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonCheck.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonCheckboxOff.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonCheckboxOff.png Binary files differnew file mode 100644 index 0000000..fa7df3e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonCheckboxOff.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonCheckboxOn.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonCheckboxOn.png Binary files differnew file mode 100644 index 0000000..2cec24f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonCheckboxOn.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonDarkBlueCheck.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonDarkBlueCheck.png Binary files differnew file mode 100644 index 0000000..0ba6933 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonDarkBlueCheck.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonDarkBlueMinus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonDarkBlueMinus.png Binary files differnew file mode 100644 index 0000000..1d7f918 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonDarkBlueMinus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonDarkBluePlus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonDarkBluePlus.png Binary files differnew file mode 100644 index 0000000..465dc1e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonDarkBluePlus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGrayArrow.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGrayArrow.png Binary files differnew file mode 100644 index 0000000..edc1165 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGrayArrow.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGrayStar.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGrayStar.png Binary files differnew file mode 100644 index 0000000..68d62c0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGrayStar.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenBall.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenBall.png Binary files differnew file mode 100644 index 0000000..5a46c60 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenBall.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenCircleArrow.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenCircleArrow.png Binary files differnew file mode 100644 index 0000000..27dbfb6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenCircleArrow.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenCircleMinus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenCircleMinus.png Binary files differnew file mode 100644 index 0000000..a26de02 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenCircleMinus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenCirclePlus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenCirclePlus.png Binary files differnew file mode 100644 index 0000000..3a5959e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonGreenCirclePlus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonOrangeBall.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonOrangeBall.png Binary files differnew file mode 100644 index 0000000..420428a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonOrangeBall.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedBall.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedBall.png Binary files differnew file mode 100644 index 0000000..aab2da6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedBall.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedCircleArrow.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedCircleArrow.png Binary files differnew file mode 100644 index 0000000..55b0167 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedCircleArrow.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedCircleMinus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedCircleMinus.png Binary files differnew file mode 100644 index 0000000..6171d0f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedCircleMinus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedCirclePlus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedCirclePlus.png Binary files differnew file mode 100644 index 0000000..f68f227 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedCirclePlus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedMinus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedMinus.png Binary files differnew file mode 100644 index 0000000..ab25d93 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedMinus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedPlus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedPlus.png Binary files differnew file mode 100644 index 0000000..61a76fc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonRedPlus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleDownArrow.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleDownArrow.png Binary files differnew file mode 100644 index 0000000..bb9b377 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleDownArrow.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleGrayButton.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleGrayButton.png Binary files differnew file mode 100644 index 0000000..7081f3f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleGrayButton.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleGreenButton.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleGreenButton.png Binary files differnew file mode 100644 index 0000000..857adac --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleGreenButton.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleGreenPlus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleGreenPlus.png Binary files differnew file mode 100644 index 0000000..a3ef930 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleGreenPlus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleOrangeButton.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleOrangeButton.png Binary files differnew file mode 100644 index 0000000..17d72e0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleOrangeButton.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleRedCross.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleRedCross.png Binary files differnew file mode 100644 index 0000000..7326243 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonSilverCircleRedCross.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteArrow.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteArrow.png Binary files differnew file mode 100644 index 0000000..484ad60 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteArrow.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteCheck.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteCheck.png Binary files differnew file mode 100644 index 0000000..a18d8b3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteCheck.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteDownArrow.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteDownArrow.png Binary files differnew file mode 100644 index 0000000..add30b8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteDownArrow.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhitePlus.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhitePlus.png Binary files differnew file mode 100644 index 0000000..4b2a010 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhitePlus.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteSearch.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteSearch.png Binary files differnew file mode 100644 index 0000000..eb806d1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteSearch.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteUpArrow.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteUpArrow.png Binary files differnew file mode 100644 index 0000000..78c1331 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonWhiteUpArrow.png diff --git a/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonYellowStar.png b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonYellowStar.png Binary files differnew file mode 100644 index 0000000..eaa80d9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/domButtons/compat/mblDomButtonYellowStar.png diff --git a/js/dojo/dojox/mobile/themes/common/transitions.css b/js/dojo/dojox/mobile/themes/common/transitions.css new file mode 100644 index 0000000..e3d7a33 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions.css @@ -0,0 +1,11 @@ +@import url("transitions/dissolve.css"); +@import url("transitions/cover.css"); +@import url("transitions/reveal.css"); +@import url("transitions/slidev.css"); +@import url("transitions/coverv.css"); +@import url("transitions/revealv.css"); +@import url("transitions/swirl.css"); +@import url("transitions/scaleOut.css"); +@import url("transitions/scaleIn.css"); +@import url("transitions/zoomOut.css"); +@import url("transitions/zoomIn.css"); diff --git a/js/dojo/dojox/mobile/themes/common/transitions/cover.css b/js/dojo/dojox/mobile/themes/common/transitions/cover.css new file mode 100644 index 0000000..5794f02 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/cover.css @@ -0,0 +1,34 @@ +.mblCover.mblOut { + z-index: -100; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0%,0px,-1px) !important; +} +.mblCover.mblOut.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .4s; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.mblCover.mblIn { + z-index: 0; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(100%,0px,0px) !important; +} +.mblCover.mblIn.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .4s; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.mblCover.mblIn.mblReverse { + -webkit-transform: translate3d(-100%,0px,0px) !important; +} +.mblCover.mblIn.mblReverse.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.dj_android.dj_tablet .mblCover.mblOut.mblTransition, +.dj_android.dj_tablet .mblCover.mblIn.mblTransition { + -webkit-transition-duration: .6s; + -webkit-transition-timing-function: linear; +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/coverv.css b/js/dojo/dojox/mobile/themes/common/transitions/coverv.css new file mode 100644 index 0000000..2c80e16 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/coverv.css @@ -0,0 +1,35 @@ +.mblCoverv.mblOut { + z-index: -100; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0px,0%,-1px) !important; +} +.mblCoverv.mblOut.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .4s; + -webkit-transform: translate3d(0px,0%,0px) !important; +} +.mblCoverv.mblIn { + z-index: 0; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0px,100%,0px) !important; +} +.mblCoverv.mblIn.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .4s; + -webkit-transform: translate3d(0px,0%,0px) !important; +} +.mblCoverv.mblIn.mblReverse { + -webkit-transition-property: none; + -webkit-transform: translate3d(0px,-100%,0px) !important; +} +.mblCoverv.mblIn.mblReverse.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transform: translate3d(0px,0%,0px) !important; +} +.dj_android.dj_tablet .mblCoverv.mblOut.mblTransition, +.dj_android.dj_tablet .mblCoverv.mblIn.mblTransition { + -webkit-transition-duration: .6s; + -webkit-transition-timing-function: linear; +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/dissolve.css b/js/dojo/dojox/mobile/themes/common/transitions/dissolve.css new file mode 100644 index 0000000..4cedc51 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/dissolve.css @@ -0,0 +1,18 @@ +.mblDissolve.mblOut { + -webkit-animation-duration: 1s; + -webkit-animation-name: mblDissolveOut; + -webkit-animation-timing-function: cubic-bezier(.25,1,.75,0); +} +.mblDissolve.mblIn { + -webkit-animation-duration: 1s; + -webkit-animation-name: mblDissolveIn; + -webkit-animation-timing-function: cubic-bezier(.25,1,.75,0); +} +@-webkit-keyframes mblDissolveOut { + from { opacity: 1; } + to { opacity: 0; } +} +@-webkit-keyframes mblDissolveIn { + from { opacity: 0; } + to { opacity: 1; } +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/common/transitions/fade.css b/js/dojo/dojox/mobile/themes/common/transitions/fade.css new file mode 100644 index 0000000..889231d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/fade.css @@ -0,0 +1,22 @@ +.mblFade.mblOut { + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + opacity: 1; +} +.mblFade.mblOut.mblTransition { + -webkit-transition-property: opacity; + -webkit-transition-duration: .6s; + -webkit-transition-timing-function: ease-out; + opacity: 0; +} +.mblFade.mblIn { + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + opacity: 0; +} +.mblFade.mblIn.mblTransition { + -webkit-transition-property: opacity; + -webkit-transition-duration: .6s; + -webkit-transition-timing-function: ease-in; + opacity: 1; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/common/transitions/flip.css b/js/dojo/dojox/mobile/themes/common/transitions/flip.css new file mode 100644 index 0000000..0617361 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/flip.css @@ -0,0 +1,35 @@ +.mblFlip.mblOut { + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + opacity: 1; + -webkit-transform: scale(1,1) skew(0,0) !important; +} +.mblFlip.mblOut.mblTransition { + -webkit-transition-property: all; + -webkit-transition-duration: .2s; + -webkit-transition-timing-function: linear; + opacity: 0; + -webkit-transform: scale(0,0.8) skew(0,30deg) !important; +} +.mblFlip.mblIn { + position: absolute; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + opacity: 0; + -webkit-transform: scale(0,0.8) skew(0,-30deg) !important; +} +.mblFlip.mblIn.mblTransition { + -webkit-transition-property: all; + -webkit-transition-delay: .2s; + -webkit-transition-duration: .2s; + -webkit-transition-timing-function: linear; + opacity: 1; + -webkit-transform: scale(1,1) skew(0,0) !important; +} +.dj_android.dj_tablet .mblFlip.mblOut.mblTransition { + -webkit-transition-duration: .4s; +} +.dj_android.dj_tablet .mblFlip.mblIn.mblTransition { + -webkit-transition-delay: .4s; + -webkit-transition-duration: .4s; +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/reveal.css b/js/dojo/dojox/mobile/themes/common/transitions/reveal.css new file mode 100644 index 0000000..b711984 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/reveal.css @@ -0,0 +1,35 @@ +.mblReveal.mblOut { + z-index: 0; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.mblReveal.mblOut.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .4s; + -webkit-transform: translate3d(-100%,0px,0px) !important; +} +.mblReveal.mblIn { + z-index: -100; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0%,0px,-1px) !important; +} +.mblReveal.mblIn.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .4s; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.mblReveal.mblOut.mblReverse { + -webkit-transition-property: none; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.mblReveal.mblOut.mblReverse.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transform: translate3d(100%,0px,0px) !important; +} +.dj_android.dj_tablet .mblReveal.mblOut.mblTransition, +.dj_android.dj_tablet .mblReveal.mblIn.mblTransition { + -webkit-transition-duration: .6s; + -webkit-transition-timing-function: linear; +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/revealv.css b/js/dojo/dojox/mobile/themes/common/transitions/revealv.css new file mode 100644 index 0000000..3c74d46 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/revealv.css @@ -0,0 +1,31 @@ +.mblRevealv.mblOut { + z-index: 0; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0px,0%,0px) !important; +} +.mblRevealv.mblOut.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .4s; + -webkit-transform: translate3d(0px,-100%,0px) !important; +} +.mblRevealv.mblIn { + z-index: -100; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0px,0%,-1px) !important; +} +.mblRevealv.mblIn.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .4s; + -webkit-transform: translate3d(0px,0%,0px) !important; +} +.mblRevealv.mblOut.mblReverse.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transform: translate3d(0px,100%,0px) !important; +} +.dj_android.dj_tablet .mblRevealv.mblOut.mblTransition, +.dj_android.dj_tablet .mblRevealv.mblIn.mblTransition { + -webkit-transition-duration: .6s; + -webkit-transition-timing-function: linear; +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/scaleIn.css b/js/dojo/dojox/mobile/themes/common/transitions/scaleIn.css new file mode 100644 index 0000000..64e136c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/scaleIn.css @@ -0,0 +1,33 @@ +.mblScaleIn.mblOut { + z-index: -100; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblScaleInOut; + -webkit-animation-timing-function: ease-out; +} +.mblScaleIn.mblIn { + z-index: 0; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblScaleInIn; + -webkit-animation-timing-function: ease-out; +} +.dj_android .mblScaleIn.mblIn { + -webkit-animation-name: mblScaleInInAndroid; +} +@-webkit-keyframes mblScaleInOut { + from { -webkit-transform: scale(1.0); } + to { -webkit-transform: scale(1.0); } +} +@-webkit-keyframes mblScaleInIn { + from { + -webkit-transform: scale(0.0); + opacity: 0; + } + to { + -webkit-transform: scale(1.0); + opacity: 1; + } +} +@-webkit-keyframes mblScaleInInAndroid { + from { -webkit-transform: scale(0.0); } + to { -webkit-transform: scale(1.0); } +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/scaleOut.css b/js/dojo/dojox/mobile/themes/common/transitions/scaleOut.css new file mode 100644 index 0000000..d2f16e8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/scaleOut.css @@ -0,0 +1,33 @@ +.mblScaleOut.mblOut { + z-index: 0; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblScaleOutOut; + -webkit-animation-timing-function: ease-in; +} +.dj_android .mblScaleOut.mblOut { + -webkit-animation-name: mblScaleOutOutAndroid; +} +.mblScaleOut.mblIn { + z-index: -100; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblScaleOutIn; + -webkit-animation-timing-function: ease-in; +} +@-webkit-keyframes mblScaleOutOut { + from { + -webkit-transform: scale(1.0); + opacity: 1; + } + to { + -webkit-transform: scale(0.0); + opacity: 0; + } +} +@-webkit-keyframes mblScaleOutOutAndroid { + from { -webkit-transform: scale(1.0); } + to { -webkit-transform: scale(0.0); } +} +@-webkit-keyframes mblScaleOutIn { + from { -webkit-transform: scale(1.0); } + to { -webkit-transform: scale(1.0); } +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/slide.css b/js/dojo/dojox/mobile/themes/common/transitions/slide.css new file mode 100644 index 0000000..cd6b02e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/slide.css @@ -0,0 +1,41 @@ +.mblSlide.mblOut { + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.mblSlide.mblOut.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .3s; + -webkit-transform: translate3d(-100%,0px,0px) !important; +} +.mblSlide.mblIn { + position: absolute !important; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(100%,0px,0px) !important; +} +.mblSlide.mblIn.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .3s; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.mblSlide.mblOut.mblReverse { + -webkit-transition-property: none; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.mblSlide.mblOut.mblReverse.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transform: translate3d(100%,0px,0px) !important; +} +.mblSlide.mblIn.mblReverse { + -webkit-transform: translate3d(-100%,0px,0px) !important; +} +.mblSlide.mblIn.mblReverse.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transform: translate3d(0%,0px,0px) !important; +} +.dj_android.dj_tablet .mblSlide.mblOut.mblTransition, +.dj_android.dj_tablet .mblSlide.mblIn.mblTransition { + -webkit-transition-duration: .6s; + -webkit-transition-timing-function: linear; +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/slidev.css b/js/dojo/dojox/mobile/themes/common/transitions/slidev.css new file mode 100644 index 0000000..0f6a816 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/slidev.css @@ -0,0 +1,42 @@ +.mblSlidev.mblOut { + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0px,0%,0px) !important; +} +.mblSlidev.mblOut.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .3s; + -webkit-transform: translate3d(0px,-100%,0px) !important; +} +.mblSlidev.mblIn { + position: absolute !important; + -webkit-transition-property: none; + -webkit-transition-duration: 0s; + -webkit-transform: translate3d(0px,100%,0px) !important; +} +.mblSlidev.mblIn.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: .3s; + -webkit-transform: translate3d(0px,0%,0px) !important; +} +.mblSlidev.mblOut.mblReverse { + -webkit-transition-property: none; + -webkit-transform: translate3d(0px,0%,0px) !important; +} +.mblSlidev.mblOut.mblReverse.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transform: translate3d(0px,100%,0px) !important; +} +.mblSlidev.mblIn.mblReverse { + -webkit-transform: translate3d(0px,-100%,0px) !important; +} +.mblSlidev.mblIn.mblReverse.mblTransition { + -webkit-transition-property: -webkit-transform; + -webkit-transform: translate3d(0px,0%,0px) !important; +} +.dj_android.dj_tablet .mblSlidev.mblOut.mblTransition, +.dj_android.dj_tablet .mblSlidev.mblIn.mblTransition { + -webkit-transition-duration: .6s; + -webkit-transition-timing-function: linear; +} + diff --git a/js/dojo/dojox/mobile/themes/common/transitions/swirl.css b/js/dojo/dojox/mobile/themes/common/transitions/swirl.css new file mode 100644 index 0000000..529a931 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/swirl.css @@ -0,0 +1,27 @@ +.mblSwirl.mblOut { + z-index: 0; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblSwirlOut; + -webkit-animation-timing-function: ease-in; +} +.mblSwirl.mblIn { + z-index: -100; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblSwirlIn; + -webkit-animation-timing-function: ease-in; +} +.mblSwirl.mblOut.mblReverse { + -webkit-animation-name: mblSwirlOutReverse; +} +@-webkit-keyframes mblSwirlOut { + from { -webkit-transform: rotate(0deg) scale(1.0); } + to { -webkit-transform: rotate(-360deg) scale(0.0); } +} +@-webkit-keyframes mblSwirlOutReverse { + from { -webkit-transform: rotate(0deg) scale(1.0); } + to { -webkit-transform: rotate(360deg) scale(0.0); } +} +@-webkit-keyframes mblSwirlIn { + from { -webkit-transform: scale(1.0); } + to { -webkit-transform: scale(1.0); } +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/zoomIn.css b/js/dojo/dojox/mobile/themes/common/transitions/zoomIn.css new file mode 100644 index 0000000..4ed7eca --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/zoomIn.css @@ -0,0 +1,33 @@ +.mblZoomIn.mblOut { + z-index: -100; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblZoomInOut; + -webkit-animation-timing-function: ease-out; +} +.mblZoomIn.mblIn { + z-index: 0; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblZoomInIn; + -webkit-animation-timing-function: ease-out; +} +.dj_android .mblZoomIn.mblIn { + -webkit-animation-name: mblZoomInInAndroid; +} +@-webkit-keyframes mblZoomInOut { + from { -webkit-transform: scale(1.0); } + to { -webkit-transform: scale(1.0); } +} +@-webkit-keyframes mblZoomInIn { + from { + -webkit-transform: scale(0.0); + opacity: 0; + } + to { + -webkit-transform: scale(1.0); + opacity: 1; + } +} +@-webkit-keyframes mblZoomInInAndroid { + from { -webkit-transform: scale(0.0); } + to { -webkit-transform: scale(1.0); } +} diff --git a/js/dojo/dojox/mobile/themes/common/transitions/zoomOut.css b/js/dojo/dojox/mobile/themes/common/transitions/zoomOut.css new file mode 100644 index 0000000..8a292d4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/common/transitions/zoomOut.css @@ -0,0 +1,33 @@ +.mblZoomOut.mblOut { + z-index: 0; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblZoomOutOut; + -webkit-animation-timing-function: ease-in; +} +.dj_android .mblZoomOut.mblOut { + -webkit-animation-name: mblZoomOutOutAndroid; +} +.mblZoomOut.mblIn { + z-index: -100; + -webkit-animation-duration: .5s; + -webkit-animation-name: mblZoomOutIn; + -webkit-animation-timing-function: ease-in; +} +@-webkit-keyframes mblZoomOutOut { + from { + -webkit-transform: scale(1.0); + opacity: 1; + } + to { + -webkit-transform: scale(0.0); + opacity: 0; + } +} +@-webkit-keyframes mblZoomOutOutAndroid { + from { -webkit-transform: scale(1.0); } + to { -webkit-transform: scale(0.0); } +} +@-webkit-keyframes mblZoomOutIn { + from { -webkit-transform: scale(1.0); } + to { -webkit-transform: scale(1.0); } +} diff --git a/js/dojo/dojox/mobile/themes/custom/Button-compat.css b/js/dojo/dojox/mobile/themes/custom/Button-compat.css new file mode 100644 index 0000000..32cc119 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Button-compat.css @@ -0,0 +1,8 @@ +/* dojox.mobile.Button */ +.mblButton { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Button.css b/js/dojo/dojox/mobile/themes/custom/Button.css new file mode 100644 index 0000000..92d7b63 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Button.css @@ -0,0 +1,48 @@ +/* dojox.mobile.Button */ +.mblButton { + cursor: pointer; + outline: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + padding: 0 8px; + height: 30px; + border: 1px outset #b5bcc7; + color: #131313; + font-size: 14px; + font-family: Helvetica; + font-weight: normal; + line-height: 30px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblButton.mblBlueButton { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + color: #131313; + background-color: #0000FF; +} +.mblButton.mblBlueButtonSelected { + color: #000000; + border-color: #769dc0; + background-color: #000066; +} +.mblButton.mblRedButton { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + color: #131313; + background-color: #FF0000; +} +.mblButton.mblRedButtonSelected { + color: #000000; + border-color: #769dc0; + background-color: #660000; +} +.mblButtonSelected { + color: #000000; + border-color: #769dc0; + background-color: #0064c2; +} +.mblButtonDisabled, .mblButton:disabled { + cursor: default; + color: grey; + border-color: grey; + background-color: #8fc9ff; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Button.less b/js/dojo/dojox/mobile/themes/custom/Button.less new file mode 100644 index 0000000..ab3a96c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Button.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Button.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Carousel.css b/js/dojo/dojox/mobile/themes/custom/Carousel.css new file mode 100644 index 0000000..a415950 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/Carousel.less b/js/dojo/dojox/mobile/themes/custom/Carousel.less new file mode 100644 index 0000000..d717397 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Carousel.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Carousel.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/CheckBox-compat.css b/js/dojo/dojox/mobile/themes/custom/CheckBox-compat.css new file mode 100644 index 0000000..7545638 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/CheckBox-compat.css @@ -0,0 +1,26 @@ +/* dojox.mobile.CheckBox */ +.mblCheckBox { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; + -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); +} +.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%; +} diff --git a/js/dojo/dojox/mobile/themes/custom/CheckBox.css b/js/dojo/dojox/mobile/themes/custom/CheckBox.css new file mode 100644 index 0000000..1891ba5 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/CheckBox.css @@ -0,0 +1,45 @@ +/* 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; + font-size: 18px; + border: 1px outset #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; + -webkit-transform: translatey(0.45em); +} +.mblCheckBoxSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblCheckBoxChecked, .mblCheckBox:checked { + border-color: #769dc0; + background-color: #007ef5; +} +.mblCheckBoxChecked::after, .mblCheckBox:checked::after { + content: ""; + width: 0.3em; + height: 0.6em; + position: absolute; + top: 0; + left: 0.3em; + border-color: #000000; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblCheckBoxChecked.mblCheckBoxSelected, .mblCheckBox:checked.mblCheckBoxSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblCheckBoxChecked.mblCheckBoxSelected::after, .mblCheckBox:checked.mblCheckBoxSelected::after { + border-color: #000000; +} diff --git a/js/dojo/dojox/mobile/themes/custom/CheckBox.less b/js/dojo/dojox/mobile/themes/custom/CheckBox.less new file mode 100644 index 0000000..09f93b2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/CheckBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/CheckBox.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/ComboBox-compat.css b/js/dojo/dojox/mobile/themes/custom/ComboBox-compat.css new file mode 100644 index 0000000..09c7b38 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/custom/ComboBox.css b/js/dojo/dojox/mobile/themes/custom/ComboBox.css new file mode 100644 index 0000000..4247da7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ComboBox.css @@ -0,0 +1,44 @@ +/* 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: 5px; +} +.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; + background-color: #eff1f3; + -webkit-border-radius: 5px; +} +.mblComboBoxMenuItem { + white-space: nowrap; + text-align: left; + padding: .1em .2em; + color: #131313; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: #eff1f3; +} +.mblComboBoxMenuItemSelected { + color: #000000; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblComboBoxMenuPreviousButton, .mblComboBoxMenuNextButton { + font-style: italic; + overflow: hidden; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ComboBox.less b/js/dojo/dojox/mobile/themes/custom/ComboBox.less new file mode 100644 index 0000000..ab9458c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ComboBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ComboBox.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory-compat.css b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory-compat.css new file mode 100644 index 0000000..f62bc07 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory-compat.css @@ -0,0 +1,4 @@ +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + background-image: url(compat/heading-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.css b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.css new file mode 100644 index 0000000..289511f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.css @@ -0,0 +1,19 @@ +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0; + padding: 0 8px; + height: 30px; + border-bottom: 1px solid #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(2.5%, #ffffff), color-stop(2.5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.68)), color-stop(10%, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + color: #000000; + line-height: 32px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.less b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.less new file mode 100644 index 0000000..3bb63da --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.css b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.css new file mode 100644 index 0000000..9ea0ea4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.css @@ -0,0 +1,12 @@ +/* dojox.mobile.EdgeToEdgeList */ +.mblEdgeToEdgeList { + position: relative; + /* IE needs this */ + + margin: 0; + padding: 0; + background-color: #ffffff; +} +.mblEdgeToEdgeList .mblListItem:last-child { + border-bottom-color: #b5bcc7; +} diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.less b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.less new file mode 100644 index 0000000..227627c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeList.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Heading-compat.css b/js/dojo/dojox/mobile/themes/custom/Heading-compat.css new file mode 100644 index 0000000..74befb9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Heading-compat.css @@ -0,0 +1,47 @@ +/* mbl.widget.Heading */ +.mblHeading { + background-image: url(compat/heading-bg.png); +} +.mblHeadingSpanTitle { + white-space: normal; +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + background-image: url(compat/ui-widget-bg.png); + -moz-transform-origin: left top; + -o-transform-origin: left top; + -ms-transform-origin: left top; + transform-origin: left top; + -moz-transform: scale(0.9, 0.99) rotate(45deg); + -o-transform: scale(0.9, 0.99) rotate(45deg); + -ms-transform: scale(0.9, 0.99) rotate(45deg); + transform: scale(0.9, 0.99) rotate(45deg); + left: 1px\9; /* IE7/8 hack */ + _left: 9px; /* IE6 hack */ + height: 32px\9; /* IE6/7/8 hack */ + border-width: 0\9; /* IE6/7/8 hack */ + background-image: url(compat/arrow-button-head.png)\9; /* IE6/7/8 hack */ +} +.mblArrowButtonHead:not(:target) { /* IE9 hack */ + background-image: url(compat/ui-widget-bg.png)\9; + left: 17px\9; + height: 21px\9; + border-width: 1px\9; +} +.mblArrowButtonBody { + -moz-border-radius-topright: 2px; + -moz-border-radius-bottomright: 2px; + -o-border-top-right-radius: 2px; + -o-border-bottom-right-radius: 2px; + -ms-border-top-right-radius: 2px; + -ms-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + background-image: url(compat/ui-widget-bg.png); +} +*html .mblArrowButtonBody { /* IE6 hack */ + padding: 0px 10px 0px 3px; + top: 0px; + left: 17px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Heading.css b/js/dojo/dojox/mobile/themes/custom/Heading.css new file mode 100644 index 0000000..86bd3b4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Heading.css @@ -0,0 +1,85 @@ +/* dojox.mobile.Heading */ +.mblHeading { + position: relative; + margin: 0px; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + z-index: 1; + padding: 0; + height: 40px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(2.5%, #ffffff), color-stop(2.5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.68)), color-stop(10%, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); + border-bottom: 1px solid #769dc0; + color: #131313; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + text-align: center; + line-height: 42px; +} +.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: 30px; + margin: 0px 8px; +} +.mblArrowButtonHead { + position: absolute; + top: 5px; + left: 17px; + width: 21px; + height: 21px; + border: 1px solid #b5bcc7; + -webkit-transform-origin: left top; + -webkit-transform: scale(0.9, 0.99) rotate(45deg); + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.dj_chrome .mblArrowButtonHead { + border-style: inset; +} +.mblArrowButtonBody { + position: absolute; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + top: 5px; + left: 17px; + padding: 0px 10px 0px 3px; + height: 30px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #b5bcc7; + font-size: 14px; + font-family: Helvetica; + font-weight: normal; + text-shadow: none; + color: #131313; + line-height: 30px; + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblArrowButtonSelected .mblArrowButtonHead, .mblArrowButtonSelected .mblArrowButtonBody { + background-color: #0064c2; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Heading.less b/js/dojo/dojox/mobile/themes/custom/Heading.less new file mode 100644 index 0000000..cfc8580 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Heading.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Heading.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/IconContainer-compat.css b/js/dojo/dojox/mobile/themes/custom/IconContainer-compat.css new file mode 100644 index 0000000..78efb95 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/heading-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/custom/IconContainer.css b/js/dojo/dojox/mobile/themes/custom/IconContainer.css new file mode 100644 index 0000000..457a86a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/IconContainer.css @@ -0,0 +1,101 @@ +@import url("../common/domButtons/DomButtonColorButtons.css"); + +@import url("../common/IconContainer_keyframes.css"); +/* dojox.mobile.IconContainer */ +.mblIconContainer { + margin: 8px 0 8px 8px; + padding: 8px 0 8px; + background-color: #eff1f3; +} +/* 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: 8px; +} +.mblIconItemSub { + list-style-type: none; + margin-left: -8px; + background-color: white; + color: #131313; +} +.mblIconArea { + height: 87px; + width: 73px; + text-align: center; + font-family: Helvetica; + font-weight: normal; + font-size: 14px; +} +.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: 8px; +} +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: 37px; + height: 25px; + border-top: 1px solid #dfe8f0; + border-bottom: 1px solid #769dc0; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(2.5%, #ffffff), color-stop(2.5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.68)), color-stop(10%, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); + color: #131313; + font-size: 14px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + line-height: 26px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/IconContainer.less b/js/dojo/dojox/mobile/themes/custom/IconContainer.less new file mode 100644 index 0000000..963eae6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/ListItem-compat.css b/js/dojo/dojox/mobile/themes/custom/ListItem-compat.css new file mode 100644 index 0000000..1192cdf --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ListItem-compat.css @@ -0,0 +1,16 @@ +@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; +} +.mblItemSelected { + background-image: url(compat/ui-widget-bg.png); +} +*html .mblListItemTextBox { /* IE6 hack */ + height: 100%; +} +*html li.mblListItem.mblVariableHeight .mblListItemTextBox { /* IE6 hack */ + height: auto; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ListItem.css b/js/dojo/dojox/mobile/themes/custom/ListItem.css new file mode 100644 index 0000000..8d3cb7c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ListItem.css @@ -0,0 +1,84 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); + +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); +/* dojox.mobile.ListItem */ +.mblListItem { + position: relative; + list-style-type: none; + vertical-align: bottom; + /* To avoid IE6 LI bug */ + + padding: 0 0 0 8px; + height: 50px; + border-bottom: 1px solid #b5bcc7; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: none; + color: #131313; + line-height: 50px; +} +.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: 9px 7px; + text-decoration: none; + padding-right: 7px; +} +.mblListItem .mblListItemAnchor * { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); +} +.mblItemSelected { + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblItemSelected .mblListItemAnchor { + color: #000000; +} +.mblItemSelected .mblDomButton div { + border-color: white; +} +.mblListItemTextBoxSelected { + background-color: #5cb0ff; +} +.mblListItemChecked { + color: #000000; +} +.mblListItemIcon { + float: left; + line-height: normal; + margin-top: 10.5px; + margin-right: 11px; +} +.mblListItemSpriteIcon { + position: absolute; + margin-top: 10.5px; + margin-left: 8px; +} +.mblListItemRightIcon, .mblListItemRightIcon2 { + position: relative; + float: right; + line-height: normal; + margin-top: 10.5px; +} +.mblListItemRightText { + position: relative; + float: right; + line-height: normal; + color: #131313; + margin: 14px 4px 0 0; +} +.mblListItemTextBox { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.mblVariableHeight .mblListItemTextBox { + white-space: normal; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ListItem.less b/js/dojo/dojox/mobile/themes/custom/ListItem.less new file mode 100644 index 0000000..f9f9d21 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ListItem.less @@ -0,0 +1,5 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); + +@import "variables.less"; +@import "../common/ListItem.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Opener-compat.css b/js/dojo/dojox/mobile/themes/custom/Opener-compat.css new file mode 100644 index 0000000..68cb1a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/Opener.css b/js/dojo/dojox/mobile/themes/custom/Opener.css new file mode 100644 index 0000000..141c72e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Opener.css @@ -0,0 +1,3 @@ +/* dojox.mobile.Opener */ +@import url("Overlay.css"); +@import url("Tooltip.css"); diff --git a/js/dojo/dojox/mobile/themes/custom/Overlay-compat.css b/js/dojo/dojox/mobile/themes/custom/Overlay-compat.css new file mode 100644 index 0000000..3bc72a3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/Overlay.css b/js/dojo/dojox/mobile/themes/custom/Overlay.css new file mode 100644 index 0000000..c2b7731 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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: #eff1f3; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblOverlayHidden *, .mblOverlayHidden { + visibility: hidden !important; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Overlay.less b/js/dojo/dojox/mobile/themes/custom/Overlay.less new file mode 100644 index 0000000..e49ea9e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/PageIndicator.css b/js/dojo/dojox/mobile/themes/custom/PageIndicator.css new file mode 100644 index 0000000..a175ad6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/PageIndicator.less b/js/dojo/dojox/mobile/themes/custom/PageIndicator.less new file mode 100644 index 0000000..9bb6c49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/PageIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/PageIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/ProgressIndicator-compat.css b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator-compat.css new file mode 100644 index 0000000..4ee0810 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/ProgressIndicator.css b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator.css new file mode 100644 index 0000000..2340637 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/ProgressIndicator.less b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator.less new file mode 100644 index 0000000..2ab2a2d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ProgressIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/RadioButton-compat.css b/js/dojo/dojox/mobile/themes/custom/RadioButton-compat.css new file mode 100644 index 0000000..9fd4ead --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RadioButton-compat.css @@ -0,0 +1,26 @@ +/* dojox.mobile.RadioButton */ +.mblRadioButton { + background-image: url(compat/ui-widget-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::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%; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RadioButton.css b/js/dojo/dojox/mobile/themes/custom/RadioButton.css new file mode 100644 index 0000000..32b1ebb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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; + font-size: 18px; + border: 1px outset #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 0.5em; + -webkit-transform: translatey(0.45em); +} +.mblRadioButtonChecked, .mblRadioButton:checked { + border-color: #769dc0; + background-color: #007ef5; +} +.mblRadioButtonChecked::after, .mblRadioButton:checked::after { + position: absolute; + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.25em; + border-color: #000000; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblRadioButtonChecked.mblRadioButtonSelected, .mblRadioButton:checked.mblRadioButtonSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblRadioButtonChecked.mblRadioButtonSelected::after, .mblRadioButton:checked.mblRadioButtonSelected::after { + border-color: #000000; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RadioButton.less b/js/dojo/dojox/mobile/themes/custom/RadioButton.less new file mode 100644 index 0000000..0793ca6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RadioButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RadioButton.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRect-compat.css b/js/dojo/dojox/mobile/themes/custom/RoundRect-compat.css new file mode 100644 index 0000000..104ef49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRect-compat.css @@ -0,0 +1,71 @@ +/* dojox.mobile.RoundRect */ +.mblRoundRect { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRectContainer { + margin: 0px; + padding: 0px; + background-color: white; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRect .mblRoundRectContainer { + padding: 3px 8px; +} +.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/custom/RoundRect.css b/js/dojo/dojox/mobile/themes/custom/RoundRect.css new file mode 100644 index 0000000..86caed0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRect.css @@ -0,0 +1,15 @@ +/* dojox.mobile.RoundRect */ +.mblRoundRect { + margin: 8px 8px 12px; + padding: 8px; + border: 1px solid #b5bcc7; + -webkit-border-radius: 5px; + background-color: #ffffff; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: none; +} +.mblRoundRect.mblShadow { + -webkit-box-shadow: 5px 5px 5px #b5bcc7; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRect.less b/js/dojo/dojox/mobile/themes/custom/RoundRect.less new file mode 100644 index 0000000..efec816 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRect.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRect.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.css b/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.css new file mode 100644 index 0000000..12485a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.css @@ -0,0 +1,14 @@ +/* dojox.mobile.RoundRectCategory */ +.mblRoundRectCategory { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + margin: 0; + padding: 8px 8px 0; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + color: #000000; + line-height: 30px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.less b/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.less new file mode 100644 index 0000000..e9148cc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRectList-compat.css b/js/dojo/dojox/mobile/themes/custom/RoundRectList-compat.css new file mode 100644 index 0000000..d16eb00 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectList-compat.css @@ -0,0 +1,91 @@ +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +.mblRoundRectList .mblListItem:first-child { + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + -o-border-top-left-radius: 5px; + -o-border-top-right-radius: 5px; + -ms-border-top-left-radius: 5px; + -ms-border-top-right-radius: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +.mblRoundRectList .mblListItem:last-child { + -moz-border-radius-bottomleft: 5px; + -moz-border-radius-bottomright: 5px; + -o-border-bottom-left-radius: 5px; + -o-border-bottom-right-radius: 5px; + -ms-border-bottom-left-radius: 5px; + -ms-border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRectContainer { + margin: 0px; + padding: 0px; + background-color: white; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRect .mblRoundRectContainer { + padding: 3px 8px; +} +.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/custom/RoundRectList.css b/js/dojo/dojox/mobile/themes/custom/RoundRectList.css new file mode 100644 index 0000000..3399016 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectList.css @@ -0,0 +1,21 @@ +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + position: relative; + /* IE needs this */ + + margin: 8px 8px 12px; + padding: 0; + border: 1px solid #b5bcc7; + -webkit-border-radius: 5px; + background-color: #ffffff; + -webkit-box-shadow: 5px 5px 5px #b5bcc7; +} +.mblRoundRectList .mblListItem:first-child { + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; +} +.mblRoundRectList .mblListItem:last-child { + border-bottom-width: 0px; + -webkit-border-bottom-left-radius: 5px; + -webkit-border-bottom-right-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRectList.less b/js/dojo/dojox/mobile/themes/custom/RoundRectList.less new file mode 100644 index 0000000..52e1164 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectList.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Slider-compat.css b/js/dojo/dojox/mobile/themes/custom/Slider-compat.css new file mode 100644 index 0000000..936dcd6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Slider-compat.css @@ -0,0 +1,42 @@ +/* dojox.mobile.Slider */ +.mblSlider { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; + -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: #ABABAB; +} +.mblSliderProgressBar { + background-image: url(compat/ui-widget-bg.png); + background-repeat: repeat-x; + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; + _background-image: url(compat/slider-h-bar-bg.png); /* IE6 hack */ + _background-color: transparent; /* IE6 hack */ +} +.mblSliderV .mblSliderProgressBar { + background: #0D48A8; +} +.mblSliderHandle { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 10px; + -o-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} +.mblSliderTransition { + transition-duration: 400ms; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Slider.css b/js/dojo/dojox/mobile/themes/custom/Slider.css new file mode 100644 index 0000000..888f96a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Slider.css @@ -0,0 +1,65 @@ +/* dojox.mobile.Slider */ +.mblSlider { + outline: none; + -webkit-user-select: none; + /* prevent selection */ + + -webkit-box-sizing: content-box; + /* make width and height consistent with a DIV */ + + margin: 15px; + /* 1/2 handle width for hanging off the ends of the bar */ + + border: 1px outset #b5bcc7; + background-color: #8fc9ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblSliderH { + width: 200px; + height: 8px; +} +.mblSliderH .mblSliderProgressBar { + height: 100%; +} +.mblSliderH .mblSliderHandle { + top: 50%; +} +.mblSliderV { + height: 200px; + width: 8px; +} +.mblSliderV .mblSliderProgressBar { + width: 100%; +} +.mblSliderV .mblSliderHandle { + left: 50%; +} +.mblSliderProgressBar { + -webkit-border-radius: 2px; + background-color: #0064c2; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblSliderHandle { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: 1px outset #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblSliderTransition { + -webkit-transition-duration: 400ms; +} +.mblSliderTouchBox { + margin: 0; + padding: 12pt; + left: -12pt; + top: -12pt; + border: none; + width: 100%; + height: 100%; + background-color: transparent; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} diff --git a/js/dojo/dojox/mobile/themes/custom/Slider.less b/js/dojo/dojox/mobile/themes/custom/Slider.less new file mode 100644 index 0000000..928972f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Slider.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Slider.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Switch-compat.css b/js/dojo/dojox/mobile/themes/custom/Switch-compat.css new file mode 100644 index 0000000..7730ebb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Switch-compat.css @@ -0,0 +1,59 @@ +/* Switch - default */ +.mblSwitchBg { + -moz-border-radius: 2px; + -o-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; + -moz-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.mblSwitchBgLeft { + background-image: url(compat/ui-widget-bg.png); +} +.mblSwitchBgRight { + background-image: url(compat/ui-widget-bg.png); +} +.mblSwitchKnob { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 2px; + -o-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; + -moz-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} + +/* Round Shape */ +.mblSwRoundShape1 .mblSwitchBg, +.mblSwRoundShape2 .mblSwitchBg { + -moz-border-radius: 14px; + -o-border-radius: 14px; + -ms-border-radius: 14px; + border-radius: 14px; +} +.mblSwRoundShape1 .mblSwitchKnob, +.mblSwRoundShape2 .mblSwitchKnob { + -moz-border-radius: 13px; + -o-border-radius: 13px; + -ms-border-radius: 13px; + border-radius: 13px; +} +/* Arc Shape */ +.mblSwArcShape1 .mblSwitchBg, +.mblSwArcShape2 .mblSwitchBg { + -moz-border-radius: 6px/14px; + -o-border-radius: 6px/14px; + -ms-border-radius: 6px/14px; + border-radius: 6px/14px; +} +.mblSwArcShape1 .mblSwitchKnob, +.mblSwArcShape2 .mblSwitchKnob { + -moz-border-radius: 5px/13px; + -o-border-radius: 5px/13px; + -ms-border-radius: 5px/13px; + border-radius: 5px/13px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Switch.css b/js/dojo/dojox/mobile/themes/custom/Switch.css new file mode 100644 index 0000000..fa50ef9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Switch.css @@ -0,0 +1,23 @@ +@import url("../common/Switch.css"); +/* dojox.mobile.Switch */ +.mblItemSwitch { + top: 12px; +} +.mblSwitchBg { + border-color: #b5bcc7; + -webkit-border-radius: 2px; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblSwitchBgLeft { + background-color: #007ef5; + color: #131313; +} +.mblSwitchBgRight { + background-color: #8fc9ff; +} +.mblSwitchKnob { + border-color: #7b879b; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Switch.less b/js/dojo/dojox/mobile/themes/custom/Switch.less new file mode 100644 index 0000000..84a1146 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/TabBar-compat.css b/js/dojo/dojox/mobile/themes/custom/TabBar-compat.css new file mode 100644 index 0000000..fb2a1b2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TabBar-compat.css @@ -0,0 +1,55 @@ +/* dojox.mobile.TabBarButton */ +.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv { + left: auto; +} +.dj_ie6 .mblTabBar .mblTabBarButton { + display: inline; /* IE bug*/ +} +.mblTabPanelHeader { + background-image: url(compat/heading-bg.png); +} +.mblTabBar { + background-image: url(compat/ui-widget-bg.png); +} +.mblTabBarButton, .mblTabButton { + background-image: url(compat/ui-widget-bg.png); + _background-image: none; /* IE6 */ +} +.mblTabBar .mblTabBarButton.mblTabButtonSelected { + -moz-border-radius: 2px; + -o-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; +} +.mblTabButton:first-child { + -moz-border-radius-topleft: 2px; + -moz-border-radius-bottomleft: 2px; + -o-border-top-left-radius: 2px; + -o-border-bottom-left-radius: 2px; + -ms-border-top-left-radius: 2px; + -ms-border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.mblTabButton:last-child { + -moz-border-radius-topright: 2px; + -moz-border-radius-bottomright: 2px; + -o-border-top-right-radius: 2px; + -o-border-bottom-right-radius: 2px; + -ms-border-top-right-radius: 2px; + -ms-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +*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; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TabBar.css b/js/dojo/dojox/mobile/themes/custom/TabBar.css new file mode 100644 index 0000000..3362235 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TabBar.css @@ -0,0 +1,161 @@ +/* dojox.mobile.TabBar */ +.mblTabBar { + position: relative; + overflow: hidden; + white-space: nowrap; + margin: 0; + padding: 0; + height: 50px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + border-bottom: 1px solid #769dc0; + color: #131313; + 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; + padding: 5px 0; +} +.mblTabBar .mblTabBarButton.mblTabButtonSelected { + border-color: #769dc0; + background-color: #0064c2; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblTabBarButtonAnchor { + display: block; + text-decoration: none; +} +.mblTabBarButtonDiv { + position: relative; + margin-left: auto; + margin-right: auto; + height: 29px; + width: 29px; +} +.mblTabBarButtonIcon { + position: absolute; + left: 0; + top: 0; +} +.mblTabBarButtonSpriteIcon { + position: absolute; +} +.mblTabBarButtonTextBox { + color: #131313; + font-family: Helvetica; + font-size: 11px; + font-weight: normal; +} +.mblTabBarNoIcons .mblTabBarButtonDiv { + display: none; +} +.mblTabBarNoIcons .mblTabBarButtonTextBox { + line-height: 39px; + font-size: 17px; +} +.mblTabBarTop .mblTabButton .mblTabBarButtonDiv { + display: none; +} +.mblTabButton { + position: relative; + float: left; + list-style-type: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + width: 90px; + height: 30px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #b5bcc7; + border-right-color: #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + font-family: Helvetica; + font-size: 14px; + font-weight: normal; + color: #131313; + text-align: center; + line-height: 30px; +} +.mblTabButton .mblTabBarButtonAnchor, .mblTabButton .mblTabBarButtonDiv { + height: 30px; +} +.mblTabButton:first-child { + -webkit-border-top-left-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + border-left-width: 1px; +} +.mblTabButton:last-child { + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + border-right-color: #b5bcc7; +} +.mblTabButtonSelected .mblTabBarButtonTextBox { + color: #000000; +} +.mblTabButtonSelected.mblTabButton { + background-color: #0064c2; +} +.mblTabButtonHighlighted.mblTabButton { + background-color: #007ef5; +} +.mblTabButtonImgDiv { + display: none; +} +.mblTabPanelHeader { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0; + padding: 0; + height: 40px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(2.5%, #ffffff), color-stop(2.5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.68)), color-stop(10%, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); + border-bottom: 1px solid #769dc0; + color: #131313; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + text-align: center; + line-height: 42px; +} +.mblTabPanelHeader .mblTabButton { + margin-top: 4px; +} +.mblTabPanelHeader .mblTabButton.mblTabButtonSelected { + background-color: #0064c2; +} +.mblTabPanelHeader .mblTabButtonDomButton { + width: 43px; +} +.mblTabPanelHeader .mblTabButtonDomButtonClass { + left: 8px; +} +.mblHeading .mblTabPanelHeader .mblTabButton { + margin-top: 5px; +} +.mblHeading .mblTabPanelHeader .mblTabButton:first-child { + -webkit-border-top-left-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + border-left-width: 1px; +} +.mblHeading .mblTabPanelHeader .mblTabButton:last-child { + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TabBar.less b/js/dojo/dojox/mobile/themes/custom/TabBar.less new file mode 100644 index 0000000..4875c40 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TabBar.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TabBar.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/TextArea-compat.css b/js/dojo/dojox/mobile/themes/custom/TextArea-compat.css new file mode 100644 index 0000000..af7e363 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextArea-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextArea */ +.mblTextArea { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TextArea.css b/js/dojo/dojox/mobile/themes/custom/TextArea.css new file mode 100644 index 0000000..d56f3f4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextArea.css @@ -0,0 +1,12 @@ +/* dojox.mobile.TextArea */ +.mblTextArea { + padding: 4px 1px; + border: #b5bcc7 1px inset; + font-family: Helvetica; + font-size: 14px; + -webkit-border-radius: 5px; +} +/* dojox.mobile.ExpandingTextArea */ +.mblExpandingTextArea { + margin: 2px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TextArea.less b/js/dojo/dojox/mobile/themes/custom/TextArea.less new file mode 100644 index 0000000..c16ffe0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextArea.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextArea.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/TextBox-compat.css b/js/dojo/dojox/mobile/themes/custom/TextBox-compat.css new file mode 100644 index 0000000..32dcf46 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextBox-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TextBox.css b/js/dojo/dojox/mobile/themes/custom/TextBox.css new file mode 100644 index 0000000..65a63bf --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextBox.css @@ -0,0 +1,8 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + height: 30px; + border: #b5bcc7 1px inset; + font-family: Helvetica; + font-size: 14px; + -webkit-border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TextBox.less b/js/dojo/dojox/mobile/themes/custom/TextBox.less new file mode 100644 index 0000000..c83890a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextBox.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/ToggleButton-compat.css b/js/dojo/dojox/mobile/themes/custom/ToggleButton-compat.css new file mode 100644 index 0000000..c1333a9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ToggleButton-compat.css @@ -0,0 +1,21 @@ +/* dojox.mobile.ToggleButton */ +.mblToggleButton { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +.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); +} diff --git a/js/dojo/dojox/mobile/themes/custom/ToggleButton.css b/js/dojo/dojox/mobile/themes/custom/ToggleButton.css new file mode 100644 index 0000000..9932572 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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: 0 8px 0 23px; + height: 30px; + border: 1px outset #b5bcc7; + -webkit-border-radius: 2px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + font-family: Helvetica; + font-weight: normal; + line-height: 30px; + color: #131313; + line-height: 30px; +} +.mblToggleButton.mblToggleButtonSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblToggleButton.mblToggleButtonChecked { + border-color: #769dc0; + background-color: #007ef5; +} +.mblToggleButton.mblToggleButtonChecked::after { + position: absolute; + content: ""; + top: 7.5px; + left: 7px; + width: 5px; + height: 10px; + border-color: #000000; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg) skew(10deg); + -webkit-transform-origin: 50% 50%; +} +.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected::after { + border-color: #000000; +} +.mblToggleButton:disabled { + cursor: default; + color: grey; + border-color: grey; + background-color: #8fc9ff; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ToggleButton.less b/js/dojo/dojox/mobile/themes/custom/ToggleButton.less new file mode 100644 index 0000000..bdce40f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ToggleButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToggleButton.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/ToolBarButton.css b/js/dojo/dojox/mobile/themes/custom/ToolBarButton.css new file mode 100644 index 0000000..c02a12e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ToolBarButton.css @@ -0,0 +1,32 @@ +/* dojox.mobile.ToolBarButton */ +.mblToolBarButton { + float: left; + position: relative; + overflow: hidden; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: 8px; + height: 30px; + border: 1px inset #b5bcc7; + -webkit-border-radius: 2px; + font-size: 14px; + font-family: Helvetica; + font-weight: normal; + text-shadow: none; + color: #131313; + line-height: 30px; + text-align: center; +} +.mblToolBarButton.mblArrowButtonText { + margin: 6px 8px; +} +.mblToolBarButtonIcon { + position: relative; + top: 2px; +} +.mblToolBarButtonSpriteIcon { + position: absolute; +} +.mblToolBarButtonText { + padding: 0px 10px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ToolBarButton.less b/js/dojo/dojox/mobile/themes/custom/ToolBarButton.less new file mode 100644 index 0000000..3b67bdc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ToolBarButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToolBarButton.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Tooltip-compat.css b/js/dojo/dojox/mobile/themes/custom/Tooltip-compat.css new file mode 100644 index 0000000..a028ad7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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: #5cb0ff; +} +.mblTooltipAfter .mblTooltipInnerArrow { + border-left-color: #5cb0ff; +} +.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #5cb0ff; +} +.mblTooltipBelow .mblTooltipInnerArrow { + border-top-color: #5cb0ff; +} +.mblTooltip .mblHeading { + *padding: 0 9px 15px; + *border-top: 1px solid #5cb0ff; + *border-bottom: 1px solid #5cb0ff; + *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/custom/Tooltip.css b/js/dojo/dojox/mobile/themes/custom/Tooltip.css new file mode 100644 index 0000000..2269de4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Tooltip.css @@ -0,0 +1,142 @@ +/* dojox.mobile.Tooltip */ +.mblTooltip { + position: absolute; + z-index: 2000; + display: block; + margin: 0; + padding: 8px; + border: #769dc0 1px solid; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 5px; + opacity: .97; +} +.mblTooltipBubble { + overflow: visible; + padding: 3px; + background-color: #5cb0ff; + background-image: none; +} +.mblTooltipBubble.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #5cb0ff; +} +.mblTooltipBubble.mblTooltipBelow .mblTooltipInnerArrow { + border-top-color: #5cb0ff; +} +.mblTooltipBubble.mblTooltipAfter .mblTooltipInnerArrow { + border-left-color: #5cb0ff; +} +.mblTooltipBubble.mblTooltipBefore .mblTooltipInnerArrow { + border-right-color: #5cb0ff; +} +.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: #769dc0; +} +.mblTooltipAfter .mblTooltipArrow { + left: 1px; + right: auto; + top: 0; + bottom: auto; + border-right-width: 0; + border-left-color: #769dc0; +} +.mblTooltipAbove .mblTooltipArrow { + top: auto; + bottom: 1px; + left: auto; + right: auto; + border-top-width: 0; + border-bottom-color: #769dc0; +} +.mblTooltipBelow .mblTooltipArrow { + top: 1px; + bottom: auto; + left: auto; + right: auto; + border-bottom-width: 0; + border-top-color: #769dc0; +} +.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: #deefff; +} +.mblTooltipAfter .mblTooltipInnerArrow { + left: 0; + top: 0; + border-right-width: 0; + border-left-color: #deefff; +} +.mblTooltipAbove .mblTooltipInnerArrow { + bottom: 0; + left: 0; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.mblTooltipBelow .mblTooltipInnerArrow { + top: 0; + left: 0; + border-bottom-width: 0; + border-top-color: #aed8ff; +} +.mblTooltipHidden, .mblTooltipHidden * { + visibility: hidden !important; +} +.mblTooltip .mblHeading { + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + background-color: transparent; + background-image: none; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Tooltip.less b/js/dojo/dojox/mobile/themes/custom/Tooltip.less new file mode 100644 index 0000000..60af6d1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Tooltip.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Tooltip.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/View.css b/js/dojo/dojox/mobile/themes/custom/View.css new file mode 100644 index 0000000..1600cde --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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: #131313; +} +.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/custom/View.less b/js/dojo/dojox/mobile/themes/custom/View.less new file mode 100644 index 0000000..910651f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/base-compat.css b/js/dojo/dojox/mobile/themes/custom/base-compat.css new file mode 100644 index 0000000..9c9c207 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/base-compat.css @@ -0,0 +1,8 @@ +@import url("common-compat.css"); +@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/custom/base.css b/js/dojo/dojox/mobile/themes/custom/base.css new file mode 100644 index 0000000..2409467 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/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/custom/common-compat.css b/js/dojo/dojox/mobile/themes/custom/common-compat.css new file mode 100644 index 0000000..963af00 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/common-compat.css @@ -0,0 +1,8 @@ +/* Button Colors */ +.mblColorBlue { + background-image: url(compat/ui-widget-bg.png); +} +/* Default Button Colors */ +.mblColorDefault { + background-image: url(compat/ui-widget-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/custom/common.css b/js/dojo/dojox/mobile/themes/custom/common.css new file mode 100644 index 0000000..8c097ff --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/common.css @@ -0,0 +1,31 @@ +html.mobile, .mobile body { + width: 100%; + margin: 0px; + padding: 0px; +} +.mobile body { + overflow-x: hidden; + -webkit-text-size-adjust: none; + background-color: #eff1f3; + font-family: Helvetica; + font-size: 14px; +} +/* Button Colors */ +.mblColorBlue { + background-color: #366EDF; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +/* Default Button Colors */ +.mblColorDefault { + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblColorDefault.mblDomButton { + background-color: #5cb0ff; +} +.mblColorDefaultSel { + background-color: #0064c2; +} +.mblColorDefaultSel.mblDomButton { + background-color: #0064c2; +} diff --git a/js/dojo/dojox/mobile/themes/custom/common.less b/js/dojo/dojox/mobile/themes/custom/common.less new file mode 100644 index 0000000..4e57a5c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/common.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/common.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/compat/arrow-button-head.png b/js/dojo/dojox/mobile/themes/custom/compat/arrow-button-head.png Binary files differnew file mode 100644 index 0000000..12dad4e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/compat/arrow-button-head.png diff --git a/js/dojo/dojox/mobile/themes/custom/compat/heading-bg.png b/js/dojo/dojox/mobile/themes/custom/compat/heading-bg.png Binary files differnew file mode 100644 index 0000000..22328a7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/compat/heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/custom/compat/slider-h-bar-bg.png b/js/dojo/dojox/mobile/themes/custom/compat/slider-h-bar-bg.png Binary files differnew file mode 100644 index 0000000..65510ba --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/compat/slider-h-bar-bg.png diff --git a/js/dojo/dojox/mobile/themes/custom/compat/ui-widget-bg.png b/js/dojo/dojox/mobile/themes/custom/compat/ui-widget-bg.png Binary files differnew file mode 100644 index 0000000..cb787cb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/compat/ui-widget-bg.png diff --git a/js/dojo/dojox/mobile/themes/custom/custom-compat.css b/js/dojo/dojox/mobile/themes/custom/custom-compat.css new file mode 100644 index 0000000..f5a0140 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/custom-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/custom/custom.css b/js/dojo/dojox/mobile/themes/custom/custom.css new file mode 100644 index 0000000..a50e0ce --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/custom.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/custom/images/thumb-overlay-large.png b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-large.png Binary files differnew file mode 100644 index 0000000..dfac370 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-large.png diff --git a/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-small.png b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-small.png Binary files differnew file mode 100644 index 0000000..b6836d9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-small.png diff --git a/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay.png b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay.png Binary files differnew file mode 100644 index 0000000..b16efec --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay.png diff --git a/js/dojo/dojox/mobile/themes/custom/variables.less b/js/dojo/dojox/mobile/themes/custom/variables.less new file mode 100644 index 0000000..9c22efc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/variables.less @@ -0,0 +1,921 @@ +//---------------------------------------------------------------- +// 1. Variables for quick setting +//---------------------------------------------------------------- + +// Default state variables +@theme-default-margin: 8px; +@theme-default-padding: 8px; +@theme-default-font-size: 14px; +@theme-default-font-family: Helvetica; +@theme-default-font-weight: normal; +@theme-default-text-shadow: none; +@theme-default-color: #131313; // numerical color value +@theme-default-border-color: #B5BCC7; // numerical color value +@theme-default-border-radius: 5px; +@theme-default-background-color: lighten(@theme-default-border-color, 20%); + +// Highlighting state variables +@theme-highlight-font-size: 18px; +@theme-highlight-font-family: @theme-default-font-family; +@theme-highlight-font-weight: bold; +@theme-highlight-text-shadow: rgba(0,0,0,0.2) 0px 1px 2px; +@theme-highlight-color: #000000; // numerical color value +@theme-highlight-border-color: #769DC0; // numerical color value +@theme-highlight-background-color: #5CB0FF; // numerical color value + +//---------------------------------------------------------------- +// 2. Variables for typical style setting +//---------------------------------------------------------------- + +// Color +@theme-heading-color: @theme-default-color; +@theme-heading-border-color: @theme-highlight-border-color; +@theme-heading-background-color: @theme-highlight-background-color; +@theme-dom-button-background-color: @theme-highlight-background-color; +@theme-tabbar-color: @theme-default-color; +@theme-round-rect-border-color: @theme-default-border-color; +@theme-round-rect-background-color: #FFFFFF; +@theme-round-rect-box-shadow: 5px 5px 5px @theme-round-rect-border-color; +@theme-category-color: @theme-highlight-color; +@theme-list-item-color: @theme-default-color; +@theme-list-item-border-color: @theme-default-border-color; +@theme-list-item-background-color: #FFFFFF; +@theme-ui-widget-color: @theme-default-color; +@theme-ui-widget-selected-color: @theme-highlight-color; +@theme-ui-widget-border-color: @theme-default-border-color; +@theme-ui-widget-selected-border-color: @theme-highlight-border-color; +@theme-ui-widget-background-color: @theme-highlight-background-color; +@theme-ui-widget-selected-background-color: darken(@theme-ui-widget-background-color, 30%); +@theme-ui-widget-checked-background-color: darken(@theme-ui-widget-background-color, 20%); +@theme-ui-widget-disabled-background-color: lighten(@theme-ui-widget-background-color, 10%); + +// Font +@theme-heading-font-size: @theme-highlight-font-size; +@theme-heading-font-family: @theme-highlight-font-family; +@theme-heading-font-weight: @theme-default-font-weight; +@theme-heading-text-shadow: @theme-highlight-text-shadow; +@theme-tabbar-font-size: @theme-default-font-size - 3; +@theme-tabbar-font-family: @theme-default-font-family; +@theme-tabbar-font-weight: @theme-default-font-weight; +@theme-category-font-size: @theme-highlight-font-size; +@theme-category-font-family: @theme-highlight-font-family; +@theme-category-font-weight: @theme-default-font-weight; +@theme-category-text-shadow: @theme-highlight-text-shadow; +@theme-list-item-font-size: @theme-highlight-font-size; +@theme-list-item-font-family: @theme-default-font-family; +@theme-list-item-font-weight: @theme-default-font-weight; +@theme-list-item-text-shadow: none; +@theme-ui-widget-font-size: @theme-default-font-size; +@theme-ui-widget-font-family: @theme-default-font-family; +@theme-ui-widget-font-weight: @theme-default-font-weight; +@theme-ui-widget-text-shadow: none; + +// Size +@theme-heading-height: 40px; +@theme-tabbar-height: 50px; +@theme-category-height: 30px; +@theme-list-item-height: 50px; +@theme-icon-item-height: 65px; +@theme-icon-item-width: 65px; +@theme-ui-widget-height: 30px; +@theme-ui-widget-width: 90px; + +@theme-ui-widget-border-radius: 2px; // square style +//@theme-ui-widget-border-radius: @theme-default-border-radius; // round style +//@theme-ui-widget-border-radius: @theme-ui-widget-height * 0.5; // oval style + +// background-image gradation +._background-image-gradient-mask-heading () { + @delta: 1% / @theme-heading-height * 100; + // claro gradation + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(@delta * 1, rgba(255, 255, 255, 1)), color-stop(@delta * 1, rgba(255, 255, 255, 0.14)), color-stop(@delta * 2, rgba(255, 255, 255, 0.14)), color-stop(@delta * 2, rgba(255, 255, 255, 0.52)), color-stop(@delta * 3, rgba(255, 255, 255, 0.52)), color-stop(@delta * 3, rgba(255, 255, 255, 0.68)), color-stop(@delta * 4, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); +} +._background-image-gradient-mask-ui-widget () { + @delta: 1% / @theme-ui-widget-height * 100; + // claro gradation + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(@delta * 1, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +._background-image-gradient-mask-ui-widget-r () { // for .mblArrowButtonHead-styles + @delta: 1% / @theme-ui-widget-height * 100; + // claro gradation + background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(@delta * 1, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} + +// dojox.mobile fixed variables +@mbl-dom-button-size: 29px; +@mbl-switch-height: 27px; + +// Application's customizable variables +@appl-list-item-icon-size: 29px; // size of ListItemIcon + +//---------------------------------------------------------------- +// 3. Variables for dojox.mobile Widgets +//---------------------------------------------------------------- + +//---------------------------------------------------------------- +// common.less +//---------------------------------------------------------------- +// .mobile body +.mobile-body-styles () { + background-color: @theme-default-background-color; + font-family: @theme-default-font-family; + font-size: @theme-default-font-size; +} +// .mblView +.mblView-styles () { + color: @theme-default-color; +} +// .mblColorBlue +.mblColorBlue-styles () { + background-color: #366EDF; + ._background-image-gradient-mask-ui-widget; +} +// .mblColorDefault +.mblColorDefault-styles () { + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + &.mblDomButton { + background-color: @theme-dom-button-background-color; + } +} +// .mblColorDefaultSel +.mblColorDefaultSel-styles () { + background-color: @theme-ui-widget-selected-background-color; + &.mblDomButton { + background-color: @theme-ui-widget-selected-background-color; + } +} + +//---------------------------------------------------------------- +// Heading.less +//---------------------------------------------------------------- +@_heading-inner-margin: (@theme-heading-height - @theme-ui-widget-height) * 0.5; +.mblHeading-styles () { + padding: 0; + height: @theme-heading-height; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-heading(); + border-bottom: 1px solid @theme-heading-border-color; + color: @theme-heading-color; + font-size: @theme-heading-font-size; + font-family: @theme-heading-font-family; + font-weight: @theme-heading-font-weight; + text-shadow: @theme-heading-text-shadow; + text-align: center; + line-height: @theme-heading-height + 2; +} +.mblArrowButton-styles () { + height: @theme-ui-widget-height; + margin: 0px @theme-default-margin; +} +.mblArrowButtonHead-styles () { + top: @_heading-inner-margin; + left: @_heading-inner-margin + @theme-ui-widget-height * 0.4; // = 0.5 * 0.9 + width: @theme-ui-widget-height * 0.7; + height: @theme-ui-widget-height * 0.7; + border: 1px solid @theme-ui-widget-border-color; + -webkit-transform-origin: left top; + -webkit-transform: scale(0.9,0.99) rotate(45deg); + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget-r; +} +.mblArrowButtonHeadChrome-styles () { + border-style: inset; +} +.mblArrowButtonBody-styles () { + top: @_heading-inner-margin; + left: @_heading-inner-margin + @theme-ui-widget-height * 0.4; + padding: 0px 10px 0px 3px; + height: @theme-ui-widget-height; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: @theme-ui-widget-border-color; + font-size: @theme-ui-widget-font-size; + font-family: @theme-ui-widget-font-family; + font-weight: @theme-ui-widget-font-weight; + text-shadow: @theme-ui-widget-text-shadow; + color: @theme-ui-widget-color; + line-height: @theme-ui-widget-height; + -webkit-border-top-right-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-right-radius: @theme-ui-widget-border-radius; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; +} +.mblArrowButtonSelected-styles () { + background-color: @theme-ui-widget-selected-background-color; +} +.mblArrowButtonHeadSelected-styles () { +} +.mblArrowButtonBodySelected-styles () { +} + +//---------------------------------------------------------------- +// ToolBarButton.less +//---------------------------------------------------------------- +.mblToolBarButton-styles () { + margin: @theme-default-margin; + height: @theme-ui-widget-height; + border: 1px inset @theme-ui-widget-border-color; + -webkit-border-radius: @theme-ui-widget-border-radius; + font-size: @theme-ui-widget-font-size; + font-family: @theme-ui-widget-font-family; + font-weight: @theme-ui-widget-font-weight; + text-shadow: @theme-ui-widget-text-shadow; + color: @theme-ui-widget-color; + line-height: @theme-ui-widget-height; + text-align: center; + &.mblArrowButtonText { + margin: ((@theme-heading-height + 2 - @theme-ui-widget-height) * 0.5) @theme-default-margin; + } +} +.mblToolBarButtonDomButton-styles () { +} +.mblToolBarButtonIcon-styles () { + top: 2px; +} + +//---------------------------------------------------------------- +// RoundRect.less +//---------------------------------------------------------------- +.mblRoundRect-styles () { + margin: @theme-default-margin @theme-default-margin (@theme-default-margin * 1.5); + padding: @theme-default-padding; + border: 1px solid @theme-round-rect-border-color; + -webkit-border-radius: @theme-default-border-radius; + background-color: @theme-round-rect-background-color; + font-size: @theme-list-item-font-size; + font-family: @theme-list-item-font-family; + font-weight: @theme-list-item-font-weight; + text-shadow: @theme-list-item-text-shadow; +} +.mblRoundRectShadowBox-styles () { + -webkit-box-shadow: @theme-round-rect-box-shadow; +} + +//---------------------------------------------------------------- +// EdgeToEdgeCategory.less +//---------------------------------------------------------------- +.mblEdgeToEdgeCategory-styles () { + margin: 0; + padding: 0 @theme-default-padding; + height: @theme-category-height; + border-bottom: 1px solid @theme-default-border-color; + background-color: @theme-highlight-background-color; + ._background-image-gradient-mask-heading(); + font-size: @theme-category-font-size; + font-family: @theme-category-font-family; + font-weight: @theme-category-font-weight; + text-shadow: @theme-category-text-shadow; + color: @theme-category-color; + line-height: @theme-category-height + 2; +} + +//---------------------------------------------------------------- +// RoundRectCategory.less +//---------------------------------------------------------------- +.mblRoundRectCategory-styles () { + margin: 0; + padding: @theme-default-margin @theme-default-margin 0; + font-size: @theme-category-font-size; + font-family: @theme-category-font-family; + font-weight: @theme-category-font-weight; + text-shadow: @theme-category-text-shadow; + color: @theme-category-color; + line-height: @theme-category-height; +} + +//---------------------------------------------------------------- +// RoundRectList.less +//---------------------------------------------------------------- +.mblRoundRectList-styles () { + margin: @theme-default-margin @theme-default-margin (@theme-default-margin * 1.5); + padding: 0; + border: 1px solid @theme-default-border-color; + -webkit-border-radius: @theme-default-border-radius; + background-color: @theme-list-item-background-color; + -webkit-box-shadow: @theme-round-rect-box-shadow; +} +.mblRoundRectList-withCategory-styles () { +} +.mblRoundRectList-FirstListItem-styles () { + -webkit-border-top-left-radius: @theme-default-border-radius; + -webkit-border-top-right-radius: @theme-default-border-radius; +} +.mblRoundRectList-withCategory-FirstListItem-styles () { +} +.mblRoundRectList-LastListItem-styles () { + border-bottom-width: 0px; + -webkit-border-bottom-left-radius: @theme-default-border-radius; + -webkit-border-bottom-right-radius: @theme-default-border-radius; +} + +//---------------------------------------------------------------- +// EdgeToEdgeList.less +//---------------------------------------------------------------- +.mblEdgeToEdgeList-styles () { + margin: 0; + padding: 0; + background-color: @theme-list-item-background-color; +} +.mblEdgeToEdgeList-LastListItem-styles () { + border-bottom-color: @theme-list-item-border-color; +} + +//---------------------------------------------------------------- +// ListItem.less +//---------------------------------------------------------------- +.mblListItem-styles () { + padding: 0 0 0 @theme-default-margin; + height: @theme-list-item-height; + border-bottom: 1px solid @theme-list-item-border-color; + font-size: @theme-list-item-font-size; + font-family: @theme-list-item-font-family; + font-weight: @theme-list-item-font-weight; + text-shadow: @theme-list-item-text-shadow; + color: @theme-list-item-color; + line-height: @theme-list-item-height; +} +.mblListItem-mblVariableHeight-styles () { + padding: 11px 0px 10px 6px; + line-height: normal; +} +.mblListItem-mblListItemAnchor-styles () { + background-position: 9px 7px; + text-decoration: none; + padding-right: 7px; +} +.mblItemSelected-styles () { + background-color: @theme-highlight-background-color; + ._background-image-gradient-mask-ui-widget; +} +.mblItemSelected-mblListItemAnchor-styles () { + color: @theme-highlight-color; +} +.mblItemSelected-mblDomButton-Div-styles () { + border-color: white; +} +.mblItemSelected-mblListItemSubText-styles () { +} +.mblListItemTextBoxSelected-styles () { + background-color: @theme-highlight-background-color; +} +.mblListItemChecked-styles () { + color: @theme-highlight-color; +} +.mblListItemIcon-styles () { + margin-top: (@theme-list-item-height - @appl-list-item-icon-size) * 0.5; + margin-right: 11px; +} +.mblListItemSpriteIcon-styles () { + margin-top: (@theme-list-item-height - @appl-list-item-icon-size) * 0.5; + margin-left: 8px; +} +.mblListItemRightIcon-styles () { + margin-top: (@theme-list-item-height - @appl-list-item-icon-size) * 0.5; +} +.mblListItemRightText-styles () { + color: @theme-default-color; + margin: ((@theme-list-item-height - (@theme-list-item-font-size + 4)) * 0.5) 4px 0 0; +} +.mblListItemTextBox-styles () { +} +.mblListItemAnchorNoIcon-mblListItemTextBox-styles () { +} +.mblListItemSubText-styles () { +} + +//---------------------------------------------------------------- +// Switch.less +//---------------------------------------------------------------- +.mblItemSwitch-styles () { + top: (@theme-list-item-height - @mbl-switch-height + 1) * 0.5; +} +.mblSwitchBg-styles () { + border-color: @theme-ui-widget-border-color; + -webkit-border-radius: @theme-ui-widget-border-radius; + ._background-image-gradient-mask-ui-widget; +} +.mblSwitchBgLeft-styles () { + background-color: @theme-ui-widget-checked-background-color; + color: @theme-ui-widget-color; +} +.mblSwitchBgRight-styles () { + background-color: @theme-ui-widget-disabled-background-color; +} +.mblSwitchKnob-styles () { + border-color: darken(@theme-ui-widget-border-color, 20%); + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} + +//---------------------------------------------------------------- +// Button.less +//---------------------------------------------------------------- +.mblButton-styles () { + padding: 0 @theme-default-padding; + height: @theme-ui-widget-height; + border: 1px outset @theme-ui-widget-border-color; + color: @theme-ui-widget-color; + font-size: @theme-ui-widget-font-size; + font-family: @theme-ui-widget-font-family; + font-weight: @theme-ui-widget-font-weight; + line-height: @theme-ui-widget-height; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} +.mblButton-mblBlueButton-styles () { + color: @theme-ui-widget-color; + background-color: #0000FF; +} +.mblButton-mblBlueButtonSelected-styles () { + color: @theme-ui-widget-selected-color; + border-color: @theme-ui-widget-selected-border-color; + background-color: darken(#0000FF, 30%); +} +.mblButton-mblRedButton-styles () { + color: @theme-ui-widget-color; + background-color: #FF0000; +} +.mblButton-mblRedButtonSelected-styles () { + color: @theme-ui-widget-selected-color; + border-color: @theme-ui-widget-selected-border-color; + background-color: darken(#FF0000, 30%); +} +.mblButtonSelected-styles () { + color: @theme-ui-widget-selected-color; + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblButtonDisabled-styles () { + color: grey; + border-color: grey; + background-color: @theme-ui-widget-disabled-background-color; +} + +//---------------------------------------------------------------- +// CheckBox.less +//---------------------------------------------------------------- +.mblCheckBox-styles () { + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + font-size: @theme-highlight-font-size; + border: 1px outset @theme-ui-widget-border-color; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; + -webkit-transform: translateY(0.45em); +} +.mblCheckBoxSelected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblCheckBoxChecked-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-checked-background-color; +} +.mblCheckBoxChecked-after-styles () { + content: ""; + width: 0.3em; + height: 0.6em; + position: absolute; + top: 0; + left: 0.3em; + border-color: @theme-ui-widget-selected-color; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblCheckBoxChecked-mblCheckBoxSelected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblCheckBoxChecked-mblCheckBoxSelected-after-styles () { + border-color: @theme-ui-widget-selected-color; +} + +//---------------------------------------------------------------- +// ComboBox.less +//---------------------------------------------------------------- +.dijitPopup-styles () { + -webkit-box-shadow: 0px 0px 50px black; + -webkit-border-radius: @theme-default-border-radius; +} +.mblComboBoxMenu-styles () { + border: 1px solid black; + background-color: @theme-default-background-color; + -webkit-border-radius: @theme-default-border-radius; +} +.mblComboBoxMenuItem-styles () { + text-align: left; + padding: .1em .2em; + color: @theme-default-color; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: @theme-default-background-color; +} +.mblComboBoxMenuItemSelected-styles () { + color: @theme-highlight-color; + background-color: @theme-highlight-background-color; + ._background-image-gradient-mask-ui-widget; +} +.mblComboBoxMenuPreviousButton-styles () { + font-style: italic; + overflow: hidden; +} + +//---------------------------------------------------------------- +// IconContainer.less +//---------------------------------------------------------------- +.mblIconContainer-styles () { + margin: @theme-default-margin 0 @theme-default-margin @theme-default-margin; + padding: @theme-default-padding 0 @theme-default-padding; + background-color: @theme-default-background-color; +} + +//---------------------------------------------------------------- +// IconItem.less +//---------------------------------------------------------------- +.mblIconItemTerminator-styles () { + height: @theme-default-margin; +} +.mblIconItemSub-styles () { + margin-left: -@theme-default-margin; + background-color: white; + color: @theme-default-color; +} +.mblIconArea-styles () { + height: @theme-icon-item-height + @theme-default-font-size + @theme-default-margin; + width: @theme-icon-item-width + @theme-default-margin; + text-align: center; + font-family: @theme-default-font-family; + font-weight: @theme-default-font-weight; + font-size: @theme-default-font-size; +} +.mblContent-styles () { + padding-bottom: @theme-default-margin; +} +.mblIconContentHeading-styles () { + margin-top: 0px; + padding-left: @mbl-dom-button-size + @theme-default-margin; + height: @mbl-dom-button-size - 4; + border-top: 1px solid lighten(@theme-heading-border-color, 30%); + border-bottom: 1px solid @theme-heading-border-color; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-heading(); + color: @theme-heading-color; + font-size: @theme-default-font-size; + font-family: @theme-heading-font-family; + font-weight: @theme-heading-font-weight; + text-shadow: @theme-heading-text-shadow; + line-height: @mbl-dom-button-size - 3; +} + +//---------------------------------------------------------------- +// RadioButton.less +//---------------------------------------------------------------- +.mblRadioButton-styles () { + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + font-size: @theme-highlight-font-size; + border: 1px outset @theme-ui-widget-border-color; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: 0.5em; + -webkit-transform: translateY(0.45em); +} +.mblRadioButtonChecked-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-checked-background-color; +} +.mblRadioButtonChecked-after-styles () { + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.25em; + border-color: @theme-ui-widget-selected-color; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblRadioButtonChecked-Selected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblRadioButtonChecked-Selected-after-styles () { + border-color: @theme-ui-widget-selected-color; +} + +//---------------------------------------------------------------- +// Slider.less +//---------------------------------------------------------------- +.mblSlider-styles () { + margin: 15px; /* 1/2 handle width for hanging off the ends of the bar */ + border: 1px outset @theme-ui-widget-border-color; + background-color: @theme-ui-widget-disabled-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} +.mblSliderProgressBar-styles () { + -webkit-border-radius: @theme-ui-widget-border-radius; + background-color: @theme-ui-widget-selected-background-color; + ._background-image-gradient-mask-ui-widget; +} +.mblSliderHandle-styles () { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: 1px outset @theme-ui-widget-border-color; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} + +//---------------------------------------------------------------- +// TabBar.less +//---------------------------------------------------------------- +.mblTabBar-styles () { + margin: 0; + padding: 0; + height: @theme-tabbar-height; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-ui-widget; + border-bottom: 1px solid @theme-heading-border-color; + color: @theme-heading-color; + text-align: center; +} +.mblTabBar-TabBarButton-styles () { + padding: ((@theme-tabbar-height - @mbl-dom-button-size - @theme-tabbar-font-size) * 0.5) 0; +} +.mblTabBar-TabBarButton-Selected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} +.mblTabBarButtonDiv-styles () { + height: @mbl-dom-button-size; + width: @mbl-dom-button-size; +} +.mblTabBarButtonIcon-styles () { + left: 0; + top: 0; +} +.mblTabBarButtonTextBox-styles () { + color: @theme-tabbar-color; + font-family: @theme-tabbar-font-family; + font-size: @theme-tabbar-font-size; + font-weight: @theme-tabbar-font-weight; +} +.mblTabBarNoIcons-TabBarButtonTextBox-styles () { + line-height: @theme-tabbar-height - @theme-tabbar-font-size; + font-size: @theme-tabbar-font-size + 6; +} +.mblTabButton-styles () { + width: @theme-ui-widget-width; + height: @theme-ui-widget-height; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: @theme-default-border-color; + border-right-color: @theme-ui-widget-border-color; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + font-family: @theme-default-font-family; + font-size: @theme-default-font-size; + font-weight: @theme-default-font-weight; + color: @theme-default-color; + text-align: center; + line-height: @theme-ui-widget-height; +} +.mblTabButton-TabBarButtonAnchor-styles () { + height: @theme-ui-widget-height; +} +.mblTabBarTop-TabButton-TabBarButtonDiv-styles () { + display: none; +} +.mblTabBarHead-TabButton-TabBarButtonDiv-styles () { +} +.mblTabButton-FirstTabButtom-styles () { + -webkit-border-top-left-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-left-radius: @theme-ui-widget-border-radius; + border-left-width: 1px; +} +.mblTabButton-LastTabButton-styles () { + -webkit-border-top-right-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-right-radius: @theme-ui-widget-border-radius; + border-right-color: @theme-ui-widget-border-color; +} +.mblTabButton-img-styles () { +} +.mblTabBarButtonTextBoxSelected-styles () { + color: @theme-ui-widget-selected-color; +} +.mblTabButtonSelected-styles () { + background-color: @theme-ui-widget-selected-background-color; +} +.mblTabButtonHighlighted-styles () { + background-color: @theme-ui-widget-checked-background-color; +} +.mblTabButtonImgDiv-styles () { + display: none; +} +.mblTabPanelHeader-styles () { + margin: 0; + padding: 0; + height: @theme-heading-height; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-heading(); + border-bottom: 1px solid @theme-heading-border-color; + color: @theme-heading-color; + font-size: @theme-heading-font-size; + font-family: @theme-heading-font-family; + font-weight: @theme-heading-font-weight; + text-shadow: @theme-heading-text-shadow; + text-align: center; + line-height: @theme-heading-height + 2; +} +.mblTabPanelHeader-TabButton-styles () { + margin-top: (@theme-heading-height - @theme-ui-widget-height - 2) * 0.5; +} +.mblTabPanelHeader-TabButtonSelected-styles () { + background-color: @theme-ui-widget-selected-background-color; +} +.mblTabPanelHeader-TabButtonDomButton-styles () { + width: 43px; +} +.mblTabPanelHeader-TabButtonDomButtonClass-styles () { + left: 8px; +} +.mblTabPanelHeader-DomButton-styles () { +} +.mblTabPanelHeader-inHeading-styles () { +} +.mblTabPanelHeader-TabButton-inHeading-styles () { + margin-top: (@theme-heading-height - @theme-ui-widget-height) * 0.5; +} +.mblTabPanelHeader-TabButton-FirstTabButtom-inHeading-styles () { + -webkit-border-top-left-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-left-radius: @theme-ui-widget-border-radius; + border-left-width: 1px; +} +.mblTabPanelHeader-TabButton-LastTabButtom-inHeading-styles () { + -webkit-border-top-right-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-right-radius: @theme-ui-widget-border-radius; +} +.mblTabPanelHeader-TabButtonSelected-inHeading-styles () { +} + +//---------------------------------------------------------------- +// TextArea.less +//---------------------------------------------------------------- +.mblTextArea-styles () { + padding: 4px 1px; + border: @theme-default-border-color 1px inset; + font-family: @theme-default-font-family; + font-size: @theme-default-font-size; + -webkit-border-radius: @theme-default-border-radius; +} +.mblExpandingTextArea-styles () { + margin: 2px; +} + +//---------------------------------------------------------------- +// TextBox.less +//---------------------------------------------------------------- +.mblTextBox-styles () { + height: @theme-ui-widget-height; + border: @theme-default-border-color 1px inset; + font-family: @theme-default-font-family; + font-size: @theme-default-font-size; + -webkit-border-radius: @theme-default-border-radius; +} + +//---------------------------------------------------------------- +// ToggleButton.less +//---------------------------------------------------------------- +.mblToggleButton-styles () { + padding: 0 @theme-default-padding 0 (@theme-default-padding + 15px); + height: @theme-ui-widget-height; + border: 1px outset @theme-ui-widget-border-color; + -webkit-border-radius: @theme-ui-widget-border-radius; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + font-family: @theme-ui-widget-font-family; + font-weight: @theme-ui-widget-font-weight; + line-height: @theme-ui-widget-height; + color: @theme-ui-widget-color; + line-height: @theme-ui-widget-height; +} +.mblToggleButtonSelected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblToggleButtonChecked-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-checked-background-color; +} +.mblToggleButtonChecked-after-styles () { + content: ""; + top: (@theme-ui-widget-height - 15) * 0.5; + left: 7px; + width: 5px; + height: 10px; + border-color: @theme-ui-widget-selected-color; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg) skew(10deg); + -webkit-transform-origin: 50% 50%; +} +.mblToggleButtonCheckedSelected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblToggleButtonCheckedSelected-after-styles () { + border-color: @theme-ui-widget-selected-color; +} +.mblToggleButtonDisabled-styles () { + color: grey; + border-color: grey; + background-color: @theme-ui-widget-disabled-background-color; +} + +// Overlay.less +.mblOverlay-styles () { + background-color: @theme-default-background-color; + ._background-image-gradient-mask-ui-widget; +} + +// Tooltip.less +.mblTooltip-styles () { + padding: @theme-default-padding; + border: @theme-heading-border-color 1px solid; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-default-border-radius; + opacity: .97; +} +.mblTooltipBubble-styles () { + background-color: @theme-heading-background-color; + background-image: none; +} +.mblTooltipInnerArrow-Bubble-Above-styles () { + border-bottom-color: @theme-heading-background-color; +} +.mblTooltipInnerArrow-Bubble-Below-styles () { + border-top-color: @theme-heading-background-color; +} +.mblTooltipInnerArrow-Bubble-After-styles () { + border-left-color: @theme-heading-background-color; +} +.mblTooltipInnerArrow-Bubble-Before-styles () { + border-right-color: @theme-heading-background-color; +} +.mblTooltipArrow-styles () { + border: 11px solid transparent; +} +.mblTooltipArrow-Before-styles () { + border-left-width: 0; + border-right-color: @theme-heading-border-color; +} +.mblTooltipArrow-After-styles () { + border-right-width: 0; + border-left-color: @theme-heading-border-color; +} +.mblTooltipArrow-Above-styles () { + border-top-width: 0; + border-bottom-color: @theme-heading-border-color; +} +.mblTooltipArrow-Below-styles () { + border-bottom-width: 0; + border-top-color: @theme-heading-border-color; +} +.mblTooltipInnerArrow-Before-styles () { + border-left-width: 0; + border-right-color: @theme-heading-background-color * 0.2 + #ffffff * 0.8; +} +.mblTooltipInnerArrow-After-styles () { + border-right-width: 0; + border-left-color: @theme-heading-background-color * 0.2 + #ffffff * 0.8; +} +.mblTooltipInnerArrow-Above-styles () { + border-top-width: 0; + border-bottom-color: @theme-heading-background-color * 0.0 + #ffffff * 1.0; +} +.mblTooltipInnerArrow-Below-styles () { + border-bottom-width: 0; + border-top-color: @theme-heading-background-color * 0.5 + #ffffff * 0.5; +} +.mblTooltip-Heading-styles () { + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + background-color: transparent; + background-image: none; +} +.mblTooltip-Heading-ToolbarButton-styles () { +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Button-compat.css b/js/dojo/dojox/mobile/themes/iphone/Button-compat.css new file mode 100644 index 0000000..dccf89b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +.mblButtonSelected { + background-color: #c0c0c0; + 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: #4a6c9b; + background-image: url(compat/blue-button-sel-bg.png); +} +.mblRedButton { + background-color: #ee4115; + background-image: url(compat/red-button-bg.png); +} +.mblRedButtonSelected { + background-color: #9b6c4a; + background-image: url(compat/red-button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Button.css b/js/dojo/dojox/mobile/themes/iphone/Button.css new file mode 100644 index 0000000..9ed5a9d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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: 5px; + 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(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); + 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(#c1a48e), to(#9b6c4a), color-stop(0.5, #a27758), color-stop(0.5, #996947)); + color: white; +} +.mblButtonSelected { + background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); + color: black; +} +.mblButtonDisabled, .mblButton:disabled { + cursor: default; + border-color: grey; + background-image: none; + color: grey; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Button.less b/js/dojo/dojox/mobile/themes/iphone/Button.less new file mode 100644 index 0000000..ab3a96c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Button.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Button.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Carousel.css b/js/dojo/dojox/mobile/themes/iphone/Carousel.css new file mode 100644 index 0000000..a415950 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/Carousel.less b/js/dojo/dojox/mobile/themes/iphone/Carousel.less new file mode 100644 index 0000000..d717397 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Carousel.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Carousel.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/CheckBox-compat.css b/js/dojo/dojox/mobile/themes/iphone/CheckBox-compat.css new file mode 100644 index 0000000..99aade2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/CheckBox-compat.css @@ -0,0 +1,36 @@ +/* dojox.mobile.CheckBox */ +.mblCheckBox { + background-image: url(compat/button-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; + -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/blue-button-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/blue-button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/CheckBox.css b/js/dojo/dojox/mobile/themes/iphone/CheckBox.css new file mode 100644 index 0000000..eb9069c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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: 5px; + 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 { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); +} +.mblCheckBoxChecked, .mblCheckBox:checked { + 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)); +} +.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 { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblCheckBoxChecked.mblCheckBoxSelected::after, .mblCheckBox:checked.mblCheckBoxSelected::after { + border-color: #9CACC0; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/CheckBox.less b/js/dojo/dojox/mobile/themes/iphone/CheckBox.less new file mode 100644 index 0000000..09f93b2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/CheckBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/CheckBox.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/ComboBox-compat.css b/js/dojo/dojox/mobile/themes/iphone/ComboBox-compat.css new file mode 100644 index 0000000..09c7b38 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/iphone/ComboBox.css b/js/dojo/dojox/mobile/themes/iphone/ComboBox.css new file mode 100644 index 0000000..259629d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ComboBox.css @@ -0,0 +1,44 @@ +/* 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; +} +.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/iphone/ComboBox.less b/js/dojo/dojox/mobile/themes/iphone/ComboBox.less new file mode 100644 index 0000000..ab9458c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ComboBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ComboBox.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory-compat.css b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory-compat.css new file mode 100644 index 0000000..f6d50e2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory-compat.css @@ -0,0 +1,4 @@ +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + background-image: url(compat/edge-categ-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.css b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.css new file mode 100644 index 0000000..fc21dd8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.css @@ -0,0 +1,19 @@ +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0px; + padding: 0px 10px; + height: 22px; + border-top: 1px solid #A4B0B9; + border-bottom: 1px solid #979DA3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8f9ea9), to(#b7c0c7)); + 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/iphone/EdgeToEdgeCategory.less b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.less new file mode 100644 index 0000000..3bb63da --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.css b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.css new file mode 100644 index 0000000..9864276 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.css @@ -0,0 +1,12 @@ +/* dojox.mobile.EdgeToEdgeList */ +.mblEdgeToEdgeList { + position: relative; + /* IE needs this */ + + margin: 0px; + padding: 0px; + background-color: white; +} +.mblEdgeToEdgeList .mblListItem:last-child { + border-bottom-color: #707C84; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.less b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.less new file mode 100644 index 0000000..227627c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeList.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Heading-compat.css b/js/dojo/dojox/mobile/themes/iphone/Heading-compat.css new file mode 100644 index 0000000..bc02fa1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Heading-compat.css @@ -0,0 +1,24 @@ +/* mbl.widget.Heading */ +.mblHeading { + background-image: url(compat/heading-bg.png); +} +.mblHeadingSpanTitle { + white-space: normal; +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + position: absolute; + top: 6px; + left: 3px; + width: 19px; + height: 29px; + border-style: none; + background-image: url(compat/arrow-button-head.png); +} +.mblArrowButtonBody { + padding: 0px 10px 0px 4px; + -moz-border-radius-topright: 5px; + -moz-border-radius-bottomright: 5px; + background-image: url(compat/arrow-button-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Heading.css b/js/dojo/dojox/mobile/themes/iphone/Heading.css new file mode 100644 index 0000000..613cf72 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Heading.css @@ -0,0 +1,84 @@ +/* dojox.mobile.Heading */ +.mblHeading { + position: relative; + margin: 0px; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + z-index: 1; + padding: 0px; + height: 42px; + background-color: #889BB3; + background-image: -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; + color: white; + font-family: Helvetica; + font-size: 20px; + font-weight: bold; + text-align: center; + line-height: 44px; + 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: 42px; +} +.mblArrowButtonHead { + position: absolute; + top: 11px; + left: 5px; + width: 20px; + height: 19px; + border: 1px solid #3A4655; + -webkit-transform: scale(0.7, 1) rotate(45deg); + background-image: -webkit-gradient(linear, left top, right bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.dj_chrome .mblArrowButtonHead { + border: 1px inset #3A4655; +} +.mblArrowButtonBody { + position: absolute; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + top: 6px; + left: 16px; + padding: 0px 10px 0px 4px; + height: 29px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #9CACC0; + font-family: Helvetica; + font-size: 13px; + color: white; + line-height: 29px; + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblArrowButtonSelected .mblArrowButtonHead { + background-image: -webkit-gradient(linear, left top, right bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); +} +.mblArrowButtonSelected .mblArrowButtonBody { + background-image: -webkit-gradient(linear, left top, left bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Heading.less b/js/dojo/dojox/mobile/themes/iphone/Heading.less new file mode 100644 index 0000000..cfc8580 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Heading.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Heading.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/IconContainer-compat.css b/js/dojo/dojox/mobile/themes/iphone/IconContainer-compat.css new file mode 100644 index 0000000..adf6d49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/IconContainer.css b/js/dojo/dojox/mobile/themes/iphone/IconContainer.css new file mode 100644 index 0000000..bb33f89 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/IconContainer.css @@ -0,0 +1,97 @@ +@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; +} +.mblIconArea { + margin-bottom: 10px; + height: 78px; + width: 74px; + font-family: Helvetica; + font-size: 12px; + 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/iphone/IconContainer.less b/js/dojo/dojox/mobile/themes/iphone/IconContainer.less new file mode 100644 index 0000000..963eae6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/ListItem-compat.css b/js/dojo/dojox/mobile/themes/iphone/ListItem-compat.css new file mode 100644 index 0000000..d153c4b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ListItem-compat.css @@ -0,0 +1,7 @@ +@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; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ListItem.css b/js/dojo/dojox/mobile/themes/iphone/ListItem.css new file mode 100644 index 0000000..77d88d9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ListItem.css @@ -0,0 +1,82 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); + +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); +/* dojox.mobile.ListItem */ +.mblListItem { + position: relative; + list-style-type: none; + vertical-align: bottom; + /* To avoid IE6 LI bug */ + + padding: 0px 0px 0px 8px; + height: 43px; + border-bottom: 1px solid #ADAAAD; + font-weight: bold; + color: black; + line-height: 43px; +} +.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: 9px 7px; + text-decoration: none; + padding-right: 7px; +} +.mblListItem .mblListItemAnchor * { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); +} +.mblItemSelected { + background-color: #048BF4; + background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5)); +} +.mblItemSelected .mblListItemAnchor { + color: white; +} +.mblItemSelected .mblDomButton div { + border-color: white; +} +.mblListItemTextBoxSelected { + background-color: #048BF4; +} +.mblListItemChecked { + color: #314E84; +} +.mblListItemIcon { + float: left; + line-height: normal; + margin-top: 7px; + margin-right: 11px; +} +.mblListItemSpriteIcon { + position: absolute; + margin-top: 7px; + margin-left: 8px; +} +.mblListItemRightIcon, .mblListItemRightIcon2 { + position: relative; + float: right; + line-height: normal; + margin-top: 7px; + margin-bottom: -7px; +} +.mblListItemRightText { + position: relative; + float: right; + line-height: normal; + color: #324F85; + margin: 11px 4px 0 0; +} +.mblListItemTextBox { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.mblVariableHeight .mblListItemTextBox { + white-space: normal; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ListItem.less b/js/dojo/dojox/mobile/themes/iphone/ListItem.less new file mode 100644 index 0000000..f9f9d21 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ListItem.less @@ -0,0 +1,5 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); + +@import "variables.less"; +@import "../common/ListItem.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Opener-compat.css b/js/dojo/dojox/mobile/themes/iphone/Opener-compat.css new file mode 100644 index 0000000..68cb1a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/Opener.css b/js/dojo/dojox/mobile/themes/iphone/Opener.css new file mode 100644 index 0000000..141c72e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Opener.css @@ -0,0 +1,3 @@ +/* dojox.mobile.Opener */ +@import url("Overlay.css"); +@import url("Tooltip.css"); diff --git a/js/dojo/dojox/mobile/themes/iphone/Overlay-compat.css b/js/dojo/dojox/mobile/themes/iphone/Overlay-compat.css new file mode 100644 index 0000000..bf8a160 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Overlay-compat.css @@ -0,0 +1,15 @@ +/* dojox.mobile.Overlay */ +.mblOverlay { + *position: absolute; + background-color: #CECECE; + background-image: none; + 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/iphone/Overlay.css b/js/dojo/dojox/mobile/themes/iphone/Overlay.css new file mode 100644 index 0000000..56c3778 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Overlay.css @@ -0,0 +1,17 @@ +@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-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece)); +} +.mblOverlayHidden *, .mblOverlayHidden { + visibility: hidden !important; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Overlay.less b/js/dojo/dojox/mobile/themes/iphone/Overlay.less new file mode 100644 index 0000000..e49ea9e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/PageIndicator.css b/js/dojo/dojox/mobile/themes/iphone/PageIndicator.css new file mode 100644 index 0000000..a175ad6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/PageIndicator.less b/js/dojo/dojox/mobile/themes/iphone/PageIndicator.less new file mode 100644 index 0000000..9bb6c49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/PageIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/PageIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator-compat.css b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator-compat.css new file mode 100644 index 0000000..4ee0810 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/ProgressIndicator.css b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator.css new file mode 100644 index 0000000..2340637 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/ProgressIndicator.less b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator.less new file mode 100644 index 0000000..2ab2a2d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ProgressIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/RadioButton-compat.css b/js/dojo/dojox/mobile/themes/iphone/RadioButton-compat.css new file mode 100644 index 0000000..6566cc1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/blue-button-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/blue-button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RadioButton.css b/js/dojo/dojox/mobile/themes/iphone/RadioButton.css new file mode 100644 index 0000000..799f485 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); +} +.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(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblRadioButtonChecked.mblRadioButtonSelected::after, .mblRadioButton:checked.mblRadioButtonSelected::after { + border-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RadioButton.less b/js/dojo/dojox/mobile/themes/iphone/RadioButton.less new file mode 100644 index 0000000..0793ca6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RadioButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RadioButton.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRect-compat.css b/js/dojo/dojox/mobile/themes/iphone/RoundRect-compat.css new file mode 100644 index 0000000..4f16c44 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRect-compat.css @@ -0,0 +1,64 @@ +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRectContainer { + margin: 0px; + padding: 0px; + background-color: white; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRect .mblRoundRectContainer { + padding: 3px 8px; +} +.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/iphone/RoundRect.css b/js/dojo/dojox/mobile/themes/iphone/RoundRect.css new file mode 100644 index 0000000..071a9da --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRect.css @@ -0,0 +1,12 @@ +/* dojox.mobile.RoundRect */ +.mblRoundRect { + margin: 7px 9px 16px 9px; + padding: 8px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background-color: white; +} +.mblRoundRect.mblShadow { + -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRect.less b/js/dojo/dojox/mobile/themes/iphone/RoundRect.less new file mode 100644 index 0000000..efec816 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRect.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRect.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.css b/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.css new file mode 100644 index 0000000..0a9b90b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.css @@ -0,0 +1,12 @@ +/* dojox.mobile.RoundRectCategory */ +.mblRoundRectCategory { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + padding: 18px 0px 0px 20px; + margin: 0px; + font-family: Helvetica; + font-size: 16px; + color: #4C566C; + text-shadow: #ffffff 0px 1px 0px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.less b/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.less new file mode 100644 index 0000000..e9148cc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRectList-compat.css b/js/dojo/dojox/mobile/themes/iphone/RoundRectList-compat.css new file mode 100644 index 0000000..4f16c44 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectList-compat.css @@ -0,0 +1,64 @@ +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRectContainer { + margin: 0px; + padding: 0px; + background-color: white; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRect .mblRoundRectContainer { + padding: 3px 8px; +} +.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/iphone/RoundRectList.css b/js/dojo/dojox/mobile/themes/iphone/RoundRectList.css new file mode 100644 index 0000000..cf0bea0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectList.css @@ -0,0 +1,25 @@ +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + position: relative; + /* IE needs this */ + + margin: 7px 9px 16px 9px; + 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/iphone/RoundRectList.less b/js/dojo/dojox/mobile/themes/iphone/RoundRectList.less new file mode 100644 index 0000000..52e1164 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectList.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Slider-compat.css b/js/dojo/dojox/mobile/themes/iphone/Slider-compat.css new file mode 100644 index 0000000..f6987bd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Slider-compat.css @@ -0,0 +1,43 @@ +/* dojox.mobile.Slider */ +.mblSlider { + background-image: url(compat/slider-h-bg.png); + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; + -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: #ABABAB; +} +.mblSliderProgressBar { + background-image: url(compat/slider-h-bar-bg.png); + background-repeat: repeat-x; + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; +} +.mblSliderV .mblSliderProgressBar { + background: #0D48A8; +} +.mblSliderHandle { + background-image: url(compat/slider-handle-bg.png); + -moz-border-radius: 10px; + -o-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} +.mblSliderTransition { + -moz-transition-duration: 400ms; + -o-transition-duration: 400ms; + -ms-transition-duration: 400ms; + transition-duration: 400ms; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Slider.css b/js/dojo/dojox/mobile/themes/iphone/Slider.css new file mode 100644 index 0000000..6866098 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Slider.css @@ -0,0 +1,62 @@ +/* dojox.mobile.Slider */ +.mblSlider { + outline: none; + -webkit-user-select: none; + /* prevent selection */ + + -webkit-box-sizing: content-box; + /* make width and height consistent with a DIV */ + + margin: 15px; + /* 1/2 handle width for hanging off the ends of the bar */ + + border: #B0B0B0 1px inset; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#fefefe)); + -webkit-border-radius: 8px; +} +.mblSliderH { + width: 200px; + height: 8px; +} +.mblSliderH .mblSliderProgressBar { + height: 100%; +} +.mblSliderH .mblSliderHandle { + top: 50%; +} +.mblSliderV { + height: 200px; + width: 8px; +} +.mblSliderV .mblSliderProgressBar { + width: 100%; +} +.mblSliderV .mblSliderHandle { + left: 50%; +} +.mblSliderProgressBar { + background-image: -webkit-gradient(linear, left top, left bottom, from(#0d48a8), to(#68a6f8)); + -webkit-border-radius: 8px; +} +.mblSliderHandle { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: #9D9D9D 1px outset; + -webkit-border-radius: 10px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#fcfcfc)); +} +.mblSliderTransition { + -webkit-transition-duration: 400ms; +} +.mblSliderTouchBox { + margin: 0; + padding: 12pt; + left: -12pt; + top: -12pt; + border: none; + width: 100%; + height: 100%; + background-color: transparent; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Slider.less b/js/dojo/dojox/mobile/themes/iphone/Slider.less new file mode 100644 index 0000000..928972f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Slider.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Slider.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Switch-compat.css b/js/dojo/dojox/mobile/themes/iphone/Switch-compat.css new file mode 100644 index 0000000..3756d95 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/Switch.css b/js/dojo/dojox/mobile/themes/iphone/Switch.css new file mode 100644 index 0000000..84597f9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Switch.css @@ -0,0 +1,18 @@ +@import url("../common/Switch.css"); +/* dojox.mobile.Switch */ +.mblItemSwitch { + top: 8px; +} +.mblSwitchBg { + -webkit-border-radius: 5px; +} +.mblSwitchBgLeft { + background-image: -webkit-gradient(linear, left top, left bottom, from(#2859b1), to(#75acfb), color-stop(0.5, #3f84eb), color-stop(0.5, #4c8eee)); +} +.mblSwitchBgRight { + background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#fdfdfd), color-stop(0.5, #eeeeee), color-stop(0.5, #f8f8f8)); +} +.mblSwitchKnob { + background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#fafafa)); + -webkit-border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Switch.less b/js/dojo/dojox/mobile/themes/iphone/Switch.less new file mode 100644 index 0000000..84a1146 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/TabBar-compat.css b/js/dojo/dojox/mobile/themes/iphone/TabBar-compat.css new file mode 100644 index 0000000..2e12529 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TabBar-compat.css @@ -0,0 +1,36 @@ +/* dojox.mobile.TabBarButton */ +.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv { + left: auto; +} +.dj_ie6 .mblTabBar .mblTabBarButton { + display: inline; /* IE bug*/ +} +.mblTabPanelHeader { + background-image: url(compat/heading-bg.png); +} +.mblTabContainer .mblTabButton { + background-image: url(compat/tab-button-bg.png); +} +.mblTabContainer .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; +} +.mblTabButton:first-child { + -moz-border-radius-topleft: 5px; + -moz-border-radius-bottomleft: 5px; +} +.mblTabButton:last-child { + -moz-border-radius-topright: 5px; + -moz-border-radius-bottomright: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TabBar.css b/js/dojo/dojox/mobile/themes/iphone/TabBar.css new file mode 100644 index 0000000..becc58a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TabBar.css @@ -0,0 +1,142 @@ +/* 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-stop(0.5, #141414), color-stop(0.5, #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), color-stop(0.5, #353535), color-stop(0.5, #242424)); +} +.mblTabBarButtonAnchor { + display: block; + text-decoration: none; +} +.mblTabBarButtonDiv { + position: relative; + margin-left: auto; + margin-right: auto; + height: 34px; + width: 29px; +} +.mblTabBarButtonIcon { + position: absolute; + left: 0px; + top: 2px; +} +.mblTabBarButtonSpriteIcon { + position: absolute; +} +.mblTabBarButtonTextBox { + color: #979797; + font-family: "Helvetica Neue", Helvetica; + font-size: 11px; +} +.mblTabBarNoIcons .mblTabBarButtonDiv { + display: none; +} +.mblTabBarNoIcons .mblTabBarButtonTextBox { + line-height: 34px; + font-size: 20px; +} +.mblTabBarTop .mblTabButton .mblTabBarButtonDiv { + display: none; +} +.mblTabButton { + position: relative; + float: left; + list-style-type: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + width: 100px; + height: 28px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #9CACC0; + border-right-color: #5E708A; + background-image: -webkit-gradient(linear, left top, left bottom, from(#abb9ca), to(#788da9), color-stop(0.5, #8297af), color-stop(0.5, #768ba7)); + font-family: Helvetica; + font-size: 13px; + color: white; + text-align: center; + line-height: 29px; +} +.mblTabButton .mblTabBarButtonAnchor, .mblTabButton .mblTabBarButtonDiv { + height: 29px; +} +.mblTabButton:first-child { + -webkit-border-top-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + border-left-width: 1px; +} +.mblTabButton:last-child { + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + border-right-color: #9CACC0; +} +.mblTabButtonSelected .mblTabBarButtonTextBox { + color: white; +} +.mblTabButtonImgDiv { + display: none; +} +.mblTabPanelHeader { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0px; + padding: 3px 0px 0px 0px; + height: 39px; + border-top: 1px solid #CDD5DF; + border-bottom: 1px solid #2D3642; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af)); + 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; +} +.mblTabPanelHeader .mblTabButton { + margin-top: 3px; +} +.mblTabPanelHeader .mblTabButton.mblTabButtonSelected { + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblTabPanelHeader .mblTabButtonDomButton { + width: 43px; +} +.mblTabPanelHeader .mblTabButtonDomButtonClass { + left: 8px; +} +.mblHeading .mblTabPanelHeader .mblTabButton { + margin-top: 6px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TabBar.less b/js/dojo/dojox/mobile/themes/iphone/TabBar.less new file mode 100644 index 0000000..4875c40 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TabBar.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TabBar.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/TextArea-compat.css b/js/dojo/dojox/mobile/themes/iphone/TextArea-compat.css new file mode 100644 index 0000000..af7e363 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextArea-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextArea */ +.mblTextArea { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TextArea.css b/js/dojo/dojox/mobile/themes/iphone/TextArea.css new file mode 100644 index 0000000..0768622 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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: 5px; + font-family: Helvetica; + font-size: 13px; +} +/* dojox.mobile.ExpandingTextArea */ +.mblExpandingTextArea { + margin: 2px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TextArea.less b/js/dojo/dojox/mobile/themes/iphone/TextArea.less new file mode 100644 index 0000000..c16ffe0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextArea.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextArea.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/TextBox-compat.css b/js/dojo/dojox/mobile/themes/iphone/TextBox-compat.css new file mode 100644 index 0000000..32dcf46 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextBox-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TextBox.css b/js/dojo/dojox/mobile/themes/iphone/TextBox.css new file mode 100644 index 0000000..d87404e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextBox.css @@ -0,0 +1,8 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + height: 22px; + border: #9CACC0 1px inset; + -webkit-border-radius: 5px; + font-family: Helvetica; + font-size: 13px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TextBox.less b/js/dojo/dojox/mobile/themes/iphone/TextBox.less new file mode 100644 index 0000000..c83890a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextBox.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/ToggleButton-compat.css b/js/dojo/dojox/mobile/themes/iphone/ToggleButton-compat.css new file mode 100644 index 0000000..75bfb32 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ToggleButton-compat.css @@ -0,0 +1,30 @@ +/* dojox.mobile.ToggleButton */ +.mblToggleButton { + background-image: url(compat/button-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +.mblToggleButtonSelected { + background-image: url(compat/button-sel-bg.png); +} +.mblToggleButtonChecked { + background-image: url(compat/blue-button-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/blue-button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ToggleButton.css b/js/dojo/dojox/mobile/themes/iphone/ToggleButton.css new file mode 100644 index 0000000..17e7295 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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: 5px; + 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(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); + color: black; +} +.mblToggleButton.mblToggleButtonChecked { + 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; +} +.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(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); + 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/iphone/ToggleButton.less b/js/dojo/dojox/mobile/themes/iphone/ToggleButton.less new file mode 100644 index 0000000..bdce40f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ToggleButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToggleButton.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.css b/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.css new file mode 100644 index 0000000..7299e04 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.css @@ -0,0 +1,28 @@ +/* dojox.mobile.ToolBarButton */ +.mblToolBarButton { + float: left; + position: relative; + overflow: hidden; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: 6px; + height: 29px; + border: 1px inset #9CACC0; + font-family: Helvetica; + font-size: 13px; + font-weight: bold; + color: white; + line-height: 29px; + text-align: center; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +.mblToolBarButtonIcon { + position: relative; +} +.mblToolBarButtonSpriteIcon { + position: absolute; +} +.mblToolBarButtonText { + padding: 0px 10px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.less b/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.less new file mode 100644 index 0000000..3b67bdc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToolBarButton.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Tooltip-compat.css b/js/dojo/dojox/mobile/themes/iphone/Tooltip-compat.css new file mode 100644 index 0000000..18b2623 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Tooltip-compat.css @@ -0,0 +1,41 @@ +/* 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 */ +} +.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #172035; +} +.mblTooltip .mblHeading { + background-image: url(compat/tooltip-heading-bg.png); + *padding: 0 9px 9px; + *border-top: 1px solid #4F5055; + *border-bottom: 1px solid #2D3642; + *width: auto; + *height: auto; + *overflow: visible; + *line-height: normal; +} +.dj_ie9 .mblTooltip .mblHeading { + width: auto; +} +.mblTooltip .mblHeading .mblToolBarButton { + background-color: #000924; + background-image: url(compat/tooltip-button-bg.png); + *margin: auto 6px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Tooltip.css b/js/dojo/dojox/mobile/themes/iphone/Tooltip.css new file mode 100644 index 0000000..cfe2db4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Tooltip.css @@ -0,0 +1,150 @@ +/* dojox.mobile.Tooltip */ +.mblTooltip { + position: absolute; + z-index: 2000; + display: block; + margin: 0; + padding: 5px; + border: #5A5A5A 1px solid; + background-color: #121B2F; + background-image: -webkit-gradient(linear, left top, left bottom, from(#656872), to(#121b2f), color-stop(0.1, #2c3345), color-stop(0.1, #161f32)); + -webkit-border-radius: 8px; + opacity: .97; +} +.mblTooltipBubble { + overflow: visible; + padding: 3px; + background-color: #f9f7ba; + background-image: none; +} +.mblTooltipBubble.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #f9f7ba; +} +.mblTooltipBubble.mblTooltipBelow .mblTooltipInnerArrow { + border-top-color: #f9f7ba; +} +.mblTooltipBubble.mblTooltipAfter .mblTooltipInnerArrow { + border-left-color: #f9f7ba; +} +.mblTooltipBubble.mblTooltipBefore .mblTooltipInnerArrow { + border-right-color: #f9f7ba; +} +.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: #5A5A5A; +} +.mblTooltipAfter .mblTooltipArrow { + left: 1px; + right: auto; + top: 0; + bottom: auto; + border-right-width: 0; + border-left-color: #5A5A5A; +} +.mblTooltipAbove .mblTooltipArrow { + top: auto; + bottom: 1px; + left: auto; + right: auto; + border-top-width: 0; + border-bottom-color: #5A5A5A; +} +.mblTooltipBelow .mblTooltipArrow { + top: 1px; + bottom: auto; + left: auto; + right: auto; + border-bottom-width: 0; + border-top-color: #5A5A5A; +} +.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: #192235; +} +.mblTooltipAfter .mblTooltipInnerArrow { + left: 0; + top: 0; + border-right-width: 0; + border-left-color: #192235; +} +.mblTooltipAbove .mblTooltipInnerArrow { + bottom: 0; + left: 0; + border-top-width: 0; + border-bottom-color: #656872; +} +.mblTooltipBelow .mblTooltipInnerArrow { + top: 0; + left: 0; + border-bottom-width: 0; + border-top-color: #172035; +} +.mblTooltipHidden, .mblTooltipHidden * { + visibility: hidden !important; +} +.mblTooltip .mblHeading { + border-top: 3px solid #4F5055; + border-bottom: 1px solid #2D3642; + border-left: 1px solid #2A2D47; + -webkit-border-radius: 3px 3px 0 0; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#5e6167), to(#1a1d24), color-stop(0.5, #2e322b)); + font-weight: normal; +} +.mblTooltip .mblHeading .mblToolBarButton { + border: 1px inset #434450; + background-image: -webkit-gradient(linear, left top, left bottom, from(#686f80), to(#000924), color-stop(0.5, #000b29)); + font-weight: normal; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Tooltip.less b/js/dojo/dojox/mobile/themes/iphone/Tooltip.less new file mode 100644 index 0000000..60af6d1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Tooltip.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Tooltip.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/View.css b/js/dojo/dojox/mobile/themes/iphone/View.css new file mode 100644 index 0000000..cf2151b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/View.css @@ -0,0 +1,23 @@ +@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%; +} +.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/iphone/View.less b/js/dojo/dojox/mobile/themes/iphone/View.less new file mode 100644 index 0000000..910651f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/base-compat.css b/js/dojo/dojox/mobile/themes/iphone/base-compat.css new file mode 100644 index 0000000..d12cf2b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/base.css b/js/dojo/dojox/mobile/themes/iphone/base.css new file mode 100644 index 0000000..2409467 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/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/iphone/common.css b/js/dojo/dojox/mobile/themes/iphone/common.css new file mode 100644 index 0000000..f2859e0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/common.css @@ -0,0 +1,26 @@ +html.mobile, .mobile body { + width: 100%; + margin: 0px; + padding: 0px; +} +.mobile body { + overflow-x: hidden; + -webkit-text-size-adjust: none; + background-color: #c5ccd3; + font-family: Helvetica; + font-size: 17px; +} +/* 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: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblColorDefaultSel { + background-color: #394D77; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/common.less b/js/dojo/dojox/mobile/themes/iphone/common.less new file mode 100644 index 0000000..4e57a5c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/common.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/common.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-bg.png Binary files differnew file mode 100644 index 0000000..5efaa9e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-head.png b/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-head.png Binary files differnew file mode 100644 index 0000000..85beb43 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-head.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-bg.png Binary files differnew file mode 100644 index 0000000..3bd558b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-sel-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-sel-bg.png Binary files differnew file mode 100644 index 0000000..6968458 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-sel-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/button-bg.png Binary files differnew file mode 100644 index 0000000..0d378fa --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/button-sel-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/button-sel-bg.png Binary files differnew file mode 100644 index 0000000..c8a71b8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/button-sel-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/edge-categ-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/edge-categ-bg.png Binary files differnew file mode 100644 index 0000000..3a62e14 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/edge-categ-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/gray-arrow.png b/js/dojo/dojox/mobile/themes/iphone/compat/gray-arrow.png Binary files differnew file mode 100644 index 0000000..c93d17f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/gray-arrow.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/heading-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/heading-bg.png Binary files differnew file mode 100644 index 0000000..888a92e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/icon-content-heading-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/icon-content-heading-bg.png Binary files differnew file mode 100644 index 0000000..3daa1a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/icon-content-heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-bg.png Binary files differnew file mode 100644 index 0000000..b2afca9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-head.png b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-head.png Binary files differnew file mode 100644 index 0000000..503c685 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-head.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/ipad-heading-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-heading-bg.png Binary files differnew file mode 100644 index 0000000..614bbbd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/red-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/red-button-bg.png Binary files differnew file mode 100644 index 0000000..799870f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/red-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/red-button-sel-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/red-button-sel-bg.png Binary files differnew file mode 100644 index 0000000..cc57b2b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/red-button-sel-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bar-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bar-bg.png Binary files differnew file mode 100644 index 0000000..212d59f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bar-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bg.png Binary files differnew file mode 100644 index 0000000..b5f77b1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/slider-handle-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/slider-handle-bg.png Binary files differnew file mode 100644 index 0000000..4b5bb6c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/slider-handle-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-l.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-l.gif Binary files differnew file mode 100644 index 0000000..60fa6e0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-l.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-r.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-r.gif Binary files differnew file mode 100644 index 0000000..2d1cbce --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-r.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc1-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc1-k.gif Binary files differnew file mode 100644 index 0000000..6596e32 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc1-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc2-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc2-k.gif Binary files differnew file mode 100644 index 0000000..bf307b1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc2-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-k.gif Binary files differnew file mode 100644 index 0000000..9accbf5 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-l.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-l.gif Binary files differnew file mode 100644 index 0000000..c42f5ba --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-l.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-r.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-r.gif Binary files differnew file mode 100644 index 0000000..74499d5 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-r.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-l.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-l.gif Binary files differnew file mode 100644 index 0000000..6061d6d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-l.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-r.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-r.gif Binary files differnew file mode 100644 index 0000000..cf53086 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-r.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-round1-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round1-k.gif Binary files differnew file mode 100644 index 0000000..6b9fe0a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round1-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-round2-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round2-k.gif Binary files differnew file mode 100644 index 0000000..dfa763e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round2-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/tab-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/tab-button-bg.png Binary files differnew file mode 100644 index 0000000..f8d6ef0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/tab-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/tab-sel-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/tab-sel-button-bg.png Binary files differnew file mode 100644 index 0000000..c3b0a33 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/tab-sel-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-button-bg.png Binary files differnew file mode 100644 index 0000000..03bf47f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-heading-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-heading-bg.png Binary files differnew file mode 100644 index 0000000..e7a64fa --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/white-arrow.png b/js/dojo/dojox/mobile/themes/iphone/compat/white-arrow.png Binary files differnew file mode 100644 index 0000000..84e435a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/white-arrow.png diff --git a/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-large.png b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-large.png Binary files differnew file mode 100644 index 0000000..dfac370 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-large.png diff --git a/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-small.png b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-small.png Binary files differnew file mode 100644 index 0000000..b6836d9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-small.png diff --git a/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay.png b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay.png Binary files differnew file mode 100644 index 0000000..b16efec --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay.png diff --git a/js/dojo/dojox/mobile/themes/iphone/ipad-compat.css b/js/dojo/dojox/mobile/themes/iphone/ipad-compat.css new file mode 100644 index 0000000..d48170e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ipad-compat.css @@ -0,0 +1,17 @@ +/* mbl.widget.Heading */ +.dj_tablet .mblHeading { + background-image: url(compat/ipad-heading-bg.png); +} + +/* Heading Arrow Button */ +.dj_tablet .mblArrowButtonHead { + background-image: url(compat/ipad-arrow-button-head.png); +} +.dj_tablet .mblArrowButtonBody { + background-image: url(compat/ipad-arrow-button-bg.png); +} + +/* mbl.widget.TabBar */ +.dj_tablet .mblTabPanelHeader { + background-image: url(compat/ipad-heading-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ipad.css b/js/dojo/dojox/mobile/themes/iphone/ipad.css new file mode 100644 index 0000000..b17502d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ipad.css @@ -0,0 +1,152 @@ +/* dojox.mobile.View */ + +/* dojox.mobile.Heading */ +.dj_tablet .mblHeading { + background-color: #889BB3; + background: -webkit-gradient(linear, left top, left bottom, from(#F3F4F6), to(#A7ABB8)); + border-top: 1px solid #FEFEFE; + border-bottom: 1px solid #787E8F; + color: #70777F; + text-shadow: rgba(256,256,256,0.6) 0px 1px 0px; +} + +/*Headings and Button styles are overridden in Tooltips*/ +.dj_tablet .mblTooltip .mblHeading { + position: relative; + margin: 0px; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 0px; + height: 42px; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6167), to(#1A1D24), color-stop(0.5, #2E322B)); + border-top: 3px solid #4F5055; + border-bottom: 1px solid #2D3642; + color: white; + font-family: Helvetica; + font-size: 20px; + font-weight: normal; + text-align: center; + line-height: 44px; + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; + z-index: 1; + border-left: 1px solid #2A2D47; + -webkit-border-radius: 3px 3px 0 0; +} +.dj_tablet .mblTooltip .mblHeading .mblToolBarButton { + float: left; + position: relative; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255,255,255,0); + margin: 6px; + padding: 0px 10px; + height: 29px; + border: 1px inset #434450; + font-family: Helvetica; + font-size: 13px; + font-weight: normal; + color: white; + line-height: 29px; + text-align: center; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#686F80), to(#000924), color-stop(0.5, #000B29)); +} + +/* Heading Arrow Button */ +.dj_tablet .mblArrowButtonHead { + border-color: #4D4E50; + background: -webkit-gradient(linear, left top, right bottom, from(#B1B5BB), to(#6A727D)); +} +.dj_tablet .mblArrowButtonBody { + border-color: #C0C0C0; + background-color: #8B919A; + background: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D)); + -webkit-tap-highlight-color: rgba(255,255,255,0); + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; +} +.dj_tablet .mblArrowButtonSelected .mblArrowButtonHead { + background: -webkit-gradient(linear, left top, right bottom, from(#9DA0A3), to(#43484F)); +} +.dj_tablet .mblArrowButtonSelected .mblArrowButtonBody { + background: -webkit-gradient(linear, left top, left bottom, from(#9DA0A3), to(#43484F)); +} + +/* dojox.mobile.RoundRect */ +.dj_tablet .mblRoundRect { + margin: 7px 30px 30px 30px; +} +.dj_tablet .mblHeading + .mblRoundRect { + margin-top: 30px; +} + +/* dojox.mobile.EdgeToEdgeCategory */ +/* dojox.mobile.RoundRectCategory */ +.dj_tablet .mblRoundRectCategory { + margin: 18px 0px 0px 41px; +} + +/* dojox.mobile.RoundRectList */ +.dj_tablet .mblRoundRectList { + margin: 7px 30px 30px 30px; +} +.dj_tablet .mblRoundRectList:first-child { + margin-top: 25px; +} +.dj_tablet .mblHeading + .mblRoundRectList { + margin-top: 30px; +} + +/* dojox.mobile.EdgeToEdgeList */ +/* dojox.mobile.ListItem */ +/* Switch */ +/* Icon Container */ +/* Icon Content Heading */ +/* dojox.mobile.Button */ +/* Tab Container */ +/* Progress Indicator */ + +/* dojox.mobile.TabBar */ +.dj_tablet .mblTabPanelHeader { + background-color: #889BB3; + background: -webkit-gradient(linear, left top, left bottom, from(#F3F4F6), to(#A7ABB8)); + border-top: 1px solid #FEFEFE; + border-bottom: 1px solid #787E8F; + color: #70777F; + text-shadow: rgba(256,256,256,0.6) 0px 1px 0px; +} + +/* dojox.mobile.TabBarButton */ +.dj_tablet .mblTabButton { + font-weight: bold; + color: #70777F; + text-shadow: none; + border-color: silver; + background-color: #CCCED6; + background: -webkit-gradient(linear, left top, left bottom, from(#F3F4F6), to(#A7ABB8)); +} +.dj_tablet .mblTabPanelHeader .mblTabButton.mblTabButtonSelected { + color: white; + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; + background-color: #8B919A; + background-image: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D)); +} + +/* dojox.mobile.ToolBarButton */ +.dj_tablet .mblToolBarButton { + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; + border: 1px inset silver; +} + +/* Default Button Colors */ +.dj_tablet .mblColorDefault { + background-color: #8B919A; + background-image: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D)); + +} +.dj_tablet .mblColorDefaultSel { + background-color: #515761; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7A7E85), to(#303845)); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/iphone-app-compat.css b/js/dojo/dojox/mobile/themes/iphone/iphone-app-compat.css new file mode 100644 index 0000000..dc0a814 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/iphone-app-compat.css @@ -0,0 +1,24 @@ +/* mbl.widget.Heading */ +@import url("iphone-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/iphone/iphone-app.css b/js/dojo/dojox/mobile/themes/iphone/iphone-app.css new file mode 100644 index 0000000..d91d2f4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/iphone-app.css @@ -0,0 +1,341 @@ +@import url("iphone.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: white; + 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: #ddd; +} + +.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; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/iphone/iphone-compat.css b/js/dojo/dojox/mobile/themes/iphone/iphone-compat.css new file mode 100644 index 0000000..f5a0140 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/iphone-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/iphone/iphone.css b/js/dojo/dojox/mobile/themes/iphone/iphone.css new file mode 100644 index 0000000..a50e0ce --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/iphone.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/iphone/variables.less b/js/dojo/dojox/mobile/themes/iphone/variables.less new file mode 100644 index 0000000..007cab4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/variables.less @@ -0,0 +1,726 @@ +// common.less +.mobile-body-styles () { + background-color: rgb(197,204,211); + font-family: Helvetica; + font-size: 17px; +} + +.mblView-styles () { +} + +.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: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblColorDefaultSel-styles () { + background-color: #394D77; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69)); +} + +// Heading.less +.mblHeading-styles () { + padding: 0px; + height: 42px; + background-color: #889BB3; + background-image: -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; + color: white; + font-family: Helvetica; + font-size: 20px; + font-weight: bold; + text-align: center; + line-height: 44px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; +} +.mblArrowButton-styles () { + height: 42px; +} +.mblArrowButtonHead-styles () { + top: 11px; + left: 5px; + width: 20px; + height: 19px; + border: 1px solid #3A4655; + -webkit-transform: scale(0.7, 1) rotate(45deg); + background-image: -webkit-gradient(linear, left top, right bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblArrowButtonHeadChrome-styles () { + border: 1px inset #3A4655; +} +.mblArrowButtonBody-styles () { + top: 6px; + left: 16px; + padding: 0px 10px 0px 4px; + height: 29px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #9CACC0; + font-family: Helvetica; + font-size: 13px; + color: white; + line-height: 29px; + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblArrowButtonSelected-styles () { +} +.mblArrowButtonHeadSelected-styles () { + background-image: -webkit-gradient(linear, left top, right bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69)); +} +.mblArrowButtonBodySelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69)); +} + +// ToolBarButton.less +.mblToolBarButton-styles () { + margin: 6px; + height: 29px; + border: 1px inset #9CACC0; + font-family: Helvetica; + font-size: 13px; + font-weight: bold; + color: white; + line-height: 29px; + text-align: center; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +.mblToolBarButtonDomButton-styles () { +} +.mblToolBarButtonIcon-styles () { +} + +// RoundRect.less +.mblRoundRect-styles () { + margin: 7px 9px 16px 9px; + padding: 8px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background-color: white; +} +.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-top: 1px solid #A4B0B9; + border-bottom: 1px solid #979DA3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8F9EA9), to(#B7C0C7)); + 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 () { + padding: 18px 0px 0px 20px; + margin: 0px; + font-family: Helvetica; + font-size: 16px; + color: #4C566C; + text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px; +} + +// RoundRectList.less +.mblRoundRectList-styles () { + margin: 7px 9px 16px 9px; + 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: white; +} +.mblEdgeToEdgeList-LastListItem-styles () { + border-bottom-color: #707C84; +} + +// ListItem.less +.mblListItem-styles () { + padding: 0px 0px 0px 8px; + height: 43px; + border-bottom: 1px solid #ADAAAD; + font-weight: bold; + color: black; + line-height: 43px; +} +.mblListItem-mblVariableHeight-styles () { + padding: 11px 0px 10px 6px; + line-height: normal; +} +.mblListItem-mblListItemAnchor-styles () { + background-position: 9px 7px; + text-decoration: none; + padding-right: 7px; +} +.mblItemSelected-styles () { + background-color: #048BF4; + background-image: -webkit-gradient(linear, left top, left bottom, from(#048BF4), to(#005CE5)); +} +.mblItemSelected-mblListItemAnchor-styles () { + color: white; +} +.mblItemSelected-mblDomButton-Div-styles () { + border-color: white; +} +.mblItemSelected-mblListItemSubText-styles () { +} +.mblListItemTextBoxSelected-styles () { + background-color: #048BF4; +} +.mblListItemChecked-styles () { + color: #314E84; +} +.mblListItemIcon-styles () { + margin-top: 7px; + margin-right: 11px; +} +.mblListItemSpriteIcon-styles () { + margin-top: 7px; + margin-left: 8px; +} +.mblListItemRightIcon-styles () { + margin-top: 7px; + margin-bottom: -7px; +} +.mblListItemRightText-styles () { + color: #324F85; + margin: 11px 4px 0 0; +} +.mblListItemTextBox-styles () { +} +.mblListItemAnchorNoIcon-mblListItemTextBox-styles () { +} +.mblListItemSubText-styles () { +} + +// Switch.less +.mblItemSwitch-styles () { + top: 8px; +} +.mblSwitchBg-styles () { + -webkit-border-radius: 5px; +} +.mblSwitchBgLeft-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#2859B1), to(#75ACFB), color-stop(0.5, #3F84EB), color-stop(0.5, #4C8EEE)); +} +.mblSwitchBgRight-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#FDFDFD), color-stop(0.5, #EEEEEE), color-stop(0.5, #F8F8F8)); +} +.mblSwitchKnob-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FAFAFA)); + -webkit-border-radius: 5px; +} + +// Button.less +.mblButton-styles () { + padding: 0px 10px; + height: 29px; + border: #9CACC0 1px outset; + -webkit-border-radius: 5px; + 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(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); + 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(#C1A48E), to(#9B6C4A), color-stop(0.5, #A27758), color-stop(0.5, #996947)); + color: white; +} +.mblButtonSelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#BFBFBF), color-stop(0.5, #EBEBEB), color-stop(0.5, #DEDEDE)); + color: black; +} +.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: 5px; + 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 () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#BFBFBF), color-stop(0.5, #EBEBEB), color-stop(0.5, #DEDEDE)); +} +.mblCheckBoxChecked-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)); +} +.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 () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.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; +} +.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; +} +.mblIconArea-styles () { + margin-bottom: 10px; + height: 78px; + width: 74px; + font-family: Helvetica; + font-size: 12px; + 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(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); +} +.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(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.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(#ABABAB), to(#FEFEFE)); + -webkit-border-radius: 8px; +} +.mblSliderProgressBar-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#0D48A8), to(#68A6F8)); + -webkit-border-radius: 8px; +} +.mblSliderHandle-styles () { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: #9D9D9D 1px outset; + -webkit-border-radius: 10px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#A6A6A6), to(#FCFCFC)); +} + +// 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-stop(0.5, #141414), color-stop(0.5, #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), color-stop(0.5, #353535), color-stop(0.5, #242424)); +} +.mblTabBarButtonDiv-styles () { + height: 34px; + width: 29px; +} +.mblTabBarButtonIcon-styles () { + left: 0px; + top: 2px; +} +.mblTabBarButtonTextBox-styles () { + color: #979797; + font-family: "Helvetica Neue", Helvetica; + font-size: 11px; +} +.mblTabBarNoIcons-TabBarButtonTextBox-styles () { + line-height: 34px; + font-size: 20px; +} +.mblTabButton-styles () { + width: 100px; + height: 28px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #9CACC0; + border-right-color: #5E708A; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ABB9CA), to(#788DA9), color-stop(0.5, #8297AF), color-stop(0.5, #768BA7)); + font-family: Helvetica; + font-size: 13px; + color: white; + text-align: center; + line-height: 29px; +} +.mblTabButton-TabBarButtonAnchor-styles () { + height: 29px; +} +.mblTabBarTop-TabButton-TabBarButtonDiv-styles () { + display: none; +} +.mblTabBarHead-TabButton-TabBarButtonDiv-styles () { +} +.mblTabButton-FirstTabButtom-styles () { + -webkit-border-top-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + border-left-width: 1px; +} +.mblTabButton-LastTabButton-styles () { + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + border-right-color: #9CACC0; +} +.mblTabButton-img-styles () { +} +.mblTabBarButtonTextBoxSelected-styles () { + color: white; +} +.mblTabButtonSelected-styles () { +} +.mblTabButtonHighlighted-styles () { +} +.mblTabButtonImgDiv-styles () { + display: none; +} +.mblTabPanelHeader-styles () { + margin: 0px; + padding: 3px 0px 0px 0px; + height: 39px; + border-top: 1px solid #CDD5DF; + border-bottom: 1px solid #2D3642; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF)); + 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; +} +.mblTabPanelHeader-TabButton-styles () { + margin-top: 3px; +} +.mblTabPanelHeader-TabButtonSelected-styles () { + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblTabPanelHeader-TabButtonDomButton-styles () { + width: 43px; +} +.mblTabPanelHeader-TabButtonDomButtonClass-styles () { + left: 8px; +} +.mblTabPanelHeader-DomButton-styles () { +} +.mblTabPanelHeader-inHeading-styles () { +} +.mblTabPanelHeader-TabButton-inHeading-styles () { + margin-top: 6px; +} +.mblTabPanelHeader-TabButton-FirstTabButtom-inHeading-styles () { +} +.mblTabPanelHeader-TabButton-LastTabButtom-inHeading-styles () { +} +.mblTabPanelHeader-TabButtonSelected-inHeading-styles () { +} + +// TextArea.less +.mblTextArea-styles () { + padding: 4px 1px; + border-color: #9CACC0; + border-width: 1px; + border-style: inset; + -webkit-border-radius: 5px; + font-family: Helvetica; + font-size: 13px; +} +.mblExpandingTextArea-styles () { + margin: 2px; +} + +// TextBox.less +.mblTextBox-styles () { + height: 22px; + border: #9CACC0 1px inset; + -webkit-border-radius: 5px; + 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: 5px; + 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(#F0F0F0), to(#BFBFBF), color-stop(0.5, #EBEBEB), color-stop(0.5, #DEDEDE)); + color: black; +} +.mblToggleButtonChecked-styles () { + 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; +} +.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(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); + color: white; +} +.mblToggleButtonCheckedSelected-after-styles () { + border-color: white; +} +.mblToggleButtonDisabled-styles () { + border-color: grey; + background-image: none; + color: grey; +} + +// Overlay.less +.mblOverlay-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE)); +} + +// Tooltip.less +.mblTooltip-styles () { + padding: 5px; + border: #5A5A5A 1px solid; + background-color: #121B2F; + background-image: -webkit-gradient(linear, left top, left bottom, from(#656872), to(#121B2F), color-stop(0.1,#2C3345),color-stop(0.1,#161F32)); + -webkit-border-radius: 8px; + opacity: .97; +} +.mblTooltipBubble-styles () { + background-color: #f9f7ba; + background-image: none; +} +.mblTooltipInnerArrow-Bubble-Above-styles () { + border-bottom-color: #f9f7ba; +} +.mblTooltipInnerArrow-Bubble-Below-styles () { + border-top-color: #f9f7ba; +} +.mblTooltipInnerArrow-Bubble-After-styles () { + border-left-color: #f9f7ba; +} +.mblTooltipInnerArrow-Bubble-Before-styles () { + border-right-color: #f9f7ba; +} +.mblTooltipArrow-styles () { + border: 11px solid transparent; +} +.mblTooltipArrow-Before-styles () { + border-left-width: 0; + border-right-color: #5A5A5A; +} +.mblTooltipArrow-After-styles () { + border-right-width: 0; + border-left-color: #5A5A5A; +} +.mblTooltipArrow-Above-styles () { + border-top-width: 0; + border-bottom-color: #5A5A5A; +} +.mblTooltipArrow-Below-styles () { + border-bottom-width: 0; + border-top-color: #5A5A5A; +} +.mblTooltipInnerArrow-Before-styles () { + border-left-width: 0; + border-right-color: #192235; +} +.mblTooltipInnerArrow-After-styles () { + border-right-width: 0; + border-left-color: #192235; +} +.mblTooltipInnerArrow-Above-styles () { + border-top-width: 0; + border-bottom-color: #656872; +} +.mblTooltipInnerArrow-Below-styles () { + border-bottom-width: 0; + border-top-color: #172035; +} +.mblTooltip-Heading-styles () { + border-top: 3px solid #4F5055; + border-bottom: 1px solid #2D3642; + border-left: 1px solid #2A2D47; + -webkit-border-radius: 3px 3px 0 0; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6167), to(#1A1D24), color-stop(0.5, #2E322B)); + font-weight: normal; +} +.mblTooltip-Heading-ToolbarButton-styles () { + border: 1px inset #434450; + background-image: -webkit-gradient(linear, left top, left bottom, from(#686F80), to(#000924), color-stop(0.5, #000B29)); + font-weight: normal; +} + |
