Mercurial > laserkard
comparison onlypaths/css/slider.css @ 46:26c2b3ad21c7 laserkard
[svn r47] saving progresswww.cinemassacre.com/new/?page_id=30
author | rlm |
---|---|
date | Sun, 31 Jan 2010 12:33:33 -0500 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
45:bff96abdddfa | 46:26c2b3ad21c7 |
---|---|
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; | |
16 | |
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; | |
30 | |
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); | |
45 | |
46 } | |
47 | |
48 #opacity-slider-stroke { | |
49 position: relative; | |
50 top:-20px; | |
51 | |
52 | |
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); | |
67 | |
68 } | |
69 | |
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; | |
81 | |
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; | |
97 | |
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; | |
105 | |
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 } | |
124 | |
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;} | |
128 | |
129 .x-slider-horz .x-slider-thumb-over{background-position:-14px -15px;} | |
130 .x-slider-horz .x-slider-thumb-drag{background-position:-28px -30px;} | |
131 | |
132 | |
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;} |