resources/css/structure/slider.css

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