resources/css/slider.css

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 /* Shared styles */\r
  10 .x-slider {\r
  11     zoom:1;\r
  12 }\r
  13 .x-slider-inner {\r
  14     position:relative;\r
  15     left:0;\r
  16     top:0;\r
  17     overflow:visible;\r
  18     zoom:1;\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: text;\r
  31     -khtml-user-select: text;\r
  32 }\r
  33 \r
  34 /* Horizontal styles */\r
  35 .x-slider-horz {\r
  36     padding-left:7px;\r
  37     background:transparent url(../images/default/slider/slider-bg.png) no-repeat 0 -22px;\r
  38 }\r
  39 .x-slider-horz .x-slider-end {\r
  40     padding-right:7px;\r
  41     zoom:1;\r
  42     background:transparent url(../images/default/slider/slider-bg.png) no-repeat right -44px;\r
  43 }\r
  44 .x-slider-horz .x-slider-inner {\r
  45     background:transparent url(../images/default/slider/slider-bg.png) repeat-x 0 0;\r
  46     height:22px;\r
  47 }\r
  48 .x-slider-horz .x-slider-thumb {\r
  49     width:14px;\r
  50     height:15px;\r
  51     position:absolute;\r
  52     left:0;\r
  53     top:3px;\r
  54     background:transparent url(../images/default/slider/slider-thumb.png) no-repeat 0 0;\r
  55 }\r
  56 .x-slider-horz .x-slider-thumb-over {\r
  57     background-position: -14px -15px;\r
  58 }\r
  59 .x-slider-horz .x-slider-thumb-drag {\r
  60     background-position: -28px -30px;\r
  61 }\r
  62 \r
  63 /* Vertical styles */\r
  64 .x-slider-vert {\r
  65     padding-top:7px;\r
  66     background:transparent url(../images/default/slider/slider-v-bg.png) no-repeat -44px 0;\r
  67     width:22px;\r
  68 }\r
  69 .x-slider-vert .x-slider-end {\r
  70     padding-bottom:7px;\r
  71     zoom:1;\r
  72     background:transparent url(../images/default/slider/slider-v-bg.png) no-repeat -22px bottom;\r
  73 }\r
  74 .x-slider-vert .x-slider-inner {\r
  75     background:transparent url(../images/default/slider/slider-v-bg.png) repeat-y 0 0;\r
  76 }\r
  77 .x-slider-vert .x-slider-thumb {\r
  78     width:15px;\r
  79     height:14px;\r
  80     position:absolute;\r
  81     left:3px;\r
  82     bottom:0;\r
  83     background:transparent url(../images/default/slider/slider-v-thumb.png) no-repeat 0 0;\r
  84 }\r
  85 .x-slider-vert .x-slider-thumb-over {\r
  86     background-position: -15px -14px;\r
  87 }\r
  88 .x-slider-vert .x-slider-thumb-drag {\r
  89     background-position: -30px -28px;\r
  90 }