src/themes/tizen/common/jquery.mobile.tizen.toggleswitch.less

   1 @import "config.less";
   2
   3
   4 div.ui-slider.ui-toggle-switch {
   5         width: 66 * @unit_base;
   6         height: 35 * @unit_base;
   7         background-color : transparent;
   8
   9         .ui-slider-label {
  10                 position: absolute;
  11                 width: 66 * @unit_base;
  12                 height: 35 * @unit_base;
  13                 background-size: cover;
  14                 -ms-background-size: cover;
  15                 -webkit-background-size: cover;
  16                 -o-background-size: cover;
  17                 -moz-background-size: cover;
  18
  19                 &.ui-slider-label-a {
  20                         background: url(images/00_button_on.png) no-repeat;
  21                 }
  22
  23                 &.ui-slider-label-b {
  24                         background: url(images/00_button_off.png) no-repeat;
  25                 }
  26         }
  27
  28         .ui-slider-inneroffset {
  29                 a {
  30                         background : none;
  31                 }
  32         }
  33 }
  34
  35 div.ui-slider.ui-slider-switch:not(.ui-toggle-switch) {
  36         position : relative;
  37         width : 5.5em;
  38         height : 32 * @unit_base;
  39
  40         a.ui-slider-handle {
  41                 position : absolute;
  42                 background : rgba(255, 255, 255, 1);
  43                 top : -34 * @unit_base;
  44                 margin-top : 30 * @unit_base;
  45                 border-radius : 15 * @unit_base;
  46                 border : 2px solid gray;
  47         }
  48         span {
  49                 position : absolute;
  50                 overflow : hidden;
  51                 text-align : center;
  52                 height :  32 * @unit_base;
  53                 font-weight : bold;
  54                 border-radius : 10 * @unit_base;
  55                 &.ui-slider-label-a {
  56                         left : 0px;
  57                         color : white;
  58                 }
  59                 &.ui-slider-label-b {
  60                         right : 0px;
  61                         color : black;
  62                 }
  63         }
  64 }