diff options
Diffstat (limited to 'js/dojo-1.6/dojox/mobile/themes/iphone/iphone-compat.css')
| -rw-r--r-- | js/dojo-1.6/dojox/mobile/themes/iphone/iphone-compat.css | 297 |
1 files changed, 297 insertions, 0 deletions
diff --git a/js/dojo-1.6/dojox/mobile/themes/iphone/iphone-compat.css b/js/dojo-1.6/dojox/mobile/themes/iphone/iphone-compat.css new file mode 100644 index 0000000..874b489 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/iphone/iphone-compat.css @@ -0,0 +1,297 @@ +/* mbl.widget.Heading */ +.mblHeading { + background-image: url(compat/heading-bg.png); +} + +/* Heading Arrow Button */ +.mblArrowButtonHead { + position: absolute; + top: 6px; + left: 7px; + width: 19px; + height: 29px; + border-style: none; + background-image: url(compat/arrow-button-head.png); +} +.mblArrowButtonBody { + padding: 0px 10px 0px 10px; + background-image: url(compat/arrow-button-bg.png); +} + +/* Round Corner */ +.mblRoundCorner { + background-color: white; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRectContainer { + margin: 0px; + padding: 0px; + background-color: white; + border-style: solid; + border-color: #ADAAAD; + border-width: 0px 1px; +} +.mblRoundRect .mblRoundRectContainer { + padding: 3px 8px; +} +.mblRoundCorner0T { + height: 0px; +} +.mblRoundCorner1T { + background-color: #ADAAAD; + margin: 0px 5px; +} +.mblRoundCorner2T { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner3T { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4T { + margin: 0px 1px; +} +.mblRoundCorner5T { + margin: 0px 1px; +} + +.mblRoundCorner0B { + height: 0px; +} +.mblRoundCorner1B { + margin: 0px 1px; +} +.mblRoundCorner2B { + margin: 0px 1px; +} +.mblRoundCorner3B { + margin: 0px 1px; + border-width: 0px 2px; +} +.mblRoundCorner4B { + margin: 0px 2px; + border-width: 0px 3px; +} +.mblRoundCorner5B { + background-color: #ADAAAD; + margin: 0px 5px; +} + +/* dojox.mobile.EdgeToEdgeCategory */ +.mblEdgeToEdgeCategory { + background-image: url(compat/edge-categ-bg.png); +} + +/* mbl.widget.ListItem */ +*html li.mblListItem.mblVariableHeight { /* IE6 hack */ + height: 0; +} + +.mblListItem .mblArrow { + border-style: none; + top: 16px; + width: 9px; + height: 13px; + background-image: url(compat/gray-arrow.png); +} +.mblItemSelected .mblArrow { + background-image: url(compat/white-arrow.png); +} + +/* dojox.mobile.TabBarButton */ +.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv { + left: auto; +} + +/* Switch */ +.mblSwitchInner { + width: 100px; +} +.mblSwitchBg { + border: none; +} +.mblSwitchBgLeft { + width: 89px; + background: none; +} +.mblSwitchBgRight { + width: 89px; + left: 58px; + background: none; +} +.mblSwitchKnobContainer { + position: relative; + left: 53px; + width: 41px; + height: 26px; +} +.mblSwitchKnob { + position: relative; + top: 0px; + left: 0px; + width: auto; + height: 21px; + background-image: url(compat/switch-knob-bg.png); + border-width: 0px 1px; + -moz-border-radius: 0px; +} +.mblSwitchCorner { + position: relative; + height: 1px; + font-size: 1px; + overflow: hidden; + border-style: solid; + border-color: #878787; +} +.mblSwitchCorner1T { + background-color: #848684; + margin: 0px 4px; + border-width: 0px; +} +.mblSwitchCorner2T { + background-color: #C0C0C0; + margin: 0px 2px; + border-width: 0px 2px; +} +.mblSwitchCorner3T { + background-color: #C6C7C6; + margin: 0px 1px; + border-width: 0px 1px; +} + +.mblSwitchCorner1B { + background-color: #FBFBFB; + margin: 0px 1px; + border-width: 0px 1px; +} +.mblSwitchCorner2B { + background-color: #FBFBFB; + margin: 0px 2px; + border-width: 0px 2px; +} +.mblSwitchCorner3B { + background-color: #878787; + margin: 0px 4px; + border-width: 0px; +} + +.mblSwitchBgLeft .mblSwitchCorner1T { + border-width: 0px 2px; + background-color: #093889; +} +.mblSwitchBgLeft .mblSwitchCorner2T { + background-color: #285AB2; +} +.mblSwitchBgLeft .mblSwitchCorner3T { + background-color: #285AB2; +} + +.mblSwitchBgLeft .mblSwitchCorner1B { + background-color: #66A1F6; +} +.mblSwitchBgLeft .mblSwitchCorner2B { + background-color: #66A1F6; +} +.mblSwitchBgLeft .mblSwitchCorner3B { + background-color: #5289D7; +} + +.mblSwitchText { + height: 21px; + line-height: 21px; +} +.mblSwitchTextLeft { + background-image: url(compat/switch-blue-bg.png); + border-left: 1px solid #848684; +} +.mblSwitchTextRight { + background-image: url(compat/switch-gray-bg.png); + left: 35px; + border-right: 1px solid #848684; +} + +/* Icon Content Heading */ +.mblIconContentHeading { + background-image: url(compat/icon-content-heading-bg.png); +} + +/* dojox.mobile.Button */ +.mblBlueButton { + background-image: url(compat/blue-button-bg.png); +} +.mblBlueButtonSelected { + background-image: url(compat/blue-button-sel-bg.png); +} + +/* Tab Container */ +.mblTabPanelHeader { + background-image: url(compat/heading-bg.png); +} +.mblTabContainer .mblTabButton { + background-image: url(compat/tab-button-bg.png); +} +.mblTabContainer .mblTabButtonSelected { + background-image: url(compat/tab-sel-button-bg.png); +} +*html .mblTabButton { /* IE6 hack */ + behavior: expression( + (function(el){ + if(!el.previousSibling) + el.style.borderWidth = "1px"; + el.style.behavior = "none"; + })(this) + ); +} + +/* Progress Indicator */ +.mblProg { + position: absolute; + top: 0px; + width: 4px; + font-size: 1px; + height: 36px; + overflow: hidden; + background-color: #C0C0C0; +} +.mblProg0 { + left: 0px; +} +.mblProg1 { + left: 8px; +} +.mblProg2 { + left: 16px; +} +.mblProg3 { + left: 24px; +} +.mblProg4 { + left: 32px; +} +.mblProg5 { + left: 40px; +} +.mblProg6 { + left: 48px; +} +.mblProg7 { + left: 56px; +} +.mblProg8 { + left: 64px; +} +.mblProg9 { + left: 72px; +} +.mblProg10 { + left: 80px; +} +.mblProg11 { + left: 80px; +} |