You are here

Home » API reference » iToggle 7.2

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. 

  7. div.itoggle-wrapper input.iT_checkbox_on {

  8.   display: block !important;

  9.   float: left;

  10.   position: relative !important;

  11.   top: -43px !important;

  12.   left :100px !important;

  13.   margin-bottom: -43px;

  14. }

  15. 

  16. /* -----------------------------

  17.   This is the important bit

  18. -------------------------------*/

  19. 

  20. div.itoggle-wrapper label.ilabel {

  21.   display: block;

  22.   font-size: 12px;

  23.   padding-bottom: 10px;

  24.   cursor: pointer;

  25. }

  26. 

  27. div.itoggle-wrapper label.itoggle,

  28. div.itoggle-wrapper label.itoggle span {

  29.   display: block;

  30.   width: 69px;

  31.   height: 20px;

  32.   background: url(itoggle-onoff.png) left bottom no-repeat;

  33.   cursor: pointer;

  34.   text-indent: -5000px;

  35. }

  36. 

  37. div.itoggle-wrapper.itoggle-display-yesno label.itoggle,

  38. div.itoggle-wrapper.itoggle-display-yesno label.itoggle span {

  39.   background-image: url(itoggle-yesno.png);

  40. }

  41. 

  42. div.itoggle-wrapper.itoggle-display-onezero label.itoggle,

  43. div.itoggle-wrapper.itoggle-display-onezero label.itoggle span {

  44.   background-image: url(itoggle-onezero.png);

  45. }

  46. 

  47. div.itoggle-wrapper label.itoggle.iToff {

  48.   background-position: right bottom;

  49. }

  50. 

  51. div.itoggle-wrapper label.itoggle span {

  52.   background-position: left top;

  53.   margin: 0;

  54. }

  55. 

  56. div.itoggle-wrapper input.iT_checkbox {

  57.   position: absolute;

  58.   top: -9999px;

  59.   left: -9999px;

  60.   -moz-border-radius: 6px;

  61.   -webkit-border-radius: 6px;

  62.   border-radius: 6px;

  63. }