You are here

itoggle.css in iToggle 7

div.itoggle-wrapper {
  width: 69px;
  height: 20px;
  vertical-align: middle;
}

div.itoggle-wrapper input.iT_checkbox_on {
  display: block !important;
  float: left;
  position: relative !important;
  top: -43px !important;
  left :100px !important;
  margin-bottom: -43px;
}

/* -----------------------------
  This is the important bit
-------------------------------*/

div.itoggle-wrapper label.ilabel {
  display: block;
  font-size: 12px;
  padding-bottom: 10px;
  cursor: pointer;
}

div.itoggle-wrapper label.itoggle,
div.itoggle-wrapper label.itoggle span{
  display: block;
  width: 69px;
  height: 20px;
/*  margin-bottom: 20px;*/
  background: url(../images/itoggle.png) left bottom no-repeat;
  cursor: pointer;
  text-indent: -5000px;
}

div.itoggle-wrapper label.itoggle.iToff{
  background-position: right bottom;
}

div.itoggle-wrapper label.itoggle span{
  background-position: left top;
  margin: 0;
}

div.itoggle-wrapper input.iT_checkbox{
  position: absolute;
  top: -9999px;
  left: -9999px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

File

css/itoggle.css
View source
  1. div.itoggle-wrapper {
  2. width: 69px;
  3. height: 20px;
  4. vertical-align: middle;
  5. }
  6. div.itoggle-wrapper input.iT_checkbox_on {
  7. display: block !important;
  8. float: left;
  9. position: relative !important;
  10. top: -43px !important;
  11. left :100px !important;
  12. margin-bottom: -43px;
  13. }
  14. /* -----------------------------
  15. This is the important bit
  16. -------------------------------*/
  17. div.itoggle-wrapper label.ilabel {
  18. display: block;
  19. font-size: 12px;
  20. padding-bottom: 10px;
  21. cursor: pointer;
  22. }
  23. div.itoggle-wrapper label.itoggle,
  24. div.itoggle-wrapper label.itoggle span{
  25. display: block;
  26. width: 69px;
  27. height: 20px;
  28. /* margin-bottom: 20px;*/
  29. background: url(../images/itoggle.png) left bottom no-repeat;
  30. cursor: pointer;
  31. text-indent: -5000px;
  32. }
  33. div.itoggle-wrapper label.itoggle.iToff{
  34. background-position: right bottom;
  35. }
  36. div.itoggle-wrapper label.itoggle span{
  37. background-position: left top;
  38. margin: 0;
  39. }
  40. div.itoggle-wrapper input.iT_checkbox{
  41. position: absolute;
  42. top: -9999px;
  43. left: -9999px;
  44. -moz-border-radius: 6px;
  45. -webkit-border-radius: 6px;
  46. border-radius: 6px;
  47. }