libs/js/jquery-mobile-1.2.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; background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; outline: 0; }
   4 input.ui-slider-input.ui-mini,
   5 .ui-field-contain input.ui-slider-input.ui-mini { width: 45px; margin: .25em 0; font-size: 14px; }
   6 .ui-field-contain input.ui-slider-input { margin: 0; }
   7 input.ui-slider-input, .ui-field-contain input.ui-slider-input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
   8 /* Fixes input fields being to small on Safari/Mac because of the up and down arrows. */
   9 .ui-slider-input::-webkit-outer-spin-button { margin: 0; }
  10 select.ui-slider-switch { display: none; }
  11 div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
  12 div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; }
  13 div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
  14 .ui-controlgroup a.ui-slider-handle, a.ui-btn.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin: -15px 0 0 -15px; outline: 0; }
  15 a.ui-btn.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
  16 div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
  17 div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; border-top: none; }
  18
  19 @media all and (min-width: 450px){
  20         .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  21         .ui-field-contain div.ui-slider { width: 43%; }
  22         .ui-field-contain div.ui-slider-switch { width: 5.5em; }
  23 }
  24
  25 div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
  26 a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
  27 div.ui-slider-switch .ui-slider-handle { margin: 1px 0 0 -15px; }
  28 .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
  29
  30 div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
  31 div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
  32 div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
  33 div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
  34
  35 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; }
  36 .ui-slider-mini span.ui-slider-label { font-size: 14px; }
  37
  38 span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; }
  39 span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;}
  40
  41 .ui-slider-inline { width: 120px; display: inline-block; }