You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
3.2 KiB
128 lines
3.2 KiB
/* dojox.mobile.Switch */ |
|
/* Switch - common */ |
|
.dj_gecko .mblSwitchBg { |
|
-moz-box-sizing: border-box; |
|
} |
|
.dj_gecko .mblSwitchKnob { |
|
-moz-box-sizing: border-box; |
|
} |
|
.dj_gecko .mblSwitch .mblSwitchBgLeft { |
|
background-image: none; |
|
} |
|
.dj_gecko .mblSwitch .mblSwitchBgRight { |
|
background-image: -none; |
|
} |
|
.dj_gecko .mblSwitch .mblSwitchKnob { |
|
background-image: none; |
|
} |
|
.dj_ie .mblSwitchBg { |
|
border: none; |
|
background: none; |
|
} |
|
.dj_ie .mblSwitchBgLeft { |
|
background-repeat: no-repeat; |
|
} |
|
.dj_ie .mblSwitchBgRight { |
|
background-repeat: no-repeat; |
|
} |
|
.dj_ie .mblSwitchKnob { |
|
background: none; |
|
background-repeat: no-repeat; |
|
border: none; |
|
} |
|
/* Square Shape */ |
|
.mblSwSquareShape .mblSwitchBg { |
|
-moz-border-radius: 0px; |
|
} |
|
.mblSwSquareShape .mblSwitchBgLeft { |
|
background-image: url(compat/switch-square-l.gif); |
|
} |
|
.mblSwSquareShape .mblSwitchBgRight { |
|
background-image: url(compat/switch-square-r.gif); |
|
} |
|
.mblSwSquareShape .mblSwitchKnob { |
|
-moz-border-radius: 0px; |
|
background-image: url(compat/switch-square-k.gif); |
|
} |
|
/* Round Shape1 */ |
|
.mblSwRoundShape1 .mblSwitchBg { |
|
-moz-border-radius: 14px; |
|
} |
|
.mblSwRoundShape1 .mblSwitchBgLeft { |
|
background-image: url(compat/switch-round1-l.gif); |
|
} |
|
.mblSwRoundShape1 .mblSwitchBgRight { |
|
background-image: url(compat/switch-round1-r.gif); |
|
} |
|
.mblSwRoundShape1 .mblSwitchKnob { |
|
-moz-border-radius: 13px; |
|
background-image: url(compat/switch-round1-k.gif); |
|
} |
|
/* Round Shape2 */ |
|
.mblSwRoundShape2 .mblSwitchBg { |
|
-moz-border-radius: 14px; |
|
} |
|
.mblSwRoundShape2 .mblSwitchBgLeft { |
|
background-image: url(compat/switch-round2-l.gif); |
|
} |
|
.mblSwRoundShape2 .mblSwitchBgRight { |
|
background-image: url(compat/switch-round2-r.gif); |
|
} |
|
.mblSwRoundShape2 .mblSwitchKnob { |
|
-moz-border-radius: 13px; |
|
background-image: url(compat/switch-round2-k.gif); |
|
} |
|
/* Arc Shape1 */ |
|
.mblSwArcShape1 .mblSwitchBg { |
|
-moz-border-radius: 5px/14px; |
|
} |
|
.mblSwArcShape1 .mblSwitchBgLeft { |
|
background-image: url(compat/switch-arc1-l.gif); |
|
} |
|
.mblSwArcShape1 .mblSwitchBgRight { |
|
background-image: url(compat/switch-arc1-r.gif); |
|
} |
|
.mblSwArcShape1 .mblSwitchKnob { |
|
-moz-border-radius: 5px/13px; |
|
background-image: url(compat/switch-arc1-k.gif); |
|
} |
|
/* Switch - Arc Shape2 */ |
|
.mblSwArcShape2 .mblSwitchBg { |
|
-moz-border-radius: 5px/14px; |
|
} |
|
.mblSwArcShape2 .mblSwitchBgLeft { |
|
background-image: url(compat/switch-arc2-l.gif); |
|
} |
|
.mblSwArcShape2 .mblSwitchBgRight { |
|
background-image: url(compat/switch-arc2-r.gif); |
|
} |
|
.mblSwArcShape2 .mblSwitchKnob { |
|
-moz-border-radius: 5px/13px; |
|
background-image: url(compat/switch-arc2-k.gif); |
|
} |
|
/* Default Shape */ |
|
.dj_gecko .mblSwDefaultShape .mblSwitchBg { |
|
-moz-border-radius: 0px; |
|
} |
|
.dj_gecko .mblSwDefaultShape .mblSwitchBgLeft { |
|
background-image: url(compat/switch-square-l.gif); |
|
} |
|
.dj_gecko .mblSwDefaultShape .mblSwitchBgRight { |
|
background-image: url(compat/switch-square-r.gif); |
|
} |
|
.dj_gecko .mblSwDefaultShape .mblSwitchKnob { |
|
-moz-border-radius: 0px; |
|
background-image: url(compat/switch-square-k.gif); |
|
} |
|
.dj_gecko .mblSwitchBgLeft { |
|
background-color: #4BD260; |
|
background-image: none; |
|
} |
|
.dj_gecko .mblSwitchBgRight { |
|
background-color: #eeeeee; |
|
background-image: none; |
|
} |
|
.dj_gecko .mblSwDefaultShape .mblSwitchBgLeft, |
|
.dj_gecko .mblSwDefaultShape .mblSwitchBgRight { |
|
background-image: none; |
|
}
|
|
|