You are here

itoggle.css in iToggle 7.2

Same filename and directory in other branches
  1. 7.3 misc/itoggle.css
div.itoggle-wrapper {
  width: 69px;
  height: 22px;
  padding-top: 2px;
}

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;
  background: url(itoggle-onoff.png) left bottom no-repeat;
  cursor: pointer;
  text-indent: -5000px;
}

div.itoggle-wrapper.itoggle-display-yesno label.itoggle,
div.itoggle-wrapper.itoggle-display-yesno label.itoggle span {
  background-image: url(itoggle-yesno.png);
}

div.itoggle-wrapper.itoggle-display-onezero label.itoggle,
div.itoggle-wrapper.itoggle-display-onezero label.itoggle span {
  background-image: url(itoggle-onezero.png);
}

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

misc/itoggle.css
View source
  1. div.itoggle-wrapper {
  2. width: 69px;
  3. height: 22px;
  4. padding-top: 2px;
  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. background: url(itoggle-onoff.png) left bottom no-repeat;
  29. cursor: pointer;
  30. text-indent: -5000px;
  31. }
  32. div.itoggle-wrapper.itoggle-display-yesno label.itoggle,
  33. div.itoggle-wrapper.itoggle-display-yesno label.itoggle span {
  34. background-image: url(itoggle-yesno.png);
  35. }
  36. div.itoggle-wrapper.itoggle-display-onezero label.itoggle,
  37. div.itoggle-wrapper.itoggle-display-onezero label.itoggle span {
  38. background-image: url(itoggle-onezero.png);
  39. }
  40. div.itoggle-wrapper label.itoggle.iToff {
  41. background-position: right bottom;
  42. }
  43. div.itoggle-wrapper label.itoggle span {
  44. background-position: left top;
  45. margin: 0;
  46. }
  47. div.itoggle-wrapper input.iT_checkbox {
  48. position: absolute;
  49. top: -9999px;
  50. left: -9999px;
  51. -moz-border-radius: 6px;
  52. -webkit-border-radius: 6px;
  53. border-radius: 6px;
  54. }