resources/css/structure/slider.css

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 /* Shared styles */
   8 .x-slider {
   9     zoom:1;
  10 }
  11
  12 .x-slider-inner {
  13     position:relative;
  14     left:0;
  15     top:0;
  16     overflow:visible;
  17     zoom:1;
  18 }
  19
  20 .x-slider-focus {
  21         position:absolute;
  22         left:0;
  23         top:0;
  24         width:1px;
  25         height:1px;
  26     line-height:1px;
  27     font-size:1px;
  28     -moz-outline:0 none;
  29     outline:0 none;
  30     -moz-user-select: none;
  31     -khtml-user-select:none;
  32     -webkit-user-select:ignore;
  33         display:block;
  34         overflow:hidden;
  35 }
  36
  37 /* Horizontal styles */
  38 .x-slider-horz {
  39     padding-left:7px;
  40     background:transparent no-repeat 0 -22px;
  41 }
  42
  43 .x-slider-horz .x-slider-end {
  44     padding-right:7px;
  45     zoom:1;
  46     background:transparent no-repeat right -44px;
  47 }
  48
  49 .x-slider-horz .x-slider-inner {
  50     background:transparent repeat-x 0 0;
  51     height:22px;
  52 }
  53
  54 .x-slider-horz .x-slider-thumb {
  55     width:14px;
  56     height:15px;
  57     position:absolute;
  58     left:0;
  59     top:3px;
  60     background:transparent no-repeat 0 0;
  61 }
  62
  63 .x-slider-horz .x-slider-thumb-over {
  64     background-position: -14px -15px;
  65 }
  66
  67 .x-slider-horz .x-slider-thumb-drag {
  68     background-position: -28px -30px;
  69 }
  70
  71 /* Vertical styles */
  72 .x-slider-vert {
  73     padding-top:7px;
  74     background:transparent no-repeat -44px 0;
  75     width:22px;
  76 }
  77
  78 .x-slider-vert .x-slider-end {
  79     padding-bottom:7px;
  80     zoom:1;
  81     background:transparent no-repeat -22px bottom;
  82 }
  83
  84 .x-slider-vert .x-slider-inner {
  85     background:transparent repeat-y 0 0;
  86 }
  87
  88 .x-slider-vert .x-slider-thumb {
  89     width:15px;
  90     height:14px;
  91     position:absolute;
  92     left:3px;
  93     bottom:0;
  94     background:transparent no-repeat 0 0;
  95 }
  96
  97 .x-slider-vert .x-slider-thumb-over {
  98     background-position: -15px -14px;
  99 }
 100
 101 .x-slider-vert .x-slider-thumb-drag {
 102     background-position: -30px -28px;
 103 }