diff options
Diffstat (limited to 'js/dojo/dojox/mobile/themes/custom')
86 files changed, 2905 insertions, 0 deletions
diff --git a/js/dojo/dojox/mobile/themes/custom/Button-compat.css b/js/dojo/dojox/mobile/themes/custom/Button-compat.css new file mode 100644 index 0000000..32cc119 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Button-compat.css @@ -0,0 +1,8 @@ +/* dojox.mobile.Button */ +.mblButton { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Button.css b/js/dojo/dojox/mobile/themes/custom/Button.css new file mode 100644 index 0000000..92d7b63 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Button.css @@ -0,0 +1,48 @@ +/* dojox.mobile.Button */ +.mblButton { + cursor: pointer; + outline: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + padding: 0 8px; + height: 30px; + border: 1px outset #b5bcc7; + color: #131313; + font-size: 14px; + font-family: Helvetica; + font-weight: normal; + line-height: 30px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblButton.mblBlueButton { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + color: #131313; + background-color: #0000FF; +} +.mblButton.mblBlueButtonSelected { + color: #000000; + border-color: #769dc0; + background-color: #000066; +} +.mblButton.mblRedButton { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + color: #131313; + background-color: #FF0000; +} +.mblButton.mblRedButtonSelected { + color: #000000; + border-color: #769dc0; + background-color: #660000; +} +.mblButtonSelected { + color: #000000; + border-color: #769dc0; + background-color: #0064c2; +} +.mblButtonDisabled, .mblButton:disabled { + cursor: default; + color: grey; + border-color: grey; + background-color: #8fc9ff; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Button.less b/js/dojo/dojox/mobile/themes/custom/Button.less new file mode 100644 index 0000000..ab3a96c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Button.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Button.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Carousel.css b/js/dojo/dojox/mobile/themes/custom/Carousel.css new file mode 100644 index 0000000..a415950 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Carousel.css @@ -0,0 +1,60 @@ +/* dojox.mobile.Carousel */ +.mblCarousel { + overflow: hidden; +} +.mblCarouselBox { + position: relative; + float: left; +} +.mblCarouselImg { + -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); + vertical-align: bottom; +} +.mblCarouselImgSelected { + border: 1px dashed #C0C0C0; + -webkit-box-shadow: none; +} +.mblCarouselImgHeaderText { + color: white; + font: 14px arial, helvetica, clean, sans-serif; +} +.mblCarouselImgFooterText { + color: white; + font: 14px arial, helvetica, clean, sans-serif; +} +.mblCarouselHeaderBar { + background-color: #3A3A3B; + color: #B1B1B1; + font: bold 16px arial, helvetica, clean, sans-serif; + padding: 1px; +} +.mblCarouselBtnContainer { + float: right; +} +.mblCarouselBtn { + height: 18px; + width: 46px; + font: bold 14px arial, helvetica, clean, sans-serif; + color: gray; + padding-top: 0px; + margin: 0px 2px; + border-width: 1px; + /* workaround for android problem */ + +} +.mblCarouselTitle { + margin: 2px 0px 2px 4px; +} +.mblCarouselHeaderBar .mblPageIndicator { + float: right; + width: auto; + padding: 0px 20px; +} +.mblCarouselHeaderBar .mblPageIndicatorContainer { + margin-left: 0px; + margin-right: 0px; +} +.mblCarouselPages { + position: relative; + text-align: center; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Carousel.less b/js/dojo/dojox/mobile/themes/custom/Carousel.less new file mode 100644 index 0000000..d717397 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Carousel.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Carousel.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/CheckBox-compat.css b/js/dojo/dojox/mobile/themes/custom/CheckBox-compat.css new file mode 100644 index 0000000..7545638 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/CheckBox-compat.css @@ -0,0 +1,26 @@ +/* dojox.mobile.CheckBox */ +.mblCheckBox { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; + -moz-appearance: none; + -o-appearance: none; + -ms-appearance: none; + appearance: none; + -o-transform: translateY(0.45em); + -ms-transform: translateY(0.45em); + transform: translateY(0.45em); +} +.mblCheckBoxChecked::after, +.mblCheckBox:checked::after { + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + -moz-transform-origin: 50% 50%; + -o-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} diff --git a/js/dojo/dojox/mobile/themes/custom/CheckBox.css b/js/dojo/dojox/mobile/themes/custom/CheckBox.css new file mode 100644 index 0000000..1891ba5 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/CheckBox.css @@ -0,0 +1,45 @@ +/* dojox.mobile.CheckBox */ +.mblCheckBox { + position: relative; + cursor: pointer; + outline: none; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + font-size: 18px; + border: 1px outset #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; + -webkit-transform: translatey(0.45em); +} +.mblCheckBoxSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblCheckBoxChecked, .mblCheckBox:checked { + border-color: #769dc0; + background-color: #007ef5; +} +.mblCheckBoxChecked::after, .mblCheckBox:checked::after { + content: ""; + width: 0.3em; + height: 0.6em; + position: absolute; + top: 0; + left: 0.3em; + border-color: #000000; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblCheckBoxChecked.mblCheckBoxSelected, .mblCheckBox:checked.mblCheckBoxSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblCheckBoxChecked.mblCheckBoxSelected::after, .mblCheckBox:checked.mblCheckBoxSelected::after { + border-color: #000000; +} diff --git a/js/dojo/dojox/mobile/themes/custom/CheckBox.less b/js/dojo/dojox/mobile/themes/custom/CheckBox.less new file mode 100644 index 0000000..09f93b2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/CheckBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/CheckBox.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/ComboBox-compat.css b/js/dojo/dojox/mobile/themes/custom/ComboBox-compat.css new file mode 100644 index 0000000..09c7b38 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ComboBox-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.ComboBox */ +.dijitPopup { + -moz-box-shadow: 0px 0px 50px black; + -o-box-shadow: 0px 0px 50px black; + -ms-box-shadow: 0px 0px 50px black; + box-shadow: 0px 0px 50px black; +}
\ No newline at end of file diff --git a/js/dojo/dojox/mobile/themes/custom/ComboBox.css b/js/dojo/dojox/mobile/themes/custom/ComboBox.css new file mode 100644 index 0000000..4247da7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ComboBox.css @@ -0,0 +1,44 @@ +/* dojox.mobile.ComboBox */ +.dijitPopup { + margin: 0; + padding: 0; + position: absolute; + border: 0; + background-color: transparent; + -webkit-box-shadow: 0px 0px 50px black; + -webkit-border-radius: 5px; +} +.mblReset { + margin: 0; + padding: 0; + border: 0; + line-height: normal; + font: inherit; + color: inherit; +} +.mblComboBoxMenu { + overflow-y: hidden !important; + position: relative; + overflow: hidden; + border: 1px solid black; + background-color: #eff1f3; + -webkit-border-radius: 5px; +} +.mblComboBoxMenuItem { + white-space: nowrap; + text-align: left; + padding: .1em .2em; + color: #131313; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: #eff1f3; +} +.mblComboBoxMenuItemSelected { + color: #000000; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblComboBoxMenuPreviousButton, .mblComboBoxMenuNextButton { + font-style: italic; + overflow: hidden; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ComboBox.less b/js/dojo/dojox/mobile/themes/custom/ComboBox.less new file mode 100644 index 0000000..ab9458c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ComboBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ComboBox.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory-compat.css b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory-compat.css new file mode 100644 index 0000000..f62bc07 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory-compat.css @@ -0,0 +1,4 @@ +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + background-image: url(compat/heading-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.css b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.css new file mode 100644 index 0000000..289511f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.css @@ -0,0 +1,19 @@ +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0; + padding: 0 8px; + height: 30px; + border-bottom: 1px solid #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(2.5%, #ffffff), color-stop(2.5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.68)), color-stop(10%, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + color: #000000; + line-height: 32px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.less b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.less new file mode 100644 index 0000000..3bb63da --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.css b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.css new file mode 100644 index 0000000..9ea0ea4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.css @@ -0,0 +1,12 @@ +/* dojox.mobile.EdgeToEdgeList */ +.mblEdgeToEdgeList { + position: relative; + /* IE needs this */ + + margin: 0; + padding: 0; + background-color: #ffffff; +} +.mblEdgeToEdgeList .mblListItem:last-child { + border-bottom-color: #b5bcc7; +} diff --git a/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.less b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.less new file mode 100644 index 0000000..227627c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/EdgeToEdgeList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/EdgeToEdgeList.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Heading-compat.css b/js/dojo/dojox/mobile/themes/custom/Heading-compat.css new file mode 100644 index 0000000..74befb9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Heading-compat.css @@ -0,0 +1,47 @@ +/* mbl.widget.Heading */ +.mblHeading { + background-image: url(compat/heading-bg.png); +} +.mblHeadingSpanTitle { + white-space: normal; +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + background-image: url(compat/ui-widget-bg.png); + -moz-transform-origin: left top; + -o-transform-origin: left top; + -ms-transform-origin: left top; + transform-origin: left top; + -moz-transform: scale(0.9, 0.99) rotate(45deg); + -o-transform: scale(0.9, 0.99) rotate(45deg); + -ms-transform: scale(0.9, 0.99) rotate(45deg); + transform: scale(0.9, 0.99) rotate(45deg); + left: 1px\9; /* IE7/8 hack */ + _left: 9px; /* IE6 hack */ + height: 32px\9; /* IE6/7/8 hack */ + border-width: 0\9; /* IE6/7/8 hack */ + background-image: url(compat/arrow-button-head.png)\9; /* IE6/7/8 hack */ +} +.mblArrowButtonHead:not(:target) { /* IE9 hack */ + background-image: url(compat/ui-widget-bg.png)\9; + left: 17px\9; + height: 21px\9; + border-width: 1px\9; +} +.mblArrowButtonBody { + -moz-border-radius-topright: 2px; + -moz-border-radius-bottomright: 2px; + -o-border-top-right-radius: 2px; + -o-border-bottom-right-radius: 2px; + -ms-border-top-right-radius: 2px; + -ms-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + background-image: url(compat/ui-widget-bg.png); +} +*html .mblArrowButtonBody { /* IE6 hack */ + padding: 0px 10px 0px 3px; + top: 0px; + left: 17px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Heading.css b/js/dojo/dojox/mobile/themes/custom/Heading.css new file mode 100644 index 0000000..86bd3b4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Heading.css @@ -0,0 +1,85 @@ +/* dojox.mobile.Heading */ +.mblHeading { + position: relative; + margin: 0px; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + z-index: 1; + padding: 0; + height: 40px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(2.5%, #ffffff), color-stop(2.5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.68)), color-stop(10%, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); + border-bottom: 1px solid #769dc0; + color: #131313; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + text-align: center; + line-height: 42px; +} +.mblHeading * { + z-index: 2; +} +.mblHeadingDivTitle { + position: absolute; + width: 100%; + display: none; + left: 0px; + z-index: 1; +} +.mblHeadingCenterTitle .mblHeadingDivTitle { + display: block; +} +.mblHeadingCenterTitle .mblHeadingSpanTitle { + display: none; +} +/* Heading Arrow Button */ +.mblArrowButton { + position: relative; + float: left; + height: 30px; + margin: 0px 8px; +} +.mblArrowButtonHead { + position: absolute; + top: 5px; + left: 17px; + width: 21px; + height: 21px; + border: 1px solid #b5bcc7; + -webkit-transform-origin: left top; + -webkit-transform: scale(0.9, 0.99) rotate(45deg); + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.dj_chrome .mblArrowButtonHead { + border-style: inset; +} +.mblArrowButtonBody { + position: absolute; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + top: 5px; + left: 17px; + padding: 0px 10px 0px 3px; + height: 30px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #b5bcc7; + font-size: 14px; + font-family: Helvetica; + font-weight: normal; + text-shadow: none; + color: #131313; + line-height: 30px; + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblArrowButtonSelected .mblArrowButtonHead, .mblArrowButtonSelected .mblArrowButtonBody { + background-color: #0064c2; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Heading.less b/js/dojo/dojox/mobile/themes/custom/Heading.less new file mode 100644 index 0000000..cfc8580 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Heading.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Heading.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/IconContainer-compat.css b/js/dojo/dojox/mobile/themes/custom/IconContainer-compat.css new file mode 100644 index 0000000..78efb95 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/IconContainer-compat.css @@ -0,0 +1,11 @@ +@import url("../common/domButtons/DomButtonColorButtons-compat.css"); + +/* dojox.mobile.IconItem */ +.mblIconArea div { + *font-size: 60px; /* IE 7 quirks */ +} + +/* Icon Content Heading */ +.mblIconContentHeading { + background-image: url(compat/heading-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/custom/IconContainer.css b/js/dojo/dojox/mobile/themes/custom/IconContainer.css new file mode 100644 index 0000000..457a86a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/IconContainer.css @@ -0,0 +1,101 @@ +@import url("../common/domButtons/DomButtonColorButtons.css"); + +@import url("../common/IconContainer_keyframes.css"); +/* dojox.mobile.IconContainer */ +.mblIconContainer { + margin: 8px 0 8px 8px; + padding: 8px 0 8px; + background-color: #eff1f3; +} +/* dojox.mobile.IconItem */ +.mblIconItem { + list-style-type: none; + float: left; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} +.mblIconItemTerminator { + list-style-type: none; + clear: both; + height: 8px; +} +.mblIconItemSub { + list-style-type: none; + margin-left: -8px; + background-color: white; + color: #131313; +} +.mblIconArea { + height: 87px; + width: 73px; + text-align: center; + font-family: Helvetica; + font-weight: normal; + font-size: 14px; +} +.mblIconArea div { + position: relative; + height: 65px; + line-height: 65px; + text-align: center; +} +.mblIconArea img { + vertical-align: middle; +} +.mblIconItemSpriteIcon { + position: absolute; +} +.mblContent { + clear: both; + padding-bottom: 8px; +} +table.mblClose { + clear: both; + cursor: pointer; +} +.mblVibrate { + position: relative; + -webkit-animation-duration: .5s; + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: 20; + -webkit-animation-name: mblVibrate; + -webkit-transform: rotate(0deg); +} +.mblCloseContent { + -webkit-animation-duration: .3s; + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-name: mblShrink; + -webkit-transform: scale(0.01); +} +.mblCloseContent.mblShrink0 { + -webkit-animation-name: mblShrink0; +} +.mblCloseContent.mblShrink1 { + -webkit-animation-name: mblShrink1; +} +.mblCloseContent.mblShrink2 { + -webkit-animation-name: mblShrink2; +} +.mblCloseContent.mblShrink3 { + -webkit-animation-name: mblShrink3; +} +/* Icon Content Heading */ +.mblIconContentHeading { + position: relative; + clear: both; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin-top: 0px; + padding-left: 37px; + height: 25px; + border-top: 1px solid #dfe8f0; + border-bottom: 1px solid #769dc0; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(2.5%, #ffffff), color-stop(2.5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.68)), color-stop(10%, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); + color: #131313; + font-size: 14px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + line-height: 26px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/IconContainer.less b/js/dojo/dojox/mobile/themes/custom/IconContainer.less new file mode 100644 index 0000000..963eae6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/IconContainer.less @@ -0,0 +1,5 @@ +@import url("../common/domButtons/DomButtonColorButtons.css"); +@import url("../common/IconContainer_keyframes.css"); + +@import "variables.less"; +@import "../common/IconContainer.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/ListItem-compat.css b/js/dojo/dojox/mobile/themes/custom/ListItem-compat.css new file mode 100644 index 0000000..1192cdf --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ListItem-compat.css @@ -0,0 +1,16 @@ +@import url("../common/domButtons/DomButtonGrayArrow-compat.css"); +@import url("../common/domButtons/DomButtonDarkBlueCheck-compat.css"); + +/* mbl.widget.ListItem */ +*html li.mblListItem.mblVariableHeight { /* IE6 hack */ + height: 0; +} +.mblItemSelected { + background-image: url(compat/ui-widget-bg.png); +} +*html .mblListItemTextBox { /* IE6 hack */ + height: 100%; +} +*html li.mblListItem.mblVariableHeight .mblListItemTextBox { /* IE6 hack */ + height: auto; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ListItem.css b/js/dojo/dojox/mobile/themes/custom/ListItem.css new file mode 100644 index 0000000..8d3cb7c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ListItem.css @@ -0,0 +1,84 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); + +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); +/* dojox.mobile.ListItem */ +.mblListItem { + position: relative; + list-style-type: none; + vertical-align: bottom; + /* To avoid IE6 LI bug */ + + padding: 0 0 0 8px; + height: 50px; + border-bottom: 1px solid #b5bcc7; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: none; + color: #131313; + line-height: 50px; +} +.mblListItem.mblVariableHeight { + height: auto; + padding: 11px 0px 10px 6px; + line-height: normal; +} +.mblListItem .mblListItemAnchor { + display: block; + height: 100%; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + background-position: 9px 7px; + text-decoration: none; + padding-right: 7px; +} +.mblListItem .mblListItemAnchor * { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); +} +.mblItemSelected { + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblItemSelected .mblListItemAnchor { + color: #000000; +} +.mblItemSelected .mblDomButton div { + border-color: white; +} +.mblListItemTextBoxSelected { + background-color: #5cb0ff; +} +.mblListItemChecked { + color: #000000; +} +.mblListItemIcon { + float: left; + line-height: normal; + margin-top: 10.5px; + margin-right: 11px; +} +.mblListItemSpriteIcon { + position: absolute; + margin-top: 10.5px; + margin-left: 8px; +} +.mblListItemRightIcon, .mblListItemRightIcon2 { + position: relative; + float: right; + line-height: normal; + margin-top: 10.5px; +} +.mblListItemRightText { + position: relative; + float: right; + line-height: normal; + color: #131313; + margin: 14px 4px 0 0; +} +.mblListItemTextBox { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.mblVariableHeight .mblListItemTextBox { + white-space: normal; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ListItem.less b/js/dojo/dojox/mobile/themes/custom/ListItem.less new file mode 100644 index 0000000..f9f9d21 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ListItem.less @@ -0,0 +1,5 @@ +@import url("../common/domButtons/DomButtonGrayArrow.css"); +@import url("../common/domButtons/DomButtonDarkBlueCheck.css"); + +@import "variables.less"; +@import "../common/ListItem.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Opener-compat.css b/js/dojo/dojox/mobile/themes/custom/Opener-compat.css new file mode 100644 index 0000000..68cb1a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Opener-compat.css @@ -0,0 +1,3 @@ +/* dojox.mobile.Opener */ +@import url("Overlay-compat.css"); +@import url("Tooltip-compat.css"); diff --git a/js/dojo/dojox/mobile/themes/custom/Opener.css b/js/dojo/dojox/mobile/themes/custom/Opener.css new file mode 100644 index 0000000..141c72e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Opener.css @@ -0,0 +1,3 @@ +/* dojox.mobile.Opener */ +@import url("Overlay.css"); +@import url("Tooltip.css"); diff --git a/js/dojo/dojox/mobile/themes/custom/Overlay-compat.css b/js/dojo/dojox/mobile/themes/custom/Overlay-compat.css new file mode 100644 index 0000000..3bc72a3 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Overlay-compat.css @@ -0,0 +1,13 @@ +/* dojox.mobile.Overlay */ +.mblOverlay { + _position: absolute; + text-align: center; +} +.dj_gecko .mblOverlay { + text-align: -moz-center; +} +.dj_ie9 .mblOverlay > *, +.dj_ie8 .mblOverlay > * +{ + margin: 0 auto; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Overlay.css b/js/dojo/dojox/mobile/themes/custom/Overlay.css new file mode 100644 index 0000000..c2b7731 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Overlay.css @@ -0,0 +1,18 @@ +@import url("../common/transitions/coverv.css"); + +@import url("../common/transitions/revealv.css"); +/* dojox.mobile.Overlay */ +.mblOverlay { + position: fixed; + z-index: 2000; + left: 0; + bottom: 0; + margin: 0; + width: 100%; + text-align: -webkit-center; + background-color: #eff1f3; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblOverlayHidden *, .mblOverlayHidden { + visibility: hidden !important; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Overlay.less b/js/dojo/dojox/mobile/themes/custom/Overlay.less new file mode 100644 index 0000000..e49ea9e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Overlay.less @@ -0,0 +1,5 @@ +@import url("../common/transitions/coverv.css"); +@import url("../common/transitions/revealv.css"); + +@import "variables.less"; +@import "../common/Overlay.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/PageIndicator.css b/js/dojo/dojox/mobile/themes/custom/PageIndicator.css new file mode 100644 index 0000000..a175ad6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/PageIndicator.css @@ -0,0 +1,24 @@ +/* dojox.mobile.PageIndicator */ +.mblPageIndicator { + position: relative; + width: 100%; + height: 20px; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} +.mblPageIndicatorContainer { + margin-top: 4px; + margin-left: auto; + margin-right: auto; +} +.mblPageIndicatorDot { + margin: 0px 3px; + width: 6px; + height: 6px; + font-size: 1px; + background-color: #949294; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.mblPageIndicatorDotSelected { + background-color: white; +} diff --git a/js/dojo/dojox/mobile/themes/custom/PageIndicator.less b/js/dojo/dojox/mobile/themes/custom/PageIndicator.less new file mode 100644 index 0000000..9bb6c49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/PageIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/PageIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/ProgressIndicator-compat.css b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator-compat.css new file mode 100644 index 0000000..4ee0810 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator-compat.css @@ -0,0 +1,46 @@ +/* Progress Indicator */ +.mblProg { + position: absolute; + top: 0px; + width: 4px; + font-size: 1px; + height: 36px; + overflow: hidden; + background-color: #C0C0C0; +} +.mblProg0 { + left: 0px; +} +.mblProg1 { + left: 8px; +} +.mblProg2 { + left: 16px; +} +.mblProg3 { + left: 24px; +} +.mblProg4 { + left: 32px; +} +.mblProg5 { + left: 40px; +} +.mblProg6 { + left: 48px; +} +.mblProg7 { + left: 56px; +} +.mblProg8 { + left: 64px; +} +.mblProg9 { + left: 72px; +} +.mblProg10 { + left: 80px; +} +.mblProg11 { + left: 80px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ProgressIndicator.css b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator.css new file mode 100644 index 0000000..2340637 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator.css @@ -0,0 +1,58 @@ +/* Progress Indicator */ +.mblProgContainer { + position: absolute; + width: 40px; + height: 40px; + top: 180px; + left: 50%; + margin: -18px 0px 0px -18px; +} +.mblProg { + position: absolute; + left: 2px; + top: 0px; + width: 11px; + font-size: 1px; + height: 4px; + overflow: hidden; + -webkit-transform-origin: 0 2px; + background-color: #C0C0C0; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; +} +.mblProg0 { + -webkit-transform: translate(18px, 10px) rotate(-90.1deg); +} +.mblProg1 { + -webkit-transform: translate(22px, 11px) rotate(-60deg); +} +.mblProg2 { + -webkit-transform: translate(25px, 14px) rotate(-30deg); +} +.mblProg3 { + -webkit-transform: translate(26px, 18px) rotate(0deg); +} +.mblProg4 { + -webkit-transform: translate(25px, 22px) rotate(30deg); +} +.mblProg5 { + -webkit-transform: translate(22px, 25px) rotate(60deg); +} +.mblProg6 { + -webkit-transform: translate(18px, 26px) rotate(90.1deg); +} +.mblProg7 { + -webkit-transform: translate(14px, 25px) rotate(120deg); +} +.mblProg8 { + -webkit-transform: translate(11px, 22px) rotate(150deg); +} +.mblProg9 { + -webkit-transform: translate(10px, 18px) rotate(180deg); +} +.mblProg10 { + -webkit-transform: translate(11px, 14px) rotate(210deg); +} +.mblProg11 { + -webkit-transform: translate(14px, 11px) rotate(240deg); +} diff --git a/js/dojo/dojox/mobile/themes/custom/ProgressIndicator.less b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator.less new file mode 100644 index 0000000..2ab2a2d --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ProgressIndicator.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ProgressIndicator.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/RadioButton-compat.css b/js/dojo/dojox/mobile/themes/custom/RadioButton-compat.css new file mode 100644 index 0000000..9fd4ead --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RadioButton-compat.css @@ -0,0 +1,26 @@ +/* dojox.mobile.RadioButton */ +.mblRadioButton { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 0.5em; + -o-border-radius: 0.5em; + -ms-border-radius: 0.5em; + border-radius: 0.5em; + -moz-appearance: none; + -o-appearance: none; + -ms-appearance: none; + appearance: none; + -o-transform: translateY(0.45em); + -ms-transform: translateY(0.45em); + transform: translateY(0.45em); +} +.mblRadioButtonChecked::after, +.mblRadioButton:checked::after { + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + -moz-transform-origin: 50% 50%; + -o-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RadioButton.css b/js/dojo/dojox/mobile/themes/custom/RadioButton.css new file mode 100644 index 0000000..32b1ebb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RadioButton.css @@ -0,0 +1,41 @@ +/* dojox.mobile.RadioButton */ +.mblRadioButton { + position: relative; + cursor: pointer; + outline: none; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + font-size: 18px; + border: 1px outset #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 0.5em; + -webkit-transform: translatey(0.45em); +} +.mblRadioButtonChecked, .mblRadioButton:checked { + border-color: #769dc0; + background-color: #007ef5; +} +.mblRadioButtonChecked::after, .mblRadioButton:checked::after { + position: absolute; + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.25em; + border-color: #000000; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblRadioButtonChecked.mblRadioButtonSelected, .mblRadioButton:checked.mblRadioButtonSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblRadioButtonChecked.mblRadioButtonSelected::after, .mblRadioButton:checked.mblRadioButtonSelected::after { + border-color: #000000; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RadioButton.less b/js/dojo/dojox/mobile/themes/custom/RadioButton.less new file mode 100644 index 0000000..0793ca6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RadioButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RadioButton.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRect-compat.css b/js/dojo/dojox/mobile/themes/custom/RoundRect-compat.css new file mode 100644 index 0000000..104ef49 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRect-compat.css @@ -0,0 +1,71 @@ +/* dojox.mobile.RoundRect */ +.mblRoundRect { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRectContainer { + margin: 0px; + padding: 0px; + background-color: white; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRect .mblRoundRectContainer { + padding: 3px 8px; +} +.mblRoundCorner0T { + height: 0px; +} +.mblRoundCorner1T { + background-color: #ADAAAD; + margin: 0px 5px; +} +.mblRoundCorner2T { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner3T { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4T { + margin: 0px 1px; +} +.mblRoundCorner5T { + margin: 0px 1px; +} + +.mblRoundCorner0B { + height: 0px; +} +.mblRoundCorner1B { + margin: 0px 1px; +} +.mblRoundCorner2B { + margin: 0px 1px; +} +.mblRoundCorner3B { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4B { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner5B { + background-color: #ADAAAD; + margin: 0px 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRect.css b/js/dojo/dojox/mobile/themes/custom/RoundRect.css new file mode 100644 index 0000000..86caed0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRect.css @@ -0,0 +1,15 @@ +/* dojox.mobile.RoundRect */ +.mblRoundRect { + margin: 8px 8px 12px; + padding: 8px; + border: 1px solid #b5bcc7; + -webkit-border-radius: 5px; + background-color: #ffffff; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: none; +} +.mblRoundRect.mblShadow { + -webkit-box-shadow: 5px 5px 5px #b5bcc7; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRect.less b/js/dojo/dojox/mobile/themes/custom/RoundRect.less new file mode 100644 index 0000000..efec816 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRect.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRect.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.css b/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.css new file mode 100644 index 0000000..12485a8 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.css @@ -0,0 +1,14 @@ +/* dojox.mobile.RoundRectCategory */ +.mblRoundRectCategory { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + margin: 0; + padding: 8px 8px 0; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + color: #000000; + line-height: 30px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.less b/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.less new file mode 100644 index 0000000..e9148cc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectCategory.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectCategory.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRectList-compat.css b/js/dojo/dojox/mobile/themes/custom/RoundRectList-compat.css new file mode 100644 index 0000000..d16eb00 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectList-compat.css @@ -0,0 +1,91 @@ +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +.mblRoundRectList .mblListItem:first-child { + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + -o-border-top-left-radius: 5px; + -o-border-top-right-radius: 5px; + -ms-border-top-left-radius: 5px; + -ms-border-top-right-radius: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +.mblRoundRectList .mblListItem:last-child { + -moz-border-radius-bottomleft: 5px; + -moz-border-radius-bottomright: 5px; + -o-border-bottom-left-radius: 5px; + -o-border-bottom-right-radius: 5px; + -ms-border-bottom-left-radius: 5px; + -ms-border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRectContainer { + margin: 0px; + padding: 0px; + background-color: white; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRect .mblRoundRectContainer { + padding: 3px 8px; +} +.mblRoundCorner0T { + height: 0px; +} +.mblRoundCorner1T { + background-color: #ADAAAD; + margin: 0px 5px; +} +.mblRoundCorner2T { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner3T { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4T { + margin: 0px 1px; +} +.mblRoundCorner5T { + margin: 0px 1px; +} + +.mblRoundCorner0B { + height: 0px; +} +.mblRoundCorner1B { + margin: 0px 1px; +} +.mblRoundCorner2B { + margin: 0px 1px; +} +.mblRoundCorner3B { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4B { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner5B { + background-color: #ADAAAD; + margin: 0px 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRectList.css b/js/dojo/dojox/mobile/themes/custom/RoundRectList.css new file mode 100644 index 0000000..3399016 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectList.css @@ -0,0 +1,21 @@ +/* dojox.mobile.RoundRectList */ +.mblRoundRectList { + position: relative; + /* IE needs this */ + + margin: 8px 8px 12px; + padding: 0; + border: 1px solid #b5bcc7; + -webkit-border-radius: 5px; + background-color: #ffffff; + -webkit-box-shadow: 5px 5px 5px #b5bcc7; +} +.mblRoundRectList .mblListItem:first-child { + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; +} +.mblRoundRectList .mblListItem:last-child { + border-bottom-width: 0px; + -webkit-border-bottom-left-radius: 5px; + -webkit-border-bottom-right-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/RoundRectList.less b/js/dojo/dojox/mobile/themes/custom/RoundRectList.less new file mode 100644 index 0000000..52e1164 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/RoundRectList.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/RoundRectList.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Slider-compat.css b/js/dojo/dojox/mobile/themes/custom/Slider-compat.css new file mode 100644 index 0000000..936dcd6 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Slider-compat.css @@ -0,0 +1,42 @@ +/* dojox.mobile.Slider */ +.mblSlider { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; + -moz-user-select: none; /* prevent selection */ + -o-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-box-sizing: content-box; /* make width and height consistent with a DIV */ + -o-box-sizing: content-box; + -ms-box-sizing: content-box; + box-sizing: content-box; +} +.mblSlider.mblSliderV { + background: #ABABAB; +} +.mblSliderProgressBar { + background-image: url(compat/ui-widget-bg.png); + background-repeat: repeat-x; + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; + _background-image: url(compat/slider-h-bar-bg.png); /* IE6 hack */ + _background-color: transparent; /* IE6 hack */ +} +.mblSliderV .mblSliderProgressBar { + background: #0D48A8; +} +.mblSliderHandle { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 10px; + -o-border-radius: 10px; + -ms-border-radius: 10px; + border-radius: 10px; +} +.mblSliderTransition { + transition-duration: 400ms; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Slider.css b/js/dojo/dojox/mobile/themes/custom/Slider.css new file mode 100644 index 0000000..888f96a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Slider.css @@ -0,0 +1,65 @@ +/* dojox.mobile.Slider */ +.mblSlider { + outline: none; + -webkit-user-select: none; + /* prevent selection */ + + -webkit-box-sizing: content-box; + /* make width and height consistent with a DIV */ + + margin: 15px; + /* 1/2 handle width for hanging off the ends of the bar */ + + border: 1px outset #b5bcc7; + background-color: #8fc9ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblSliderH { + width: 200px; + height: 8px; +} +.mblSliderH .mblSliderProgressBar { + height: 100%; +} +.mblSliderH .mblSliderHandle { + top: 50%; +} +.mblSliderV { + height: 200px; + width: 8px; +} +.mblSliderV .mblSliderProgressBar { + width: 100%; +} +.mblSliderV .mblSliderHandle { + left: 50%; +} +.mblSliderProgressBar { + -webkit-border-radius: 2px; + background-color: #0064c2; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblSliderHandle { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: 1px outset #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblSliderTransition { + -webkit-transition-duration: 400ms; +} +.mblSliderTouchBox { + margin: 0; + padding: 12pt; + left: -12pt; + top: -12pt; + border: none; + width: 100%; + height: 100%; + background-color: transparent; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} diff --git a/js/dojo/dojox/mobile/themes/custom/Slider.less b/js/dojo/dojox/mobile/themes/custom/Slider.less new file mode 100644 index 0000000..928972f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Slider.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Slider.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Switch-compat.css b/js/dojo/dojox/mobile/themes/custom/Switch-compat.css new file mode 100644 index 0000000..7730ebb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Switch-compat.css @@ -0,0 +1,59 @@ +/* Switch - default */ +.mblSwitchBg { + -moz-border-radius: 2px; + -o-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; + -moz-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.mblSwitchBgLeft { + background-image: url(compat/ui-widget-bg.png); +} +.mblSwitchBgRight { + background-image: url(compat/ui-widget-bg.png); +} +.mblSwitchKnob { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 2px; + -o-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; + -moz-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} + +/* Round Shape */ +.mblSwRoundShape1 .mblSwitchBg, +.mblSwRoundShape2 .mblSwitchBg { + -moz-border-radius: 14px; + -o-border-radius: 14px; + -ms-border-radius: 14px; + border-radius: 14px; +} +.mblSwRoundShape1 .mblSwitchKnob, +.mblSwRoundShape2 .mblSwitchKnob { + -moz-border-radius: 13px; + -o-border-radius: 13px; + -ms-border-radius: 13px; + border-radius: 13px; +} +/* Arc Shape */ +.mblSwArcShape1 .mblSwitchBg, +.mblSwArcShape2 .mblSwitchBg { + -moz-border-radius: 6px/14px; + -o-border-radius: 6px/14px; + -ms-border-radius: 6px/14px; + border-radius: 6px/14px; +} +.mblSwArcShape1 .mblSwitchKnob, +.mblSwArcShape2 .mblSwitchKnob { + -moz-border-radius: 5px/13px; + -o-border-radius: 5px/13px; + -ms-border-radius: 5px/13px; + border-radius: 5px/13px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Switch.css b/js/dojo/dojox/mobile/themes/custom/Switch.css new file mode 100644 index 0000000..fa50ef9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Switch.css @@ -0,0 +1,23 @@ +@import url("../common/Switch.css"); +/* dojox.mobile.Switch */ +.mblItemSwitch { + top: 12px; +} +.mblSwitchBg { + border-color: #b5bcc7; + -webkit-border-radius: 2px; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblSwitchBgLeft { + background-color: #007ef5; + color: #131313; +} +.mblSwitchBgRight { + background-color: #8fc9ff; +} +.mblSwitchKnob { + border-color: #7b879b; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Switch.less b/js/dojo/dojox/mobile/themes/custom/Switch.less new file mode 100644 index 0000000..84a1146 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Switch.less @@ -0,0 +1,4 @@ +@import url("../common/Switch.css"); + +@import "variables.less"; +@import "../common/Switch.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/TabBar-compat.css b/js/dojo/dojox/mobile/themes/custom/TabBar-compat.css new file mode 100644 index 0000000..fb2a1b2 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TabBar-compat.css @@ -0,0 +1,55 @@ +/* dojox.mobile.TabBarButton */ +.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv { + left: auto; +} +.dj_ie6 .mblTabBar .mblTabBarButton { + display: inline; /* IE bug*/ +} +.mblTabPanelHeader { + background-image: url(compat/heading-bg.png); +} +.mblTabBar { + background-image: url(compat/ui-widget-bg.png); +} +.mblTabBarButton, .mblTabButton { + background-image: url(compat/ui-widget-bg.png); + _background-image: none; /* IE6 */ +} +.mblTabBar .mblTabBarButton.mblTabButtonSelected { + -moz-border-radius: 2px; + -o-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; +} +.mblTabButton:first-child { + -moz-border-radius-topleft: 2px; + -moz-border-radius-bottomleft: 2px; + -o-border-top-left-radius: 2px; + -o-border-bottom-left-radius: 2px; + -ms-border-top-left-radius: 2px; + -ms-border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.mblTabButton:last-child { + -moz-border-radius-topright: 2px; + -moz-border-radius-bottomright: 2px; + -o-border-top-right-radius: 2px; + -o-border-bottom-right-radius: 2px; + -ms-border-top-right-radius: 2px; + -ms-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +*html .mblTabButton { /* IE6 hack */ + behavior: expression( + (function(el){ + if(!el.previousSibling) + el.style.borderWidth = "1px"; + el.style.behavior = "none"; + })(this) + ); +} +.dj_ie6 .mblTabPanelHeader .mblDomButton { + left: 0px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TabBar.css b/js/dojo/dojox/mobile/themes/custom/TabBar.css new file mode 100644 index 0000000..3362235 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TabBar.css @@ -0,0 +1,161 @@ +/* dojox.mobile.TabBar */ +.mblTabBar { + position: relative; + overflow: hidden; + white-space: nowrap; + margin: 0; + padding: 0; + height: 50px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + border-bottom: 1px solid #769dc0; + color: #131313; + text-align: center; +} +.mblTabBarNoIcons { + height: 34px; +} +.mblTabBarNoText { + height: 34px; +} +/* dojox.mobile.TabBarButton */ +.mblTabBarButton { + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} +.mblTabBar .mblTabBarButton { + position: relative; + list-style-type: none; + float: left; + padding: 5px 0; +} +.mblTabBar .mblTabBarButton.mblTabButtonSelected { + border-color: #769dc0; + background-color: #0064c2; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 2px; +} +.mblTabBarButtonAnchor { + display: block; + text-decoration: none; +} +.mblTabBarButtonDiv { + position: relative; + margin-left: auto; + margin-right: auto; + height: 29px; + width: 29px; +} +.mblTabBarButtonIcon { + position: absolute; + left: 0; + top: 0; +} +.mblTabBarButtonSpriteIcon { + position: absolute; +} +.mblTabBarButtonTextBox { + color: #131313; + font-family: Helvetica; + font-size: 11px; + font-weight: normal; +} +.mblTabBarNoIcons .mblTabBarButtonDiv { + display: none; +} +.mblTabBarNoIcons .mblTabBarButtonTextBox { + line-height: 39px; + font-size: 17px; +} +.mblTabBarTop .mblTabButton .mblTabBarButtonDiv { + display: none; +} +.mblTabButton { + position: relative; + float: left; + list-style-type: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + width: 90px; + height: 30px; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: #b5bcc7; + border-right-color: #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + font-family: Helvetica; + font-size: 14px; + font-weight: normal; + color: #131313; + text-align: center; + line-height: 30px; +} +.mblTabButton .mblTabBarButtonAnchor, .mblTabButton .mblTabBarButtonDiv { + height: 30px; +} +.mblTabButton:first-child { + -webkit-border-top-left-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + border-left-width: 1px; +} +.mblTabButton:last-child { + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + border-right-color: #b5bcc7; +} +.mblTabButtonSelected .mblTabBarButtonTextBox { + color: #000000; +} +.mblTabButtonSelected.mblTabButton { + background-color: #0064c2; +} +.mblTabButtonHighlighted.mblTabButton { + background-color: #007ef5; +} +.mblTabButtonImgDiv { + display: none; +} +.mblTabPanelHeader { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0; + padding: 0; + height: 40px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(2.5%, #ffffff), color-stop(2.5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.68)), color-stop(10%, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); + border-bottom: 1px solid #769dc0; + color: #131313; + font-size: 18px; + font-family: Helvetica; + font-weight: normal; + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; + text-align: center; + line-height: 42px; +} +.mblTabPanelHeader .mblTabButton { + margin-top: 4px; +} +.mblTabPanelHeader .mblTabButton.mblTabButtonSelected { + background-color: #0064c2; +} +.mblTabPanelHeader .mblTabButtonDomButton { + width: 43px; +} +.mblTabPanelHeader .mblTabButtonDomButtonClass { + left: 8px; +} +.mblHeading .mblTabPanelHeader .mblTabButton { + margin-top: 5px; +} +.mblHeading .mblTabPanelHeader .mblTabButton:first-child { + -webkit-border-top-left-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + border-left-width: 1px; +} +.mblHeading .mblTabPanelHeader .mblTabButton:last-child { + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TabBar.less b/js/dojo/dojox/mobile/themes/custom/TabBar.less new file mode 100644 index 0000000..4875c40 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TabBar.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TabBar.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/TextArea-compat.css b/js/dojo/dojox/mobile/themes/custom/TextArea-compat.css new file mode 100644 index 0000000..af7e363 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextArea-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextArea */ +.mblTextArea { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TextArea.css b/js/dojo/dojox/mobile/themes/custom/TextArea.css new file mode 100644 index 0000000..d56f3f4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextArea.css @@ -0,0 +1,12 @@ +/* dojox.mobile.TextArea */ +.mblTextArea { + padding: 4px 1px; + border: #b5bcc7 1px inset; + font-family: Helvetica; + font-size: 14px; + -webkit-border-radius: 5px; +} +/* dojox.mobile.ExpandingTextArea */ +.mblExpandingTextArea { + margin: 2px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TextArea.less b/js/dojo/dojox/mobile/themes/custom/TextArea.less new file mode 100644 index 0000000..c16ffe0 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextArea.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextArea.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/TextBox-compat.css b/js/dojo/dojox/mobile/themes/custom/TextBox-compat.css new file mode 100644 index 0000000..32dcf46 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextBox-compat.css @@ -0,0 +1,7 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TextBox.css b/js/dojo/dojox/mobile/themes/custom/TextBox.css new file mode 100644 index 0000000..65a63bf --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextBox.css @@ -0,0 +1,8 @@ +/* dojox.mobile.TextBox */ +.mblTextBox { + height: 30px; + border: #b5bcc7 1px inset; + font-family: Helvetica; + font-size: 14px; + -webkit-border-radius: 5px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/TextBox.less b/js/dojo/dojox/mobile/themes/custom/TextBox.less new file mode 100644 index 0000000..c83890a --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/TextBox.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/TextBox.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/ToggleButton-compat.css b/js/dojo/dojox/mobile/themes/custom/ToggleButton-compat.css new file mode 100644 index 0000000..c1333a9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ToggleButton-compat.css @@ -0,0 +1,21 @@ +/* dojox.mobile.ToggleButton */ +.mblToggleButton { + background-image: url(compat/ui-widget-bg.png); + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; +} +.mblToggleButton.mblToggleButtonChecked::after { + -moz-transform: translate(-25px,0px) rotate(45deg) skew(10deg); + -o-transform: rotate(45deg) skew(10deg); + -ms-transform: rotate(45deg) skew(10deg); + transform: rotate(45deg) skew(10deg); + -moz-transform-origin: 50% 50%; + -o-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} +.dj_ff3 .mblToggleButton.mblToggleButtonChecked::after { + -moz-transform: translate(-25px,-6px) rotate(45deg) skew(10deg); +} diff --git a/js/dojo/dojox/mobile/themes/custom/ToggleButton.css b/js/dojo/dojox/mobile/themes/custom/ToggleButton.css new file mode 100644 index 0000000..9932572 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ToggleButton.css @@ -0,0 +1,52 @@ +/* dojox.mobile.ToggleButton */ +.mblToggleButton { + position: relative; + cursor: pointer; + outline: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + padding: 0 8px 0 23px; + height: 30px; + border: 1px outset #b5bcc7; + -webkit-border-radius: 2px; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + font-family: Helvetica; + font-weight: normal; + line-height: 30px; + color: #131313; + line-height: 30px; +} +.mblToggleButton.mblToggleButtonSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblToggleButton.mblToggleButtonChecked { + border-color: #769dc0; + background-color: #007ef5; +} +.mblToggleButton.mblToggleButtonChecked::after { + position: absolute; + content: ""; + top: 7.5px; + left: 7px; + width: 5px; + height: 10px; + border-color: #000000; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg) skew(10deg); + -webkit-transform-origin: 50% 50%; +} +.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected::after { + border-color: #000000; +} +.mblToggleButton:disabled { + cursor: default; + color: grey; + border-color: grey; + background-color: #8fc9ff; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ToggleButton.less b/js/dojo/dojox/mobile/themes/custom/ToggleButton.less new file mode 100644 index 0000000..bdce40f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ToggleButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToggleButton.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/ToolBarButton.css b/js/dojo/dojox/mobile/themes/custom/ToolBarButton.css new file mode 100644 index 0000000..c02a12e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ToolBarButton.css @@ -0,0 +1,32 @@ +/* dojox.mobile.ToolBarButton */ +.mblToolBarButton { + float: left; + position: relative; + overflow: hidden; + cursor: pointer; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: 8px; + height: 30px; + border: 1px inset #b5bcc7; + -webkit-border-radius: 2px; + font-size: 14px; + font-family: Helvetica; + font-weight: normal; + text-shadow: none; + color: #131313; + line-height: 30px; + text-align: center; +} +.mblToolBarButton.mblArrowButtonText { + margin: 6px 8px; +} +.mblToolBarButtonIcon { + position: relative; + top: 2px; +} +.mblToolBarButtonSpriteIcon { + position: absolute; +} +.mblToolBarButtonText { + padding: 0px 10px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/ToolBarButton.less b/js/dojo/dojox/mobile/themes/custom/ToolBarButton.less new file mode 100644 index 0000000..3b67bdc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/ToolBarButton.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/ToolBarButton.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/Tooltip-compat.css b/js/dojo/dojox/mobile/themes/custom/Tooltip-compat.css new file mode 100644 index 0000000..a028ad7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Tooltip-compat.css @@ -0,0 +1,47 @@ +/* dojox.mobile.Tooltip */ +.mblTooltip { + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; + background-image: none; +} +.mblTooltipBefore .mblTooltipArrow { + *right: 0; /* IE 7 quirks */ +} +.mblTooltipAbove .mblTooltipArrow { + *bottom: 0px; /* IE 7 quirks */ +} +.mblTooltipBefore .mblTooltipInnerArrow { + *right: -1px; /* IE 7 quirks */ +} +.mblTooltipAbove .mblTooltipInnerArrow { + *bottom: -1px; /* IE 7 quirks */ +} +.mblTooltipBefore .mblTooltipInnerArrow { + border-right-color: #5cb0ff; +} +.mblTooltipAfter .mblTooltipInnerArrow { + border-left-color: #5cb0ff; +} +.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #5cb0ff; +} +.mblTooltipBelow .mblTooltipInnerArrow { + border-top-color: #5cb0ff; +} +.mblTooltip .mblHeading { + *padding: 0 9px 15px; + *border-top: 1px solid #5cb0ff; + *border-bottom: 1px solid #5cb0ff; + *width: auto; + *height: auto; + *overflow: visible; + *line-height: normal; +} +.dj_ie9 .mblTooltip .mblHeading { + width: auto; +} +.mblTooltip .mblHeading .mblToolBarButton { + *margin: auto 6px; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Tooltip.css b/js/dojo/dojox/mobile/themes/custom/Tooltip.css new file mode 100644 index 0000000..2269de4 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Tooltip.css @@ -0,0 +1,142 @@ +/* dojox.mobile.Tooltip */ +.mblTooltip { + position: absolute; + z-index: 2000; + display: block; + margin: 0; + padding: 8px; + border: #769dc0 1px solid; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 5px; + opacity: .97; +} +.mblTooltipBubble { + overflow: visible; + padding: 3px; + background-color: #5cb0ff; + background-image: none; +} +.mblTooltipBubble.mblTooltipAbove .mblTooltipInnerArrow { + border-bottom-color: #5cb0ff; +} +.mblTooltipBubble.mblTooltipBelow .mblTooltipInnerArrow { + border-top-color: #5cb0ff; +} +.mblTooltipBubble.mblTooltipAfter .mblTooltipInnerArrow { + border-left-color: #5cb0ff; +} +.mblTooltipBubble.mblTooltipBefore .mblTooltipInnerArrow { + border-right-color: #5cb0ff; +} +.mblTooltip.mblTooltipAfter { + margin-left: -11px; +} +.mblTooltip.mblTooltipBefore { + margin-left: 11px; +} +.mblTooltip.mblTooltipAbove { + margin-top: 11px; +} +.mblTooltip.mblTooltipBelow { + margin-top: -11px; +} +.mblTooltipAnchor { + position: absolute; + width: 1px; + height: 1px; + background-color: transparent; + line-height: 0; + font-size: 0; +} +.mblTooltipBefore .mblTooltipAnchor { + left: -1px; +} +.mblTooltipAfter .mblTooltipAnchor { + right: -1px; +} +.mblTooltipAbove .mblTooltipAnchor { + top: -1px; +} +.mblTooltipBelow .mblTooltipAnchor { + bottom: -1px; +} +.mblTooltipArrow { + position: absolute; + width: 0; + height: 0; + line-height: 0; + border: 11px solid transparent; +} +.mblTooltipBefore .mblTooltipArrow { + left: auto; + right: 1px; + top: 0; + bottom: auto; + border-left-width: 0; + border-right-color: #769dc0; +} +.mblTooltipAfter .mblTooltipArrow { + left: 1px; + right: auto; + top: 0; + bottom: auto; + border-right-width: 0; + border-left-color: #769dc0; +} +.mblTooltipAbove .mblTooltipArrow { + top: auto; + bottom: 1px; + left: auto; + right: auto; + border-top-width: 0; + border-bottom-color: #769dc0; +} +.mblTooltipBelow .mblTooltipArrow { + top: 1px; + bottom: auto; + left: auto; + right: auto; + border-bottom-width: 0; + border-top-color: #769dc0; +} +.mblTooltipInnerArrow { + position: absolute; + width: 0; + height: 0; + line-height: 0; + border: 10px solid transparent; +} +.mblTooltipBefore .mblTooltipInnerArrow { + right: 0; + top: 0; + border-left-width: 0; + border-right-color: #deefff; +} +.mblTooltipAfter .mblTooltipInnerArrow { + left: 0; + top: 0; + border-right-width: 0; + border-left-color: #deefff; +} +.mblTooltipAbove .mblTooltipInnerArrow { + bottom: 0; + left: 0; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.mblTooltipBelow .mblTooltipInnerArrow { + top: 0; + left: 0; + border-bottom-width: 0; + border-top-color: #aed8ff; +} +.mblTooltipHidden, .mblTooltipHidden * { + visibility: hidden !important; +} +.mblTooltip .mblHeading { + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + background-color: transparent; + background-image: none; +} diff --git a/js/dojo/dojox/mobile/themes/custom/Tooltip.less b/js/dojo/dojox/mobile/themes/custom/Tooltip.less new file mode 100644 index 0000000..60af6d1 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/Tooltip.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/Tooltip.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/View.css b/js/dojo/dojox/mobile/themes/custom/View.css new file mode 100644 index 0000000..1600cde --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/View.css @@ -0,0 +1,24 @@ +@import url("../common/transitions/slide.css"); + +@import url("../common/transitions/flip.css"); + +@import url("../common/transitions/fade.css"); +/* dojox.mobile.View */ +.mblView { + position: relative; + top: 0px; + left: 0px; + width: 100%; + color: #131313; +} +.mblView.mblIn { + position: absolute; +} +.mblFixedHeaderBar { + z-index: 1; +} +.mblFixedBottomBar { + position: absolute !important; + width: 100%; + z-index: 1; +} diff --git a/js/dojo/dojox/mobile/themes/custom/View.less b/js/dojo/dojox/mobile/themes/custom/View.less new file mode 100644 index 0000000..910651f --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/View.less @@ -0,0 +1,6 @@ +@import url("../common/transitions/slide.css"); +@import url("../common/transitions/flip.css"); +@import url("../common/transitions/fade.css"); + +@import "variables.less"; +@import "../common/View.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/base-compat.css b/js/dojo/dojox/mobile/themes/custom/base-compat.css new file mode 100644 index 0000000..9c9c207 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/base-compat.css @@ -0,0 +1,8 @@ +@import url("common-compat.css"); +@import url("Heading-compat.css"); +@import url("RoundRect-compat.css"); +@import url("RoundRectList-compat.css"); +@import url("EdgeToEdgeCategory-compat.css"); +@import url("ListItem-compat.css"); +@import url("Switch-compat.css"); +@import url("ProgressIndicator-compat.css"); diff --git a/js/dojo/dojox/mobile/themes/custom/base.css b/js/dojo/dojox/mobile/themes/custom/base.css new file mode 100644 index 0000000..2409467 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/base.css @@ -0,0 +1,12 @@ +@import url("common.css"); +@import url("Heading.css"); +@import url("View.css"); +@import url("ToolBarButton.css"); +@import url("RoundRect.css"); +@import url("EdgeToEdgeCategory.css"); +@import url("RoundRectCategory.css"); +@import url("RoundRectList.css"); +@import url("EdgeToEdgeList.css"); +@import url("ListItem.css"); +@import url("Switch.css"); +@import url("ProgressIndicator.css"); diff --git a/js/dojo/dojox/mobile/themes/custom/common-compat.css b/js/dojo/dojox/mobile/themes/custom/common-compat.css new file mode 100644 index 0000000..963af00 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/common-compat.css @@ -0,0 +1,8 @@ +/* Button Colors */ +.mblColorBlue { + background-image: url(compat/ui-widget-bg.png); +} +/* Default Button Colors */ +.mblColorDefault { + background-image: url(compat/ui-widget-bg.png); +} diff --git a/js/dojo/dojox/mobile/themes/custom/common.css b/js/dojo/dojox/mobile/themes/custom/common.css new file mode 100644 index 0000000..8c097ff --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/common.css @@ -0,0 +1,31 @@ +html.mobile, .mobile body { + width: 100%; + margin: 0px; + padding: 0px; +} +.mobile body { + overflow-x: hidden; + -webkit-text-size-adjust: none; + background-color: #eff1f3; + font-family: Helvetica; + font-size: 14px; +} +/* Button Colors */ +.mblColorBlue { + background-color: #366EDF; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +/* Default Button Colors */ +.mblColorDefault { + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +.mblColorDefault.mblDomButton { + background-color: #5cb0ff; +} +.mblColorDefaultSel { + background-color: #0064c2; +} +.mblColorDefaultSel.mblDomButton { + background-color: #0064c2; +} diff --git a/js/dojo/dojox/mobile/themes/custom/common.less b/js/dojo/dojox/mobile/themes/custom/common.less new file mode 100644 index 0000000..4e57a5c --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/common.less @@ -0,0 +1,2 @@ +@import "variables.less"; +@import "../common/common.less"; diff --git a/js/dojo/dojox/mobile/themes/custom/compat/arrow-button-head.png b/js/dojo/dojox/mobile/themes/custom/compat/arrow-button-head.png Binary files differnew file mode 100644 index 0000000..12dad4e --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/compat/arrow-button-head.png diff --git a/js/dojo/dojox/mobile/themes/custom/compat/heading-bg.png b/js/dojo/dojox/mobile/themes/custom/compat/heading-bg.png Binary files differnew file mode 100644 index 0000000..22328a7 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/compat/heading-bg.png diff --git a/js/dojo/dojox/mobile/themes/custom/compat/slider-h-bar-bg.png b/js/dojo/dojox/mobile/themes/custom/compat/slider-h-bar-bg.png Binary files differnew file mode 100644 index 0000000..65510ba --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/compat/slider-h-bar-bg.png diff --git a/js/dojo/dojox/mobile/themes/custom/compat/ui-widget-bg.png b/js/dojo/dojox/mobile/themes/custom/compat/ui-widget-bg.png Binary files differnew file mode 100644 index 0000000..cb787cb --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/compat/ui-widget-bg.png diff --git a/js/dojo/dojox/mobile/themes/custom/custom-compat.css b/js/dojo/dojox/mobile/themes/custom/custom-compat.css new file mode 100644 index 0000000..f5a0140 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/custom-compat.css @@ -0,0 +1,18 @@ +@import url("base-compat.css"); + +/* common styles */ +@import url("../common/domButtons-compat.css"); +@import url("../common/SpinWheel-compat.css"); + +/* widget styles */ +@import url("Button-compat.css"); +@import url("CheckBox-compat.css"); +@import url("ComboBox-compat.css"); +@import url("IconContainer-compat.css"); +@import url("Opener-compat.css"); +@import url("RadioButton-compat.css"); +@import url("Slider-compat.css"); +@import url("TabBar-compat.css"); +@import url("TextArea-compat.css"); +@import url("TextBox-compat.css"); +@import url("ToggleButton-compat.css"); diff --git a/js/dojo/dojox/mobile/themes/custom/custom.css b/js/dojo/dojox/mobile/themes/custom/custom.css new file mode 100644 index 0000000..a50e0ce --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/custom.css @@ -0,0 +1,22 @@ +@import url("base.css"); + +/* common styles */ +@import url("../common/domButtons.css"); +@import url("../common/FixedSplitter.css"); +@import url("../common/SpinWheel.css"); +@import url("../common/transitions.css"); + +/* widget styles */ +@import url("Button.css"); +@import url("Carousel.css"); +@import url("CheckBox.css"); +@import url("ComboBox.css"); +@import url("IconContainer.css"); +@import url("Opener.css"); +@import url("PageIndicator.css"); +@import url("RadioButton.css"); +@import url("Slider.css"); +@import url("TabBar.css"); +@import url("TextArea.css"); +@import url("TextBox.css"); +@import url("ToggleButton.css"); diff --git a/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-large.png b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-large.png Binary files differnew file mode 100644 index 0000000..dfac370 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-large.png diff --git a/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-small.png b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-small.png Binary files differnew file mode 100644 index 0000000..b6836d9 --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay-small.png diff --git a/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay.png b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay.png Binary files differnew file mode 100644 index 0000000..b16efec --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/images/thumb-overlay.png diff --git a/js/dojo/dojox/mobile/themes/custom/variables.less b/js/dojo/dojox/mobile/themes/custom/variables.less new file mode 100644 index 0000000..9c22efc --- /dev/null +++ b/js/dojo/dojox/mobile/themes/custom/variables.less @@ -0,0 +1,921 @@ +//---------------------------------------------------------------- +// 1. Variables for quick setting +//---------------------------------------------------------------- + +// Default state variables +@theme-default-margin: 8px; +@theme-default-padding: 8px; +@theme-default-font-size: 14px; +@theme-default-font-family: Helvetica; +@theme-default-font-weight: normal; +@theme-default-text-shadow: none; +@theme-default-color: #131313; // numerical color value +@theme-default-border-color: #B5BCC7; // numerical color value +@theme-default-border-radius: 5px; +@theme-default-background-color: lighten(@theme-default-border-color, 20%); + +// Highlighting state variables +@theme-highlight-font-size: 18px; +@theme-highlight-font-family: @theme-default-font-family; +@theme-highlight-font-weight: bold; +@theme-highlight-text-shadow: rgba(0,0,0,0.2) 0px 1px 2px; +@theme-highlight-color: #000000; // numerical color value +@theme-highlight-border-color: #769DC0; // numerical color value +@theme-highlight-background-color: #5CB0FF; // numerical color value + +//---------------------------------------------------------------- +// 2. Variables for typical style setting +//---------------------------------------------------------------- + +// Color +@theme-heading-color: @theme-default-color; +@theme-heading-border-color: @theme-highlight-border-color; +@theme-heading-background-color: @theme-highlight-background-color; +@theme-dom-button-background-color: @theme-highlight-background-color; +@theme-tabbar-color: @theme-default-color; +@theme-round-rect-border-color: @theme-default-border-color; +@theme-round-rect-background-color: #FFFFFF; +@theme-round-rect-box-shadow: 5px 5px 5px @theme-round-rect-border-color; +@theme-category-color: @theme-highlight-color; +@theme-list-item-color: @theme-default-color; +@theme-list-item-border-color: @theme-default-border-color; +@theme-list-item-background-color: #FFFFFF; +@theme-ui-widget-color: @theme-default-color; +@theme-ui-widget-selected-color: @theme-highlight-color; +@theme-ui-widget-border-color: @theme-default-border-color; +@theme-ui-widget-selected-border-color: @theme-highlight-border-color; +@theme-ui-widget-background-color: @theme-highlight-background-color; +@theme-ui-widget-selected-background-color: darken(@theme-ui-widget-background-color, 30%); +@theme-ui-widget-checked-background-color: darken(@theme-ui-widget-background-color, 20%); +@theme-ui-widget-disabled-background-color: lighten(@theme-ui-widget-background-color, 10%); + +// Font +@theme-heading-font-size: @theme-highlight-font-size; +@theme-heading-font-family: @theme-highlight-font-family; +@theme-heading-font-weight: @theme-default-font-weight; +@theme-heading-text-shadow: @theme-highlight-text-shadow; +@theme-tabbar-font-size: @theme-default-font-size - 3; +@theme-tabbar-font-family: @theme-default-font-family; +@theme-tabbar-font-weight: @theme-default-font-weight; +@theme-category-font-size: @theme-highlight-font-size; +@theme-category-font-family: @theme-highlight-font-family; +@theme-category-font-weight: @theme-default-font-weight; +@theme-category-text-shadow: @theme-highlight-text-shadow; +@theme-list-item-font-size: @theme-highlight-font-size; +@theme-list-item-font-family: @theme-default-font-family; +@theme-list-item-font-weight: @theme-default-font-weight; +@theme-list-item-text-shadow: none; +@theme-ui-widget-font-size: @theme-default-font-size; +@theme-ui-widget-font-family: @theme-default-font-family; +@theme-ui-widget-font-weight: @theme-default-font-weight; +@theme-ui-widget-text-shadow: none; + +// Size +@theme-heading-height: 40px; +@theme-tabbar-height: 50px; +@theme-category-height: 30px; +@theme-list-item-height: 50px; +@theme-icon-item-height: 65px; +@theme-icon-item-width: 65px; +@theme-ui-widget-height: 30px; +@theme-ui-widget-width: 90px; + +@theme-ui-widget-border-radius: 2px; // square style +//@theme-ui-widget-border-radius: @theme-default-border-radius; // round style +//@theme-ui-widget-border-radius: @theme-ui-widget-height * 0.5; // oval style + +// background-image gradation +._background-image-gradient-mask-heading () { + @delta: 1% / @theme-heading-height * 100; + // claro gradation + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(@delta * 1, rgba(255, 255, 255, 1)), color-stop(@delta * 1, rgba(255, 255, 255, 0.14)), color-stop(@delta * 2, rgba(255, 255, 255, 0.14)), color-stop(@delta * 2, rgba(255, 255, 255, 0.52)), color-stop(@delta * 3, rgba(255, 255, 255, 0.52)), color-stop(@delta * 3, rgba(255, 255, 255, 0.68)), color-stop(@delta * 4, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0))); +} +._background-image-gradient-mask-ui-widget () { + @delta: 1% / @theme-ui-widget-height * 100; + // claro gradation + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(@delta * 1, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} +._background-image-gradient-mask-ui-widget-r () { // for .mblArrowButtonHead-styles + @delta: 1% / @theme-ui-widget-height * 100; + // claro gradation + background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(@delta * 1, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); +} + +// dojox.mobile fixed variables +@mbl-dom-button-size: 29px; +@mbl-switch-height: 27px; + +// Application's customizable variables +@appl-list-item-icon-size: 29px; // size of ListItemIcon + +//---------------------------------------------------------------- +// 3. Variables for dojox.mobile Widgets +//---------------------------------------------------------------- + +//---------------------------------------------------------------- +// common.less +//---------------------------------------------------------------- +// .mobile body +.mobile-body-styles () { + background-color: @theme-default-background-color; + font-family: @theme-default-font-family; + font-size: @theme-default-font-size; +} +// .mblView +.mblView-styles () { + color: @theme-default-color; +} +// .mblColorBlue +.mblColorBlue-styles () { + background-color: #366EDF; + ._background-image-gradient-mask-ui-widget; +} +// .mblColorDefault +.mblColorDefault-styles () { + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + &.mblDomButton { + background-color: @theme-dom-button-background-color; + } +} +// .mblColorDefaultSel +.mblColorDefaultSel-styles () { + background-color: @theme-ui-widget-selected-background-color; + &.mblDomButton { + background-color: @theme-ui-widget-selected-background-color; + } +} + +//---------------------------------------------------------------- +// Heading.less +//---------------------------------------------------------------- +@_heading-inner-margin: (@theme-heading-height - @theme-ui-widget-height) * 0.5; +.mblHeading-styles () { + padding: 0; + height: @theme-heading-height; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-heading(); + border-bottom: 1px solid @theme-heading-border-color; + color: @theme-heading-color; + font-size: @theme-heading-font-size; + font-family: @theme-heading-font-family; + font-weight: @theme-heading-font-weight; + text-shadow: @theme-heading-text-shadow; + text-align: center; + line-height: @theme-heading-height + 2; +} +.mblArrowButton-styles () { + height: @theme-ui-widget-height; + margin: 0px @theme-default-margin; +} +.mblArrowButtonHead-styles () { + top: @_heading-inner-margin; + left: @_heading-inner-margin + @theme-ui-widget-height * 0.4; // = 0.5 * 0.9 + width: @theme-ui-widget-height * 0.7; + height: @theme-ui-widget-height * 0.7; + border: 1px solid @theme-ui-widget-border-color; + -webkit-transform-origin: left top; + -webkit-transform: scale(0.9,0.99) rotate(45deg); + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget-r; +} +.mblArrowButtonHeadChrome-styles () { + border-style: inset; +} +.mblArrowButtonBody-styles () { + top: @_heading-inner-margin; + left: @_heading-inner-margin + @theme-ui-widget-height * 0.4; + padding: 0px 10px 0px 3px; + height: @theme-ui-widget-height; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: @theme-ui-widget-border-color; + font-size: @theme-ui-widget-font-size; + font-family: @theme-ui-widget-font-family; + font-weight: @theme-ui-widget-font-weight; + text-shadow: @theme-ui-widget-text-shadow; + color: @theme-ui-widget-color; + line-height: @theme-ui-widget-height; + -webkit-border-top-right-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-right-radius: @theme-ui-widget-border-radius; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; +} +.mblArrowButtonSelected-styles () { + background-color: @theme-ui-widget-selected-background-color; +} +.mblArrowButtonHeadSelected-styles () { +} +.mblArrowButtonBodySelected-styles () { +} + +//---------------------------------------------------------------- +// ToolBarButton.less +//---------------------------------------------------------------- +.mblToolBarButton-styles () { + margin: @theme-default-margin; + height: @theme-ui-widget-height; + border: 1px inset @theme-ui-widget-border-color; + -webkit-border-radius: @theme-ui-widget-border-radius; + font-size: @theme-ui-widget-font-size; + font-family: @theme-ui-widget-font-family; + font-weight: @theme-ui-widget-font-weight; + text-shadow: @theme-ui-widget-text-shadow; + color: @theme-ui-widget-color; + line-height: @theme-ui-widget-height; + text-align: center; + &.mblArrowButtonText { + margin: ((@theme-heading-height + 2 - @theme-ui-widget-height) * 0.5) @theme-default-margin; + } +} +.mblToolBarButtonDomButton-styles () { +} +.mblToolBarButtonIcon-styles () { + top: 2px; +} + +//---------------------------------------------------------------- +// RoundRect.less +//---------------------------------------------------------------- +.mblRoundRect-styles () { + margin: @theme-default-margin @theme-default-margin (@theme-default-margin * 1.5); + padding: @theme-default-padding; + border: 1px solid @theme-round-rect-border-color; + -webkit-border-radius: @theme-default-border-radius; + background-color: @theme-round-rect-background-color; + font-size: @theme-list-item-font-size; + font-family: @theme-list-item-font-family; + font-weight: @theme-list-item-font-weight; + text-shadow: @theme-list-item-text-shadow; +} +.mblRoundRectShadowBox-styles () { + -webkit-box-shadow: @theme-round-rect-box-shadow; +} + +//---------------------------------------------------------------- +// EdgeToEdgeCategory.less +//---------------------------------------------------------------- +.mblEdgeToEdgeCategory-styles () { + margin: 0; + padding: 0 @theme-default-padding; + height: @theme-category-height; + border-bottom: 1px solid @theme-default-border-color; + background-color: @theme-highlight-background-color; + ._background-image-gradient-mask-heading(); + font-size: @theme-category-font-size; + font-family: @theme-category-font-family; + font-weight: @theme-category-font-weight; + text-shadow: @theme-category-text-shadow; + color: @theme-category-color; + line-height: @theme-category-height + 2; +} + +//---------------------------------------------------------------- +// RoundRectCategory.less +//---------------------------------------------------------------- +.mblRoundRectCategory-styles () { + margin: 0; + padding: @theme-default-margin @theme-default-margin 0; + font-size: @theme-category-font-size; + font-family: @theme-category-font-family; + font-weight: @theme-category-font-weight; + text-shadow: @theme-category-text-shadow; + color: @theme-category-color; + line-height: @theme-category-height; +} + +//---------------------------------------------------------------- +// RoundRectList.less +//---------------------------------------------------------------- +.mblRoundRectList-styles () { + margin: @theme-default-margin @theme-default-margin (@theme-default-margin * 1.5); + padding: 0; + border: 1px solid @theme-default-border-color; + -webkit-border-radius: @theme-default-border-radius; + background-color: @theme-list-item-background-color; + -webkit-box-shadow: @theme-round-rect-box-shadow; +} +.mblRoundRectList-withCategory-styles () { +} +.mblRoundRectList-FirstListItem-styles () { + -webkit-border-top-left-radius: @theme-default-border-radius; + -webkit-border-top-right-radius: @theme-default-border-radius; +} +.mblRoundRectList-withCategory-FirstListItem-styles () { +} +.mblRoundRectList-LastListItem-styles () { + border-bottom-width: 0px; + -webkit-border-bottom-left-radius: @theme-default-border-radius; + -webkit-border-bottom-right-radius: @theme-default-border-radius; +} + +//---------------------------------------------------------------- +// EdgeToEdgeList.less +//---------------------------------------------------------------- +.mblEdgeToEdgeList-styles () { + margin: 0; + padding: 0; + background-color: @theme-list-item-background-color; +} +.mblEdgeToEdgeList-LastListItem-styles () { + border-bottom-color: @theme-list-item-border-color; +} + +//---------------------------------------------------------------- +// ListItem.less +//---------------------------------------------------------------- +.mblListItem-styles () { + padding: 0 0 0 @theme-default-margin; + height: @theme-list-item-height; + border-bottom: 1px solid @theme-list-item-border-color; + font-size: @theme-list-item-font-size; + font-family: @theme-list-item-font-family; + font-weight: @theme-list-item-font-weight; + text-shadow: @theme-list-item-text-shadow; + color: @theme-list-item-color; + line-height: @theme-list-item-height; +} +.mblListItem-mblVariableHeight-styles () { + padding: 11px 0px 10px 6px; + line-height: normal; +} +.mblListItem-mblListItemAnchor-styles () { + background-position: 9px 7px; + text-decoration: none; + padding-right: 7px; +} +.mblItemSelected-styles () { + background-color: @theme-highlight-background-color; + ._background-image-gradient-mask-ui-widget; +} +.mblItemSelected-mblListItemAnchor-styles () { + color: @theme-highlight-color; +} +.mblItemSelected-mblDomButton-Div-styles () { + border-color: white; +} +.mblItemSelected-mblListItemSubText-styles () { +} +.mblListItemTextBoxSelected-styles () { + background-color: @theme-highlight-background-color; +} +.mblListItemChecked-styles () { + color: @theme-highlight-color; +} +.mblListItemIcon-styles () { + margin-top: (@theme-list-item-height - @appl-list-item-icon-size) * 0.5; + margin-right: 11px; +} +.mblListItemSpriteIcon-styles () { + margin-top: (@theme-list-item-height - @appl-list-item-icon-size) * 0.5; + margin-left: 8px; +} +.mblListItemRightIcon-styles () { + margin-top: (@theme-list-item-height - @appl-list-item-icon-size) * 0.5; +} +.mblListItemRightText-styles () { + color: @theme-default-color; + margin: ((@theme-list-item-height - (@theme-list-item-font-size + 4)) * 0.5) 4px 0 0; +} +.mblListItemTextBox-styles () { +} +.mblListItemAnchorNoIcon-mblListItemTextBox-styles () { +} +.mblListItemSubText-styles () { +} + +//---------------------------------------------------------------- +// Switch.less +//---------------------------------------------------------------- +.mblItemSwitch-styles () { + top: (@theme-list-item-height - @mbl-switch-height + 1) * 0.5; +} +.mblSwitchBg-styles () { + border-color: @theme-ui-widget-border-color; + -webkit-border-radius: @theme-ui-widget-border-radius; + ._background-image-gradient-mask-ui-widget; +} +.mblSwitchBgLeft-styles () { + background-color: @theme-ui-widget-checked-background-color; + color: @theme-ui-widget-color; +} +.mblSwitchBgRight-styles () { + background-color: @theme-ui-widget-disabled-background-color; +} +.mblSwitchKnob-styles () { + border-color: darken(@theme-ui-widget-border-color, 20%); + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} + +//---------------------------------------------------------------- +// Button.less +//---------------------------------------------------------------- +.mblButton-styles () { + padding: 0 @theme-default-padding; + height: @theme-ui-widget-height; + border: 1px outset @theme-ui-widget-border-color; + color: @theme-ui-widget-color; + font-size: @theme-ui-widget-font-size; + font-family: @theme-ui-widget-font-family; + font-weight: @theme-ui-widget-font-weight; + line-height: @theme-ui-widget-height; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} +.mblButton-mblBlueButton-styles () { + color: @theme-ui-widget-color; + background-color: #0000FF; +} +.mblButton-mblBlueButtonSelected-styles () { + color: @theme-ui-widget-selected-color; + border-color: @theme-ui-widget-selected-border-color; + background-color: darken(#0000FF, 30%); +} +.mblButton-mblRedButton-styles () { + color: @theme-ui-widget-color; + background-color: #FF0000; +} +.mblButton-mblRedButtonSelected-styles () { + color: @theme-ui-widget-selected-color; + border-color: @theme-ui-widget-selected-border-color; + background-color: darken(#FF0000, 30%); +} +.mblButtonSelected-styles () { + color: @theme-ui-widget-selected-color; + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblButtonDisabled-styles () { + color: grey; + border-color: grey; + background-color: @theme-ui-widget-disabled-background-color; +} + +//---------------------------------------------------------------- +// CheckBox.less +//---------------------------------------------------------------- +.mblCheckBox-styles () { + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + font-size: @theme-highlight-font-size; + border: 1px outset @theme-ui-widget-border-color; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; + -webkit-transform: translateY(0.45em); +} +.mblCheckBoxSelected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblCheckBoxChecked-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-checked-background-color; +} +.mblCheckBoxChecked-after-styles () { + content: ""; + width: 0.3em; + height: 0.6em; + position: absolute; + top: 0; + left: 0.3em; + border-color: @theme-ui-widget-selected-color; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblCheckBoxChecked-mblCheckBoxSelected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblCheckBoxChecked-mblCheckBoxSelected-after-styles () { + border-color: @theme-ui-widget-selected-color; +} + +//---------------------------------------------------------------- +// ComboBox.less +//---------------------------------------------------------------- +.dijitPopup-styles () { + -webkit-box-shadow: 0px 0px 50px black; + -webkit-border-radius: @theme-default-border-radius; +} +.mblComboBoxMenu-styles () { + border: 1px solid black; + background-color: @theme-default-background-color; + -webkit-border-radius: @theme-default-border-radius; +} +.mblComboBoxMenuItem-styles () { + text-align: left; + padding: .1em .2em; + color: @theme-default-color; + border-width: 1px 0 1px 0; + border-style: solid; + border-color: @theme-default-background-color; +} +.mblComboBoxMenuItemSelected-styles () { + color: @theme-highlight-color; + background-color: @theme-highlight-background-color; + ._background-image-gradient-mask-ui-widget; +} +.mblComboBoxMenuPreviousButton-styles () { + font-style: italic; + overflow: hidden; +} + +//---------------------------------------------------------------- +// IconContainer.less +//---------------------------------------------------------------- +.mblIconContainer-styles () { + margin: @theme-default-margin 0 @theme-default-margin @theme-default-margin; + padding: @theme-default-padding 0 @theme-default-padding; + background-color: @theme-default-background-color; +} + +//---------------------------------------------------------------- +// IconItem.less +//---------------------------------------------------------------- +.mblIconItemTerminator-styles () { + height: @theme-default-margin; +} +.mblIconItemSub-styles () { + margin-left: -@theme-default-margin; + background-color: white; + color: @theme-default-color; +} +.mblIconArea-styles () { + height: @theme-icon-item-height + @theme-default-font-size + @theme-default-margin; + width: @theme-icon-item-width + @theme-default-margin; + text-align: center; + font-family: @theme-default-font-family; + font-weight: @theme-default-font-weight; + font-size: @theme-default-font-size; +} +.mblContent-styles () { + padding-bottom: @theme-default-margin; +} +.mblIconContentHeading-styles () { + margin-top: 0px; + padding-left: @mbl-dom-button-size + @theme-default-margin; + height: @mbl-dom-button-size - 4; + border-top: 1px solid lighten(@theme-heading-border-color, 30%); + border-bottom: 1px solid @theme-heading-border-color; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-heading(); + color: @theme-heading-color; + font-size: @theme-default-font-size; + font-family: @theme-heading-font-family; + font-weight: @theme-heading-font-weight; + text-shadow: @theme-heading-text-shadow; + line-height: @mbl-dom-button-size - 3; +} + +//---------------------------------------------------------------- +// RadioButton.less +//---------------------------------------------------------------- +.mblRadioButton-styles () { + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + font-size: @theme-highlight-font-size; + border: 1px outset @theme-ui-widget-border-color; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: 0.5em; + -webkit-transform: translateY(0.45em); +} +.mblRadioButtonChecked-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-checked-background-color; +} +.mblRadioButtonChecked-after-styles () { + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.25em; + border-color: @theme-ui-widget-selected-color; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblRadioButtonChecked-Selected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblRadioButtonChecked-Selected-after-styles () { + border-color: @theme-ui-widget-selected-color; +} + +//---------------------------------------------------------------- +// Slider.less +//---------------------------------------------------------------- +.mblSlider-styles () { + margin: 15px; /* 1/2 handle width for hanging off the ends of the bar */ + border: 1px outset @theme-ui-widget-border-color; + background-color: @theme-ui-widget-disabled-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} +.mblSliderProgressBar-styles () { + -webkit-border-radius: @theme-ui-widget-border-radius; + background-color: @theme-ui-widget-selected-background-color; + ._background-image-gradient-mask-ui-widget; +} +.mblSliderHandle-styles () { + margin: -10px 0 0 -10px; + width: 18px; + height: 18px; + border: 1px outset @theme-ui-widget-border-color; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} + +//---------------------------------------------------------------- +// TabBar.less +//---------------------------------------------------------------- +.mblTabBar-styles () { + margin: 0; + padding: 0; + height: @theme-tabbar-height; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-ui-widget; + border-bottom: 1px solid @theme-heading-border-color; + color: @theme-heading-color; + text-align: center; +} +.mblTabBar-TabBarButton-styles () { + padding: ((@theme-tabbar-height - @mbl-dom-button-size - @theme-tabbar-font-size) * 0.5) 0; +} +.mblTabBar-TabBarButton-Selected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-ui-widget-border-radius; +} +.mblTabBarButtonDiv-styles () { + height: @mbl-dom-button-size; + width: @mbl-dom-button-size; +} +.mblTabBarButtonIcon-styles () { + left: 0; + top: 0; +} +.mblTabBarButtonTextBox-styles () { + color: @theme-tabbar-color; + font-family: @theme-tabbar-font-family; + font-size: @theme-tabbar-font-size; + font-weight: @theme-tabbar-font-weight; +} +.mblTabBarNoIcons-TabBarButtonTextBox-styles () { + line-height: @theme-tabbar-height - @theme-tabbar-font-size; + font-size: @theme-tabbar-font-size + 6; +} +.mblTabButton-styles () { + width: @theme-ui-widget-width; + height: @theme-ui-widget-height; + border-width: 1px 1px 1px 0px; + border-style: inset; + border-color: @theme-default-border-color; + border-right-color: @theme-ui-widget-border-color; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + font-family: @theme-default-font-family; + font-size: @theme-default-font-size; + font-weight: @theme-default-font-weight; + color: @theme-default-color; + text-align: center; + line-height: @theme-ui-widget-height; +} +.mblTabButton-TabBarButtonAnchor-styles () { + height: @theme-ui-widget-height; +} +.mblTabBarTop-TabButton-TabBarButtonDiv-styles () { + display: none; +} +.mblTabBarHead-TabButton-TabBarButtonDiv-styles () { +} +.mblTabButton-FirstTabButtom-styles () { + -webkit-border-top-left-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-left-radius: @theme-ui-widget-border-radius; + border-left-width: 1px; +} +.mblTabButton-LastTabButton-styles () { + -webkit-border-top-right-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-right-radius: @theme-ui-widget-border-radius; + border-right-color: @theme-ui-widget-border-color; +} +.mblTabButton-img-styles () { +} +.mblTabBarButtonTextBoxSelected-styles () { + color: @theme-ui-widget-selected-color; +} +.mblTabButtonSelected-styles () { + background-color: @theme-ui-widget-selected-background-color; +} +.mblTabButtonHighlighted-styles () { + background-color: @theme-ui-widget-checked-background-color; +} +.mblTabButtonImgDiv-styles () { + display: none; +} +.mblTabPanelHeader-styles () { + margin: 0; + padding: 0; + height: @theme-heading-height; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-heading(); + border-bottom: 1px solid @theme-heading-border-color; + color: @theme-heading-color; + font-size: @theme-heading-font-size; + font-family: @theme-heading-font-family; + font-weight: @theme-heading-font-weight; + text-shadow: @theme-heading-text-shadow; + text-align: center; + line-height: @theme-heading-height + 2; +} +.mblTabPanelHeader-TabButton-styles () { + margin-top: (@theme-heading-height - @theme-ui-widget-height - 2) * 0.5; +} +.mblTabPanelHeader-TabButtonSelected-styles () { + background-color: @theme-ui-widget-selected-background-color; +} +.mblTabPanelHeader-TabButtonDomButton-styles () { + width: 43px; +} +.mblTabPanelHeader-TabButtonDomButtonClass-styles () { + left: 8px; +} +.mblTabPanelHeader-DomButton-styles () { +} +.mblTabPanelHeader-inHeading-styles () { +} +.mblTabPanelHeader-TabButton-inHeading-styles () { + margin-top: (@theme-heading-height - @theme-ui-widget-height) * 0.5; +} +.mblTabPanelHeader-TabButton-FirstTabButtom-inHeading-styles () { + -webkit-border-top-left-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-left-radius: @theme-ui-widget-border-radius; + border-left-width: 1px; +} +.mblTabPanelHeader-TabButton-LastTabButtom-inHeading-styles () { + -webkit-border-top-right-radius: @theme-ui-widget-border-radius; + -webkit-border-bottom-right-radius: @theme-ui-widget-border-radius; +} +.mblTabPanelHeader-TabButtonSelected-inHeading-styles () { +} + +//---------------------------------------------------------------- +// TextArea.less +//---------------------------------------------------------------- +.mblTextArea-styles () { + padding: 4px 1px; + border: @theme-default-border-color 1px inset; + font-family: @theme-default-font-family; + font-size: @theme-default-font-size; + -webkit-border-radius: @theme-default-border-radius; +} +.mblExpandingTextArea-styles () { + margin: 2px; +} + +//---------------------------------------------------------------- +// TextBox.less +//---------------------------------------------------------------- +.mblTextBox-styles () { + height: @theme-ui-widget-height; + border: @theme-default-border-color 1px inset; + font-family: @theme-default-font-family; + font-size: @theme-default-font-size; + -webkit-border-radius: @theme-default-border-radius; +} + +//---------------------------------------------------------------- +// ToggleButton.less +//---------------------------------------------------------------- +.mblToggleButton-styles () { + padding: 0 @theme-default-padding 0 (@theme-default-padding + 15px); + height: @theme-ui-widget-height; + border: 1px outset @theme-ui-widget-border-color; + -webkit-border-radius: @theme-ui-widget-border-radius; + background-color: @theme-ui-widget-background-color; + ._background-image-gradient-mask-ui-widget; + font-family: @theme-ui-widget-font-family; + font-weight: @theme-ui-widget-font-weight; + line-height: @theme-ui-widget-height; + color: @theme-ui-widget-color; + line-height: @theme-ui-widget-height; +} +.mblToggleButtonSelected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblToggleButtonChecked-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-checked-background-color; +} +.mblToggleButtonChecked-after-styles () { + content: ""; + top: (@theme-ui-widget-height - 15) * 0.5; + left: 7px; + width: 5px; + height: 10px; + border-color: @theme-ui-widget-selected-color; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg) skew(10deg); + -webkit-transform-origin: 50% 50%; +} +.mblToggleButtonCheckedSelected-styles () { + border-color: @theme-ui-widget-selected-border-color; + background-color: @theme-ui-widget-selected-background-color; +} +.mblToggleButtonCheckedSelected-after-styles () { + border-color: @theme-ui-widget-selected-color; +} +.mblToggleButtonDisabled-styles () { + color: grey; + border-color: grey; + background-color: @theme-ui-widget-disabled-background-color; +} + +// Overlay.less +.mblOverlay-styles () { + background-color: @theme-default-background-color; + ._background-image-gradient-mask-ui-widget; +} + +// Tooltip.less +.mblTooltip-styles () { + padding: @theme-default-padding; + border: @theme-heading-border-color 1px solid; + background-color: @theme-heading-background-color; + ._background-image-gradient-mask-ui-widget; + -webkit-border-radius: @theme-default-border-radius; + opacity: .97; +} +.mblTooltipBubble-styles () { + background-color: @theme-heading-background-color; + background-image: none; +} +.mblTooltipInnerArrow-Bubble-Above-styles () { + border-bottom-color: @theme-heading-background-color; +} +.mblTooltipInnerArrow-Bubble-Below-styles () { + border-top-color: @theme-heading-background-color; +} +.mblTooltipInnerArrow-Bubble-After-styles () { + border-left-color: @theme-heading-background-color; +} +.mblTooltipInnerArrow-Bubble-Before-styles () { + border-right-color: @theme-heading-background-color; +} +.mblTooltipArrow-styles () { + border: 11px solid transparent; +} +.mblTooltipArrow-Before-styles () { + border-left-width: 0; + border-right-color: @theme-heading-border-color; +} +.mblTooltipArrow-After-styles () { + border-right-width: 0; + border-left-color: @theme-heading-border-color; +} +.mblTooltipArrow-Above-styles () { + border-top-width: 0; + border-bottom-color: @theme-heading-border-color; +} +.mblTooltipArrow-Below-styles () { + border-bottom-width: 0; + border-top-color: @theme-heading-border-color; +} +.mblTooltipInnerArrow-Before-styles () { + border-left-width: 0; + border-right-color: @theme-heading-background-color * 0.2 + #ffffff * 0.8; +} +.mblTooltipInnerArrow-After-styles () { + border-right-width: 0; + border-left-color: @theme-heading-background-color * 0.2 + #ffffff * 0.8; +} +.mblTooltipInnerArrow-Above-styles () { + border-top-width: 0; + border-bottom-color: @theme-heading-background-color * 0.0 + #ffffff * 1.0; +} +.mblTooltipInnerArrow-Below-styles () { + border-bottom-width: 0; + border-top-color: @theme-heading-background-color * 0.5 + #ffffff * 0.5; +} +.mblTooltip-Heading-styles () { + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + background-color: transparent; + background-image: none; +} +.mblTooltip-Heading-ToolbarButton-styles () { +} |
