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