view onlypaths/css/slider.css @ 58:9d156039944e laserkard

[svn r59] final modifacatios wqith kevin
author rlm
date Sun, 14 Mar 2010 01:51:23 -0500
parents 26c2b3ad21c7
children
line wrap: on
line source
1 /*
2 * Ext JS Library 2.1
3 * Copyright(c) 2006-2008, Ext JS, LLC.
4 * licensing@extjs.com
5 *
6 * http://extjs.com/license
7 */
8 #slider-fill {
9 width:50px;
10 height:20px;
11 padding:0px;
12 margin:0px;
13 background-image:url(../img/rainbow1.png);
14 background-position: 0px 2px;
15 background-repeat: no-repeat;
17 }
18 #slider-stroke {
19 width:50px;
20 height:20px;
21 padding:0px;
22 margin:0px;
23 background-image:url(../img/rainbow1.png);
24 background-position: 0px 2px;
25 background-repeat: no-repeat;
26 }
27 #opacity-slider-fill {
28 position: relative;
29 top:-3px;
31 width:50px;
32 height:14px;
33 padding-top:0px;
34 padding-left:0px;
35 padding-right:0px;
36 margin-left:0px;
37 margin-right:0px;
38 background-image:url(../img/bar.gif);
39 background-position: 0px 2px;
40 background-repeat: repeat-x;
41 background-color: #ff0000;
42 opacity: 1;
43 -moz-opacity: 1;
44 filter: alpha(opacity=100);
46 }
48 #opacity-slider-stroke {
49 position: relative;
50 top:-20px;
53 width:50px;
54 height:14px;
55 padding-top:0px;
56 padding-left:0px;
57 padding-right:0px;
58 margin-left:0px;
59 margin-right:0px;
60 background-image:url(../img/bar.gif);
61 background-position: 0px 2px;
62 background-repeat: repeat-x;
63 background-color: #000000;
64 opacity: 1;
65 -moz-opacity: 1;
66 filter: alpha(opacity=100);
68 }
70 #width-slider-stroke-mask {
71 position: relative;
72 top:-4px;
73 width:1px;
74 height:14px;
75 padding-top:0px;
76 padding-left:0px;
77 padding-right:0px;
78 margin-left:0px;
79 margin-right:0px;
80 background-color: #000000;
82 }
83 #width-slider-stroke {
84 position:relative;
85 width:50px;
86 height:14px;
87 top:-18px;
88 padding-top:0px;
89 padding-left:0px;
90 padding-right:0px;
91 margin-left:0px;
92 margin-right:0px;
93 background-image:url(../img/bar.gif);
94 background-position: 0px 2px;
95 background-repeat: repeat-x;
96 background-color: transparent;
98 }
99 #slider-fill .x-slider-thumb {
100 top:0px;
101 height:12px;
102 background-image:url(../img/slider-point.gif);
103 padding:0px;
104 margin:0px;
106 }
107 #slider-stroke .x-slider-thumb {
108 top:0px;
109 height:12px;
110 background-image:url(../img/slider-point.gif);
111 }
112 #opacity-slider-fill .x-slider-thumb {
113 top:0px;
114 background-image:url(../img/slider-metal.gif);
115 }
116 #opacity-slider-stroke .x-slider-thumb {
117 top:0px;
118 background-image:url(../img/slider-metal.gif);
119 }
120 #width-slider-stroke .x-slider-thumb {
121 top:0px;
122 background-image:url(../img/slider-metal.gif);
123 }
125 .x-slider{zoom:1;}
126 .x-slider-inner{position:relative;left:0;top:0;overflow:visible;zoom:1;}
127 .x-slider-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:normal;-khtml-user-select:normal;}
129 .x-slider-horz .x-slider-thumb-over{background-position:-14px -15px;}
130 .x-slider-horz .x-slider-thumb-drag{background-position:-28px -30px;}
133 .x-slider-horz{padding-left:7px;background:transparent url() no-repeat 0 -22px;}
134 .x-slider-horz .x-slider-end{padding-right:7px;zoom:1;background:transparent url() no-repeat right -44px;}
135 .x-slider-horz .x-slider-inner{background:transparent url() repeat-x 0 0;height:22px;}
136 .x-slider-horz .x-slider-thumb{width:14px;height:15px;position:absolute;left:0;top:3px;background:transparent url() no-repeat 0 0;}