dojox/mobile/themes/windows/Switch-compat.css

Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.

/* 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: 2px;
}
.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: 2px;
  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: 2px;
}
.mblSwDefaultShape .mblSwitchBgLeft {
  background-image: url(compat/switch-square-l.gif);
}
.mblSwDefaultShape .mblSwitchBgRight {
  background-image: url(compat/switch-square-r.gif);
}
.mblSwDefaultShape .mblSwitchKnob {
  -moz-border-radius: 2px;
  background-image: url(compat/switch-square-k.gif);
}