1 | /*
|
---|
2 | * jGraduate Default CSS
|
---|
3 | *
|
---|
4 | * Copyright (c) 2010 Jeff Schiller
|
---|
5 | * http://blog.codedread.com/
|
---|
6 | *
|
---|
7 | * Copyright (c) 2010 Alexis Deveria
|
---|
8 | * http://a.deveria.com/
|
---|
9 | *
|
---|
10 | * Licensed under the Apache License Version 2
|
---|
11 | */
|
---|
12 |
|
---|
13 | h2.jGraduate_Title {
|
---|
14 | display: none;
|
---|
15 | }
|
---|
16 |
|
---|
17 | .jGraduate_Picker {
|
---|
18 | position: absolute;
|
---|
19 | padding: 20px;
|
---|
20 | }
|
---|
21 |
|
---|
22 | .jGraduate_tabs li {
|
---|
23 | display: inline-block;
|
---|
24 | padding: 5px 10px;
|
---|
25 | margin-right: 5px;
|
---|
26 | cursor: pointer;
|
---|
27 | }
|
---|
28 |
|
---|
29 | li.jGraduate_tab_current {
|
---|
30 | background: #fff;
|
---|
31 | border-radius: 3px 3px 0 0;
|
---|
32 | }
|
---|
33 |
|
---|
34 | .jGraduate_colPick {
|
---|
35 | display: none;
|
---|
36 | }
|
---|
37 |
|
---|
38 | .jGraduate_gradPick {
|
---|
39 | display: none;
|
---|
40 | overflow: visible;
|
---|
41 | /* position: relative;*/
|
---|
42 | }
|
---|
43 |
|
---|
44 | .jGraduate_tabs {
|
---|
45 | position: relative;
|
---|
46 | background-color: #ddd;
|
---|
47 | padding: 10px 10px 0 10px;
|
---|
48 | margin: -20px -20px 20px -20px;
|
---|
49 | border-radius: 3px 3px 0 0;
|
---|
50 | }
|
---|
51 |
|
---|
52 | div.jGraduate_Swatch {
|
---|
53 | float: left;
|
---|
54 | margin: 0 15px 0 0;
|
---|
55 | }
|
---|
56 | div.jGraduate_GradContainer {
|
---|
57 | border: solid #000 1px;
|
---|
58 | background-image: url(../images/map-opacity.png);
|
---|
59 | background-position: 0px 0px;
|
---|
60 | height: 256px;
|
---|
61 | width: 256px;
|
---|
62 | position: relative;
|
---|
63 | }
|
---|
64 |
|
---|
65 | div.jGraduate_GradContainer div.grad_coord {
|
---|
66 | background: rgba(0,0,0,0.8);
|
---|
67 | border: 2px solid white;
|
---|
68 | border-radius: 15px;
|
---|
69 | -moz-border-radius: 5px;
|
---|
70 | width: 14px;
|
---|
71 | height: 14px;
|
---|
72 | position: absolute;
|
---|
73 | margin: -7px -7px;
|
---|
74 | top: 0;
|
---|
75 | left: 0;
|
---|
76 | text-align: center;
|
---|
77 | font-size: 8px;
|
---|
78 | line-height: 14px;
|
---|
79 | color: white;
|
---|
80 | text-decoration: none;
|
---|
81 | cursor: pointer;
|
---|
82 | -moz-user-select: none;
|
---|
83 | -webkit-user-select: none;
|
---|
84 | }
|
---|
85 |
|
---|
86 | .jGraduate_AlphaArrows {
|
---|
87 | position: absolute;
|
---|
88 | margin-top: -10px;
|
---|
89 | margin-left: 250.5px;
|
---|
90 | }
|
---|
91 |
|
---|
92 | div.jGraduate_Opacity {
|
---|
93 | border: 2px inset #eee;
|
---|
94 | margin-top: 14px;
|
---|
95 | background-color: black;
|
---|
96 | background-image: url(../images/Maps.png);
|
---|
97 | background-position: 0px -2816px;
|
---|
98 | height: 20px;
|
---|
99 | cursor: ew-resize;
|
---|
100 | }
|
---|
101 |
|
---|
102 | div.jGraduate_StopSlider {
|
---|
103 | margin: -10px 0 0 -10px;
|
---|
104 | width: 276px;
|
---|
105 | overflow: visible;
|
---|
106 | background: white;
|
---|
107 | height: 45px;
|
---|
108 | cursor: pointer;
|
---|
109 | }
|
---|
110 |
|
---|
111 | div.jGraduate_StopSection {
|
---|
112 | width: 120px;
|
---|
113 | float: left;
|
---|
114 | }
|
---|
115 |
|
---|
116 | div.jGraduate_StopSection.jGraduate_SpreadMethod {
|
---|
117 | display: none;
|
---|
118 | }
|
---|
119 |
|
---|
120 | input.jGraduate_Ok, input.jGraduate_Cancel {
|
---|
121 | display: block;
|
---|
122 | width: 100px;
|
---|
123 | }
|
---|
124 | input.jGraduate_Ok {
|
---|
125 | margin: 0 0 5px 0;
|
---|
126 | }
|
---|
127 |
|
---|
128 | .colorBox {
|
---|
129 | float: left;
|
---|
130 | height: 16px;
|
---|
131 | width: 16px;
|
---|
132 | border: 1px solid #808080;
|
---|
133 | cursor: pointer;
|
---|
134 | margin: 4px 4px 4px 30px;
|
---|
135 | }
|
---|
136 |
|
---|
137 | .colorBox + label {
|
---|
138 | float: left;
|
---|
139 | margin-top: 7px;
|
---|
140 | }
|
---|
141 |
|
---|
142 | label.jGraduate_Form_Heading {
|
---|
143 |
|
---|
144 | color: #333;
|
---|
145 | padding: 2px;
|
---|
146 | font-weight: bold;
|
---|
147 | font-size: 13px;
|
---|
148 | }
|
---|
149 |
|
---|
150 | div.jGraduate_Form_Section {
|
---|
151 | -moz-border-radius: 5px;
|
---|
152 | -webkit-border-radius: 5px;
|
---|
153 | padding: 15px 5px 5px 5px;
|
---|
154 | margin: 5px 2px;
|
---|
155 | width: 100px;
|
---|
156 | text-align: center;
|
---|
157 | overflow: auto;
|
---|
158 | background: #eee;
|
---|
159 | }
|
---|
160 |
|
---|
161 | div.jGraduate_Form label {
|
---|
162 | padding: 0 2px;
|
---|
163 | color: #333;
|
---|
164 | }
|
---|
165 |
|
---|
166 | div.jGraduate_StopSection input[type=text],
|
---|
167 | div.jGraduate_Slider input[type=text] {
|
---|
168 | width: 33px;
|
---|
169 | color: #333;
|
---|
170 | }
|
---|
171 |
|
---|
172 | div.jGraduate_LightBox {
|
---|
173 | position: fixed;
|
---|
174 | top: 0px;
|
---|
175 | left: 0px;
|
---|
176 | right: 0px;
|
---|
177 | bottom: 0px;
|
---|
178 | background-color: #000;
|
---|
179 | opacity: 0.5;
|
---|
180 | display: none;
|
---|
181 | }
|
---|
182 |
|
---|
183 | div.jGraduate_stopPicker {
|
---|
184 | position: absolute;
|
---|
185 | display: none;
|
---|
186 | background:
|
---|
187 | white;
|
---|
188 | padding: 20px;
|
---|
189 | border-radius: 3px;
|
---|
190 | width: 530px;
|
---|
191 | height: 300px;
|
---|
192 | box-shadow: 0 5px 25px
|
---|
193 | black;
|
---|
194 | }
|
---|
195 |
|
---|
196 |
|
---|
197 | .jGraduate_gradPick {
|
---|
198 | width: 526px;
|
---|
199 | }
|
---|
200 |
|
---|
201 | .jGraduate_gradPick div.jGraduate_Slider {
|
---|
202 | line-height: 160%
|
---|
203 | }
|
---|
204 |
|
---|
205 | .jGraduate_gradPick div.jGraduate_Slider label:last-child {
|
---|
206 | position: absolute;
|
---|
207 | right: 10px;
|
---|
208 | top: 0;
|
---|
209 | color: #999;
|
---|
210 | font-weight: bold;
|
---|
211 | }
|
---|
212 |
|
---|
213 | .jGraduate_gradPick div.jGraduate_Slider label:last-child input {
|
---|
214 | margin: 0 3px 0 0;
|
---|
215 | color: #333;
|
---|
216 | }
|
---|
217 |
|
---|
218 | .jGraduate_gradPick .jGraduate_Form {
|
---|
219 | float: left;
|
---|
220 | width: 270px;
|
---|
221 | position: absolute;
|
---|
222 | left: 284px;
|
---|
223 | width: 266px;
|
---|
224 | height: 200px;
|
---|
225 | top: 195px;
|
---|
226 | margin: -3px 3px 0px 10px;
|
---|
227 | line-height: 200%;
|
---|
228 | }
|
---|
229 |
|
---|
230 | .jGraduate_gradPick .jGraduate_Form label,
|
---|
231 | .jGraduate_gradPick .jGraduate_Form input {
|
---|
232 | width: auto;
|
---|
233 | float: left;
|
---|
234 | }
|
---|
235 |
|
---|
236 | .jGraduate_gradPick .jGraduate_Form.jGraduate_rg_field label, .jGraduate_gradPick .jGraduate_Form.jGraduate_rg_field input {
|
---|
237 | width: auto;
|
---|
238 | float: left;
|
---|
239 | font-size: 11px;
|
---|
240 | }
|
---|
241 |
|
---|
242 | .jGraduate_gradPick .jGraduate_Form.jGraduate_rg_field #color_picker_jGraduate_match_ctr {
|
---|
243 | float: none;
|
---|
244 | }
|
---|
245 |
|
---|
246 | .jGraduate_gradPick .jGraduate_Form label {
|
---|
247 | clear: left;
|
---|
248 | }
|
---|
249 |
|
---|
250 | .jGraduate_gradPick .jGraduate_Points {
|
---|
251 | position: static;
|
---|
252 | float: left;
|
---|
253 | margin: 0;
|
---|
254 | width: auto;
|
---|
255 | }
|
---|
256 |
|
---|
257 | .jGraduate_Colorblocks {
|
---|
258 | display: table;
|
---|
259 | border-spacing: 0 5px;
|
---|
260 | }
|
---|
261 |
|
---|
262 | .jGraduate_colorblock {
|
---|
263 | display: table-row;
|
---|
264 | }
|
---|
265 |
|
---|
266 | .jGraduate_Colorblocks .jGraduate_colorblock > * {
|
---|
267 | display: table-cell;
|
---|
268 | vertical-align: middle;
|
---|
269 | margin: 0;
|
---|
270 | float: none;
|
---|
271 | }
|
---|
272 |
|
---|
273 | .jGraduate_gradPick .jGraduate_Form_Section {
|
---|
274 | padding-top: 9px;
|
---|
275 | }
|
---|
276 |
|
---|
277 |
|
---|
278 | .jGraduate_Slider {
|
---|
279 | text-align: center;
|
---|
280 | float: left;
|
---|
281 | width: 100%;
|
---|
282 | position: relative;
|
---|
283 | margin: 5px 0;
|
---|
284 | }
|
---|
285 |
|
---|
286 | .jGraduate_Slider .jGraduate_Form_Section {
|
---|
287 | border: none;
|
---|
288 | width: 250px;
|
---|
289 | padding: 0 2px;
|
---|
290 | overflow: visible;
|
---|
291 | }
|
---|
292 |
|
---|
293 |
|
---|
294 | .jGraduate_Slider label.prelabel {
|
---|
295 | width: 40px;
|
---|
296 | text-align: left;
|
---|
297 | }
|
---|
298 |
|
---|
299 | .jGraduate_SliderBar {
|
---|
300 | width: 140px;
|
---|
301 | float: left;
|
---|
302 | margin: 0 5px;
|
---|
303 | border:1px solid #BBB;
|
---|
304 | height:20px;
|
---|
305 | position: relative;
|
---|
306 | }
|
---|
307 |
|
---|
308 | div.jGraduate_Slider input {
|
---|
309 | margin-top: 5px;
|
---|
310 | }
|
---|
311 |
|
---|
312 | div.jGraduate_Slider img {
|
---|
313 | top: 0;
|
---|
314 | left: 0;
|
---|
315 | position: absolute;
|
---|
316 | cursor:ew-resize;
|
---|
317 | }
|
---|
318 |
|
---|
319 | .jPicker .Button .Ok, .jGraduate_Picker .jGraduate_OkCancel .jGraduate_Ok {
|
---|
320 | -webkit-appearance: none;
|
---|
321 | margin: 0;
|
---|
322 | position: absolute;
|
---|
323 | bottom: 5px;
|
---|
324 | right: 5px;
|
---|
325 | }
|
---|
326 |
|
---|
327 | .jPicker .Button .Cancel, .jGraduate_Picker .jGraduate_OkCancel .jGraduate_Cancel {
|
---|
328 | margin: 0;
|
---|
329 | position: absolute;
|
---|
330 | bottom: 5px;
|
---|
331 | left: 5px;
|
---|
332 | }
|
---|