libs/js/jquery-mobile-1.1.0/css/structure/jquery.mobile.forms.slider.css

   1 label.ui-slider { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; }
   2 input.ui-slider-input,
   3 .ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; }
   4 select.ui-slider-switch { display: none; }
   5 div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
   6 div.ui-slider-mini { height: 12px; margin-left: 10px; }
   7 div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
   8 .ui-controlgroup a.ui-slider-handle, a.ui-slider-handle { position: absolute; z-index: 1;  top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; outline: 0; }
   9 a.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
  10 div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
  11 div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; }
  12
  13 @media all and (min-width: 450px){
  14         .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  15         .ui-field-contain div.ui-slider { width: 43%; }
  16         .ui-field-contain div.ui-slider-switch { width: 5.5em; }
  17 }
  18
  19 div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
  20 a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
  21 div.ui-slider-switch .ui-slider-handle {  margin-top: 1px;  }
  22 .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
  23
  24 div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
  25 div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
  26 div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
  27 div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
  28
  29 span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; }
  30 .ui-slider-mini span.ui-slider-label { font-size: 14px; }
  31
  32 span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; }
  33 span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;}
  34
  35 .ui-slider-inline { width: 120px; display: inline-block; }