source: extensions/photoWidget/css/colorpicker.css @ 5611

Last change on this file since 5611 was 5611, checked in by nikrou, 14 years ago

New plugin photoWidget : first public release

File size: 3.2 KB
Line 
1.colorpicker {
2  width: 356px;
3  height: 176px;
4  overflow: hidden;
5  position: absolute;
6  background: url(imgs/colorpicker_background.png);
7  font-family: Arial, Helvetica, sans-serif;
8  display: none;
9}
10
11.colorpicker_color {
12  width: 150px;
13  height: 150px;
14  left: 14px;
15  top: 13px;
16  position: absolute;
17  background: #f00;
18  overflow: hidden;
19  cursor: crosshair;
20}
21
22.colorpicker_color div {
23  position: absolute;
24  top: 0;
25  left: 0;
26  width: 150px;
27  height: 150px;
28  background: url(imgs/colorpicker_overlay.png);
29}
30
31.colorpicker_color div div {
32  position: absolute;
33  top: 0;
34  left: 0;
35  width: 11px;
36  height: 11px;
37  overflow: hidden;
38  background: url(imgs/colorpicker_select.gif);
39  margin: -5px 0 0 -5px;
40}
41
42.colorpicker_hue {
43  position: absolute;
44  top: 13px;
45  left: 171px;
46  width: 35px;
47  height: 150px;
48  cursor: n-resize;
49}
50
51.colorpicker_hue div {
52  position: absolute;
53  width: 35px;
54  height: 9px;
55  overflow: hidden;
56  background: url(imgs/colorpicker_indic.gif) left top;
57  margin: -4px 0 0 0;
58  left: 0px;
59}
60
61.colorpicker_new_color {
62  position: absolute;
63  width: 60px;
64  height: 30px;
65  left: 213px;
66  top: 13px;
67  background: #f00;
68}
69
70.colorpicker_current_color {
71  position: absolute;
72  width: 60px;
73  height: 30px;
74  left: 283px;
75  top: 13px;
76  background: #f00;
77}
78
79.colorpicker input {
80  background-color: transparent;
81  border: 1px solid transparent;
82  position: absolute;
83  font-size: 10px;
84  font-family: Arial, Helvetica, sans-serif;
85  color: #898989;
86  top: 4px;
87  right: 11px;
88  text-align: right;
89  margin: 0;
90  padding: 0;
91  height: 11px;
92}
93
94.colorpicker_hex {
95  position: absolute;
96  width: 72px;
97  height: 22px;
98  background: url(imgs/colorpicker_hex.png) top;
99  left: 212px;
100  top: 142px;
101}
102
103.colorpicker_hex input {
104  right: 6px;
105}
106
107.colorpicker_field {
108  height: 22px;
109  width: 62px;
110  background-position: top;
111  position: absolute;
112}
113
114.colorpicker_field span {
115  position: absolute;
116  width: 12px;
117  height: 22px;
118  overflow: hidden;
119  top: 0;
120  right: 0;
121  cursor: n-resize;
122}
123
124.colorpicker_rgb_r {
125  background-image: url(imgs/colorpicker_rgb_r.png);
126  top: 52px;
127  left: 212px;
128}
129
130.colorpicker_rgb_g {
131  background-image: url(imgs/colorpicker_rgb_g.png);
132  top: 82px;
133  left: 212px;
134}
135
136.colorpicker_rgb_b {
137  background-image: url(imgs/colorpicker_rgb_b.png);
138  top: 112px;
139  left: 212px;
140}
141
142.colorpicker_hsb_h {
143  background-image: url(imgs/colorpicker_hsb_h.png);
144  top: 52px;
145  left: 282px;
146}
147
148.colorpicker_hsb_s {
149  background-image: url(imgs/colorpicker_hsb_s.png);
150  top: 82px;
151  left: 282px;
152}
153
154.colorpicker_hsb_b {
155  background-image: url(imgs/colorpicker_hsb_b.png);
156  top: 112px;
157  left: 282px;
158}
159
160.colorpicker_submit {
161  position: absolute;
162  width: 22px;
163  height: 22px;
164  background: url(imgs/colorpicker_submit.png) top;
165  left: 322px;
166  top: 142px;
167  overflow: hidden;
168}
169
170.colorpicker_focus {
171  background-position: center;
172}
173
174.colorpicker_hex.colorpicker_focus {
175  background-position: bottom;
176}
177
178.colorpicker_submit.colorpicker_focus {
179  background-position: bottom;
180}
181
182.colorpicker_slider {
183  background-position: bottom;
184}
Note: See TracBrowser for help on using the repository browser.