diff options
Diffstat (limited to 'js/dojo/dojox/mobile/themes/iphone')
119 files changed, 3169 insertions, 0 deletions
diff --git a/js/dojo/dojox/mobile/themes/iphone/Button-compat.css b/js/dojo/dojox/mobile/themes/iphone/Button-compat.css new file mode 100644 index 0000000..dccf89b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Button-compat.css @@ -0,0 +1,33 @@ +/* dojox.mobile.Button */ +.mblButton { + background-color: #cfcfcf; + background-image: url(compat/button-bg.png); + background-repeat: repeat-x; + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +.mblButtonSelected { + background-color: #c0c0c0; + background-image: url(compat/button-sel-bg.png); +} +.mblButtonDisabled { + background-image: none; +} +.mblBlueButton { + background-color: #2261dd; + background-image: url(compat/blue-button-bg.png); +} +.mblBlueButtonSelected { + background-color: #4a6c9b; + background-image: url(compat/blue-button-sel-bg.png); +} +.mblRedButton { + background-color: #ee4115; + background-image: url(compat/red-button-bg.png); +} +.mblRedButtonSelected { + background-color: #9b6c4a; + background-image: url(compat/red-button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Button.css b/js/dojo/dojox/mobile/themes/iphone/Button.css new file mode 100644 index 0000000..9ed5a9d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Button.css @@ -0,0 +1,45 @@ +/* dojox.mobile.Button */ +.mblButton { + cursor: pointer; + outline: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + padding: 0px 10px; + height: 29px; + border: #9CACC0 1px outset; + -webkit-border-radius: 5px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee)); + color: black; + font-family: Helvetica; + font-size: 13px; + line-height: 29px; +} +.mblButton.mblBlueButton { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); + color: white; +} +.mblButton.mblBlueButtonSelected { + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); + color: white; +} +.mblButton.mblRedButton { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fa9d58), to(#ee4115), color-stop(0.5, #ff4d25), color-stop(0.5, #ed4d15)); + color: white; +} +.mblButton.mblRedButtonSelected { + background-image: -webkit-gradient(linear, left top, left bottom, from(#c1a48e), to(#9b6c4a), color-stop(0.5, #a27758), color-stop(0.5, #996947)); + color: white; +} +.mblButtonSelected { + background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); + color: black; +} +.mblButtonDisabled, .mblButton:disabled { + cursor: default; + border-color: grey; + background-image: none; + color: grey; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Button.less b/js/dojo/dojox/mobile/themes/iphone/Button.less new file mode 100644 index 0000000..ab3a96c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Button.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Button.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Carousel.css b/js/dojo/dojox/mobile/themes/iphone/Carousel.css new file mode 100644 index 0000000..a415950 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Carousel.css @@ -0,0 +1,60 @@ +/* dojox.mobile.Carousel */ +.mblCarousel { + overflow: hidden; +} +.mblCarouselBox { + position: relative; + float: left; +} +.mblCarouselImg { + -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); + vertical-align: bottom; +} +.mblCarouselImgSelected { + border: 1px dashed #C0C0C0; + -webkit-box-shadow: none; +} +.mblCarouselImgHeaderText { + color: white; + font: 14px arial, helvetica, clean, sans-serif; +} +.mblCarouselImgFooterText { + color: white; + font: 14px arial, helvetica, clean, sans-serif; +} +.mblCarouselHeaderBar { + background-color: #3A3A3B; + color: #B1B1B1; + font: bold 16px arial, helvetica, clean, sans-serif; + padding: 1px; +} +.mblCarouselBtnContainer { + float: right; +} +.mblCarouselBtn { + height: 18px; + width: 46px; + font: bold 14px arial, helvetica, clean, sans-serif; + color: gray; + padding-top: 0px; + margin: 0px 2px; + border-width: 1px; + /* workaround for android problem */ + +} +.mblCarouselTitle { + margin: 2px 0px 2px 4px; +} +.mblCarouselHeaderBar .mblPageIndicator { + float: right; + width: auto; + padding: 0px 20px; +} +.mblCarouselHeaderBar .mblPageIndicatorContainer { + margin-left: 0px; + margin-right: 0px; +} +.mblCarouselPages { + position: relative; + text-align: center; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Carousel.less b/js/dojo/dojox/mobile/themes/iphone/Carousel.less new file mode 100644 index 0000000..d717397 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Carousel.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Carousel.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/CheckBox-compat.css b/js/dojo/dojox/mobile/themes/iphone/CheckBox-compat.css new file mode 100644 index 0000000..99aade2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/CheckBox-compat.css @@ -0,0 +1,36 @@ +/* dojox.mobile.CheckBox */ +.mblCheckBox { + background-image: url(compat/button-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; + -moz-appearance: none; + -o-appearance: none; + -ms-appearance: none; + appearance: none; + -o-transform: translateY(0.45em); + -ms-transform: translateY(0.45em); + transform: translateY(0.45em); +} +.mblCheckBoxSelected { + background-image: url(compat/button-sel-bg.png); +} +.mblCheckBoxChecked, +.mblCheckBox:checked { + background-image: url(compat/blue-button-bg.png); +} +.mblCheckBoxChecked::after, +.mblCheckBox:checked::after { + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + -moz-transform-origin: 50% 50%; + -o-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} +.mblCheckBoxChecked.mblCheckBoxSelected { + background-image: url(compat/blue-button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/CheckBox.css b/js/dojo/dojox/mobile/themes/iphone/CheckBox.css new file mode 100644 index 0000000..eb9069c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/CheckBox.css @@ -0,0 +1,44 @@ +/* dojox.mobile.CheckBox */ +.mblCheckBox { + position: relative; + cursor: pointer; + outline: none; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + border: #9CACC0 1px outset; + -webkit-border-radius: 5px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee)); + font: inherit; + -webkit-transform: translatey(0.45em); +} +.mblCheckBoxSelected { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); +} +.mblCheckBoxChecked, .mblCheckBox:checked { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); +} +.mblCheckBoxChecked::after, .mblCheckBox:checked::after { + position: absolute; + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.3em; + border-color: white; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblCheckBoxChecked.mblCheckBoxSelected, .mblCheckBox:checked.mblCheckBoxSelected { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblCheckBoxChecked.mblCheckBoxSelected::after, .mblCheckBox:checked.mblCheckBoxSelected::after { + border-color: #9CACC0; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/CheckBox.less b/js/dojo/dojox/mobile/themes/iphone/CheckBox.less new file mode 100644 index 0000000..09f93b2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/CheckBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/CheckBox.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/ComboBox-compat.css b/js/dojo/dojox/mobile/themes/iphone/ComboBox-compat.css new file mode 100644 index 0000000..09c7b38 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ComboBox-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.ComboBox */ +.dijitPopup { + -moz-box-shadow: 0px 0px 50px black; + -o-box-shadow: 0px 0px 50px black; + -ms-box-shadow: 0px 0px 50px black; + box-shadow: 0px 0px 50px black; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/iphone/ComboBox.css b/js/dojo/dojox/mobile/themes/iphone/ComboBox.css new file mode 100644 index 0000000..259629d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ComboBox.css @@ -0,0 +1,44 @@ +/* dojox.mobile.ComboBox */ +.dijitPopup { + margin: 0; + padding: 0; + position: absolute; + border: 0; + background-color: transparent; + -webkit-box-shadow: 0px 0px 50px black; + -webkit-border-radius: 0px; +} +.mblReset { + margin: 0; + padding: 0; + border: 0; + line-height: normal; + font: inherit; + color: inherit; +} +.mblComboBoxMenu { + overflow-y: hidden !important; + position: relative; + overflow: hidden; + border: 1px solid black; + -webkit-border-radius: 0px; + background-color: white; +} +.mblComboBoxMenuItem { + white-space: nowrap; + padding: .1em .2em; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: #ffffff; + color: inherit; + text-align: left; +} +.mblComboBoxMenuItemSelected { + background-color: black; + background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5)); + color: white; +} +.mblComboBoxMenuPreviousButton, .mblComboBoxMenuNextButton { + font-style: italic; + overflow: hidden; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ComboBox.less b/js/dojo/dojox/mobile/themes/iphone/ComboBox.less new file mode 100644 index 0000000..ab9458c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ComboBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ComboBox.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory-compat.css b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory-compat.css new file mode 100644 index 0000000..f6d50e2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory-compat.css @@ -0,0 +1,4 @@ +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + background-image: url(compat/edge-categ-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.css b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.css new file mode 100644 index 0000000..fc21dd8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.css @@ -0,0 +1,19 @@ +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0px; + padding: 0px 10px; + height: 22px; + border-top: 1px solid #A4B0B9; + border-bottom: 1px solid #979DA3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8f9ea9), to(#b7c0c7)); + font-family: Helvetica; + font-size: 16px; + font-weight: bold; + color: white; + line-height: 22px; + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.less b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.less new file mode 100644 index 0000000..3bb63da --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.css b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.css new file mode 100644 index 0000000..9864276 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.css @@ -0,0 +1,12 @@ +/* dojox.mobile.EdgeToEdgeList */ +.mblEdgeToEdgeList { + position: relative; + /* IE needs this */ + + margin: 0px; + padding: 0px; + background-color: white; +} +.mblEdgeToEdgeList .mblListItem:last-child { + border-bottom-color: #707C84; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.less b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.less new file mode 100644 index 0000000..227627c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/EdgeToEdgeList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeList.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Heading-compat.css b/js/dojo/dojox/mobile/themes/iphone/Heading-compat.css new file mode 100644 index 0000000..bc02fa1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Heading-compat.css @@ -0,0 +1,24 @@ +/* mbl.widget.Heading */ +.mblHeading { + background-image: url(compat/heading-bg.png); +} +.mblHeadingSpanTitle { + white-space: normal; +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + position: absolute; + top: 6px; + left: 3px; + width: 19px; + height: 29px; + border-style: none; + background-image: url(compat/arrow-button-head.png); +} +.mblArrowButtonBody { + padding: 0px 10px 0px 4px; + -moz-border-radius-topright: 5px; + -moz-border-radius-bottomright: 5px; + background-image: url(compat/arrow-button-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Heading.css b/js/dojo/dojox/mobile/themes/iphone/Heading.css new file mode 100644 index 0000000..613cf72 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Heading.css @@ -0,0 +1,84 @@ +/* dojox.mobile.Heading */ +.mblHeading { + position: relative; + margin: 0px; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + z-index: 1; + padding: 0px; + height: 42px; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af)); + border-top: 1px solid #CDD5DF; + border-bottom: 1px solid #2D3642; + color: white; + font-family: Helvetica; + font-size: 20px; + font-weight: bold; + text-align: center; + line-height: 44px; + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; +} +.mblHeading * { + z-index: 2; +} +.mblHeadingDivTitle { + position: absolute; + width: 100%; + display: none; + left: 0px; + z-index: 1; +} +.mblHeadingCenterTitle .mblHeadingDivTitle { + display: block; +} +.mblHeadingCenterTitle .mblHeadingSpanTitle { + display: none; +} +/* Heading Arrow Button */ +.mblArrowButton { + position: relative; + float: left; + height: 42px; +} +.mblArrowButtonHead { + position: absolute; + top: 11px; + left: 5px; + width: 20px; + height: 19px; + border: 1px solid #3A4655; + -webkit-transform: scale(0.7, 1) rotate(45deg); + background-image: -webkit-gradient(linear, left top, right bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.dj_chrome .mblArrowButtonHead { + border: 1px inset #3A4655; +} +.mblArrowButtonBody { + position: absolute; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + top: 6px; + left: 16px; + padding: 0px 10px 0px 4px; + height: 29px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #9CACC0; + font-family: Helvetica; + font-size: 13px; + color: white; + line-height: 29px; + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblArrowButtonSelected .mblArrowButtonHead { + background-image: -webkit-gradient(linear, left top, right bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); +} +.mblArrowButtonSelected .mblArrowButtonBody { + background-image: -webkit-gradient(linear, left top, left bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Heading.less b/js/dojo/dojox/mobile/themes/iphone/Heading.less new file mode 100644 index 0000000..cfc8580 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Heading.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Heading.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/IconContainer-compat.css b/js/dojo/dojox/mobile/themes/iphone/IconContainer-compat.css new file mode 100644 index 0000000..adf6d49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/IconContainer-compat.css @@ -0,0 +1,11 @@ +@import url("../common/domButtons/DomButtonColorButtons-compat.css"); + +/* dojox.mobile.IconItem */ +.mblIconArea div { + *font-size: 60px; /* IE 7 quirks */ +} + +/* Icon Content Heading */ +.mblIconContentHeading { + background-image: url(compat/icon-content-heading-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/IconContainer.css b/js/dojo/dojox/mobile/themes/iphone/IconContainer.css new file mode 100644 index 0000000..bb33f89 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/IconContainer.css @@ -0,0 +1,97 @@ +@import url("../common/domButtons/DomButtonColorButtons.css"); + +@import url("../common/IconContainer_keyframes.css"); +/* dojox.mobile.IconContainer */ +.mblIconContainer { + margin: 20px 0px 0px 10px; + padding: 0px 0px 40px 0px; +} +/* dojox.mobile.IconItem */ +.mblIconItem { + list-style-type: none; + float: left; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} +.mblIconItemTerminator { + list-style-type: none; + clear: both; + height: 20px; +} +.mblIconItemSub { + list-style-type: none; + margin-left: -10px; + background-color: white; +} +.mblIconArea { + margin-bottom: 10px; + height: 78px; + width: 74px; + font-family: Helvetica; + font-size: 12px; + text-align: center; +} +.mblIconArea div { + position: relative; + height: 65px; + line-height: 65px; + text-align: center; +} +.mblIconArea img { + vertical-align: middle; +} +.mblIconItemSpriteIcon { + position: absolute; +} +.mblContent { + clear: both; + padding-bottom: 20px; +} +table.mblClose { + clear: both; + cursor: pointer; +} +.mblVibrate { + position: relative; + -webkit-animation-duration: .5s; + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 20; + -webkit-animation-name: mblVibrate; + -webkit-transform: rotate(0deg); +} +.mblCloseContent { + -webkit-animation-duration: .3s; + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-name: mblShrink; + -webkit-transform: scale(0.01); +} +.mblCloseContent.mblShrink0 { + -webkit-animation-name: mblShrink0; +} +.mblCloseContent.mblShrink1 { + -webkit-animation-name: mblShrink1; +} +.mblCloseContent.mblShrink2 { + -webkit-animation-name: mblShrink2; +} +.mblCloseContent.mblShrink3 { + -webkit-animation-name: mblShrink3; +} +/* Icon Content Heading */ +.mblIconContentHeading { + position: relative; + clear: both; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin-top: 0px; + padding-left: 40px; + height: 25px; + border-top: 1px solid #F1F3F4; + border-bottom: 1px solid #717D85; + background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e4e7), to(#b4bec6), color-stop(0.5, #c4ccd2), color-stop(0.5, #bfc8ce)); + font-family: Helvetica; + font-size: 14px; + color: white; + line-height: 26px; + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/IconContainer.less b/js/dojo/dojox/mobile/themes/iphone/IconContainer.less new file mode 100644 index 0000000..963eae6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/IconContainer.less @@ -0,0 +1,5 @@ +@import url("../common/domButtons/DomButtonColorButtons.css"); +@import url("../common/IconContainer_keyframes.css"); + +@import "variables.less"; +@import "../common/IconContainer.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/ListItem-compat.css b/js/dojo/dojox/mobile/themes/iphone/ListItem-compat.css new file mode 100644 index 0000000..d153c4b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ListItem-compat.css @@ -0,0 +1,7 @@ +@import url("../common/domButtons/DomButtonGrayArrow-compat.css"); +@import url("../common/domButtons/DomButtonDarkBlueCheck-compat.css"); + +/* mbl.widget.ListItem */ +*html li.mblListItem.mblVariableHeight { /* IE6 hack */ + height: 0; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ListItem.css b/js/dojo/dojox/mobile/themes/iphone/ListItem.css new file mode 100644 index 0000000..77d88d9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ListItem.css @@ -0,0 +1,82 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); + +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); +/* dojox.mobile.ListItem */ +.mblListItem { + position: relative; + list-style-type: none; + vertical-align: bottom; + /* To avoid IE6 LI bug */ + + padding: 0px 0px 0px 8px; + height: 43px; + border-bottom: 1px solid #ADAAAD; + font-weight: bold; + color: black; + line-height: 43px; +} +.mblListItem.mblVariableHeight { + height: auto; + padding: 11px 0px 10px 6px; + line-height: normal; +} +.mblListItem .mblListItemAnchor { + display: block; + height: 100%; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + background-position: 9px 7px; + text-decoration: none; + padding-right: 7px; +} +.mblListItem .mblListItemAnchor * { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); +} +.mblItemSelected { + background-color: #048BF4; + background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5)); +} +.mblItemSelected .mblListItemAnchor { + color: white; +} +.mblItemSelected .mblDomButton div { + border-color: white; +} +.mblListItemTextBoxSelected { + background-color: #048BF4; +} +.mblListItemChecked { + color: #314E84; +} +.mblListItemIcon { + float: left; + line-height: normal; + margin-top: 7px; + margin-right: 11px; +} +.mblListItemSpriteIcon { + position: absolute; + margin-top: 7px; + margin-left: 8px; +} +.mblListItemRightIcon, .mblListItemRightIcon2 { + position: relative; + float: right; + line-height: normal; + margin-top: 7px; + margin-bottom: -7px; +} +.mblListItemRightText { + position: relative; + float: right; + line-height: normal; + color: #324F85; + margin: 11px 4px 0 0; +} +.mblListItemTextBox { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.mblVariableHeight .mblListItemTextBox { + white-space: normal; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ListItem.less b/js/dojo/dojox/mobile/themes/iphone/ListItem.less new file mode 100644 index 0000000..f9f9d21 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ListItem.less @@ -0,0 +1,5 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); + +@import "variables.less"; +@import "../common/ListItem.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Opener-compat.css b/js/dojo/dojox/mobile/themes/iphone/Opener-compat.css new file mode 100644 index 0000000..68cb1a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Opener-compat.css @@ -0,0 +1,3 @@ +/* dojox.mobile.Opener */ +@import url("Overlay-compat.css"); +@import url("Tooltip-compat.css"); diff --git a/js/dojo/dojox/mobile/themes/iphone/Opener.css b/js/dojo/dojox/mobile/themes/iphone/Opener.css new file mode 100644 index 0000000..141c72e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Opener.css @@ -0,0 +1,3 @@ +/* dojox.mobile.Opener */ +@import url("Overlay.css"); +@import url("Tooltip.css"); diff --git a/js/dojo/dojox/mobile/themes/iphone/Overlay-compat.css b/js/dojo/dojox/mobile/themes/iphone/Overlay-compat.css new file mode 100644 index 0000000..bf8a160 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Overlay-compat.css @@ -0,0 +1,15 @@ +/* dojox.mobile.Overlay */ +.mblOverlay { + *position: absolute; + background-color: #CECECE; + background-image: none; + text-align: center; +} +.dj_gecko .mblOverlay { + text-align: -moz-center; +} +.dj_ie9 .mblOverlay > *, +.dj_ie8 .mblOverlay > * +{ + margin: 0 auto; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Overlay.css b/js/dojo/dojox/mobile/themes/iphone/Overlay.css new file mode 100644 index 0000000..56c3778 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Overlay.css @@ -0,0 +1,17 @@ +@import url("../common/transitions/coverv.css"); + +@import url("../common/transitions/revealv.css"); +/* dojox.mobile.Overlay */ +.mblOverlay { + position: fixed; + z-index: 2000; + left: 0; + bottom: 0; + margin: 0; + width: 100%; + text-align: -webkit-center; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece)); +} +.mblOverlayHidden *, .mblOverlayHidden { + visibility: hidden !important; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Overlay.less b/js/dojo/dojox/mobile/themes/iphone/Overlay.less new file mode 100644 index 0000000..e49ea9e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Overlay.less @@ -0,0 +1,5 @@ +@import url("../common/transitions/coverv.css"); +@import url("../common/transitions/revealv.css"); + +@import "variables.less"; +@import "../common/Overlay.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/PageIndicator.css b/js/dojo/dojox/mobile/themes/iphone/PageIndicator.css new file mode 100644 index 0000000..a175ad6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/PageIndicator.css @@ -0,0 +1,24 @@ +/* dojox.mobile.PageIndicator */ +.mblPageIndicator { + position: relative; + width: 100%; + height: 20px; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} +.mblPageIndicatorContainer { + margin-top: 4px; + margin-left: auto; + margin-right: auto; +} +.mblPageIndicatorDot { + margin: 0px 3px; + width: 6px; + height: 6px; + font-size: 1px; + background-color: #949294; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.mblPageIndicatorDotSelected { + background-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/PageIndicator.less b/js/dojo/dojox/mobile/themes/iphone/PageIndicator.less new file mode 100644 index 0000000..9bb6c49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/PageIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/PageIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator-compat.css b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator-compat.css new file mode 100644 index 0000000..4ee0810 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator-compat.css @@ -0,0 +1,46 @@ +/* Progress Indicator */ +.mblProg { + position: absolute; + top: 0px; + width: 4px; + font-size: 1px; + height: 36px; + overflow: hidden; + background-color: #C0C0C0; +} +.mblProg0 { + left: 0px; +} +.mblProg1 { + left: 8px; +} +.mblProg2 { + left: 16px; +} +.mblProg3 { + left: 24px; +} +.mblProg4 { + left: 32px; +} +.mblProg5 { + left: 40px; +} +.mblProg6 { + left: 48px; +} +.mblProg7 { + left: 56px; +} +.mblProg8 { + left: 64px; +} +.mblProg9 { + left: 72px; +} +.mblProg10 { + left: 80px; +} +.mblProg11 { + left: 80px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator.css b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator.css new file mode 100644 index 0000000..2340637 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator.css @@ -0,0 +1,58 @@ +/* Progress Indicator */ +.mblProgContainer { + position: absolute; + width: 40px; + height: 40px; + top: 180px; + left: 50%; + margin: -18px 0px 0px -18px; +} +.mblProg { + position: absolute; + left: 2px; + top: 0px; + width: 11px; + font-size: 1px; + height: 4px; + overflow: hidden; + -webkit-transform-origin: 0 2px; + background-color: #C0C0C0; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; +} +.mblProg0 { + -webkit-transform: translate(18px, 10px) rotate(-90.1deg); +} +.mblProg1 { + -webkit-transform: translate(22px, 11px) rotate(-60deg); +} +.mblProg2 { + -webkit-transform: translate(25px, 14px) rotate(-30deg); +} +.mblProg3 { + -webkit-transform: translate(26px, 18px) rotate(0deg); +} +.mblProg4 { + -webkit-transform: translate(25px, 22px) rotate(30deg); +} +.mblProg5 { + -webkit-transform: translate(22px, 25px) rotate(60deg); +} +.mblProg6 { + -webkit-transform: translate(18px, 26px) rotate(90.1deg); +} +.mblProg7 { + -webkit-transform: translate(14px, 25px) rotate(120deg); +} +.mblProg8 { + -webkit-transform: translate(11px, 22px) rotate(150deg); +} +.mblProg9 { + -webkit-transform: translate(10px, 18px) rotate(180deg); +} +.mblProg10 { + -webkit-transform: translate(11px, 14px) rotate(210deg); +} +.mblProg11 { + -webkit-transform: translate(14px, 11px) rotate(240deg); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator.less b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator.less new file mode 100644 index 0000000..2ab2a2d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ProgressIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ProgressIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/RadioButton-compat.css b/js/dojo/dojox/mobile/themes/iphone/RadioButton-compat.css new file mode 100644 index 0000000..6566cc1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RadioButton-compat.css @@ -0,0 +1,33 @@ +/* dojox.mobile.RadioButton */ +.mblRadioButton { + background-image: url(compat/button-bg.png); + -moz-border-radius: 0.5em; + -o-border-radius: 0.5em; + -ms-border-radius: 0.5em; + border-radius: 0.5em; + -moz-appearance: none; + -o-appearance: none; + -ms-appearance: none; + appearance: none; + -o-transform: translateY(0.45em); + -ms-transform: translateY(0.45em); + transform: translateY(0.45em); +} +.mblRadioButtonChecked, +.mblRadioButton:checked { + background-image: url(compat/blue-button-bg.png); +} +.mblRadioButtonChecked::after, +.mblRadioButton:checked::after { + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + -moz-transform-origin: 50% 50%; + -o-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} +.mblRadioButtonChecked.mblRadioButtonSelected { + background-image: url(compat/blue-button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RadioButton.css b/js/dojo/dojox/mobile/themes/iphone/RadioButton.css new file mode 100644 index 0000000..799f485 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RadioButton.css @@ -0,0 +1,41 @@ +/* dojox.mobile.RadioButton */ +.mblRadioButton { + position: relative; + cursor: pointer; + outline: none; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + border: #9CACC0 1px outset; + -webkit-border-radius: 0.5em; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee)); + font: inherit; + -webkit-transform: translatey(0.45em); +} +.mblRadioButtonChecked, .mblRadioButton:checked { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); +} +.mblRadioButtonChecked::after, .mblRadioButton:checked::after { + position: absolute; + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.25em; + border-color: white; + border-width: 0.15em; + border-style: none solid solid none; + border-color: white; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblRadioButtonChecked.mblRadioButtonSelected, .mblRadioButton:checked.mblRadioButtonSelected { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblRadioButtonChecked.mblRadioButtonSelected::after, .mblRadioButton:checked.mblRadioButtonSelected::after { + border-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RadioButton.less b/js/dojo/dojox/mobile/themes/iphone/RadioButton.less new file mode 100644 index 0000000..0793ca6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RadioButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RadioButton.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRect-compat.css b/js/dojo/dojox/mobile/themes/iphone/RoundRect-compat.css new file mode 100644 index 0000000..4f16c44 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRect-compat.css @@ -0,0 +1,64 @@ +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRectContainer { + margin: 0px; + padding: 0px; + background-color: white; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRect .mblRoundRectContainer { + padding: 3px 8px; +} +.mblRoundCorner0T { + height: 0px; +} +.mblRoundCorner1T { + background-color: #ADAAAD; + margin: 0px 5px; +} +.mblRoundCorner2T { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner3T { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4T { + margin: 0px 1px; +} +.mblRoundCorner5T { + margin: 0px 1px; +} + +.mblRoundCorner0B { + height: 0px; +} +.mblRoundCorner1B { + margin: 0px 1px; +} +.mblRoundCorner2B { + margin: 0px 1px; +} +.mblRoundCorner3B { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4B { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner5B { + background-color: #ADAAAD; + margin: 0px 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRect.css b/js/dojo/dojox/mobile/themes/iphone/RoundRect.css new file mode 100644 index 0000000..071a9da --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRect.css @@ -0,0 +1,12 @@ +/* dojox.mobile.RoundRect */ +.mblRoundRect { + margin: 7px 9px 16px 9px; + padding: 8px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background-color: white; +} +.mblRoundRect.mblShadow { + -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRect.less b/js/dojo/dojox/mobile/themes/iphone/RoundRect.less new file mode 100644 index 0000000..efec816 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRect.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRect.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.css b/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.css new file mode 100644 index 0000000..0a9b90b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.css @@ -0,0 +1,12 @@ +/* dojox.mobile.RoundRectCategory */ +.mblRoundRectCategory { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + padding: 18px 0px 0px 20px; + margin: 0px; + font-family: Helvetica; + font-size: 16px; + color: #4C566C; + text-shadow: #ffffff 0px 1px 0px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.less b/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.less new file mode 100644 index 0000000..e9148cc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRectList-compat.css b/js/dojo/dojox/mobile/themes/iphone/RoundRectList-compat.css new file mode 100644 index 0000000..4f16c44 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectList-compat.css @@ -0,0 +1,64 @@ +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRectContainer { + margin: 0px; + padding: 0px; + background-color: white; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRect .mblRoundRectContainer { + padding: 3px 8px; +} +.mblRoundCorner0T { + height: 0px; +} +.mblRoundCorner1T { + background-color: #ADAAAD; + margin: 0px 5px; +} +.mblRoundCorner2T { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner3T { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4T { + margin: 0px 1px; +} +.mblRoundCorner5T { + margin: 0px 1px; +} + +.mblRoundCorner0B { + height: 0px; +} +.mblRoundCorner1B { + margin: 0px 1px; +} +.mblRoundCorner2B { + margin: 0px 1px; +} +.mblRoundCorner3B { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4B { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner5B { + background-color: #ADAAAD; + margin: 0px 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRectList.css b/js/dojo/dojox/mobile/themes/iphone/RoundRectList.css new file mode 100644 index 0000000..cf0bea0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectList.css @@ -0,0 +1,25 @@ +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + position: relative; + /* IE needs this */ + + margin: 7px 9px 16px 9px; + padding: 0px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background-color: white; +} +.mblRoundRectList .mblListItem:first-child { + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; +} +.mblRoundRectList .mblListItem:last-child { + border-bottom-width: 0px; + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + -moz-border-radius-bottomleft: 8px; + -moz-border-radius-bottomright: 8px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/RoundRectList.less b/js/dojo/dojox/mobile/themes/iphone/RoundRectList.less new file mode 100644 index 0000000..52e1164 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/RoundRectList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectList.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Slider-compat.css b/js/dojo/dojox/mobile/themes/iphone/Slider-compat.css new file mode 100644 index 0000000..f6987bd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Slider-compat.css @@ -0,0 +1,43 @@ +/* dojox.mobile.Slider */ +.mblSlider { + background-image: url(compat/slider-h-bg.png); + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; + -moz-user-select: none; /* prevent selection */ + -o-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-box-sizing: content-box; /* make width and height consistent with a DIV */ + -o-box-sizing: content-box; + -ms-box-sizing: content-box; + box-sizing: content-box; +} +.mblSlider.mblSliderV { + background: #ABABAB; +} +.mblSliderProgressBar { + background-image: url(compat/slider-h-bar-bg.png); + background-repeat: repeat-x; + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; +} +.mblSliderV .mblSliderProgressBar { + background: #0D48A8; +} +.mblSliderHandle { + background-image: url(compat/slider-handle-bg.png); + -moz-border-radius: 10px; + -o-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} +.mblSliderTransition { + -moz-transition-duration: 400ms; + -o-transition-duration: 400ms; + -ms-transition-duration: 400ms; + transition-duration: 400ms; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Slider.css b/js/dojo/dojox/mobile/themes/iphone/Slider.css new file mode 100644 index 0000000..6866098 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Slider.css @@ -0,0 +1,62 @@ +/* dojox.mobile.Slider */ +.mblSlider { + outline: none; + -webkit-user-select: none; + /* prevent selection */ + + -webkit-box-sizing: content-box; + /* make width and height consistent with a DIV */ + + margin: 15px; + /* 1/2 handle width for hanging off the ends of the bar */ + + border: #B0B0B0 1px inset; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#fefefe)); + -webkit-border-radius: 8px; +} +.mblSliderH { + width: 200px; + height: 8px; +} +.mblSliderH .mblSliderProgressBar { + height: 100%; +} +.mblSliderH .mblSliderHandle { + top: 50%; +} +.mblSliderV { + height: 200px; + width: 8px; +} +.mblSliderV .mblSliderProgressBar { + width: 100%; +} +.mblSliderV .mblSliderHandle { + left: 50%; +} +.mblSliderProgressBar { + background-image: -webkit-gradient(linear, left top, left bottom, from(#0d48a8), to(#68a6f8)); + -webkit-border-radius: 8px; +} +.mblSliderHandle { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: #9D9D9D 1px outset; + -webkit-border-radius: 10px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#fcfcfc)); +} +.mblSliderTransition { + -webkit-transition-duration: 400ms; +} +.mblSliderTouchBox { + margin: 0; + padding: 12pt; + left: -12pt; + top: -12pt; + border: none; + width: 100%; + height: 100%; + background-color: transparent; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Slider.less b/js/dojo/dojox/mobile/themes/iphone/Slider.less new file mode 100644 index 0000000..928972f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Slider.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Slider.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Switch-compat.css b/js/dojo/dojox/mobile/themes/iphone/Switch-compat.css new file mode 100644 index 0000000..3756d95 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Switch-compat.css @@ -0,0 +1,70 @@ +/* Switch - default */ +.mblSwitchBg { + border: none; +} +.mblSwitchBgLeft { + background: none; + background-image: url(compat/switch-default-l.gif); + background-repeat: no-repeat; +} +.mblSwitchBgRight { + background: none; + background-image: url(compat/switch-default-r.gif); + background-repeat: no-repeat; +} +.mblSwitchKnob { + top: 0px; + height: 27px; + background: none; + background-image: url(compat/switch-default-k.gif); + background-repeat: no-repeat; + border: none; +} +/* Switch - Round Shape1 */ +.mblSwRoundShape1 .mblSwitchBgLeft { + background-image: url(compat/switch-round-l.gif); +} +.mblSwRoundShape1 .mblSwitchBgRight { + background-image: url(compat/switch-round-r.gif); +} +.mblSwRoundShape1 .mblSwitchKnob { + top: 1px; + height: 26px; + background-image: url(compat/switch-round1-k.gif); +} +/* Switch - Round Shape2 */ +.mblSwRoundShape2 .mblSwitchBgLeft { + background-image: url(compat/switch-round-l.gif); +} +.mblSwRoundShape2 .mblSwitchBgRight { + background-image: url(compat/switch-round-r.gif); +} +.mblSwRoundShape2 .mblSwitchKnob { + top: 1px; + height: 26px; + background-image: url(compat/switch-round2-k.gif); +} +/* Switch - Arc Shape1 */ +.mblSwArcShape1 .mblSwitchBgLeft { + background-image: url(compat/switch-arc-l.gif); +} +.mblSwArcShape1 .mblSwitchBgRight { + background-image: url(compat/switch-arc-r.gif); +} +.mblSwArcShape1 .mblSwitchKnob { + top: 1px; + height: 26px; + background-image: url(compat/switch-arc1-k.gif); +} +/* Switch - Arc Shape2 */ +.mblSwArcShape2 .mblSwitchBgLeft { + background-image: url(compat/switch-arc-l.gif); +} +.mblSwArcShape2 .mblSwitchBgRight { + background-image: url(compat/switch-arc-r.gif); +} +.mblSwArcShape2 .mblSwitchKnob { + top: 1px; + height: 26px; + background-image: url(compat/switch-arc2-k.gif); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Switch.css b/js/dojo/dojox/mobile/themes/iphone/Switch.css new file mode 100644 index 0000000..84597f9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Switch.css @@ -0,0 +1,18 @@ +@import url("../common/Switch.css"); +/* dojox.mobile.Switch */ +.mblItemSwitch { + top: 8px; +} +.mblSwitchBg { + -webkit-border-radius: 5px; +} +.mblSwitchBgLeft { + background-image: -webkit-gradient(linear, left top, left bottom, from(#2859b1), to(#75acfb), color-stop(0.5, #3f84eb), color-stop(0.5, #4c8eee)); +} +.mblSwitchBgRight { + background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#fdfdfd), color-stop(0.5, #eeeeee), color-stop(0.5, #f8f8f8)); +} +.mblSwitchKnob { + background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#fafafa)); + -webkit-border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Switch.less b/js/dojo/dojox/mobile/themes/iphone/Switch.less new file mode 100644 index 0000000..84a1146 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Switch.less @@ -0,0 +1,4 @@ +@import url("../common/Switch.css"); + +@import "variables.less"; +@import "../common/Switch.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/TabBar-compat.css b/js/dojo/dojox/mobile/themes/iphone/TabBar-compat.css new file mode 100644 index 0000000..2e12529 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TabBar-compat.css @@ -0,0 +1,36 @@ +/* dojox.mobile.TabBarButton */ +.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv { + left: auto; +} +.dj_ie6 .mblTabBar .mblTabBarButton { + display: inline; /* IE bug*/ +} +.mblTabPanelHeader { + background-image: url(compat/heading-bg.png); +} +.mblTabContainer .mblTabButton { + background-image: url(compat/tab-button-bg.png); +} +.mblTabContainer .mblTabButtonSelected { + background-image: url(compat/tab-sel-button-bg.png); +} +*html .mblTabButton { /* IE6 hack */ + behavior: expression( + (function(el){ + if(!el.previousSibling) + el.style.borderWidth = "1px"; + el.style.behavior = "none"; + })(this) + ); +} +.dj_ie6 .mblTabPanelHeader .mblDomButton { + left: 0px; +} +.mblTabButton:first-child { + -moz-border-radius-topleft: 5px; + -moz-border-radius-bottomleft: 5px; +} +.mblTabButton:last-child { + -moz-border-radius-topright: 5px; + -moz-border-radius-bottomright: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TabBar.css b/js/dojo/dojox/mobile/themes/iphone/TabBar.css new file mode 100644 index 0000000..becc58a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TabBar.css @@ -0,0 +1,142 @@ +/* dojox.mobile.TabBar */ +.mblTabBar { + position: relative; + overflow: hidden; + white-space: nowrap; + margin: 0px; + padding: 0px; + height: 48px; + border-top: 1px solid #000000; + background-color: #000000; + background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000)); + color: white; + text-align: center; +} +.mblTabBarNoIcons { + height: 34px; +} +.mblTabBarNoText { + height: 34px; +} +/* dojox.mobile.TabBarButton */ +.mblTabBarButton { + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} +.mblTabBar .mblTabBarButton { + position: relative; + list-style-type: none; + float: left; +} +.mblTabBar .mblTabBarButton.mblTabButtonSelected { + -webkit-border-radius: 3px; + background-color: #404040; + background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535), color-stop(0.5, #242424)); +} +.mblTabBarButtonAnchor { + display: block; + text-decoration: none; +} +.mblTabBarButtonDiv { + position: relative; + margin-left: auto; + margin-right: auto; + height: 34px; + width: 29px; +} +.mblTabBarButtonIcon { + position: absolute; + left: 0px; + top: 2px; +} +.mblTabBarButtonSpriteIcon { + position: absolute; +} +.mblTabBarButtonTextBox { + color: #979797; + font-family: "Helvetica Neue", Helvetica; + font-size: 11px; +} +.mblTabBarNoIcons .mblTabBarButtonDiv { + display: none; +} +.mblTabBarNoIcons .mblTabBarButtonTextBox { + line-height: 34px; + font-size: 20px; +} +.mblTabBarTop .mblTabButton .mblTabBarButtonDiv { + display: none; +} +.mblTabButton { + position: relative; + float: left; + list-style-type: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + width: 100px; + height: 28px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #9CACC0; + border-right-color: #5E708A; + background-image: -webkit-gradient(linear, left top, left bottom, from(#abb9ca), to(#788da9), color-stop(0.5, #8297af), color-stop(0.5, #768ba7)); + font-family: Helvetica; + font-size: 13px; + color: white; + text-align: center; + line-height: 29px; +} +.mblTabButton .mblTabBarButtonAnchor, .mblTabButton .mblTabBarButtonDiv { + height: 29px; +} +.mblTabButton:first-child { + -webkit-border-top-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + border-left-width: 1px; +} +.mblTabButton:last-child { + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + border-right-color: #9CACC0; +} +.mblTabButtonSelected .mblTabBarButtonTextBox { + color: white; +} +.mblTabButtonImgDiv { + display: none; +} +.mblTabPanelHeader { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0px; + padding: 3px 0px 0px 0px; + height: 39px; + border-top: 1px solid #CDD5DF; + border-bottom: 1px solid #2D3642; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af)); + font-family: Helvetica; + font-size: 20px; + color: white; + text-align: center; + line-height: 44px; + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; +} +.mblTabPanelHeader .mblTabButton { + margin-top: 3px; +} +.mblTabPanelHeader .mblTabButton.mblTabButtonSelected { + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblTabPanelHeader .mblTabButtonDomButton { + width: 43px; +} +.mblTabPanelHeader .mblTabButtonDomButtonClass { + left: 8px; +} +.mblHeading .mblTabPanelHeader .mblTabButton { + margin-top: 6px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TabBar.less b/js/dojo/dojox/mobile/themes/iphone/TabBar.less new file mode 100644 index 0000000..4875c40 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TabBar.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TabBar.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/TextArea-compat.css b/js/dojo/dojox/mobile/themes/iphone/TextArea-compat.css new file mode 100644 index 0000000..af7e363 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextArea-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextArea */ +.mblTextArea { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TextArea.css b/js/dojo/dojox/mobile/themes/iphone/TextArea.css new file mode 100644 index 0000000..0768622 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextArea.css @@ -0,0 +1,14 @@ +/* dojox.mobile.TextArea */ +.mblTextArea { + padding: 4px 1px; + border-color: #9CACC0; + border-width: 1px; + border-style: inset; + -webkit-border-radius: 5px; + font-family: Helvetica; + font-size: 13px; +} +/* dojox.mobile.ExpandingTextArea */ +.mblExpandingTextArea { + margin: 2px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TextArea.less b/js/dojo/dojox/mobile/themes/iphone/TextArea.less new file mode 100644 index 0000000..c16ffe0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextArea.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextArea.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/TextBox-compat.css b/js/dojo/dojox/mobile/themes/iphone/TextBox-compat.css new file mode 100644 index 0000000..32dcf46 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextBox-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TextBox.css b/js/dojo/dojox/mobile/themes/iphone/TextBox.css new file mode 100644 index 0000000..d87404e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextBox.css @@ -0,0 +1,8 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + height: 22px; + border: #9CACC0 1px inset; + -webkit-border-radius: 5px; + font-family: Helvetica; + font-size: 13px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/TextBox.less b/js/dojo/dojox/mobile/themes/iphone/TextBox.less new file mode 100644 index 0000000..c83890a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/TextBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextBox.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/ToggleButton-compat.css b/js/dojo/dojox/mobile/themes/iphone/ToggleButton-compat.css new file mode 100644 index 0000000..75bfb32 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ToggleButton-compat.css @@ -0,0 +1,30 @@ +/* dojox.mobile.ToggleButton */ +.mblToggleButton { + background-image: url(compat/button-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +.mblToggleButtonSelected { + background-image: url(compat/button-sel-bg.png); +} +.mblToggleButtonChecked { + background-image: url(compat/blue-button-bg.png); +} +.mblToggleButton.mblToggleButtonChecked::after { + -moz-transform: translate(-25px,0px) rotate(45deg) skew(10deg); + -o-transform: rotate(45deg) skew(10deg); + -ms-transform: rotate(45deg) skew(10deg); + transform: rotate(45deg) skew(10deg); + -moz-transform-origin: 50% 50%; + -o-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} +.dj_ff3 .mblToggleButton.mblToggleButtonChecked::after { + -moz-transform: translate(-25px,-6px) rotate(45deg) skew(10deg); +} +.mblToggleButtonChecked.mblToggleButtonSelected { + background-image: url(compat/blue-button-sel-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ToggleButton.css b/js/dojo/dojox/mobile/themes/iphone/ToggleButton.css new file mode 100644 index 0000000..17e7295 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ToggleButton.css @@ -0,0 +1,52 @@ +/* dojox.mobile.ToggleButton */ +.mblToggleButton { + position: relative; + cursor: pointer; + outline: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + padding: 0px 10px 0px 25px; + height: 29px; + border-width: 1px 1px 1px 1px; + border-style: outset; + border-color: #9CACC0; + -webkit-border-radius: 5px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee)); + font-family: Helvetica; + font-size: 13px; + color: black; + line-height: 29px; +} +.mblToggleButton.mblToggleButtonSelected { + background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); + color: black; +} +.mblToggleButton.mblToggleButtonChecked { + background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); + color: white; +} +.mblToggleButton.mblToggleButtonChecked::after { + position: absolute; + content: ""; + top: 6px; + left: 7px; + width: 5px; + height: 10px; + border-color: white; + border-width: 2px; + border-style: none solid solid none; + -webkit-transform: rotate(45deg) skew(10deg); + -webkit-transform-origin: 50% 50%; +} +.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected { + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); + color: white; +} +.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected::after { + border-color: white; +} +.mblToggleButton:disabled { + cursor: default; + border-color: grey; + background-image: none; + color: grey; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ToggleButton.less b/js/dojo/dojox/mobile/themes/iphone/ToggleButton.less new file mode 100644 index 0000000..bdce40f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ToggleButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToggleButton.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.css b/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.css new file mode 100644 index 0000000..7299e04 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.css @@ -0,0 +1,28 @@ +/* dojox.mobile.ToolBarButton */ +.mblToolBarButton { + float: left; + position: relative; + overflow: hidden; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: 6px; + height: 29px; + border: 1px inset #9CACC0; + font-family: Helvetica; + font-size: 13px; + font-weight: bold; + color: white; + line-height: 29px; + text-align: center; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +.mblToolBarButtonIcon { + position: relative; +} +.mblToolBarButtonSpriteIcon { + position: absolute; +} +.mblToolBarButtonText { + padding: 0px 10px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.less b/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.less new file mode 100644 index 0000000..3b67bdc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ToolBarButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToolBarButton.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/Tooltip-compat.css b/js/dojo/dojox/mobile/themes/iphone/Tooltip-compat.css new file mode 100644 index 0000000..18b2623 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Tooltip-compat.css @@ -0,0 +1,41 @@ +/* dojox.mobile.Tooltip */ +.mblTooltip { + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; + background-image: none; +} +.mblTooltipBefore .mblTooltipArrow { + *right: 0; /* IE 7 quirks */ +} +.mblTooltipAbove .mblTooltipArrow { + *bottom: 0px; /* IE 7 quirks */ +} +.mblTooltipBefore .mblTooltipInnerArrow { + *right: -1px; /* IE 7 quirks */ +} +.mblTooltipAbove .mblTooltipInnerArrow { + *bottom: -1px; /* IE 7 quirks */ +} +.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #172035; +} +.mblTooltip .mblHeading { + background-image: url(compat/tooltip-heading-bg.png); + *padding: 0 9px 9px; + *border-top: 1px solid #4F5055; + *border-bottom: 1px solid #2D3642; + *width: auto; + *height: auto; + *overflow: visible; + *line-height: normal; +} +.dj_ie9 .mblTooltip .mblHeading { + width: auto; +} +.mblTooltip .mblHeading .mblToolBarButton { + background-color: #000924; + background-image: url(compat/tooltip-button-bg.png); + *margin: auto 6px; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Tooltip.css b/js/dojo/dojox/mobile/themes/iphone/Tooltip.css new file mode 100644 index 0000000..cfe2db4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Tooltip.css @@ -0,0 +1,150 @@ +/* dojox.mobile.Tooltip */ +.mblTooltip { + position: absolute; + z-index: 2000; + display: block; + margin: 0; + padding: 5px; + border: #5A5A5A 1px solid; + background-color: #121B2F; + background-image: -webkit-gradient(linear, left top, left bottom, from(#656872), to(#121b2f), color-stop(0.1, #2c3345), color-stop(0.1, #161f32)); + -webkit-border-radius: 8px; + opacity: .97; +} +.mblTooltipBubble { + overflow: visible; + padding: 3px; + background-color: #f9f7ba; + background-image: none; +} +.mblTooltipBubble.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #f9f7ba; +} +.mblTooltipBubble.mblTooltipBelow .mblTooltipInnerArrow { + border-top-color: #f9f7ba; +} +.mblTooltipBubble.mblTooltipAfter .mblTooltipInnerArrow { + border-left-color: #f9f7ba; +} +.mblTooltipBubble.mblTooltipBefore .mblTooltipInnerArrow { + border-right-color: #f9f7ba; +} +.mblTooltip.mblTooltipAfter { + margin-left: -11px; +} +.mblTooltip.mblTooltipBefore { + margin-left: 11px; +} +.mblTooltip.mblTooltipAbove { + margin-top: 11px; +} +.mblTooltip.mblTooltipBelow { + margin-top: -11px; +} +.mblTooltipAnchor { + position: absolute; + width: 1px; + height: 1px; + background-color: transparent; + line-height: 0; + font-size: 0; +} +.mblTooltipBefore .mblTooltipAnchor { + left: -1px; +} +.mblTooltipAfter .mblTooltipAnchor { + right: -1px; +} +.mblTooltipAbove .mblTooltipAnchor { + top: -1px; +} +.mblTooltipBelow .mblTooltipAnchor { + bottom: -1px; +} +.mblTooltipArrow { + position: absolute; + width: 0; + height: 0; + line-height: 0; + border: 11px solid transparent; +} +.mblTooltipBefore .mblTooltipArrow { + left: auto; + right: 1px; + top: 0; + bottom: auto; + border-left-width: 0; + border-right-color: #5A5A5A; +} +.mblTooltipAfter .mblTooltipArrow { + left: 1px; + right: auto; + top: 0; + bottom: auto; + border-right-width: 0; + border-left-color: #5A5A5A; +} +.mblTooltipAbove .mblTooltipArrow { + top: auto; + bottom: 1px; + left: auto; + right: auto; + border-top-width: 0; + border-bottom-color: #5A5A5A; +} +.mblTooltipBelow .mblTooltipArrow { + top: 1px; + bottom: auto; + left: auto; + right: auto; + border-bottom-width: 0; + border-top-color: #5A5A5A; +} +.mblTooltipInnerArrow { + position: absolute; + width: 0; + height: 0; + line-height: 0; + border: 10px solid transparent; +} +.mblTooltipBefore .mblTooltipInnerArrow { + right: 0; + top: 0; + border-left-width: 0; + border-right-color: #192235; +} +.mblTooltipAfter .mblTooltipInnerArrow { + left: 0; + top: 0; + border-right-width: 0; + border-left-color: #192235; +} +.mblTooltipAbove .mblTooltipInnerArrow { + bottom: 0; + left: 0; + border-top-width: 0; + border-bottom-color: #656872; +} +.mblTooltipBelow .mblTooltipInnerArrow { + top: 0; + left: 0; + border-bottom-width: 0; + border-top-color: #172035; +} +.mblTooltipHidden, .mblTooltipHidden * { + visibility: hidden !important; +} +.mblTooltip .mblHeading { + border-top: 3px solid #4F5055; + border-bottom: 1px solid #2D3642; + border-left: 1px solid #2A2D47; + -webkit-border-radius: 3px 3px 0 0; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#5e6167), to(#1a1d24), color-stop(0.5, #2e322b)); + font-weight: normal; +} +.mblTooltip .mblHeading .mblToolBarButton { + border: 1px inset #434450; + background-image: -webkit-gradient(linear, left top, left bottom, from(#686f80), to(#000924), color-stop(0.5, #000b29)); + font-weight: normal; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/Tooltip.less b/js/dojo/dojox/mobile/themes/iphone/Tooltip.less new file mode 100644 index 0000000..60af6d1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/Tooltip.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Tooltip.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/View.css b/js/dojo/dojox/mobile/themes/iphone/View.css new file mode 100644 index 0000000..cf2151b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/View.css @@ -0,0 +1,23 @@ +@import url("../common/transitions/slide.css"); + +@import url("../common/transitions/flip.css"); + +@import url("../common/transitions/fade.css"); +/* dojox.mobile.View */ +.mblView { + position: relative; + top: 0px; + left: 0px; + width: 100%; +} +.mblView.mblIn { + position: absolute; +} +.mblFixedHeaderBar { + z-index: 1; +} +.mblFixedBottomBar { + position: absolute !important; + width: 100%; + z-index: 1; +} diff --git a/js/dojo/dojox/mobile/themes/iphone/View.less b/js/dojo/dojox/mobile/themes/iphone/View.less new file mode 100644 index 0000000..910651f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/View.less @@ -0,0 +1,6 @@ +@import url("../common/transitions/slide.css"); +@import url("../common/transitions/flip.css"); +@import url("../common/transitions/fade.css"); + +@import "variables.less"; +@import "../common/View.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/base-compat.css b/js/dojo/dojox/mobile/themes/iphone/base-compat.css new file mode 100644 index 0000000..d12cf2b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/base-compat.css @@ -0,0 +1,7 @@ +@import url("Heading-compat.css"); +@import url("RoundRect-compat.css"); +@import url("RoundRectList-compat.css"); +@import url("EdgeToEdgeCategory-compat.css"); +@import url("ListItem-compat.css"); +@import url("Switch-compat.css"); +@import url("ProgressIndicator-compat.css"); diff --git a/js/dojo/dojox/mobile/themes/iphone/base.css b/js/dojo/dojox/mobile/themes/iphone/base.css new file mode 100644 index 0000000..2409467 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/base.css @@ -0,0 +1,12 @@ +@import url("common.css"); +@import url("Heading.css"); +@import url("View.css"); +@import url("ToolBarButton.css"); +@import url("RoundRect.css"); +@import url("EdgeToEdgeCategory.css"); +@import url("RoundRectCategory.css"); +@import url("RoundRectList.css"); +@import url("EdgeToEdgeList.css"); +@import url("ListItem.css"); +@import url("Switch.css"); +@import url("ProgressIndicator.css"); diff --git a/js/dojo/dojox/mobile/themes/iphone/common.css b/js/dojo/dojox/mobile/themes/iphone/common.css new file mode 100644 index 0000000..f2859e0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/common.css @@ -0,0 +1,26 @@ +html.mobile, .mobile body { + width: 100%; + margin: 0px; + padding: 0px; +} +.mobile body { + overflow-x: hidden; + -webkit-text-size-adjust: none; + background-color: #c5ccd3; + font-family: Helvetica; + font-size: 17px; +} +/* Button Colors */ +.mblColorBlue { + background-color: #366EDF; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); +} +/* Default Button Colors */ +.mblColorDefault { + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); +} +.mblColorDefaultSel { + background-color: #394D77; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/common.less b/js/dojo/dojox/mobile/themes/iphone/common.less new file mode 100644 index 0000000..4e57a5c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/common.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/common.less"; diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-bg.png Binary files differnew file mode 100644 index 0000000..5efaa9e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-head.png b/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-head.png Binary files differnew file mode 100644 index 0000000..85beb43 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/arrow-button-head.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-bg.png Binary files differnew file mode 100644 index 0000000..3bd558b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-sel-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-sel-bg.png Binary files differnew file mode 100644 index 0000000..6968458 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/blue-button-sel-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/button-bg.png Binary files differnew file mode 100644 index 0000000..0d378fa --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/button-sel-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/button-sel-bg.png Binary files differnew file mode 100644 index 0000000..c8a71b8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/button-sel-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/edge-categ-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/edge-categ-bg.png Binary files differnew file mode 100644 index 0000000..3a62e14 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/edge-categ-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/gray-arrow.png b/js/dojo/dojox/mobile/themes/iphone/compat/gray-arrow.png Binary files differnew file mode 100644 index 0000000..c93d17f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/gray-arrow.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/heading-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/heading-bg.png Binary files differnew file mode 100644 index 0000000..888a92e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/icon-content-heading-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/icon-content-heading-bg.png Binary files differnew file mode 100644 index 0000000..3daa1a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/icon-content-heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-bg.png Binary files differnew file mode 100644 index 0000000..b2afca9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-head.png b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-head.png Binary files differnew file mode 100644 index 0000000..503c685 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-arrow-button-head.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/ipad-heading-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-heading-bg.png Binary files differnew file mode 100644 index 0000000..614bbbd --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/ipad-heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/red-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/red-button-bg.png Binary files differnew file mode 100644 index 0000000..799870f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/red-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/red-button-sel-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/red-button-sel-bg.png Binary files differnew file mode 100644 index 0000000..cc57b2b --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/red-button-sel-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bar-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bar-bg.png Binary files differnew file mode 100644 index 0000000..212d59f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bar-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bg.png Binary files differnew file mode 100644 index 0000000..b5f77b1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/slider-h-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/slider-handle-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/slider-handle-bg.png Binary files differnew file mode 100644 index 0000000..4b5bb6c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/slider-handle-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-l.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-l.gif Binary files differnew file mode 100644 index 0000000..60fa6e0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-l.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-r.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-r.gif Binary files differnew file mode 100644 index 0000000..2d1cbce --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc-r.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc1-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc1-k.gif Binary files differnew file mode 100644 index 0000000..6596e32 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc1-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc2-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc2-k.gif Binary files differnew file mode 100644 index 0000000..bf307b1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-arc2-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-k.gif Binary files differnew file mode 100644 index 0000000..9accbf5 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-l.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-l.gif Binary files differnew file mode 100644 index 0000000..c42f5ba --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-l.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-r.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-r.gif Binary files differnew file mode 100644 index 0000000..74499d5 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-default-r.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-l.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-l.gif Binary files differnew file mode 100644 index 0000000..6061d6d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-l.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-r.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-r.gif Binary files differnew file mode 100644 index 0000000..cf53086 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round-r.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-round1-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round1-k.gif Binary files differnew file mode 100644 index 0000000..6b9fe0a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round1-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/switch-round2-k.gif b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round2-k.gif Binary files differnew file mode 100644 index 0000000..dfa763e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/switch-round2-k.gif diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/tab-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/tab-button-bg.png Binary files differnew file mode 100644 index 0000000..f8d6ef0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/tab-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/tab-sel-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/tab-sel-button-bg.png Binary files differnew file mode 100644 index 0000000..c3b0a33 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/tab-sel-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-button-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-button-bg.png Binary files differnew file mode 100644 index 0000000..03bf47f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-button-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-heading-bg.png b/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-heading-bg.png Binary files differnew file mode 100644 index 0000000..e7a64fa --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/tooltip-heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/iphone/compat/white-arrow.png b/js/dojo/dojox/mobile/themes/iphone/compat/white-arrow.png Binary files differnew file mode 100644 index 0000000..84e435a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/compat/white-arrow.png diff --git a/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-large.png b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-large.png Binary files differnew file mode 100644 index 0000000..dfac370 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-large.png diff --git a/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-small.png b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-small.png Binary files differnew file mode 100644 index 0000000..b6836d9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay-small.png diff --git a/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay.png b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay.png Binary files differnew file mode 100644 index 0000000..b16efec --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/images/thumb-overlay.png diff --git a/js/dojo/dojox/mobile/themes/iphone/ipad-compat.css b/js/dojo/dojox/mobile/themes/iphone/ipad-compat.css new file mode 100644 index 0000000..d48170e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ipad-compat.css @@ -0,0 +1,17 @@ +/* mbl.widget.Heading */ +.dj_tablet .mblHeading { + background-image: url(compat/ipad-heading-bg.png); +} + +/* Heading Arrow Button */ +.dj_tablet .mblArrowButtonHead { + background-image: url(compat/ipad-arrow-button-head.png); +} +.dj_tablet .mblArrowButtonBody { + background-image: url(compat/ipad-arrow-button-bg.png); +} + +/* mbl.widget.TabBar */ +.dj_tablet .mblTabPanelHeader { + background-image: url(compat/ipad-heading-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/ipad.css b/js/dojo/dojox/mobile/themes/iphone/ipad.css new file mode 100644 index 0000000..b17502d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/ipad.css @@ -0,0 +1,152 @@ +/* dojox.mobile.View */ + +/* dojox.mobile.Heading */ +.dj_tablet .mblHeading { + background-color: #889BB3; + background: -webkit-gradient(linear, left top, left bottom, from(#F3F4F6), to(#A7ABB8)); + border-top: 1px solid #FEFEFE; + border-bottom: 1px solid #787E8F; + color: #70777F; + text-shadow: rgba(256,256,256,0.6) 0px 1px 0px; +} + +/*Headings and Button styles are overridden in Tooltips*/ +.dj_tablet .mblTooltip .mblHeading { + position: relative; + margin: 0px; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 0px; + height: 42px; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6167), to(#1A1D24), color-stop(0.5, #2E322B)); + border-top: 3px solid #4F5055; + border-bottom: 1px solid #2D3642; + color: white; + font-family: Helvetica; + font-size: 20px; + font-weight: normal; + text-align: center; + line-height: 44px; + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; + z-index: 1; + border-left: 1px solid #2A2D47; + -webkit-border-radius: 3px 3px 0 0; +} +.dj_tablet .mblTooltip .mblHeading .mblToolBarButton { + float: left; + position: relative; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255,255,255,0); + margin: 6px; + padding: 0px 10px; + height: 29px; + border: 1px inset #434450; + font-family: Helvetica; + font-size: 13px; + font-weight: normal; + color: white; + line-height: 29px; + text-align: center; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#686F80), to(#000924), color-stop(0.5, #000B29)); +} + +/* Heading Arrow Button */ +.dj_tablet .mblArrowButtonHead { + border-color: #4D4E50; + background: -webkit-gradient(linear, left top, right bottom, from(#B1B5BB), to(#6A727D)); +} +.dj_tablet .mblArrowButtonBody { + border-color: #C0C0C0; + background-color: #8B919A; + background: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D)); + -webkit-tap-highlight-color: rgba(255,255,255,0); + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; +} +.dj_tablet .mblArrowButtonSelected .mblArrowButtonHead { + background: -webkit-gradient(linear, left top, right bottom, from(#9DA0A3), to(#43484F)); +} +.dj_tablet .mblArrowButtonSelected .mblArrowButtonBody { + background: -webkit-gradient(linear, left top, left bottom, from(#9DA0A3), to(#43484F)); +} + +/* dojox.mobile.RoundRect */ +.dj_tablet .mblRoundRect { + margin: 7px 30px 30px 30px; +} +.dj_tablet .mblHeading + .mblRoundRect { + margin-top: 30px; +} + +/* dojox.mobile.EdgeToEdgeCategory */ +/* dojox.mobile.RoundRectCategory */ +.dj_tablet .mblRoundRectCategory { + margin: 18px 0px 0px 41px; +} + +/* dojox.mobile.RoundRectList */ +.dj_tablet .mblRoundRectList { + margin: 7px 30px 30px 30px; +} +.dj_tablet .mblRoundRectList:first-child { + margin-top: 25px; +} +.dj_tablet .mblHeading + .mblRoundRectList { + margin-top: 30px; +} + +/* dojox.mobile.EdgeToEdgeList */ +/* dojox.mobile.ListItem */ +/* Switch */ +/* Icon Container */ +/* Icon Content Heading */ +/* dojox.mobile.Button */ +/* Tab Container */ +/* Progress Indicator */ + +/* dojox.mobile.TabBar */ +.dj_tablet .mblTabPanelHeader { + background-color: #889BB3; + background: -webkit-gradient(linear, left top, left bottom, from(#F3F4F6), to(#A7ABB8)); + border-top: 1px solid #FEFEFE; + border-bottom: 1px solid #787E8F; + color: #70777F; + text-shadow: rgba(256,256,256,0.6) 0px 1px 0px; +} + +/* dojox.mobile.TabBarButton */ +.dj_tablet .mblTabButton { + font-weight: bold; + color: #70777F; + text-shadow: none; + border-color: silver; + background-color: #CCCED6; + background: -webkit-gradient(linear, left top, left bottom, from(#F3F4F6), to(#A7ABB8)); +} +.dj_tablet .mblTabPanelHeader .mblTabButton.mblTabButtonSelected { + color: white; + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; + background-color: #8B919A; + background-image: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D)); +} + +/* dojox.mobile.ToolBarButton */ +.dj_tablet .mblToolBarButton { + text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; + border: 1px inset silver; +} + +/* Default Button Colors */ +.dj_tablet .mblColorDefault { + background-color: #8B919A; + background-image: -webkit-gradient(linear, left top, left bottom, from(#B1B5BB), to(#6A727D)); + +} +.dj_tablet .mblColorDefaultSel { + background-color: #515761; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7A7E85), to(#303845)); +} diff --git a/js/dojo/dojox/mobile/themes/iphone/iphone-app-compat.css b/js/dojo/dojox/mobile/themes/iphone/iphone-app-compat.css new file mode 100644 index 0000000..dc0a814 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/iphone-app-compat.css @@ -0,0 +1,24 @@ +/* mbl.widget.Heading */ +@import url("iphone-compat.css"); + +.alertTitle { + background-image: url(compat/heading-bg.png); +} + +.mblImageThumbView .mblThumb { + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; +} + +.mblImageThumbView .mblThumb:hover { + -moz-transform: scale(1.2); + -moz-transition: all 0.3s ease-in-out; + -o-transform: scale(1.2); + -o-transition: all 0.3s ease-in-out; +} +.mblImageThumbView .mblThumbInner .mblThumbMask .mblThumbSrc { + -moz-background-size: 100% 100%; + -moz-border-radius: 5px; + -o-background-size: 100% 100%; + -o-border-radius: 5px; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/iphone/iphone-app.css b/js/dojo/dojox/mobile/themes/iphone/iphone-app.css new file mode 100644 index 0000000..d91d2f4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/iphone-app.css @@ -0,0 +1,341 @@ +@import url("iphone.css"); + +.alertDialog { + width: 100%; + padding-left: 2px; + padding-right: 2px; + z-index: 1000; +} + +.alertDialogBody { + border: 1px solid #ADAAAD; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + background-color: white; + margin-left: 2px; + margin-right: 4px; +} + +.alertTitle { + height: 42px; + margin: 0px; + padding: 0px; + background-color: #889BB3; + background: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF)); + border-top: 1px solid #CDD5DF; + border-bottom: 1px solid #2D3642; + font-family: Helvetica; + font-size: 20px; + color: white; + text-align: center; + line-height: 44px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; +} + +.alertText { + text-align: center; +} + +.alertBtns { + padding: 5px; + text-align: center; +} + +.alertBtns .mblButton { + width: 100%; + margin-top: 5px; +} + +.alertDialog.mblOut { + position: absolute; +} + +.alertDialog.mblIn { + position: absolute; +} + +.mblSlidev.mblOut { + -webkit-animation-duration: .4s; + -webkit-animation-name: mblSlideOut; + -webkit-animation-timing-function: linear; + -webkit-transform: translateY(-100%); +} +.mblSlidev.mblIn { + -webkit-animation-duration: .4s; + -webkit-animation-name: mblSlideIn; + -webkit-animation-timing-function: linear; + -webkit-transform: translateY(0px); +} +.mblSlidev.mblOut.mblReverse { + -webkit-animation-name: mblSlideOutReverse; +} +.mblSlidev.mblIn.mblReverse { + -webkit-animation-name: mblSlideInReverse; +} + +.dialogUnderlayWrapper { + position: absolute; + left: 0; + top: 0; + z-index: 998; + background: transparent !important; + visibility: visible; + height: 100%; + width: 100%; +} + +.dialogUnderlay { + background-color: #eee; + opacity: 0.5; + width: 100%; + height: 100%; +} + +.list .row { + padding: 10px; + border-bottom: 1px solid #444; + position: relative; + background-color: white; + z-index: 6; /* Must be greater than the .buttons z-index */ +} +.list .row.mblListItem { + padding: 0px; +} + +.list .row.last { + border-bottom: none; +} + +.list .row.hold { + background-color: #ddd; +} + +.list .buttons { + position: absolute; + text-align: center; + padding-top: 10px; + width: 100%; + height: 100%; + z-index: 5; +} + +.list .buttons .mblButton { +} + +.list .buttons .deleteBtn { + background-color: red; + +} +.list .buttons .cancelBtn { + margin-left: 10px; + background-color: blue; +} + +.row.collapsed { + -webkit-animation-name: collapse-vert; + -webkit-animation-duration: 0.5s; + -webkit-animation-timing-function: linear; +} + +@-webkit-keyframes collapse-vert { + from { + height: 100%; + padding: 10px; + } + to { + height: 0px; + padding: 0px; + } +} + +.listSelector { + position: absolute; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border: 1px solid #666; + background-color: #ccc; + color: #333; + z-index: 1000; +} +.listSelectorRow { + padding: 10px; + border-bottom: 1px solid #666; + white-space: nowrap; +} +.listSelectorRow-selected { + background-color: #666; + color: #ccc; +} + +.listSelectorRow.last { + border-bottom: none; +} + +.mblImageView, .mblImageView canvas { + width: 100%; + height: 100%; +} + +.mblPillar { + display: none; +} + +/* Form Input Styles */ + +input { + -webkit-text-size-adjust: 140%; +} + + +/* ImageThumbView styles */ +.mblImageThumbView { + position: relative; + -webkit-transition-property: height; + -webkit-transition-duration: 0.8s; + -webkit-transition-delay: 0; +} + +.mblImageThumbView .mblThumb { + width: 100px; + min-height: 100px; + display: inline-block; + z-index: 2; + position: absolute; +} + +.mblImageThumbView.animated .mblThumb { + -webkit-transition-property: -webkit-transform, opacity; + -webkit-transition-duration: 1.3s, 1s; + -webkit-transition-delay: 0, 0; +} + +.mblImageThumbView .mblThumb.hidden { + z-index: 1; + opacity: 0; +} +.mblImageThumbView .mblThumbInner { + width: 102px; + height: 102px; + position: relative; +} + +.mblImageThumbView .mblThumbOverlay { + width: 102px; + height: 102px; + background: url(images/thumb-overlay.png) center top no-repeat; + position: absolute; + z-index: 20; + overflow: hidden; +} +.mblImageThumbView .mblThumb.selected .mblThumbOverlay { + background-position: center bottom; +} +.mblImageThumbView .mblThumbInner .mblThumbMask { + width: 90px; + height: 90px; + overflow: hidden; + padding-left: 6px; + padding-top: 5px; + z-index: 10; +} +.mblImageThumbView .mblThumbInner .mblThumbMask img { + left: 0px; + top: 0px; + width: 90px; + height: 90px; +} + +.mblImageThumbView .mblThumbInner .mblThumbMask .mblThumbSrc { + left: 6px; + top: 5px; + background-position: center center; + background-repeat: no-repeat; + overflow: hidden; + position: absolute; + -webkit-background-size: 100% 100%; + -webkit-border-radius: 5px; + width: 90px; + height: 90px; + z-index: 5; +} + +.mblImageThumbView .mblThumbMask div { + left: 0px; + top: 0px; + width: 90px; + height: 90px; + background-repeat: no-repeat; +} +.mblImageThumbView .mblThumb:hover, +.mblImageThumbView .mblThumb.selected { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} + +/* Large Images */ +.mblImageThumbView.large .mblThumb { + width: 150px; + min-height: 150px; +} + +.mblImageThumbView.large .mblThumbInner{ + width: 152px; + height: 152px; +} + +.mblImageThumbView.large .mblThumbOverlay { + background: url(images/thumb-overlay-large.png) center top no-repeat; + width: 152px; + height: 152px; +} +.mblImageThumbView.large .mblThumbInner .mblThumbMask, +.mblImageThumbView.large .mblThumbInner .mblThumbMask img, +.mblImageThumbView.large .mblThumbInner .mblThumbMask .mblThumbSrc, +.mblImageThumbView.large .mblThumbMask div { + width: 133px; + height: 133px; +} + +.mblImageThumbView.large .mblThumbInner .mblThumbMask .mblThumbSrc { + left: 9px; + top: 7px; +} +/* Small Images */ +.mblImageThumbView.small .mblThumb { + width: 75px; + min-height: 75px; +} + +.mblImageThumbView.small .mblThumbInner{ + width: 77px; + height: 77px; +} + +.mblImageThumbView.small .mblThumbOverlay { + background: url(images/thumb-overlay-small.png) center top no-repeat; + width: 77px; + height: 77px; +} +.mblImageThumbView.small .mblThumbInner .mblThumbMask, +.mblImageThumbView.small .mblThumbInner .mblThumbMask img, +.mblImageThumbView.small .mblThumbInner .mblThumbMask .mblThumbSrc, +.mblImageThumbView.small .mblThumbMask div { + width: 70px; + height: 70px; +} + +.mblImageThumbView.small .mblThumbInner .mblThumbMask .mblThumbSrc { + left: 4px; + top: 3px; +} + +.mblImageThumbView .mblThumbLabel { + font-size: smaller; + overflow: hidden; + white-space: nowrap; + text-align: center; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/iphone/iphone-compat.css b/js/dojo/dojox/mobile/themes/iphone/iphone-compat.css new file mode 100644 index 0000000..f5a0140 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/iphone-compat.css @@ -0,0 +1,18 @@ +@import url("base-compat.css"); + +/* common styles */ +@import url("../common/domButtons-compat.css"); +@import url("../common/SpinWheel-compat.css"); + +/* widget styles */ +@import url("Button-compat.css"); +@import url("CheckBox-compat.css"); +@import url("ComboBox-compat.css"); +@import url("IconContainer-compat.css"); +@import url("Opener-compat.css"); +@import url("RadioButton-compat.css"); +@import url("Slider-compat.css"); +@import url("TabBar-compat.css"); +@import url("TextArea-compat.css"); +@import url("TextBox-compat.css"); +@import url("ToggleButton-compat.css"); diff --git a/js/dojo/dojox/mobile/themes/iphone/iphone.css b/js/dojo/dojox/mobile/themes/iphone/iphone.css new file mode 100644 index 0000000..a50e0ce --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/iphone.css @@ -0,0 +1,22 @@ +@import url("base.css"); + +/* common styles */ +@import url("../common/domButtons.css"); +@import url("../common/FixedSplitter.css"); +@import url("../common/SpinWheel.css"); +@import url("../common/transitions.css"); + +/* widget styles */ +@import url("Button.css"); +@import url("Carousel.css"); +@import url("CheckBox.css"); +@import url("ComboBox.css"); +@import url("IconContainer.css"); +@import url("Opener.css"); +@import url("PageIndicator.css"); +@import url("RadioButton.css"); +@import url("Slider.css"); +@import url("TabBar.css"); +@import url("TextArea.css"); +@import url("TextBox.css"); +@import url("ToggleButton.css"); diff --git a/js/dojo/dojox/mobile/themes/iphone/variables.less b/js/dojo/dojox/mobile/themes/iphone/variables.less new file mode 100644 index 0000000..007cab4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/iphone/variables.less @@ -0,0 +1,726 @@ +// common.less +.mobile-body-styles () { + background-color: rgb(197,204,211); + font-family: Helvetica; + font-size: 17px; +} + +.mblView-styles () { +} + +.mblColorBlue-styles () { + background-color: #366EDF; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); +} +.mblColorDefault-styles () { + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblColorDefaultSel-styles () { + background-color: #394D77; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69)); +} + +// Heading.less +.mblHeading-styles () { + padding: 0px; + height: 42px; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF)); + border-top: 1px solid #CDD5DF; + border-bottom: 1px solid #2D3642; + color: white; + font-family: Helvetica; + font-size: 20px; + font-weight: bold; + text-align: center; + line-height: 44px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; +} +.mblArrowButton-styles () { + height: 42px; +} +.mblArrowButtonHead-styles () { + top: 11px; + left: 5px; + width: 20px; + height: 19px; + border: 1px solid #3A4655; + -webkit-transform: scale(0.7, 1) rotate(45deg); + background-image: -webkit-gradient(linear, left top, right bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblArrowButtonHeadChrome-styles () { + border: 1px inset #3A4655; +} +.mblArrowButtonBody-styles () { + top: 6px; + left: 16px; + padding: 0px 10px 0px 4px; + height: 29px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #9CACC0; + font-family: Helvetica; + font-size: 13px; + color: white; + line-height: 29px; + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblArrowButtonSelected-styles () { +} +.mblArrowButtonHeadSelected-styles () { + background-image: -webkit-gradient(linear, left top, right bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69)); +} +.mblArrowButtonBodySelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69)); +} + +// ToolBarButton.less +.mblToolBarButton-styles () { + margin: 6px; + height: 29px; + border: 1px inset #9CACC0; + font-family: Helvetica; + font-size: 13px; + font-weight: bold; + color: white; + line-height: 29px; + text-align: center; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +.mblToolBarButtonDomButton-styles () { +} +.mblToolBarButtonIcon-styles () { +} + +// RoundRect.less +.mblRoundRect-styles () { + margin: 7px 9px 16px 9px; + padding: 8px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background-color: white; +} +.mblRoundRectShadowBox-styles () { + -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); +} + +// EdgeToEdgeCategory.less +.mblEdgeToEdgeCategory-styles () { + margin: 0px; + padding: 0px 10px; + height: 22px; + border-top: 1px solid #A4B0B9; + border-bottom: 1px solid #979DA3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8F9EA9), to(#B7C0C7)); + font-family: Helvetica; + font-size: 16px; + font-weight: bold; + color: white; + line-height: 22px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; +} + +// RoundRectCategory.less +.mblRoundRectCategory-styles () { + padding: 18px 0px 0px 20px; + margin: 0px; + font-family: Helvetica; + font-size: 16px; + color: #4C566C; + text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px; +} + +// RoundRectList.less +.mblRoundRectList-styles () { + margin: 7px 9px 16px 9px; + padding: 0px; + border: 1px solid #ADAAAD; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + background-color: white; +} +.mblRoundRectList-withCategory-styles () { +} +.mblRoundRectList-FirstListItem-styles () { + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; +} +.mblRoundRectList-withCategory-FirstListItem-styles () { +} +.mblRoundRectList-LastListItem-styles () { + border-bottom-width: 0px; + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + -moz-border-radius-bottomleft: 8px; + -moz-border-radius-bottomright: 8px; +} + +// EdgeToEdgeList.less +.mblEdgeToEdgeList-styles () { + margin: 0px; + padding: 0px; + background-color: white; +} +.mblEdgeToEdgeList-LastListItem-styles () { + border-bottom-color: #707C84; +} + +// ListItem.less +.mblListItem-styles () { + padding: 0px 0px 0px 8px; + height: 43px; + border-bottom: 1px solid #ADAAAD; + font-weight: bold; + color: black; + line-height: 43px; +} +.mblListItem-mblVariableHeight-styles () { + padding: 11px 0px 10px 6px; + line-height: normal; +} +.mblListItem-mblListItemAnchor-styles () { + background-position: 9px 7px; + text-decoration: none; + padding-right: 7px; +} +.mblItemSelected-styles () { + background-color: #048BF4; + background-image: -webkit-gradient(linear, left top, left bottom, from(#048BF4), to(#005CE5)); +} +.mblItemSelected-mblListItemAnchor-styles () { + color: white; +} +.mblItemSelected-mblDomButton-Div-styles () { + border-color: white; +} +.mblItemSelected-mblListItemSubText-styles () { +} +.mblListItemTextBoxSelected-styles () { + background-color: #048BF4; +} +.mblListItemChecked-styles () { + color: #314E84; +} +.mblListItemIcon-styles () { + margin-top: 7px; + margin-right: 11px; +} +.mblListItemSpriteIcon-styles () { + margin-top: 7px; + margin-left: 8px; +} +.mblListItemRightIcon-styles () { + margin-top: 7px; + margin-bottom: -7px; +} +.mblListItemRightText-styles () { + color: #324F85; + margin: 11px 4px 0 0; +} +.mblListItemTextBox-styles () { +} +.mblListItemAnchorNoIcon-mblListItemTextBox-styles () { +} +.mblListItemSubText-styles () { +} + +// Switch.less +.mblItemSwitch-styles () { + top: 8px; +} +.mblSwitchBg-styles () { + -webkit-border-radius: 5px; +} +.mblSwitchBgLeft-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#2859B1), to(#75ACFB), color-stop(0.5, #3F84EB), color-stop(0.5, #4C8EEE)); +} +.mblSwitchBgRight-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#FDFDFD), color-stop(0.5, #EEEEEE), color-stop(0.5, #F8F8F8)); +} +.mblSwitchKnob-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FAFAFA)); + -webkit-border-radius: 5px; +} + +// Button.less +.mblButton-styles () { + padding: 0px 10px; + height: 29px; + border: #9CACC0 1px outset; + -webkit-border-radius: 5px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE), color-stop(0.5, #F8F8F8), color-stop(0.5, #EEEEEE)); + color: black; + font-family: Helvetica; + font-size: 13px; + line-height: 29px; +} +.mblButton-mblBlueButton-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); + color: white; +} +.mblButton-mblBlueButtonSelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); + color: white; +} +.mblButton-mblRedButton-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#FA9D58), to(#EE4115), color-stop(0.5, #FF4D25), color-stop(0.5, #ED4D15)); + color: white; +} +.mblButton-mblRedButtonSelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#C1A48E), to(#9B6C4A), color-stop(0.5, #A27758), color-stop(0.5, #996947)); + color: white; +} +.mblButtonSelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#BFBFBF), color-stop(0.5, #EBEBEB), color-stop(0.5, #DEDEDE)); + color: black; +} +.mblButtonDisabled-styles () { + border-color: grey; + background-image: none; + color: grey; +} + +// CheckBox.less +.mblCheckBox-styles () { + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + border: #9CACC0 1px outset; + -webkit-border-radius: 5px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE), color-stop(0.5, #F8F8F8), color-stop(0.5, #EEEEEE)); + font: inherit; + -webkit-transform: translateY(0.45em); +} +.mblCheckBoxSelected-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#BFBFBF), color-stop(0.5, #EBEBEB), color-stop(0.5, #DEDEDE)); +} +.mblCheckBoxChecked-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); +} +.mblCheckBoxChecked-after-styles () { + position: absolute; + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.3em; + border-color: white; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblCheckBoxChecked-mblCheckBoxSelected-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblCheckBoxChecked-mblCheckBoxSelected-after-styles () { + border-color: #9CACC0; +} + +// ComboBox.less +.dijitPopup-styles () { + -webkit-box-shadow: 0px 0px 50px black; + -webkit-border-radius: 0px; +} +.mblComboBoxMenu-styles () { + border: 1px solid black; + -webkit-border-radius: 0px; + background-color: white; +} +.mblComboBoxMenuItemSelected-styles () { + background-color: black; + background-image: -webkit-gradient(linear, left top, left bottom, from(#048BF4), to(#005CE5)); + color: white; +} +.mblComboBoxMenuItem-styles () { + padding: .1em .2em; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: #ffffff; + color: inherit; + text-align: left; +} +.mblComboBoxMenuPreviousButton-styles () { + font-style: italic; + overflow: hidden; +} + +// IconContainer.less +.mblIconContainer-styles () { + margin: 20px 0px 0px 10px; + padding: 0px 0px 40px 0px; +} + +// IconItem.less +.mblIconItemTerminator-styles () { + height: 20px; +} +.mblIconItemSub-styles () { + margin-left: -10px; + background-color: white; +} +.mblIconArea-styles () { + margin-bottom: 10px; + height: 78px; + width: 74px; + font-family: Helvetica; + font-size: 12px; + text-align: center; +} +.mblContent-styles () { + padding-bottom: 20px; +} +.mblIconContentHeading-styles () { + margin-top: 0px; + padding-left: 40px; + height: 25px; + border-top: 1px solid #F1F3F4; + border-bottom: 1px solid #717D85; + background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E4E7), to(#B4BEC6), color-stop(0.5, #C4CCD2), color-stop(0.5, #BFC8CE)); + font-family: Helvetica; + font-size: 14px; + color: white; + line-height: 26px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; +} + +// RadioButton.less +.mblRadioButton-styles () { + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + border: #9CACC0 1px outset; + -webkit-border-radius: 0.5em; + background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE), color-stop(0.5, #F8F8F8), color-stop(0.5, #EEEEEE)); + font: inherit; + -webkit-transform: translateY(0.45em); +} +.mblRadioButtonChecked-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); +} +.mblRadioButtonChecked-after-styles () { + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.25em; + border-color: white; + border-width: 0.15em; + border-style: none solid solid none; + border-color: white; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblRadioButtonChecked-Selected-styles () { + border-color: #9CACC0; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblRadioButtonChecked-Selected-after-styles () { + border-color: white; +} + +// Slider.less +.mblSlider-styles () { + margin: 15px; /* 1/2 handle width for hanging off the ends of the bar */ + border: #B0B0B0 1px inset; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ABABAB), to(#FEFEFE)); + -webkit-border-radius: 8px; +} +.mblSliderProgressBar-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#0D48A8), to(#68A6F8)); + -webkit-border-radius: 8px; +} +.mblSliderHandle-styles () { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: #9D9D9D 1px outset; + -webkit-border-radius: 10px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#A6A6A6), to(#FCFCFC)); +} + +// TabBar.less +.mblTabBar-styles () { + margin: 0px; + padding: 0px; + height: 48px; + border-top: 1px solid #000000; + background-color: #000000; + background-image: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000)); + color: white; + text-align: center; +} +.mblTabBar-TabBarButton-styles () { +} +.mblTabBar-TabBarButton-Selected-styles () { + -webkit-border-radius: 3px; + background-color: #404040; + background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535), color-stop(0.5, #242424)); +} +.mblTabBarButtonDiv-styles () { + height: 34px; + width: 29px; +} +.mblTabBarButtonIcon-styles () { + left: 0px; + top: 2px; +} +.mblTabBarButtonTextBox-styles () { + color: #979797; + font-family: "Helvetica Neue", Helvetica; + font-size: 11px; +} +.mblTabBarNoIcons-TabBarButtonTextBox-styles () { + line-height: 34px; + font-size: 20px; +} +.mblTabButton-styles () { + width: 100px; + height: 28px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #9CACC0; + border-right-color: #5E708A; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ABB9CA), to(#788DA9), color-stop(0.5, #8297AF), color-stop(0.5, #768BA7)); + font-family: Helvetica; + font-size: 13px; + color: white; + text-align: center; + line-height: 29px; +} +.mblTabButton-TabBarButtonAnchor-styles () { + height: 29px; +} +.mblTabBarTop-TabButton-TabBarButtonDiv-styles () { + display: none; +} +.mblTabBarHead-TabButton-TabBarButtonDiv-styles () { +} +.mblTabButton-FirstTabButtom-styles () { + -webkit-border-top-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + border-left-width: 1px; +} +.mblTabButton-LastTabButton-styles () { + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + border-right-color: #9CACC0; +} +.mblTabButton-img-styles () { +} +.mblTabBarButtonTextBoxSelected-styles () { + color: white; +} +.mblTabButtonSelected-styles () { +} +.mblTabButtonHighlighted-styles () { +} +.mblTabButtonImgDiv-styles () { + display: none; +} +.mblTabPanelHeader-styles () { + margin: 0px; + padding: 3px 0px 0px 0px; + height: 39px; + border-top: 1px solid #CDD5DF; + border-bottom: 1px solid #2D3642; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF)); + font-family: Helvetica; + font-size: 20px; + color: white; + text-align: center; + line-height: 44px; + text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; +} +.mblTabPanelHeader-TabButton-styles () { + margin-top: 3px; +} +.mblTabPanelHeader-TabButtonSelected-styles () { + background-color: #5877A2; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblTabPanelHeader-TabButtonDomButton-styles () { + width: 43px; +} +.mblTabPanelHeader-TabButtonDomButtonClass-styles () { + left: 8px; +} +.mblTabPanelHeader-DomButton-styles () { +} +.mblTabPanelHeader-inHeading-styles () { +} +.mblTabPanelHeader-TabButton-inHeading-styles () { + margin-top: 6px; +} +.mblTabPanelHeader-TabButton-FirstTabButtom-inHeading-styles () { +} +.mblTabPanelHeader-TabButton-LastTabButtom-inHeading-styles () { +} +.mblTabPanelHeader-TabButtonSelected-inHeading-styles () { +} + +// TextArea.less +.mblTextArea-styles () { + padding: 4px 1px; + border-color: #9CACC0; + border-width: 1px; + border-style: inset; + -webkit-border-radius: 5px; + font-family: Helvetica; + font-size: 13px; +} +.mblExpandingTextArea-styles () { + margin: 2px; +} + +// TextBox.less +.mblTextBox-styles () { + height: 22px; + border: #9CACC0 1px inset; + -webkit-border-radius: 5px; + font-family: Helvetica; + font-size: 13px; +} + +// ToggleButton.less +.mblToggleButton-styles () { + padding: 0px 10px 0px 25px; + height: 29px; + border-width: 1px 1px 1px 1px; + border-style: outset; + border-color: #9CACC0; + -webkit-border-radius: 5px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE), color-stop(0.5, #F8F8F8), color-stop(0.5, #EEEEEE)); + font-family: Helvetica; + font-size: 13px; + color: black; + line-height: 29px; +} +.mblToggleButtonSelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#BFBFBF), color-stop(0.5, #EBEBEB), color-stop(0.5, #DEDEDE)); + color: black; +} +.mblToggleButtonChecked-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); + color: white; +} +.mblToggleButtonChecked-after-styles () { + content: ""; + top: 6px; + left: 7px; + width: 5px; + height: 10px; + border-color: white; + border-width: 2px; + border-style: none solid solid none; + -webkit-transform: rotate(45deg) skew(10deg); + -webkit-transform-origin: 50% 50%; +} +.mblToggleButtonCheckedSelected-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); + color: white; +} +.mblToggleButtonCheckedSelected-after-styles () { + border-color: white; +} +.mblToggleButtonDisabled-styles () { + border-color: grey; + background-image: none; + color: grey; +} + +// Overlay.less +.mblOverlay-styles () { + background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE)); +} + +// Tooltip.less +.mblTooltip-styles () { + padding: 5px; + border: #5A5A5A 1px solid; + background-color: #121B2F; + background-image: -webkit-gradient(linear, left top, left bottom, from(#656872), to(#121B2F), color-stop(0.1,#2C3345),color-stop(0.1,#161F32)); + -webkit-border-radius: 8px; + opacity: .97; +} +.mblTooltipBubble-styles () { + background-color: #f9f7ba; + background-image: none; +} +.mblTooltipInnerArrow-Bubble-Above-styles () { + border-bottom-color: #f9f7ba; +} +.mblTooltipInnerArrow-Bubble-Below-styles () { + border-top-color: #f9f7ba; +} +.mblTooltipInnerArrow-Bubble-After-styles () { + border-left-color: #f9f7ba; +} +.mblTooltipInnerArrow-Bubble-Before-styles () { + border-right-color: #f9f7ba; +} +.mblTooltipArrow-styles () { + border: 11px solid transparent; +} +.mblTooltipArrow-Before-styles () { + border-left-width: 0; + border-right-color: #5A5A5A; +} +.mblTooltipArrow-After-styles () { + border-right-width: 0; + border-left-color: #5A5A5A; +} +.mblTooltipArrow-Above-styles () { + border-top-width: 0; + border-bottom-color: #5A5A5A; +} +.mblTooltipArrow-Below-styles () { + border-bottom-width: 0; + border-top-color: #5A5A5A; +} +.mblTooltipInnerArrow-Before-styles () { + border-left-width: 0; + border-right-color: #192235; +} +.mblTooltipInnerArrow-After-styles () { + border-right-width: 0; + border-left-color: #192235; +} +.mblTooltipInnerArrow-Above-styles () { + border-top-width: 0; + border-bottom-color: #656872; +} +.mblTooltipInnerArrow-Below-styles () { + border-bottom-width: 0; + border-top-color: #172035; +} +.mblTooltip-Heading-styles () { + border-top: 3px solid #4F5055; + border-bottom: 1px solid #2D3642; + border-left: 1px solid #2A2D47; + -webkit-border-radius: 3px 3px 0 0; + background-color: #889BB3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6167), to(#1A1D24), color-stop(0.5, #2E322B)); + font-weight: normal; +} +.mblTooltip-Heading-ToolbarButton-styles () { + border: 1px inset #434450; + background-image: -webkit-gradient(linear, left top, left bottom, from(#686F80), to(#000924), color-stop(0.5, #000B29)); + font-weight: normal; +} + |
