123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290 |
- /* mbl.widget.Heading */
- .mblHeading {
- background-image: url(compat/heading-bg.png);
- }
- /* Heading Arrow Button */
- .mblArrowButtonHead {
- position: absolute;
- top: 0px;
- left: 8px;
- width: 19px;
- height: 29px;
- border-style: none;
- background-image: url(compat/arrow-button-head.png);
- }
- .mblArrowButtonBody {
- padding: 0px 10px 0px 10px;
- background-image: url(compat/arrow-button-bg.png);
- }
- /* Round Corner */
- .mblRoundCorner {
- background-color: black;
- height: 1px;
- font-size: 1px;
- overflow: hidden;
- border-style: solid;
- border-color: #ADAAAD;
- border-width: 0px 1px;
- }
- .mblRoundRectContainer {
- padding: 3px 8px;
- background-color: black;
- border-style: solid;
- border-color: #ADAAAD;
- border-width: 0px 1px;
- }
- .mblRoundRectList .mblRoundRectContainer {
- margin: 0px;
- padding: 0px;
- }
- .mblRoundCorner0T {
- height: 0px;
- }
- .mblRoundCorner1T {
- background-color: #ADAAAD;
- margin: 0px 5px;
- }
- .mblRoundCorner2T {
- margin: 0px 2px;
- border-width: 0px 3px;
- }
- .mblRoundCorner3T {
- margin: 0px 1px;
- border-width: 0px 2px;
- }
- .mblRoundCorner4T {
- margin: 0px 1px;
- }
- .mblRoundCorner5T {
- margin: 0px 1px;
- }
- .mblRoundCorner0B {
- height: 0px;
- }
- .mblRoundCorner1B {
- margin: 0px 1px;
- }
- .mblRoundCorner2B {
- margin: 0px 1px;
- }
- .mblRoundCorner3B {
- margin: 0px 1px;
- border-width: 0px 2px;
- }
- .mblRoundCorner4B {
- margin: 0px 2px;
- border-width: 0px 3px;
- }
- .mblRoundCorner5B {
- background-color: #ADAAAD;
- margin: 0px 5px;
- }
- /* mbl.widget.ListItem */
- *html li.mblListItem.mblVariableHeight { /* IE6 hack */
- height: 0;
- }
- .mblListItem .mblArrow {
- border-style: none;
- width: 9px;
- height: 13px;
- background-image: url(compat/gray-arrow.png);
- }
- .mblItemSelected .mblArrow {
- background-image: url(compat/white-arrow.png);
- }
- /* dojox.mobile.TabBarButton */
- .dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv {
- left: auto;
- }
- /* Switch */
- .mblSwitchInner {
- width: 100px;
- }
- .mblSwitchBg {
- border: none;
- }
- .mblSwitchBgLeft {
- width: 89px;
- background: none;
- }
- .mblSwitchBgRight {
- width: 89px;
- left: 58px;
- background: none;
- }
- .mblSwitchKnobContainer {
- position: relative;
- left: 53px;
- width: 41px;
- height: 26px;
- }
- .mblSwitchKnob {
- position: relative;
- top: 0px;
- left: 0px;
- width: auto;
- height: 21px;
- background-image: url(compat/switch-knob-bg.png);
- border-width: 0px 1px;
- -moz-border-radius: 0px;
- }
- .mblSwitchCorner {
- position: relative;
- height: 1px;
- font-size: 1px;
- overflow: hidden;
- border-style: solid;
- border-color: #878787;
- }
- .mblSwitchCorner1T {
- background-color: #848684;
- margin: 0px 1px;
- border-width: 0px;
- }
- .mblSwitchCorner2T {
- background-color: #C0C0C0;
- margin: 0px 0px;
- border-width: 0px 1px;
- }
- .mblSwitchCorner3T {
- background-color: #C6C7C6;
- margin: 0px 0px;
- border-width: 0px 1px;
- }
- .mblSwitchCorner1B {
- background-color: #FBFBFB;
- margin: 0px 0px;
- border-width: 0px 1px;
- }
- .mblSwitchCorner2B {
- background-color: #FBFBFB;
- margin: 0px 0px;
- border-width: 0px 1px;
- }
- .mblSwitchCorner3B {
- background-color: #878787;
- margin: 0px 1px;
- border-width: 0px;
- }
- .mblSwitchBgLeft .mblSwitchCorner1T {
- border-width: 0px 2px;
- background-color: #00A600;
- }
- .mblSwitchBgLeft .mblSwitchCorner2T {
- background-color: #00A600;
- }
- .mblSwitchBgLeft .mblSwitchCorner3T {
- background-color: #00A600;
- }
- .mblSwitchBgLeft .mblSwitchCorner1B {
- background-color: #00D700;
- }
- .mblSwitchBgLeft .mblSwitchCorner2B {
- background-color: #00D700;
- }
- .mblSwitchBgLeft .mblSwitchCorner3B {
- background-color: #00D700;
- }
- .mblSwitchText {
- height: 21px;
- line-height: 21px;
- }
- .mblSwitchTextLeft {
- background-image: url(compat/switch-green-bg.png);
- border-left: 1px solid #848684;
- }
- .mblSwitchTextRight {
- background-image: url(compat/switch-gray-bg.png);
- left: 35px;
- border-right: 1px solid #848684;
- }
- /* Icon Content Heading */
- .mblIconContentHeading {
- background-image: url(compat/icon-content-heading-bg.png);
- }
- /* dojox.mobile.Button */
- .mblBlueButton {
- background-image: url(compat/blue-button-bg.png);
- }
- .mblBlueButtonSelected {
- background-image: url(compat/blue-button-sel-bg.png);
- }
- /* Tab Container */
- .mblTabPanelHeader {
- }
- .mblTabButton {
- background-image: url(compat/tab-button-bg.png);
- }
- .mblTabButtonSelected {
- background-image: url(compat/tab-sel-button-bg.png);
- }
- *html .mblTabButton { /* IE6 hack */
- behavior: expression(
- (function(el){
- if(!el.previousSibling)
- el.style.borderWidth = "1px";
- el.style.behavior = "none";
- })(this)
- );
- }
- /* Progress Indicator */
- .mblProg {
- position: absolute;
- top: 0px;
- width: 4px;
- font-size: 1px;
- height: 36px;
- overflow: hidden;
- background-color: #C0C0C0;
- }
- .mblProg0 {
- left: 0px;
- }
- .mblProg1 {
- left: 8px;
- }
- .mblProg2 {
- left: 16px;
- }
- .mblProg3 {
- left: 24px;
- }
- .mblProg4 {
- left: 32px;
- }
- .mblProg5 {
- left: 40px;
- }
- .mblProg6 {
- left: 48px;
- }
- .mblProg7 {
- left: 56px;
- }
- .mblProg8 {
- left: 64px;
- }
- .mblProg9 {
- left: 72px;
- }
- .mblProg10 {
- left: 80px;
- }
- .mblProg11 {
- left: 80px;
- }
|