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.
116 lines
3.1 KiB
116 lines
3.1 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: -moz-linear-gradient(top, #2859b1 0%, #3f84eb 50%, #4c8eee 50%, #75acfb 100%); |
|
} |
|
.dj_gecko .mblSwitch .mblSwitchBgRight { |
|
background-image: -moz-linear-gradient(top, #cecece 0%, #eeeeee 50%, #f8f8f8 50%, #fdfdfd 100%); |
|
} |
|
.dj_gecko .mblSwitch .mblSwitchKnob { |
|
background-image: -moz-linear-gradient(top, #cccccc 0%, #fafafa 100%); |
|
} |
|
.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: 5px; |
|
} |
|
.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: 5px; |
|
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 */ |
|
.mblSwDefaultShape .mblSwitchBg { |
|
-moz-border-radius: 14px; |
|
} |
|
.mblSwDefaultShape .mblSwitchBgLeft { |
|
background-image: url(compat/switch-round1-l.gif); |
|
} |
|
.mblSwDefaultShape .mblSwitchBgRight { |
|
background-image: url(compat/switch-round1-r.gif); |
|
} |
|
.mblSwDefaultShape .mblSwitchKnob { |
|
-moz-border-radius: 13px; |
|
background-image: url(compat/switch-round1-k.gif); |
|
}
|
|
|