diff options
Diffstat (limited to 'js/dojo-1.6/dojox/mobile/themes')
72 files changed, 3494 insertions, 0 deletions
diff --git a/js/dojo-1.6/dojox/mobile/themes/FixedSplitter.css b/js/dojo-1.6/dojox/mobile/themes/FixedSplitter.css new file mode 100644 index 0000000..6788969 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/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-1.6/dojox/mobile/themes/android/android-app-compat.css b/js/dojo-1.6/dojox/mobile/themes/android/android-app-compat.css new file mode 100644 index 0000000..dc0a814 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/android-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-1.6/dojox/mobile/themes/android/android-app.css b/js/dojo-1.6/dojox/mobile/themes/android/android-app.css new file mode 100644 index 0000000..77fc6cd --- /dev/null +++ b/js/dojo-1.6/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.out { + position: absolute; +} + +.alertDialog.in { + position: absolute; +} + +.slidev.out { + -webkit-animation-duration: .4s; + -webkit-animation-name: slideOut; + -webkit-animation-timing-function: linear; + -webkit-transform: translateY(-100%); +} +.slidev.in { + -webkit-animation-duration: .4s; + -webkit-animation-name: slideIn; + -webkit-animation-timing-function: linear; + -webkit-transform: translateY(0px); +} +.slidev.out.reverse { + -webkit-animation-name: slideOutReverse; +} +.slidev.in.reverse { + -webkit-animation-name: slideInReverse; +} + +.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-1.6/dojox/mobile/themes/android/android-compat.css b/js/dojo-1.6/dojox/mobile/themes/android/android-compat.css new file mode 100644 index 0000000..a5552b2 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/android-compat.css @@ -0,0 +1,290 @@ +/* mbl.widget.Heading */ +.mblHeading { + background-image: url(compat/heading-bg.png); +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + position: absolute; + top: 0px; + left: 8px; + width: 19px; + height: 29px; + border-style: none; + background-image: url(compat/arrow-button-head.png); +} +.mblArrowButtonBody { + padding: 0px 10px 0px 10px; + background-image: url(compat/arrow-button-bg.png); +} + +/* 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; +} + +/* mbl.widget.ListItem */ +*html li.mblListItem.mblVariableHeight { /* IE6 hack */ + height: 0; +} + +.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); +} + +/* dojox.mobile.TabBarButton */ +.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv { + left: auto; +} + +/* Switch */ +.mblSwitchInner { + width: 100px; +} +.mblSwitchBg { + border: none; +} +.mblSwitchBgLeft { + width: 89px; + background: none; +} +.mblSwitchBgRight { + width: 89px; + left: 58px; + background: none; +} +.mblSwitchKnobContainer { + position: relative; + left: 53px; + width: 41px; + height: 26px; +} +.mblSwitchKnob { + position: relative; + top: 0px; + left: 0px; + width: auto; + height: 21px; + background-image: url(compat/switch-knob-bg.png); + border-width: 0px 1px; + -moz-border-radius: 0px; +} +.mblSwitchCorner { + position: relative; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #878787; +} +.mblSwitchCorner1T { + background-color: #848684; + margin: 0px 1px; + border-width: 0px; +} +.mblSwitchCorner2T { + background-color: #C0C0C0; + margin: 0px 0px; + border-width: 0px 1px; +} +.mblSwitchCorner3T { + background-color: #C6C7C6; + margin: 0px 0px; + border-width: 0px 1px; +} + +.mblSwitchCorner1B { + background-color: #FBFBFB; + margin: 0px 0px; + border-width: 0px 1px; +} +.mblSwitchCorner2B { + background-color: #FBFBFB; + margin: 0px 0px; + border-width: 0px 1px; +} +.mblSwitchCorner3B { + background-color: #878787; + margin: 0px 1px; + border-width: 0px; +} + +.mblSwitchBgLeft .mblSwitchCorner1T { + border-width: 0px 2px; + background-color: #00A600; +} +.mblSwitchBgLeft .mblSwitchCorner2T { + background-color: #00A600; +} +.mblSwitchBgLeft .mblSwitchCorner3T { + background-color: #00A600; +} + +.mblSwitchBgLeft .mblSwitchCorner1B { + background-color: #00D700; +} +.mblSwitchBgLeft .mblSwitchCorner2B { + background-color: #00D700; +} +.mblSwitchBgLeft .mblSwitchCorner3B { + background-color: #00D700; +} + +.mblSwitchText { + height: 21px; + line-height: 21px; +} +.mblSwitchTextLeft { + background-image: url(compat/switch-green-bg.png); + border-left: 1px solid #848684; +} +.mblSwitchTextRight { + background-image: url(compat/switch-gray-bg.png); + left: 35px; + border-right: 1px solid #848684; +} + +/* Icon Content Heading */ +.mblIconContentHeading { + background-image: url(compat/icon-content-heading-bg.png); +} + +/* dojox.mobile.Button */ +.mblBlueButton { + background-image: url(compat/blue-button-bg.png); +} +.mblBlueButtonSelected { + background-image: url(compat/blue-button-sel-bg.png); +} + +/* Tab Container */ +.mblTabPanelHeader { +} +.mblTabButton { + background-image: url(compat/tab-button-bg.png); +} +.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) + ); +} + +/* 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-1.6/dojox/mobile/themes/android/android.css b/js/dojo-1.6/dojox/mobile/themes/android/android.css new file mode 100644 index 0000000..59620b0 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/android.css @@ -0,0 +1,840 @@ +body { + visibility: hidden; +} + +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; +} + +/* dojox.mobile.View */ +.mblView { + position: relative; + top: 0px; + left: 0px; + width: 100%; + color: white; +} + +.mblView.out { +} + +.mblView.in { + position: absolute; +} + +.slide.out { + -webkit-animation-duration: .4s; + -webkit-animation-name: slideOut; + -webkit-animation-timing-function: linear; + -webkit-transform: translateX(-100%); +} +.slide.in { + -webkit-animation-duration: .4s; + -webkit-animation-name: slideIn; + -webkit-animation-timing-function: linear; + -webkit-transform: translateX(0px); +} +.slide.out.reverse { + -webkit-animation-name: slideOutReverse; +} +.slide.in.reverse { + -webkit-animation-name: slideInReverse; +} +@-webkit-keyframes slideOut { + from { -webkit-transform: translateX(0px); } + to { -webkit-transform: translateX(-100%); } +} +@-webkit-keyframes slideIn { + from { -webkit-transform: translateX(100%); } + to { -webkit-transform: translateX(0px); } +} +@-webkit-keyframes slideOutReverse { + from { -webkit-transform: translateX(0px); } + to { -webkit-transform: translateX(100%); } +} +@-webkit-keyframes slideInReverse { + from { -webkit-transform: translateX(-100%); } + to { -webkit-transform: translateX(0px); } +} + +.flip.out { + -webkit-animation-duration: .6s; + -webkit-animation-name: flipOut; + -webkit-animation-timing-function: ease-in; + -webkit-transform: rotateY(90deg); +} +.flip.in { + -webkit-animation-duration: .6s; + -webkit-animation-name: flipIn; + -webkit-animation-timing-function: ease-out; +} +@-webkit-keyframes flipOut { + 0% { -webkit-transform: rotateY(0deg) scale(1); } + 50% { -webkit-transform: rotateY(90deg) scale(.8); } + 100% { -webkit-transform: rotateY(90deg) scale(.8); } +} + +@-webkit-keyframes flipIn { + 0% { -webkit-transform: rotateY(90deg) scale(.8); } + 50% { -webkit-transform: rotateY(90deg) scale(.8); } + 100% { -webkit-transform: rotateY(0deg) scale(1); } +} + +.fade.out { + -webkit-animation-duration: 1s; + -webkit-animation-name: fadeOut; + -webkit-animation-timing-function: ease-in; +} +.fade.in { + -webkit-animation-duration: 1s; + -webkit-animation-name: fadeIn; + -webkit-animation-timing-function: ease-out; +} +@-webkit-keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} + +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +/* dojox.mobile.Heading */ +.mblHeading { + position: relative; + height: 25px; + margin: 0px; + padding: 0px 0px 0px 4px; + background-color: #8C8A8C; + background: -webkit-gradient(linear, left top, left bottom, from(#9C9E9C), to(#848284)); + border-top: 1px solid #CDD5DF; + border-bottom: 1px solid #2D3642; + font-family: Helvetica; + font-size: 14px; + color: white; + text-align: center; + line-height: 23px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +/* Heading Arrow Button */ +.mblArrowButton { + position: relative; + float: left; + height: 25px; + margin-right: 6px; +} +.mblArrowButtonHead { + position: absolute; + top: 5px; + left: 9px; + width: 19px; + height: 16px; + border-width: 1px; + border-style: solid; + border-color: #3F3E3E; + -webkit-transform: scale(.8,1) rotate(45deg); + background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#7F7F7F), color-stop(0.5, #ADADAD), color-stop(0.5, #909090)); +} +.mblArrowButtonBody { + position: absolute; + top: 0px; + left: 19px; + padding: 0px 10px 0px 3px; + height: 23px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #3F3E3E; + font-family: Helvetica; + font-size: 13px; + color: white; + line-height: 23px; + cursor: pointer; + -webkit-border-radius: 5px; + background-color: #ADADAD; + background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#7F7F7F), color-stop(0.5, #ADADAD), color-stop(0.5, #909090)); + -webkit-tap-highlight-color: transparent; +} +.mblArrowButtonNeck { + position: absolute; + top: 0px; + left: 19px; + width: 4px; + height: 23px; + border-width: 1px 0px 1px 0px; + border-style: inset; + border-color: #3F3E3E; + background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#7F7F7F), color-stop(0.5, #ADADAD), color-stop(0.5, #909090)); +} +.mblArrowButtonSelected .mblArrowButtonHead { + background: -webkit-gradient(linear, left top, left bottom, from(#AD7500), to(#FFAA00), color-stop(0.06, #FFB200), color-stop(0.5, #FFC700)); +} +.mblArrowButtonSelected .mblArrowButtonBody, .mblArrowButtonSelected .mblArrowButtonNeck { + background-color: #FFC700; + background: -webkit-gradient(linear, left top, left bottom, from(#AD7500), to(#FFAA00), color-stop(0.06, #FFB200), color-stop(0.5, #FFC700)); +} + +/* ToolBarButton */ +.mblToolbarButton { + float: left; + position: relative; + margin: 0px 3px; + padding: 0px 10px; + height: 23px; + border: 1px inset #3F3E3E; + font-family: Helvetica; + font-size: 13px; + font-weight: bold; + color: white; + line-height: 23px; + text-align: center; + cursor: pointer; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-tap-highlight-color: transparent; +} + +/* dojox.mobile.TabBar */ +/*TODO: not optimized for android yet*/ +.mblTabBar { + position: relative; + height: 48px; + width: 100%; + margin: 0px; + padding: 0px; + background-color: #000000; + background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000)); + border-top: 1px solid #000000; + color: white; + text-align: center; + overflow: hidden; + white-space: nowrap; +} + +.mblTabBar .mblTabBarButton { + position: relative; + list-style-type: none; + float: left; +} + +/* dojox.mobile.TabBarButton */ +.mblTabBarButton { +} +.mblTabBarButtonAnchor { + display: block; + text-decoration: none; +} +.mblTabBarButtonDiv { + position: relative; + height: 34px; + width: 29px; + left: 50%; +} +.mblTabButton .mblTabBarButtonDiv { + height: 40px; +} +.mblTabBarButtonDivInner { + left: -50%; +} +.mblTabBarButtonIcon { + position: absolute; + left: 0px; + top: 2px; +} +.mblTabBar .mblTabBarButton.mblTabButtonSelected { + background-color: #404040; + background: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535), color-stop(0.5, #242424)); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.mblTabBarButtonTextBox { + color: #979797; + font-family: "Helvetica Neue", Helvetica; + font-size: 11px; +} +.mblTabButtonSelected .mblTabBarButtonTextBox { + color: white; +} + +/* 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); +} + +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + position: relative; + height: 22px; + margin: 0px; + padding: 0px 10px; + border-bottom: 1px solid #393439; + background-color: #212021; + font-family: Helvetica; + font-size: 16px; + color: white; + line-height: 22px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +/* dojox.mobile.RoundRectCategory */ +.mblRoundRectCategory { + color: white; + margin: 18px 0px 0px 20px; + font-family: Helvetica; + font-size: 16px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + margin: 7px 9px 16px; + padding: 0px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background-color: white; + position: relative; /* IE needs this */ +} + +/* dojox.mobile.EdgeToEdgeList */ +.mblEdgeToEdgeList { + padding: 0px; + background-color: black; + position: relative; /* IE needs this */ + margin: 0px; /* IE needs this */ +} + +/* dojox.mobile.ListItem */ +.mblListItem { + list-style-type: none; + height: 64px; + border-bottom: solid 1px #313431; + line-height: 64px; + font-size: 21px; + position: relative; + color: white; + background-color: black; + padding-left: 7px; +} +.mblListItemIcon { + position: absolute; + top: 18px; +} +.mblListItem.mblVariableHeight { + line-height: normal; + height: auto; + padding: 11px 6px 10px 6px; +} +.mblItemSelected { + background-color: #FFC700; + background: -webkit-gradient(linear, left top, left bottom, from(#AD7500), to(#FFAA00), color-stop(0.06, #FFB200), color-stop(0.5, #FFC700)); +} +.mblListItemTextBox { + padding-right: 28px; +} +.mblListItemTextBoxSelected { + background-color: #048BF4; +} +.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; +} +.mblEdgeToEdgeList .mblListItem:last-child { + border-bottom-color: #313431; +} +.mblListItem a.mblListItemAnchor { + background-position: 14px 17px; + display: block; + padding-left: 53px; + text-decoration: none; + -webkit-tap-highlight-color: transparent; +} +.mblListItem a.mblListItemAnchorNoIcon { + padding-left: 14px; +} +.mblItemSelected a.mblListItemAnchor { + color: black; +} +.mblListItem a.mblListItemAnchorHasRightButton { + padding-right: 50px; +} + +.mblListItem .mblArrow { + position: absolute; + top: 26px; + right: 12px; + width: 6px; + height: 6px; + font-size: 1px; + -webkit-transform: rotate(45deg); + border-width: 3px 3px 0px 0px; + border-style: solid; + border-color: #808080; +} +.mblItemSelected .mblArrow { + border-color: white; +} +.mblVariableHeight div.mblArrow { + top: 50%; + margin-top: -4px; +} + +.mblRightText { + position: absolute; + top: 20px; + right: 30px; + color: white; + line-height: normal; +} +.mblListItem .mblRightButtonContainer { + position: absolute; + top: 50%; + right: 12px; +} +.mblListItem .mblRightButton { + position: absolute; + top: -50%; +} +.mblListItemSubText { + font-size: 14px; + color: gray; +} + +/* Switch */ +.mblSwitch { + position: relative; + width: 94px; + height: 27px; + overflow: hidden; +} +.mblItemSwitch { + position: absolute; + top: 18px; + 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-border-radius: 2px; + -moz-border-radius: 2px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-tap-highlight-color: transparent; +} +.mblSwitchBgLeft { + left: 0px; + width: 94px; + color: white; + background-color: #00D300; + background: -webkit-gradient(linear, left top, left bottom, from(#00A200), to(#00D300), color-stop(0.2, #00BA00), color-stop(0.2, #00BA00)); +} +.mblSwitchBgRight { + left: 53px; + width: 94px; + color: #7F7F7F; + background-color: #EEEEEE; + background: -webkit-gradient(linear, left top, left bottom, from(#BDBEBD), to(#F7F3F7)); +} +.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; + line-height: 29px; + background-color: #CCCCCC; + background: -webkit-gradient(linear, left top, left bottom, from(#9C9A9C), to(#848284)); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} +.mblSwitchText { + position: relative; + top: 0px; + width: 53px; + height: 27px; + padding: 0px; + text-align: center; +} +.mblSwitchTextLeft { + left: 0px; +} +.mblSwitchTextRight { + left: 40px; +} + +/* Icon Container */ +.mblIconContainer { + padding: 0px; + margin: 20px 0px 0px 10px; + padding: 0px 0px 40px 0px; +} +.mblIconItem { + list-style-type: none; + float: left; +} +.mblIconItemTerminator { + list-style-type: none; + height: 20px; + clear: both; +} +.mblIconItemSub { + list-style-type: none; + margin-left: -10px; + background-color: white; + color: black; +} + +.mblIconArea { + font-family: Helvetica; + font-size: 12px; + height: 78px; + width: 74px; + text-align: center; + margin-bottom: 10px; + color: white; +} + +.mblIconArea DIV { + position: relative; + height: 65px; +} + +.mblIconArea IMG { + position: absolute; + top: 0px; + left: 6px; +} + +.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: vibrate; + -webkit-transform: rotate(0deg); +} +@-webkit-keyframes vibrate{ + 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; + } +} + +.mblCloseContent{ + -webkit-animation-duration: .3s; + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-name: shrink; + -webkit-transform: scale(0.01); +} +.mblCloseContent.mblShrink0{ + -webkit-animation-name: shrink0; +} +.mblCloseContent.mblShrink1{ + -webkit-animation-name: shrink1; +} +.mblCloseContent.mblShrink2{ + -webkit-animation-name: shrink2; +} +.mblCloseContent.mblShrink3{ + -webkit-animation-name: shrink3; +} +@-webkit-keyframes shrink{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: scale(0.01); } +} +@-webkit-keyframes shrink0{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(-40%,-70%) scale(0.01); } +} +@-webkit-keyframes shrink1{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(-14%,-70%) scale(0.01); } +} +@-webkit-keyframes shrink2{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(14%,-70%) scale(0.01); } +} +@-webkit-keyframes shrink3{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(40%,-70%) scale(0.01); } +} + +/* Icon Content Heading */ +.mblIconContentHeading { + position: relative; + clear: both; + height: 25px; + padding-left: 40px; + margin-top: 0px; + background: -webkit-gradient(linear, left top, left bottom, from(#E0E4E7), to(#B4BEC6), color-stop(0.5, #C4CCD2), color-stop(0.5, #BFC8CE)); + border-top: 1px solid #F1F3F4; + border-bottom: 1px solid #717D85; + font-family: Helvetica; + font-size: 14px; + color: white; + line-height: 26px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +/* dojox.mobile.Button */ +.mblButton { + padding: 0px 10px; + height: 29px; + border-width: 1px 1px 1px 1px; + border-style: outset; + color: white; + font-family: Helvetica; + font-size: 13px; + line-height: 29px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-tap-highlight-color: transparent; +} +.mblBlueButton { + border-color: #9CACC0; + 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)); + -webkit-tap-highlight-color: transparent; +} +.mblBlueButtonSelected { + background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} + +/* Tab Container */ +.mblTabContainer { +} + +.mblTabButton { + position: relative; + float: left; + list-style-type: none; + width: 78px; + text-align: center; + height: 61px; + margin-right: 2px; + border-width: 0px 1px 0px 1px; + border-style: solid; + border-color: black #182018 black #393C39; + font-family: Helvetica; + font-size: 13px; + color: white; + background-color: #212421; + background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#100C10), color-stop(0.1, #313031)); + -webkit-tap-highlight-color: transparent; +} +.mblTabButtonSelected.mblTabButton { + background-color: #8C8E8C; + background: -webkit-gradient(linear, left top, left bottom, from(#A59EA5), to(#848284)); +} +.mblTabButtonHighlighted.mblTabButton { + background-color: #FFB600; + background: -webkit-gradient(linear, left top, left bottom, from(#FFCB00), to(#FF9A00)); +} +.mblTabButtonImgDiv { + position: relative; + margin-left: 24px; + height: 40px; +} +.mblTabButton IMG { + position: absolute; + left: 0px; + margin-top: 8px; +} + +.mblTabPanelHeader { + position: relative; + height: 64px; + margin: 0px; + padding: 0px 0px 0px 0px; + background-color: #000000; + border-top: 1px solid #CDD5DF; + border-bottom: 2px solid #949694; + font-family: Helvetica; + font-size: 20px; + color: white; + text-align: center; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.mblTabPanelPane { +} + +.mblTabPane { +} + +/* Progress Indicator */ +.mblProgContainer { + position: absolute; + width: 36px; + height: 36px; + top: 180px; + left: 50%; + margin: -18px 0px 0px -18px; +} +.mblProg { + position: absolute; + left: 0px; + 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(-90deg); +} +.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(90deg); +} +.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); +} + +/* Button Colors */ +.mblColorBlue { + 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)); +} + +/* Default Button Colors */ +.mblColorDefault { /* Gray */ + background-color: #ADADAD; + background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#7F7F7F), color-stop(0.5, #ADADAD), color-stop(0.5, #909090)); +} + +.mblColorDefaultSel { /* Orange */ + background-color: #FFC700; + background: -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-1.6/dojox/mobile/themes/android/compat/arrow-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/arrow-button-bg.png Binary files differnew file mode 100644 index 0000000..7ac8061 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/arrow-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/arrow-button-head.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/arrow-button-head.png Binary files differnew file mode 100644 index 0000000..74ecb76 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/arrow-button-head.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/blue-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/blue-button-bg.png Binary files differnew file mode 100644 index 0000000..3bd558b --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/blue-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/blue-button-sel-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/blue-button-sel-bg.png Binary files differnew file mode 100644 index 0000000..6968458 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/blue-button-sel-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/gray-arrow.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/gray-arrow.png Binary files differnew file mode 100644 index 0000000..c93d17f --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/gray-arrow.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/heading-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/heading-bg.png Binary files differnew file mode 100644 index 0000000..8c3999b --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/heading-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/icon-content-heading-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/icon-content-heading-bg.png Binary files differnew file mode 100644 index 0000000..3daa1a8 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/icon-content-heading-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-blue-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-blue-bg.png Binary files differnew file mode 100644 index 0000000..78c9647 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-blue-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-gray-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-gray-bg.png Binary files differnew file mode 100644 index 0000000..04e884e --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-gray-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-green-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-green-bg.png Binary files differnew file mode 100644 index 0000000..182310a --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-green-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-knob-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-knob-bg.png Binary files differnew file mode 100644 index 0000000..e2d75fe --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/switch-knob-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/tab-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/tab-button-bg.png Binary files differnew file mode 100644 index 0000000..548ef73 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/tab-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/tab-orange-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/tab-orange-button-bg.png Binary files differnew file mode 100644 index 0000000..56f555b --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/tab-orange-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/compat/tab-sel-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/android/compat/tab-sel-button-bg.png Binary files differnew file mode 100644 index 0000000..c454088 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/compat/tab-sel-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/images/thumb-overlay-large.png b/js/dojo-1.6/dojox/mobile/themes/android/images/thumb-overlay-large.png Binary files differnew file mode 100644 index 0000000..dfac370 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/images/thumb-overlay-large.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/images/thumb-overlay-small.png b/js/dojo-1.6/dojox/mobile/themes/android/images/thumb-overlay-small.png Binary files differnew file mode 100644 index 0000000..b6836d9 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/images/thumb-overlay-small.png diff --git a/js/dojo-1.6/dojox/mobile/themes/android/images/thumb-overlay.png b/js/dojo-1.6/dojox/mobile/themes/android/images/thumb-overlay.png Binary files differnew file mode 100644 index 0000000..b16efec --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/android/images/thumb-overlay.png diff --git a/js/dojo-1.6/dojox/mobile/themes/buttons-compat.css b/js/dojo-1.6/dojox/mobile/themes/buttons-compat.css new file mode 100644 index 0000000..0c2a925 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/buttons-compat.css @@ -0,0 +1,30 @@ +.mblBlueMinusButton { + background-image: url(compat/small-blue-button-bg.png); +} +.mblDarkBlueMinusButton { + background-image: url(compat/small-darkblue-button-bg.png); +} +.mblRedMinusButton { + background-image: url(compat/small-red-button-bg.png); +} +.mblBluePlusButton { + background-image: url(compat/small-blue-button-bg.png); +} +.mblDarkBluePlusButton { + background-image: url(compat/small-darkblue-button-bg.png); +} +.mblRedPlusButton { + background-image: url(compat/small-red-button-bg.png); +} +.mblCheckOnButton { + background-image: url(compat/check-on-button.png); +} +.mblCheckOnButton DIV, .mblCheckOnButton P { + display: none; +} +.mblCheckOffButton { + background-image: url(compat/check-off-button.png); +} +.mblCheckOffButton DIV, .mblCheckOffButton P { + display: none; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/buttons.css b/js/dojo-1.6/dojox/mobile/themes/buttons.css new file mode 100644 index 0000000..0bf86ec --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/buttons.css @@ -0,0 +1,191 @@ +/* Minus Button */ +.mblBlueMinusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + 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)); +} +.mblDarkBlueMinusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + 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)); +} +.mblRedMinusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #cc1122; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + 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)); +} +.mblBlueMinusButton DIV, .mblDarkBlueMinusButton DIV, .mblRedMinusButton DIV { + position: absolute; + top: 7px; + left: 7px; + width: 8px; + height: 2px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; +} + +/* Plus Button */ +.mblBluePlusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + 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)); +} +.mblDarkBluePlusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + 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)); +} +.mblRedPlusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + 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)); +} +.mblBluePlusButton DIV, .mblDarkBluePlusButton DIV, .mblRedPlusButton DIV { + position: absolute; + top: 7px; + left: 7px; + width: 8px; + height: 2px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; +} +.mblBluePlusButton P, .mblDarkBluePlusButton P, .mblRedPlusButton P { + position: absolute; + top: 4px; + left: 10px; + width: 2px; + height: 8px; + margin: 0px; + font-size: 1px; + background-color: white; +} + +.mblCheckOnButton { + position: relative; + width: 30px; + height: 30px; + border-width: 1px; + border-style: outset; + border-color: #A5A2A5; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #D6D3D6; + background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); +} +.mblCheckOnButton 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); +} +.mblCheckOnButton P { + position: absolute; + top: 11px; + left: 9px; + width: 20px; + height: 4px; + margin: 0px; + font-size: 1px; + background-color: #00CF00; + border-bottom: 1px solid #4A5A71; + -webkit-border-radius: 2px; + -webkit-transform: rotate(-50deg); +} + +.mblCheckOffButton { + position: relative; + width: 30px; + height: 30px; + border-width: 1px; + border-style: outset; + border-color: #A5A2A5; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #D6D3D6; + background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); +} +.mblCheckOffButton DIV { + position: absolute; + top: 11px; + left: 9px; + width: 20px; + height: 4px; + font-size: 1px; + background-color: #BDBABD; + border-top: 1px solid #8C8E8C; + -webkit-border-radius: 2px; + -webkit-transform: rotate(-50deg); +} +.mblCheckOffButton P { + position: absolute; + top: 15px; + left: 3px; + width: 14px; + height: 4px; + font-size: 1px; + background-color: #BDBABD; + border-bottom: 1px solid #8C8E8C; + -webkit-border-radius: 2px; + -webkit-transform: rotate(50deg); +} diff --git a/js/dojo-1.6/dojox/mobile/themes/compat/check-off-button.png b/js/dojo-1.6/dojox/mobile/themes/compat/check-off-button.png Binary files differnew file mode 100644 index 0000000..fa7df3e --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/compat/check-off-button.png diff --git a/js/dojo-1.6/dojox/mobile/themes/compat/check-on-button.png b/js/dojo-1.6/dojox/mobile/themes/compat/check-on-button.png Binary files differnew file mode 100644 index 0000000..2cec24f --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/compat/check-on-button.png diff --git a/js/dojo-1.6/dojox/mobile/themes/compat/small-blue-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/compat/small-blue-button-bg.png Binary files differnew file mode 100644 index 0000000..8d524b7 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/compat/small-blue-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/compat/small-darkblue-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/compat/small-darkblue-button-bg.png Binary files differnew file mode 100644 index 0000000..f090e1d --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/compat/small-darkblue-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/compat/small-red-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/compat/small-red-button-bg.png Binary files differnew file mode 100644 index 0000000..f28eba3 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/compat/small-red-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons-compat.css b/js/dojo-1.6/dojox/mobile/themes/domButtons-compat.css new file mode 100644 index 0000000..7eb7954 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons-compat.css @@ -0,0 +1,6 @@ +/* DOM Buttons */ +@import url("domButtons/Common-compat.css"); +@import url("domButtons/DomButtonPlus-compat.css"); +@import url("domButtons/DomButtonUpArrow-compat.css"); +@import url("domButtons/DomButtonDownArrow-compat.css"); +@import url("domButtons/DomButtonSearch-compat.css"); diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons.css b/js/dojo-1.6/dojox/mobile/themes/domButtons.css new file mode 100644 index 0000000..54469e6 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons.css @@ -0,0 +1,6 @@ +/* DOM Buttons */ +@import url("domButtons/Common.css"); +@import url("domButtons/DomButtonPlus.css"); +@import url("domButtons/DomButtonUpArrow.css"); +@import url("domButtons/DomButtonDownArrow.css"); +@import url("domButtons/DomButtonSearch.css"); diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/Common-compat.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/Common-compat.css new file mode 100644 index 0000000..28d561c --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/Common-compat.css @@ -0,0 +1,3 @@ +.mblTabPanelHeader .mblDomButton { + background-position: 8px; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/Common.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/Common.css new file mode 100644 index 0000000..623b7ff --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/Common.css @@ -0,0 +1,6 @@ +.mblDomButton { + width: 11px; +} +.mblTabPanelHeader .mblDomButton { + width: 43px; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonDownArrow-compat.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonDownArrow-compat.css new file mode 100644 index 0000000..dfa3bb6 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonDownArrow-compat.css @@ -0,0 +1,8 @@ +/* === Down Arrow Button ==*/ +.mblDomButtonDownArrow_2 { + background-image: url(compat/downarrow-button.png); + background-repeat: no-repeat; +} +.mblDomButtonDownArrow_2 DIV { + display: none; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonDownArrow.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonDownArrow.css new file mode 100644 index 0000000..0dd359d --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonDownArrow.css @@ -0,0 +1,21 @@ +/* === Down Arrow Button ==*/ +.mblDomButtonDownArrow_2 DIV { + position: absolute; + left: 0px; + clip: rect(7px 50px 40px 0px); +} +.mblDomButtonDownArrow_2 DIV DIV { + top: -10px; + left: 4px; + width: 25px; + height: 25px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; + -webkit-transform: scaleX(0.6) rotate(45deg); + -moz-transform: scaleX(0.6) rotate(45deg); +} +.mblTabPanelHeader .mblDomButtonDownArrow_2 DIV DIV { + left: 11px; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonPlus-compat.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonPlus-compat.css new file mode 100644 index 0000000..dc9c61c --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonPlus-compat.css @@ -0,0 +1,8 @@ +/* === Plus Button ==*/ +.mblDomButtonPlus_2 { + background-image: url(compat/plus-button.png); + background-repeat: no-repeat; +} +.mblDomButtonPlus_2 DIV { + display: none; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonPlus.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonPlus.css new file mode 100644 index 0000000..34e79a6 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonPlus.css @@ -0,0 +1,18 @@ +/* === Plus Button ==*/ +.mblDomButtonPlus_2 DIV { /* horiz line */ + position: absolute; + top: 11px; + left: 9px; + width: 13px; + height: 3px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; +} +.mblDomButtonPlus_2 DIV DIV { /* vert line */ + top: -6px; + left: 5px; + width: 3px; + height: 13px; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonSearch-compat.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonSearch-compat.css new file mode 100644 index 0000000..f0f51dc --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonSearch-compat.css @@ -0,0 +1,12 @@ +/* === Search Button ==*/ +.mblDomButtonSearch_2 { + background-image: url(compat/search-button.png); + background-repeat: no-repeat; +} +.mblDomButtonSearch_2 DIV { + display: none; +} + +.dj_ie6 .mblDomButtonSearch_2 { + background-image: url(compat/search-button.gif); +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonSearch.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonSearch.css new file mode 100644 index 0000000..477f569 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonSearch.css @@ -0,0 +1,33 @@ +/* === Search Button ==*/ +.mblDomButtonSearch_2 DIV { + position: absolute; + top: 5px; + left: 6px; + width: 10px; + height: 10px; + margin: 0px; + font-size: 1px; + border: 2px solid white; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; +} +.mblDomButtonSearch_2 DIV DIV { + top: 10px; + left: 7px; + width: 8px; + height: 3px; + margin: 0px; + font-size: 1px; + background-color: white; + border: none; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; +} +.mblTabPanelHeader .mblDomButtonSearch_2 DIV { + left: 11px; +} +.mblTabPanelHeader .mblDomButtonSearch_2 DIV DIV { + left: 7px; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonUpArrow-compat.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonUpArrow-compat.css new file mode 100644 index 0000000..6cc860a --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonUpArrow-compat.css @@ -0,0 +1,8 @@ +/* === Up Arrow Button ==*/ +.mblDomButtonUpArrow_2 { + background-image: url(compat/uparrow-button.png); + background-repeat: no-repeat; +} +.mblDomButtonUpArrow_2 DIV { + display: none; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonUpArrow.css b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonUpArrow.css new file mode 100644 index 0000000..b6298e4 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/DomButtonUpArrow.css @@ -0,0 +1,21 @@ +/* === Up Arrow Button ==*/ +.mblDomButtonUpArrow_2 DIV { + position: absolute; + left: 0px; + clip: rect(0px 30px 20px 0px); +} +.mblDomButtonUpArrow_2 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); + -moz-transform: scaleX(0.6) rotate(45deg); +} +.mblTabPanelHeader .mblDomButtonUpArrow_2 DIV DIV { + left: 11px; +} diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/downarrow-button.png b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/downarrow-button.png Binary files differnew file mode 100644 index 0000000..add30b8 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/downarrow-button.png diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/plus-button.png b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/plus-button.png Binary files differnew file mode 100644 index 0000000..4b2a010 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/plus-button.png diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/search-button.gif b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/search-button.gif Binary files differnew file mode 100644 index 0000000..7087ef6 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/search-button.gif diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/search-button.png b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/search-button.png Binary files differnew file mode 100644 index 0000000..ca09ddb --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/search-button.png diff --git a/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/uparrow-button.png b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/uparrow-button.png Binary files differnew file mode 100644 index 0000000..78c1331 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/domButtons/compat/uparrow-button.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/arrow-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/arrow-button-bg.png Binary files differnew file mode 100644 index 0000000..5efaa9e --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/arrow-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/arrow-button-head.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/arrow-button-head.png Binary files differnew file mode 100644 index 0000000..85beb43 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/arrow-button-head.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/blue-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/blue-button-bg.png Binary files differnew file mode 100644 index 0000000..3bd558b --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/blue-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/blue-button-sel-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/blue-button-sel-bg.png Binary files differnew file mode 100644 index 0000000..6968458 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/blue-button-sel-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/edge-categ-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/edge-categ-bg.png Binary files differnew file mode 100644 index 0000000..3a62e14 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/edge-categ-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/gray-arrow.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/gray-arrow.png Binary files differnew file mode 100644 index 0000000..c93d17f --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/gray-arrow.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/heading-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/heading-bg.png Binary files differnew file mode 100644 index 0000000..888a92e --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/heading-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/icon-content-heading-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/icon-content-heading-bg.png Binary files differnew file mode 100644 index 0000000..3daa1a8 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/icon-content-heading-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/ipad-arrow-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/ipad-arrow-button-bg.png Binary files differnew file mode 100644 index 0000000..b2afca9 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/ipad-arrow-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/ipad-arrow-button-head.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/ipad-arrow-button-head.png Binary files differnew file mode 100644 index 0000000..503c685 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/ipad-arrow-button-head.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/ipad-heading-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/ipad-heading-bg.png Binary files differnew file mode 100644 index 0000000..614bbbd --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/ipad-heading-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/switch-blue-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/switch-blue-bg.png Binary files differnew file mode 100644 index 0000000..78c9647 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/switch-blue-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/switch-gray-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/switch-gray-bg.png Binary files differnew file mode 100644 index 0000000..04e884e --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/switch-gray-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/switch-knob-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/switch-knob-bg.png Binary files differnew file mode 100644 index 0000000..e2d75fe --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/switch-knob-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/tab-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/tab-button-bg.png Binary files differnew file mode 100644 index 0000000..f8d6ef0 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/tab-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/tab-sel-button-bg.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/tab-sel-button-bg.png Binary files differnew file mode 100644 index 0000000..c3b0a33 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/tab-sel-button-bg.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/compat/white-arrow.png b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/white-arrow.png Binary files differnew file mode 100644 index 0000000..84e435a --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/compat/white-arrow.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/images/thumb-overlay-large.png b/js/dojo-1.6/dojox/mobile/themes/iphone/images/thumb-overlay-large.png Binary files differnew file mode 100644 index 0000000..dfac370 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/images/thumb-overlay-large.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/images/thumb-overlay-small.png b/js/dojo-1.6/dojox/mobile/themes/iphone/images/thumb-overlay-small.png Binary files differnew file mode 100644 index 0000000..b6836d9 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/images/thumb-overlay-small.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/images/thumb-overlay.png b/js/dojo-1.6/dojox/mobile/themes/iphone/images/thumb-overlay.png Binary files differnew file mode 100644 index 0000000..b16efec --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/images/thumb-overlay.png diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/ipad-compat.css b/js/dojo-1.6/dojox/mobile/themes/iphone/ipad-compat.css new file mode 100644 index 0000000..5775d6c --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/ipad-compat.css @@ -0,0 +1,12 @@ +/* mbl.widget.Heading */ +.mblHeading { + background-image: url(compat/ipad-heading-bg.png); +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + background-image: url(compat/ipad-arrow-button-head.png); +} +.mblArrowButtonBody { + background-image: url(compat/ipad-arrow-button-bg.png); +} diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/ipad.css b/js/dojo-1.6/dojox/mobile/themes/iphone/ipad.css new file mode 100644 index 0000000..6e6ad62 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/ipad.css @@ -0,0 +1,66 @@ +/* dojox.mobile.View */ + +/* dojox.mobile.Heading */ +.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; +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + border-color: #4D4E50; + background: -webkit-gradient(linear, left top, right bottom, from(#B1B5BB), to(#6A727D)); +} +.mblArrowButtonBody { + border-color: #C0C0C0; + background-color: #5877A2; + background: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D)); + -webkit-tap-highlight-color: transparent; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; +} +.mblArrowButtonNeck { + border-color: #C0C0C0; + background: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D)); +} +.mblArrowButtonSelected .mblArrowButtonHead { + background: -webkit-gradient(linear, left top, right bottom, from(#9DA0A3), to(#43484F)); +} +.mblArrowButtonSelected .mblArrowButtonBody, .mblArrowButtonSelected .mblArrowButtonNeck { + background: -webkit-gradient(linear, left top, left bottom, from(#9DA0A3), to(#43484F)); +} + +/* dojox.mobile.RoundRect */ +.mblRoundRect { + margin: 7px 30px 30px 30px; +} +.mblHeading + .mblRoundRect { + margin-top: 30px; +} + +/* dojox.mobile.EdgeToEdgeCategory */ +/* dojox.mobile.RoundRectCategory */ +.mblRoundRectCategory { + margin: 18px 0px 0px 41px; +} + +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + margin: 7px 30px 30px 30px; +} +.mblHeading + .mblRoundRectList { + margin-top: 30px; +} + +/* dojox.mobile.EdgeToEdgeList */ +/* dojox.mobile.ListItem */ +/* Switch */ +/* Icon Container */ +/* Icon Content Heading */ +/* dojox.mobile.Button */ +/* Tab Container */ +/* Progress Indicator */ + diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/iphone-app-compat.css b/js/dojo-1.6/dojox/mobile/themes/iphone/iphone-app-compat.css new file mode 100644 index 0000000..dc0a814 --- /dev/null +++ b/js/dojo-1.6/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-1.6/dojox/mobile/themes/iphone/iphone-app.css b/js/dojo-1.6/dojox/mobile/themes/iphone/iphone-app.css new file mode 100644 index 0000000..3cf25ce --- /dev/null +++ b/js/dojo-1.6/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.out { + position: absolute; +} + +.alertDialog.in { + position: absolute; +} + +.slidev.out { + -webkit-animation-duration: .4s; + -webkit-animation-name: slideOut; + -webkit-animation-timing-function: linear; + -webkit-transform: translateY(-100%); +} +.slidev.in { + -webkit-animation-duration: .4s; + -webkit-animation-name: slideIn; + -webkit-animation-timing-function: linear; + -webkit-transform: translateY(0px); +} +.slidev.out.reverse { + -webkit-animation-name: slideOutReverse; +} +.slidev.in.reverse { + -webkit-animation-name: slideInReverse; +} + +.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-1.6/dojox/mobile/themes/iphone/iphone-compat.css b/js/dojo-1.6/dojox/mobile/themes/iphone/iphone-compat.css new file mode 100644 index 0000000..874b489 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/iphone-compat.css @@ -0,0 +1,297 @@ +/* mbl.widget.Heading */ +.mblHeading { + background-image: url(compat/heading-bg.png); +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + position: absolute; + top: 6px; + left: 7px; + width: 19px; + height: 29px; + border-style: none; + background-image: url(compat/arrow-button-head.png); +} +.mblArrowButtonBody { + padding: 0px 10px 0px 10px; + background-image: url(compat/arrow-button-bg.png); +} + +/* 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; +} + +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + background-image: url(compat/edge-categ-bg.png); +} + +/* mbl.widget.ListItem */ +*html li.mblListItem.mblVariableHeight { /* IE6 hack */ + height: 0; +} + +.mblListItem .mblArrow { + border-style: none; + top: 16px; + width: 9px; + height: 13px; + background-image: url(compat/gray-arrow.png); +} +.mblItemSelected .mblArrow { + background-image: url(compat/white-arrow.png); +} + +/* dojox.mobile.TabBarButton */ +.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv { + left: auto; +} + +/* Switch */ +.mblSwitchInner { + width: 100px; +} +.mblSwitchBg { + border: none; +} +.mblSwitchBgLeft { + width: 89px; + background: none; +} +.mblSwitchBgRight { + width: 89px; + left: 58px; + background: none; +} +.mblSwitchKnobContainer { + position: relative; + left: 53px; + width: 41px; + height: 26px; +} +.mblSwitchKnob { + position: relative; + top: 0px; + left: 0px; + width: auto; + height: 21px; + background-image: url(compat/switch-knob-bg.png); + border-width: 0px 1px; + -moz-border-radius: 0px; +} +.mblSwitchCorner { + position: relative; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #878787; +} +.mblSwitchCorner1T { + background-color: #848684; + margin: 0px 4px; + border-width: 0px; +} +.mblSwitchCorner2T { + background-color: #C0C0C0; + margin: 0px 2px; + border-width: 0px 2px; +} +.mblSwitchCorner3T { + background-color: #C6C7C6; + margin: 0px 1px; + border-width: 0px 1px; +} + +.mblSwitchCorner1B { + background-color: #FBFBFB; + margin: 0px 1px; + border-width: 0px 1px; +} +.mblSwitchCorner2B { + background-color: #FBFBFB; + margin: 0px 2px; + border-width: 0px 2px; +} +.mblSwitchCorner3B { + background-color: #878787; + margin: 0px 4px; + border-width: 0px; +} + +.mblSwitchBgLeft .mblSwitchCorner1T { + border-width: 0px 2px; + background-color: #093889; +} +.mblSwitchBgLeft .mblSwitchCorner2T { + background-color: #285AB2; +} +.mblSwitchBgLeft .mblSwitchCorner3T { + background-color: #285AB2; +} + +.mblSwitchBgLeft .mblSwitchCorner1B { + background-color: #66A1F6; +} +.mblSwitchBgLeft .mblSwitchCorner2B { + background-color: #66A1F6; +} +.mblSwitchBgLeft .mblSwitchCorner3B { + background-color: #5289D7; +} + +.mblSwitchText { + height: 21px; + line-height: 21px; +} +.mblSwitchTextLeft { + background-image: url(compat/switch-blue-bg.png); + border-left: 1px solid #848684; +} +.mblSwitchTextRight { + background-image: url(compat/switch-gray-bg.png); + left: 35px; + border-right: 1px solid #848684; +} + +/* Icon Content Heading */ +.mblIconContentHeading { + background-image: url(compat/icon-content-heading-bg.png); +} + +/* dojox.mobile.Button */ +.mblBlueButton { + background-image: url(compat/blue-button-bg.png); +} +.mblBlueButtonSelected { + background-image: url(compat/blue-button-sel-bg.png); +} + +/* Tab Container */ +.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) + ); +} + +/* 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-1.6/dojox/mobile/themes/iphone/iphone.css b/js/dojo-1.6/dojox/mobile/themes/iphone/iphone.css new file mode 100644 index 0000000..c6b07c5 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/iphone.css @@ -0,0 +1,858 @@ +body { + visibility: hidden; +} + +html.mobile, .mobile body { + width: 100%; + margin: 0px; + padding: 0px; +} +.mobile body { + overflow-x: hidden; + -webkit-text-size-adjust: none; + background-color: rgb(197,204,211); + font-family: Helvetica; + font-size: 17px; +} + +/* dojox.mobile.View */ +.mblView { + position: relative; + top: 0px; + left: 0px; + width: 100%; +} + +.mblView.out { +} + +.mblView.in { + position: absolute; +} + +.slide.out { + -webkit-animation-duration: .4s; + -webkit-animation-name: slideOut; + -webkit-animation-timing-function: linear; + -webkit-transform: translateX(-100%); +} +.slide.in { + -webkit-animation-duration: .4s; + -webkit-animation-name: slideIn; + -webkit-animation-timing-function: linear; + -webkit-transform: translateX(0px); +} +.slide.out.reverse { + -webkit-animation-name: slideOutReverse; +} +.slide.in.reverse { + -webkit-animation-name: slideInReverse; +} +@-webkit-keyframes slideOut { + from { -webkit-transform: translateX(0px); } + to { -webkit-transform: translateX(-100%); } +} +@-webkit-keyframes slideIn { + from { -webkit-transform: translateX(100%); } + to { -webkit-transform: translateX(0px); } +} +@-webkit-keyframes slideOutReverse { + from { -webkit-transform: translateX(0px); } + to { -webkit-transform: translateX(100%); } +} +@-webkit-keyframes slideInReverse { + from { -webkit-transform: translateX(-100%); } + to { -webkit-transform: translateX(0px); } +} + +.flip.out { + -webkit-animation-duration: .6s; + -webkit-animation-name: flipOut; + -webkit-animation-timing-function: ease-in; + -webkit-transform: rotateY(90deg); +} +.flip.in { + -webkit-animation-duration: .6s; + -webkit-animation-name: flipIn; + -webkit-animation-timing-function: ease-out; +} +@-webkit-keyframes flipOut { + 0% { -webkit-transform: rotateY(0deg) scale(1); } + 50% { -webkit-transform: rotateY(90deg) scale(.8); } + 100% { -webkit-transform: rotateY(90deg) scale(.8); } +} + +@-webkit-keyframes flipIn { + 0% { -webkit-transform: rotateY(90deg) scale(.8); } + 50% { -webkit-transform: rotateY(90deg) scale(.8); } + 100% { -webkit-transform: rotateY(0deg) scale(1); } +} + +.fade.out { + -webkit-animation-duration: 1s; + -webkit-animation-name: fadeOut; + -webkit-animation-timing-function: ease-in; +} +.fade.out.fast { + -webkit-animation-duration: 0.3s; +} +.fade.in { + -webkit-animation-duration: 1s; + -webkit-animation-name: fadeIn; + -webkit-animation-timing-function: ease-out; +} +@-webkit-keyframes fadeOut { + from { opacity: 1; } + to { opacity: 0; } +} + +@-webkit-keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +/* dojox.mobile.Heading */ +.mblHeading { + position: relative; + 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; + z-index: 1; +} + +/* Heading Arrow Button */ +.mblArrowButton { + position: relative; + float: left; + height: 42px; + margin-right: 6px; +} +.mblArrowButtonHead { + position: absolute; + top: 11px; + left: 8px; + width: 19px; + height: 19px; + border-width: 1px; + border-style: solid; + border-color: #3A4655; + -webkit-transform: scale(.8,1) rotate(45deg); + background: -webkit-gradient(linear, left top, right bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblArrowButtonBody { + position: absolute; + top: 6px; + left: 19px; + padding: 0px 10px 0px 3px; + 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; + cursor: pointer; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + 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)); + -webkit-tap-highlight-color: transparent; +} +.mblArrowButtonNeck { + position: absolute; + top: 6px; + left: 19px; + width: 4px; + height: 29px; + border-width: 1px 0px 1px 0px; + border-style: inset; + border-color: #9CACC0; + background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblArrowButtonSelected .mblArrowButtonHead { + background: -webkit-gradient(linear, left top, right bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69)); +} +.mblArrowButtonSelected .mblArrowButtonBody, .mblArrowButtonSelected .mblArrowButtonNeck { + background: -webkit-gradient(linear, left top, left bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69)); +} + +/* ToolBarButton */ +.mblToolbarButton { + float: left; + position: relative; + margin: 6px; + padding: 0px 10px; + height: 29px; + border: 1px inset #9CACC0; + font-family: Helvetica; + font-size: 13px; + font-weight: bold; + color: white; + line-height: 29px; + text-align: center; + cursor: pointer; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-tap-highlight-color: transparent; +} + +/* dojox.mobile.TabBar */ +.mblTabBar { + position: relative; + height: 48px; + width: 100%; + margin: 0px; + padding: 0px; + background-color: #000000; + background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000)); + border-top: 1px solid #000000; + color: white; + text-align: center; + overflow: hidden; + white-space: nowrap; +} + +.mblTabBar .mblTabBarButton { + position: relative; + list-style-type: none; + float: left; +} + +/* dojox.mobile.TabBarButton */ +.mblTabBarButton { +} +.mblTabBarButtonAnchor { + display: block; + text-decoration: none; +} +.mblTabButton .mblTabBarButtonAnchor { + height: 28px; +} +.mblTabBarButtonDiv { + position: relative; + height: 34px; + width: 29px; + left: 50%; +} +.mblTabButton .mblTabBarButtonDiv { + display: none; +} +.mblTabBarButtonDivInner { + left: -50%; +} +.mblTabBarButtonIcon { + position: absolute; + left: 0px; + top: 2px; +} +.mblTabBar .mblTabBarButton.mblTabButtonSelected { + background-color: #404040; + background: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535), color-stop(0.5, #242424)); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.mblTabBarButtonTextBox { + color: #979797; + font-family: "Helvetica Neue", Helvetica; + font-size: 11px; +} +.mblTabButtonSelected .mblTabBarButtonTextBox { + color: white; +} + +/* 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); +} + +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + position: relative; + height: 22px; + margin: 0px; + padding: 0px 10px; + border-top: 1px solid #A4B0B9; + border-bottom: 1px solid #979DA3; + background: -webkit-gradient(linear, left top, left bottom, from(#8F9EA9), to(#B7C0C7)); + font-family: Helvetica; + font-weight: bold; + font-size: 16px; + color: white; + line-height: 22px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +/* dojox.mobile.RoundRectCategory */ +.mblRoundRectCategory { + color: #4C566C; + padding: 18px 0px 0px 20px; + margin: 0px; + text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px; + font-family: Helvetica; + font-size: 16px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + margin: 7px 9px 16px 9px; + padding: 0px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background-color: white; + position: relative; /* IE needs this */ +} + +/* dojox.mobile.EdgeToEdgeList */ +.mblEdgeToEdgeList { + padding: 0px; + background-color: white; + position: relative; /* IE needs this */ + margin: 0px; /* IE needs this */ +} + +/* dojox.mobile.ListItem */ +.mblListItem { + list-style-type: none; + height: 43px; + border-bottom: 1px solid #ADAAAD; + line-height: 43px; + font-weight: bold; + position: relative; + color: black; + vertical-align: bottom; /* To avoid IE6 LI bug */ + padding-left: 8px; +} +.mblListItemIcon { + position: absolute; + top: 7px; +} +.mblListItem.mblVariableHeight { + line-height: normal; + height: auto; + padding: 11px 6px 10px 6px; +} +.mblItemSelected { + background-color: #048BF4; + background: -webkit-gradient(linear, left top, left bottom, from(#048BF4), to(#005CE5)); +} +.mblListItemTextBox { + padding-right: 28px; +} +.mblListItemTextBoxSelected { + background-color: #048BF4; +} +.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; +} +.mblEdgeToEdgeList .mblListItem:last-child { + border-bottom-color: #707C84; +} +.mblListItem a.mblListItemAnchor { + background-position: 9px 7px; + display: block; + padding-left: 40px; + text-decoration: none; + -webkit-tap-highlight-color: transparent; +} +.mblListItem a.mblListItemAnchorNoIcon { + padding-left: 10px; +} +.mblItemSelected a.mblListItemAnchor { + color: white; +} +.mblListItem a.mblListItemAnchorHasRightButton { + padding-right: 40px; +} + +.mblListItem .mblArrow { + position: absolute; + top: 18px; + right: 12px; + width: 6px; + height: 6px; + font-size: 1px; + -webkit-transform: rotate(45deg); + border-width: 3px 3px 0px 0px; + border-style: solid; + border-color: #808080; +} +.mblItemSelected .mblArrow { + border-color: white; +} +.mblVariableHeight div.mblArrow { + top: 50%; + margin-top: -4px; +} + +.mblRightText { + position: absolute; + top: 12px; + right: 30px; + color: #324F85; + line-height: normal; +} +.mblListItem .mblRightButtonContainer { + position: absolute; + top: 50%; + right: 12px; +} +.mblListItem .mblRightButton { + position: absolute; + top: -50%; +} + +/* Switch */ +.mblSwitch { + position: relative; + width: 94px; + height: 27px; + overflow: hidden; +} +.mblItemSwitch { + position: absolute; + top: 8px; + 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-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-tap-highlight-color: transparent; +} +.mblSwitchBgLeft { + left: 0px; + width: 94px; + color: white; + background-color: #3F84EB; + background: -webkit-gradient(linear, left top, left bottom, from(#2859B1), to(#75ACFB), color-stop(0.5, #3F84EB), color-stop(0.5, #4C8EEE)); +} +.mblSwitchBgRight { + left: 53px; + width: 94px; + color: #7F7F7F; + background-color: #EEEEEE; + background: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#FDFDFD), color-stop(0.5, #EEEEEE), color-stop(0.5, #F8F8F8)); +} +.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; + line-height: 29px; + background-color: #CCCCCC; + background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FAFAFA)); + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} +.mblSwitchText { + position: relative; + top: 0px; + width: 53px; + height: 27px; + padding: 0px; + text-align: center; +} +.mblSwitchTextLeft { + left: 0px; +} +.mblSwitchTextRight { + left: 40px; +} + +/* Icon Container */ +.mblIconContainer { + padding: 0px; + margin: 20px 0px 0px 10px; + padding: 0px 0px 40px 0px; +} +.mblIconItem { + list-style-type: none; + float: left; +} +.mblIconItemTerminator { + list-style-type: none; + height: 20px; + clear: both; +} +.mblIconItemSub { + list-style-type: none; + margin-left: -10px; + background-color: white; +} + +.mblIconArea { + font-family: Helvetica; + font-size: 12px; + height: 78px; + width: 74px; + text-align: center; + margin-bottom: 10px; +} + +.mblIconArea DIV { + position: relative; + height: 65px; +} + +.mblIconArea IMG { + position: absolute; + top: 0px; + left: 6px; +} + +.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: vibrate; + -webkit-transform: rotate(0deg); +} +@-webkit-keyframes vibrate{ + 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; + } +} + +.mblCloseContent{ + -webkit-animation-duration: .3s; + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-name: shrink; + -webkit-transform: scale(0.01); +} +.mblCloseContent.mblShrink0{ + -webkit-animation-name: shrink0; +} +.mblCloseContent.mblShrink1{ + -webkit-animation-name: shrink1; +} +.mblCloseContent.mblShrink2{ + -webkit-animation-name: shrink2; +} +.mblCloseContent.mblShrink3{ + -webkit-animation-name: shrink3; +} +@-webkit-keyframes shrink{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: scale(0.01); } +} +@-webkit-keyframes shrink0{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(-40%,-70%) scale(0.01); } +} +@-webkit-keyframes shrink1{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(-14%,-70%) scale(0.01); } +} +@-webkit-keyframes shrink2{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(14%,-70%) scale(0.01); } +} +@-webkit-keyframes shrink3{ + from { -webkit-transform: scale(1); } + to { -webkit-transform: translate(40%,-70%) scale(0.01); } +} + +/* Icon Content Heading */ +.mblIconContentHeading { + position: relative; + clear: both; + height: 25px; + padding-left: 40px; + margin-top: 0px; + background: -webkit-gradient(linear, left top, left bottom, from(#E0E4E7), to(#B4BEC6), color-stop(0.5, #C4CCD2), color-stop(0.5, #BFC8CE)); + border-top: 1px solid #F1F3F4; + border-bottom: 1px solid #717D85; + font-family: Helvetica; + font-size: 14px; + color: white; + line-height: 26px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +/* dojox.mobile.Button */ +.mblButton { + padding: 0px 10px; + height: 29px; + border-width: 1px 1px 1px 1px; + border-style: outset; + color: white; + font-family: Helvetica; + font-size: 13px; + line-height: 29px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-tap-highlight-color: transparent; +} +.mblBlueButton { + border-color: #9CACC0; + 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)); + -webkit-tap-highlight-color: transparent; +} +.mblBlueButtonSelected { + background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblRedButton { + border-color: #9CACC0; + background-color: #366EDF; + background: -webkit-gradient(linear, left top, left bottom, from(#FA9D58), to(#EE4115), color-stop(0.5, #FF4D25), color-stop(0.5, #ED4D15)); + -webkit-tap-highlight-color: transparent; +} +.mblRedButtonSelected { + background: -webkit-gradient(linear, left top, left bottom, from(#C1A48E), to(#9B6C4A), color-stop(0.5, #A27758), color-stop(0.5, #996947)); +} + +/* Tab Container */ +.mblTabContainer { +} + +.mblTabButton { + float: left; + position: relative; + list-style-type: none; + width: 100px; + text-align: center; + height: 28px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #9CACC0; + border-right-color: #5E708A; + font-family: Helvetica; + font-size: 13px; + color: white; + cursor: pointer; + line-height: 29px; + background: -webkit-gradient(linear, left top, left bottom, from(#ABB9CA), to(#788DA9), color-stop(0.5, #8297AF), color-stop(0.5, #768BA7)); + -webkit-tap-highlight-color: transparent; +} +.mblTabButton:first-child { + -webkit-border-top-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-bottomleft: 5px; + border-left-width: 1px; +} +.mblTabButton:last-child { + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-topright: 5px; + -moz-border-radius-bottomright: 5px; + border-right-color: #9CACC0; +} +.mblTabPanelHeader .mblTabButton.mblTabButtonSelected { + 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)); +} +.mblTabButtonImgDiv { + display: none; +} + +.mblTabPanelHeader { + position: relative; + height: 39px; + margin: 0px; + padding: 3px 0px 0px 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; +} + +.mblTabPanelPane { +} + +.mblTabPane { +} + +/* Progress Indicator */ +.mblProgContainer { + position: absolute; + width: 36px; + height: 36px; + top: 180px; + left: 50%; + margin: -18px 0px 0px -18px; +} +.mblProg { + position: absolute; + left: 0px; + 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(-90deg); +} +.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(90deg); +} +.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); +} + +/* Button Colors */ +.mblColorBlue { + 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)); +} + +/* Default Button Colors */ +.mblColorDefault { /* Dark Blue */ + 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)); +} + +.mblColorDefaultSel { /* More Dark Blue */ + background-color: #394D77; + background: -webkit-gradient(linear, left top, left bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69)); +} |
