Thu, 14 Mar 2024 19:37:53 +0100
Create installation directories
617 | 1 | .jqx-widget-light { |
2 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
3 | font-size:14px; | |
4 | color: #555; | |
5 | } | |
6 | .jqx-widget-content-light { | |
7 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
8 | font-size:14px; | |
9 | color: #555; | |
10 | } | |
11 | .jqx-widget-header-light { | |
12 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
13 | font-size:14px; | |
14 | background: #fff; | |
15 | color: #555; | |
16 | } | |
17 | ||
18 | /*Rounded Corners*/ | |
19 | /*top-left rounded Corners*/ | |
20 | .jqx-rc-tl-light { | |
21 | -moz-border-radius-topleft: 4px; | |
22 | -webkit-border-top-left-radius: 4px; | |
23 | border-top-left-radius: 4px; | |
24 | } | |
25 | /*top-right rounded Corners*/ | |
26 | .jqx-rc-tr-light { | |
27 | -moz-border-radius-topright: 4px; | |
28 | -webkit-border-top-right-radius: 4px; | |
29 | border-top-right-radius: 4px; | |
30 | } | |
31 | /*bottom-left rounded Corners*/ | |
32 | .jqx-rc-bl-light { | |
33 | -moz-border-radius-bottomleft: 4px; | |
34 | -webkit-border-bottom-left-radius: 4px; | |
35 | border-bottom-left-radius: 4px; | |
36 | } | |
37 | /*bottom-right rounded Corners*/ | |
38 | .jqx-rc-br-light { | |
39 | -moz-border-radius-bottomright: 4px; | |
40 | -webkit-border-bottom-right-radius: 4px; | |
41 | border-bottom-right-radius: 4px; | |
42 | } | |
43 | /*top rounded Corners*/ | |
44 | .jqx-rc-t-light { | |
45 | -moz-border-radius-topleft: 4px; | |
46 | -webkit-border-top-left-radius: 4px; | |
47 | border-top-left-radius: 4px; | |
48 | -moz-border-radius-topright: 4px; | |
49 | -webkit-border-top-right-radius: 4px; | |
50 | border-top-right-radius: 4px; | |
51 | } | |
52 | /*bottom rounded Corners*/ | |
53 | .jqx-rc-b-light { | |
54 | -moz-border-radius-bottomleft: 4px; | |
55 | -webkit-border-bottom-left-radius: 4px; | |
56 | border-bottom-left-radius: 4px; | |
57 | -moz-border-radius-bottomright: 4px; | |
58 | -webkit-border-bottom-right-radius: 4px; | |
59 | border-bottom-right-radius: 4px; | |
60 | } | |
61 | /*right rounded Corners*/ | |
62 | .jqx-rc-r-light { | |
63 | -moz-border-radius-topright: 4px; | |
64 | -webkit-border-top-right-radius: 4px; | |
65 | border-top-right-radius: 4px; | |
66 | -moz-border-radius-bottomright: 4px; | |
67 | -webkit-border-bottom-right-radius: 4px; | |
68 | border-bottom-right-radius: 4px; | |
69 | } | |
70 | /*left rounded Corners*/ | |
71 | .jqx-rc-l-light { | |
72 | -moz-border-radius-topleft: 4px; | |
73 | -webkit-border-top-left-radius: 4px; | |
74 | border-top-left-radius: 4px; | |
75 | -moz-border-radius-bottomleft: 4px; | |
76 | -webkit-border-bottom-left-radius: 4px; | |
77 | border-bottom-left-radius: 4px; | |
78 | } | |
79 | /*all rounded Corners*/ | |
80 | .jqx-rc-all-light { | |
81 | -moz-border-radius: 4px; | |
82 | -webkit-border-radius: 4px; | |
83 | border-radius: 4px; | |
84 | } | |
85 | ||
86 | .jqx-widget-light, .jqx-widget-header-light, .jqx-fill-state-normal-light, | |
87 | .jqx-widget-content-light, .jqx-fill-state-hover-light, .jqx-fill-state-pressed-light { | |
88 | font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
89 | font-size:14px; | |
90 | } | |
91 | ||
92 | .jqx-widget-content-light { | |
93 | background-color: #ffffff; | |
94 | border-color: #dddddd; | |
95 | } | |
96 | .jqx-widget-header-light { | |
97 | color: #555; | |
98 | background-color:#f8f8f8; | |
99 | border-color:#dddddd; | |
100 | *zoom: 1; | |
101 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
102 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
103 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
104 | } | |
105 | .jqx-widget-light input::selection, input.jqx-input-widget-light::selection, .jqx-widget-content-light input::selection { | |
106 | background: #0077BE; | |
107 | color: #fff; | |
108 | } | |
109 | .jqx-button-light { | |
110 | transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out; | |
111 | } | |
112 | .jqx-button-light, .jqx-fill-state-normal-light { | |
113 | color: #555; | |
114 | background:#fafafa; | |
115 | border-color: #dddddd; | |
116 | *zoom: 1; | |
117 | } | |
118 | ||
119 | .jqx-fill-state-hover-light { | |
120 | color: #373a3c; | |
121 | border-color: #b2b2b2; | |
122 | border-color: rgba(0, 0, 0, 0.3); | |
123 | background-color: #f0f0f0; | |
124 | } | |
125 | .jqx-fill-state-pressed-light { | |
126 | color: #fff ; | |
127 | background-color: #0077BE; | |
128 | border-color: #0077BE; | |
129 | *background-color: #fff; | |
130 | } | |
131 | ||
132 | .jqx-fill-state-hover-light, .jqx-fill-state-focus-light { | |
133 | color: #333333; | |
134 | text-decoration: none; | |
135 | } | |
136 | .jqx-fill-state-focus-light, .jqx-item-light.jqx-fill-state-focus { | |
137 | border-color: #0077BE; | |
138 | } | |
139 | .jqx-fill-state-pressed-light.jqx-fill-state-hover-light, .jqx-dropdownlist-state-selected-light{ | |
140 | color: #fff ; | |
141 | } | |
142 | .jqx-datetimeinput-light .jqx-action-button-light.jqx-fill-state-hover{ | |
143 | border-color: #ddd; | |
144 | } | |
145 | .jqx-datetimeinput-light.jqx-fill-state-focus .jqx-action-button-light{ | |
146 | border-color: #0077BE; | |
147 | } | |
148 | .jqx-filter-input-light:focus { | |
149 | border-color: #0077BE !important; | |
150 | } | |
151 | ||
152 | .jqx-button-light { | |
153 | color: #555; | |
154 | border-color: #ddd; | |
155 | *zoom: 1; | |
156 | } | |
157 | ||
158 | .jqx-button-light.jqx-fill-state-hover { | |
159 | ||
160 | *zoom: 1; | |
161 | -webkit-transition: background-color 100ms linear; | |
162 | -moz-transition: background-color 100ms linear; | |
163 | -o-transition: background-color 100ms linear; | |
164 | -ms-transition: background-color 100ms linear; | |
165 | transition: background-color 100ms linear; | |
166 | } | |
167 | .jqx-button-light.jqx-fill-state-pressed { | |
168 | color: #fff; | |
169 | background:#0077BE; | |
170 | border-color: #0077BE; | |
171 | *zoom: 1; | |
172 | -webkit-transition: background-color 100ms linear; | |
173 | -moz-transition: background-color 100ms linear; | |
174 | -o-transition: background-color 100ms linear; | |
175 | -ms-transition: background-color 100ms linear; | |
176 | transition: background-color 100ms linear; | |
177 | } | |
178 | ||
179 | .jqx-dropdownlist-state-normal-light, .jqx-dropdownlist-state-hover-light, .jqx-dropdownlist-state-selected-light, | |
180 | .jqx-scrollbar-button-state-hover-light, .jqx-scrollbar-button-state-normal-light, .jqx-scrollbar-button-state-pressed-light, | |
181 | .jqx-scrollbar-thumb-state-normal-horizontal-light, .jqx-scrollbar-thumb-state-hover-horizontal-light, .jqx-scrollbar-thumb-state-pressed-horizontal-light, | |
182 | .jqx-scrollbar-thumb-state-normal-light, .jqx-scrollbar-thumb-state-pressed-light, .jqx-tree-item-hover-light, .jqx-tree-item-selected-light, | |
183 | .jqx-tree-item-light, .jqx-menu-item-light, .jqx-menu-item-hover-light, .jqx-menu-item-selected-light, .jqx-menu-item-top-light, .jqx-menu-item-top-hover-light, | |
184 | .jqx-menu-item-top-selected-light, .jqx-slider-button-light, .jqx-slider-slider-light | |
185 | { | |
186 | -webkit-transition: background-color 100ms linear; | |
187 | -moz-transition: background-color 100ms linear; | |
188 | -o-transition: background-color 100ms linear; | |
189 | -ms-transition: background-color 100ms linear; | |
190 | transition: background-color 100ms linear; | |
191 | } | |
192 | .jqx-primary-light | |
193 | { | |
194 | color: #0077BE !important; | |
195 | background: #fff !important; | |
196 | border-color: #0077BE!important; | |
197 | text-shadow: none !important; | |
198 | } | |
199 | .jqx-primary-light.jqx-dropdownlist-state-normal-light, | |
200 | .jqx-primary-light.jqx-slider-button-light, | |
201 | .jqx-primary-light.jqx-slider-slider-light, | |
202 | .jqx-primary-light.jqx-combobox-arrow-normal-light, | |
203 | .jqx-primary-light.jqx-combobox-arrow-hover-light, | |
204 | .jqx-primary-light.jqx-action-button-light, | |
205 | .jqx-primary-light:hover, | |
206 | .jqx-primary-light:focus, | |
207 | .jqx-primary-light:active, | |
208 | .jqx-primary-light.active, | |
209 | .jqx-primary-light.disabled, | |
210 | .jqx-primary-light[disabled] { | |
211 | color: #fff !important; | |
212 | background: #0077BE !important; | |
213 | border-color: #0077BE !important; | |
214 | text-shadow: none !important; | |
215 | } | |
216 | ||
217 | .jqx-fill-state-pressed-light.jqx-primary-light, | |
218 | .jqx-primary-light:active, | |
219 | .jqx-primary-light.active { | |
220 | color: #fff !important; | |
221 | background-color: #0077BE !important; | |
222 | border-color: #0077BE!important; | |
223 | text-shadow: none !important; | |
224 | } | |
225 | ||
226 | .jqx-success-light | |
227 | { | |
228 | color: #5cb85c !important; | |
229 | background: #fff !important; | |
230 | border-color: #5cb85c!important; | |
231 | text-shadow: none !important; | |
232 | } | |
233 | .jqx-success-light.jqx-dropdownlist-state-normal-light, | |
234 | .jqx-success-light.jqx-slider-button-light, | |
235 | .jqx-success-light.jqx-slider-slider-light, | |
236 | .jqx-success-light.jqx-combobox-arrow-normal-light, | |
237 | .jqx-success-light.jqx-combobox-arrow-hover-light, | |
238 | .jqx-success-light.jqx-action-button-light, | |
239 | .jqx-success-light:hover, | |
240 | .jqx-success-light:focus, | |
241 | .jqx-success-light:active, | |
242 | .jqx-success-light.active, | |
243 | .jqx-success-light.disabled, | |
244 | .jqx-success-light[disabled] { | |
245 | color: #fff !important; | |
246 | background: #5cb85c !important; | |
247 | border-color: #5cb85c!important; | |
248 | text-shadow: none !important; | |
249 | } | |
250 | ||
251 | .jqx-fill-state-pressed-light.jqx-success-light, | |
252 | .jqx-success-light:active, | |
253 | .jqx-success-light.active { | |
254 | text-shadow: none !important; | |
255 | color: #fff !important; | |
256 | background: #5cb85c !important; | |
257 | border-color: #5cb85c!important; | |
258 | } | |
259 | ||
260 | .jqx-inverse-light | |
261 | { | |
262 | text-shadow: none !important; | |
263 | color: #666 !important; | |
264 | background: #fff !important; | |
265 | border-color: #cccccc!important; | |
266 | } | |
267 | .jqx-inverse-light.jqx-dropdownlist-state-normal-light, | |
268 | .jqx-inverse-light.jqx-slider-button-light, | |
269 | .jqx-inverse-light.jqx-slider-slider-light, | |
270 | .jqx-inverse-light.jqx-combobox-arrow-hover-light, | |
271 | .jqx-inverse-light.jqx-combobox-arrow-normal-light, | |
272 | .jqx-inverse-light.jqx-action-button-light, | |
273 | .jqx-inverse-light:hover, | |
274 | .jqx-inverse-light:focus, | |
275 | .jqx-inverse-light:active, | |
276 | .jqx-inverse-light.active, | |
277 | .jqx-inverse-light.disabled, | |
278 | .jqx-inverse-light[disabled] { | |
279 | text-shadow: none !important; | |
280 | color: #666 !important; | |
281 | background: #cccccc !important; | |
282 | border-color: #cccccc!important; | |
283 | } | |
284 | ||
285 | .jqx-fill-state-pressed-light.jqx-inverse-light, | |
286 | .jqx-inverse-light:active, | |
287 | .jqx-inverse-light.active { | |
288 | text-shadow: none !important; | |
289 | color: #666 !important; | |
290 | background: #cccccc !important; | |
291 | border-color: #cccccc!important; | |
292 | } | |
293 | ||
294 | ||
295 | .jqx-danger-light | |
296 | { | |
297 | text-shadow: none !important; | |
298 | color: #d9534f !important; | |
299 | background: #fff !important; | |
300 | border-color: #d9534f!important; | |
301 | } | |
302 | .jqx-danger-light.jqx-dropdownlist-state-normal-light, | |
303 | .jqx-danger-light.jqx-slider-button-light, | |
304 | .jqx-danger-light.jqx-slider-slider-light, | |
305 | .jqx-danger-light.jqx-combobox-arrow-hover-light, | |
306 | .jqx-danger-light.jqx-combobox-arrow-normal-light, | |
307 | .jqx-danger-light.jqx-action-button-light, | |
308 | .jqx-danger-light:hover, | |
309 | .jqx-danger-light:focus, | |
310 | .jqx-danger-light:active, | |
311 | .jqx-danger-light.active, | |
312 | .jqx-danger-light.disabled, | |
313 | .jqx-danger-light[disabled] { | |
314 | text-shadow: none !important; | |
315 | color: #fff !important; | |
316 | background: #d9534f !important; | |
317 | border-color: #d9534f!important; | |
318 | } | |
319 | ||
320 | .jqx-fill-state-pressed-light.jqx-danger-light, | |
321 | .jqx-danger-light:active, | |
322 | .jqx-danger-light.active { | |
323 | text-shadow: none !important; | |
324 | color: #fff !important; | |
325 | background: #d9534f !important; | |
326 | border-color: #d9534f!important; | |
327 | } | |
328 | ||
329 | ||
330 | .jqx-warning-light | |
331 | { | |
332 | text-shadow: none !important; | |
333 | color: #f0ad4e !important; | |
334 | background: #fff !important; | |
335 | border-color: #f0ad4e!important; | |
336 | } | |
337 | .jqx-warning-light.jqx-dropdownlist-state-normal-light, | |
338 | .jqx-warning-light.jqx-slider-button-light, | |
339 | .jqx-warning-light.jqx-slider-slider-light, | |
340 | .jqx-warning-light.jqx-combobox-arrow-hover-light, | |
341 | .jqx-warning-light.jqx-combobox-arrow-normal-light, | |
342 | .jqx-warning-light.jqx-action-button-light, | |
343 | .jqx-warning-light:hover, | |
344 | .jqx-warning-light:focus, | |
345 | .jqx-warning-light:active, | |
346 | .jqx-warning-light.active, | |
347 | .jqx-warning-light.disabled, | |
348 | .jqx-warning-light[disabled] { | |
349 | text-shadow: none !important; | |
350 | color: #fff !important; | |
351 | background: #f0ad4e !important; | |
352 | border-color: #f0ad4e!important; | |
353 | } | |
354 | ||
355 | .jqx-fill-state-pressed-light.jqx-warning-light, | |
356 | .jqx-warning-light:active, | |
357 | .jqx-warning-light.active { | |
358 | text-shadow: none !important; | |
359 | color: #fff !important; | |
360 | background: #f0ad4e !important; | |
361 | border-color: #f0ad4e!important; | |
362 | } | |
363 | ||
364 | ||
365 | .jqx-info-light | |
366 | { | |
367 | text-shadow: none !important; | |
368 | color: #5bc0de !important; | |
369 | background: #fff !important; | |
370 | border-color: #5bc0de!important; | |
371 | } | |
372 | .jqx-info-light.jqx-dropdownlist-state-normal-light, | |
373 | .jqx-info-light.jqx-slider-button-light, | |
374 | .jqx-info-light.jqx-slider-slider-light, | |
375 | .jqx-info-light.jqx-combobox-arrow-hover-light, | |
376 | .jqx-info-light.jqx-combobox-arrow-normal-light, | |
377 | .jqx-info-light.jqx-action-button-light, | |
378 | .jqx-info-light:hover, | |
379 | .jqx-info-light:focus, | |
380 | .jqx-info-light:active, | |
381 | .jqx-info-light.active, | |
382 | .jqx-info-light.disabled, | |
383 | .jqx-info-light[disabled] { | |
384 | color: #fff !important; | |
385 | background: #5bc0de !important; | |
386 | border-color: #5bc0de!important; | |
387 | text-shadow: none !important; | |
388 | } | |
389 | ||
390 | .jqx-fill-state-pressed-light.jqx-info-light, | |
391 | .jqx-info-light:active, | |
392 | .jqx-info-light.active { | |
393 | text-shadow: none !important; | |
394 | color: #fff !important; | |
395 | background: #5bc0de !important; | |
396 | border-color: #5bc0de!important; | |
397 | } | |
398 | ||
399 | .jqx-fill-state-pressed-light { | |
400 | background-image: none; | |
401 | outline: 0; | |
402 | } | |
403 | ||
404 | .jqx-grid-cell-light { | |
405 | -webkit-box-shadow: none; | |
406 | -moz-box-shadow: none; | |
407 | box-shadow: none; | |
408 | } | |
409 | ||
410 | .jqx-grid-column-menubutton-light { | |
411 | background-color: transparent; | |
412 | border-color: #ddd !important; | |
413 | } | |
414 | .jqx-cell-light { | |
415 | font-size: 14px; | |
416 | } | |
417 | ||
418 | .jqx-calendar-light > div { | |
419 | padding: 10px; | |
420 | box-sizing: border-box; | |
421 | } | |
422 | ||
423 | .jqx-calendar-light .jqx-widget-header-light | |
424 | { | |
425 | background-color: #fff; | |
426 | font-size:12px; | |
427 | box-shadow:none; | |
428 | } | |
429 | .jqx-calendar-row-header-light, .jqx-calendar-top-left-header-light { | |
430 | background-color: #f0f0f0; | |
431 | border-color: #f2f2f2; | |
432 | box-shadow:none; | |
433 | } | |
434 | .jqx-calendar-title-content-light { | |
435 | font-weight:bold; | |
436 | } | |
437 | .jqx-calendar-column-header-light { | |
438 | background-color: #FFF; | |
439 | border-top-color: #fff; | |
440 | box-shadow:none; | |
441 | border-bottom-color: #e9e9e9; | |
442 | } | |
443 | .jqx-calendar-light > div { | |
444 | padding: 10px; | |
445 | box-sizing: border-box; | |
446 | } | |
447 | .jqx-expander-header-light { | |
448 | padding-top: 10px; padding-bottom: 10px; | |
449 | } | |
450 | .jqx-expander-header.jqx-fill-state-hover-light, | |
451 | .jqx-expander-header.jqx-fill-state-normal-light, | |
452 | .jqx-expander-header.jqx-fill-state-pressed-light | |
453 | { | |
454 | background: #fff; | |
455 | border-color: #e0e0e0; | |
456 | color: #333; | |
457 | } | |
458 | .jqx-expander-header.jqx-fill-state-hover-light { | |
459 | background: #f6f6f6; | |
460 | } | |
461 | .jqx-expander-header.jqx-fill-state-focus-light { | |
462 | border-color: #0077BE; | |
463 | } | |
464 | .jqx-expander-content.jqx-fill-state-focus-light { | |
465 | border-color: #e0e0e0; | |
466 | background: #fdfdfd; | |
467 | } | |
468 | .jqx-expander-header-light { | |
469 | padding:10px; | |
470 | } | |
471 | ||
472 | .jqx-ribbon-header-vertical-light, .jqx-widget-header-vertical-light { | |
473 | background:#f0f0f0; | |
474 | } | |
475 | ||
476 | .jqx-scrollbar-state-normal-light { | |
477 | background-color: #f8f8f8; | |
478 | border: 1px solid #f8f8f8; | |
479 | border-left-color: #ddd; | |
480 | } | |
481 | ||
482 | .jqx-scrollbar-thumb-state-normal-light, .jqx-scrollbar-thumb-state-normal-horizontal-light { | |
483 | background: #f6f6f6; | |
484 | border-color: #b3b3b3; | |
485 | } | |
486 | ||
487 | .jqx-scrollbar-thumb-state-hover-light, .jqx-scrollbar-thumb-state-hover-horizontal-light { | |
488 | background: #e6e6e6; | |
489 | border-color: #b3b3b3; | |
490 | box-shadow: none; | |
491 | -webkit-box-shadow: none; | |
492 | -moz-box-shadow: none; | |
493 | } | |
494 | ||
495 | .jqx-progressbar-light { | |
496 | background: #f7f7f7 !important; | |
497 | -webkit-box-shadow: none; | |
498 | -moz-box-shadow: none; | |
499 | box-shadow: none; | |
500 | } | |
501 | ||
502 | .jqx-progressbar-value-light, .jqx-splitter-collapse-button-horizontal-light { | |
503 | background: #0077BE; | |
504 | } | |
505 | ||
506 | .jqx-splitter-collapse-button-vertical-light, .jqx-progressbar-value-vertical-light { | |
507 | background: #0077BE; | |
508 | } | |
509 | ||
510 | ||
511 | .jqx-scrollbar-thumb-state-pressed-light, .jqx-splitter-splitbar-vertical-light, .jqx-splitter-splitbar-horizontal-light, .jqx-scrollbar-thumb-state-pressed-horizontal-light, | |
512 | .jqx-scrollbar-button-state-pressed-light | |
513 | { | |
514 | background: #d9d9d9; | |
515 | border-color: #b3b3b3; | |
516 | box-shadow: none; | |
517 | -webkit-box-shadow: none; | |
518 | -moz-box-shadow: none; | |
519 | } | |
520 | ||
521 | .jqx-grid-column-sortdescbutton-light, jqx-grid-column-filterbutton-light, .jqx-grid-column-sortascbutton-light { | |
522 | background-color: transparent; | |
523 | border-style: solid; | |
524 | border-width: 0px 0px 0px 0px; | |
525 | border-color: #ddd; | |
526 | } | |
527 | ||
528 | .jqx-menu-vertical-light { | |
529 | background: #ffffff; | |
530 | filter: none; | |
531 | } | |
532 | ||
533 | .jqx-checkbox-check-checked-light { | |
534 | background: transparent url(./images/material_check_black.png) center center no-repeat; | |
535 | } | |
536 | .jqx-checkbox-check-indeterminate-light { | |
537 | width:14px !important; | |
538 | height:14px !important; | |
539 | position:relative; | |
540 | top: 1px; | |
541 | left: 1px; | |
542 | background: #0379BF; | |
543 | } | |
544 | .jqx-checkbox-hover { | |
545 | box-shadow: none; | |
546 | -webkit-box-shadow: none; | |
547 | -moz-box-shadow: none; | |
548 | } | |
549 | .jqx-combobox-content-light, .jqx-input-light { | |
550 | } | |
551 | ||
552 | .jqx-combobox-content-light { | |
553 | border-color: #ddd; | |
554 | border-color: rgba(0, 0, 0, 0.25); | |
555 | } | |
556 | ||
557 | .jqx-grid-bottomright-light, .jqx-panel-bottomright-light, .jqx-listbox-bottomright-light { | |
558 | background-color: #f8f8f8; | |
559 | } | |
560 | ||
561 | .jqx-window-light, .jqx-tooltip-light { | |
562 | box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15); | |
563 | } | |
564 | ||
565 | .jqx-docking-light .jqx-window-light { | |
566 | box-shadow: none; | |
567 | } | |
568 | ||
569 | .jqx-docking-panel-light .jqx-window-light { | |
570 | box-shadow: none; | |
571 | } | |
572 | ||
573 | .jqx-radiobutton-light { | |
574 | box-shadow: none; | |
575 | -webkit-box-shadow: none; | |
576 | -moz-box-shadow: none; | |
577 | background-repeat: no-repeat; | |
578 | background: none; | |
579 | } | |
580 | ||
581 | .jqx-radiobutton-light-light, .jqx-radiobutton-hover-light { | |
582 | -moz-border-radius: 100%; | |
583 | -webkit-border-radius: 100%; | |
584 | border-radius: 100%; | |
585 | background-repeat: no-repeat; | |
586 | } | |
587 | ||
588 | .jqx-radiobutton-check-checked-light { | |
589 | filter: none; | |
590 | background: #0077BE; | |
591 | background-repeat: no-repeat; | |
592 | -moz-border-radius: 100%; | |
593 | -webkit-border-radius: 100%; | |
594 | border-radius: 100%; | |
595 | } | |
596 | ||
597 | .jqx-radiobutton-check-indeterminate-light { | |
598 | filter: none; | |
599 | background: #999; | |
600 | -moz-border-radius: 100%; | |
601 | -webkit-border-radius: 100%; | |
602 | border-radius: 100%; | |
603 | } | |
604 | ||
605 | .jqx-radiobutton-check-indeterminate-disabled-light { | |
606 | filter: none; | |
607 | background: #999; | |
608 | -moz-border-radius: 100%; | |
609 | -webkit-border-radius: 100%; | |
610 | border-radius: 100%; | |
611 | } | |
612 | ||
613 | .jqx-slider-track-horizontal-light, .jqx-slider-track-vertical-light { | |
614 | border-color: #ddd; | |
615 | background: #f0f0f0; | |
616 | } | |
617 | ||
618 | .jqx-slider-button-light { | |
619 | -moz-border-radius: 100%; | |
620 | -webkit-border-radius: 100%; | |
621 | border-radius: 100%; | |
622 | background-color: transparent; | |
623 | border-color: transparent !important; | |
624 | } | |
625 | ||
626 | .jqx-slider-slider-light { | |
627 | transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease; | |
628 | } | |
629 | ||
630 | .jqx-slider-has-value-light { | |
631 | -moz-border-radius: 100%; | |
632 | -webkit-border-radius: 100%; | |
633 | border-radius: 100%; | |
634 | background-color: #0077BE; | |
635 | border-color: #0077BE !important; | |
636 | } | |
637 | ||
638 | .jqx-slider-slider-light:active { | |
639 | transform: scale(1.2); | |
640 | box-shadow: rgba(0,0,0,0.3) 0 0 10px; | |
641 | } | |
642 | ||
643 | .jqx-slider-tooltip-light, .jqx-slider-tooltip-light .jqx-fill-state-normal-light { | |
644 | border-radius: 4px; | |
645 | display: flex; | |
646 | align-items: center; | |
647 | justify-content: center; | |
648 | background: #0077BE; | |
649 | border-color: #0077BE; | |
650 | color: #fff; | |
651 | font-size:11px; | |
652 | } | |
653 | ||
654 | .jqx-slider-tooltip-light .jqx-tooltip-arrow-t-b, | |
655 | .jqx-slider-tooltip-light .jqx-tooltip-arrow-l-r { | |
656 | background: #0077BE; | |
657 | border-color: #0077BE; | |
658 | } | |
659 | .jqx-listitem-state-normal-light, | |
660 | .jqx-listitem-state-hover-light, | |
661 | .jqx-listitem-state-selected-light | |
662 | { | |
663 | padding-top:5px; | |
664 | padding-bottom:5px; | |
665 | margin:0px; | |
666 | border-radius: 0px; | |
667 | } | |
668 | ||
669 | .jqx-listitem-state-normal-light.checkboxes, | |
670 | .jqx-listitem-state-hover-light.checkboxes, | |
671 | .jqx-listitem-state-selected-light.checkboxes { | |
672 | border-radius: 4px; | |
673 | } | |
674 | ||
675 | .jqx-listitem-element-light { | |
676 | ||
677 | } | |
678 | ||
679 | /*applied to a list item when the item is selected.*/ | |
680 | .jqx-listitem-state-hover-light, .jqx-menu-item-hover-light, .jqx-tree-item-hover-light, .jqx-calendar-cell-hover-light, .jqx-grid-cell-hover-light, | |
681 | .jqx-menu-vertical-light .jqx-menu-item-top-hover-light, .jqx-input-popup-light .jqx-fill-state-hover-light, | |
682 | .jqx-input-popup-light .jqx-fill-state-pressed-light { | |
683 | color: #0077BE !important; | |
684 | border-color: #e1f5fe; | |
685 | text-decoration: none; | |
686 | background-color: #e1f5fe; | |
687 | background-repeat: repeat-x; | |
688 | outline: 0; | |
689 | background: #e1f5fe; /* Old browsers */ | |
690 | -webkit-box-shadow: none; | |
691 | -moz-box-shadow: none; | |
692 | box-shadow: none; | |
693 | background-position: 0 0; | |
694 | } | |
695 | .jqx-scheduler-cell-hover-light { | |
696 | border-color: #e3f5fb !important; | |
697 | background: #e3f5fb !important; | |
698 | } | |
699 | .jqx-grid-table-dark { | |
700 | font-size: 14px; | |
701 | } | |
702 | ||
703 | ||
704 | .jqx-listitem-state-selected-light, .jqx-menu-item-selected-light, .jqx-tree-item-selected-light, .jqx-calendar-cell-selected-light, .jqx-grid-cell-selected-light, | |
705 | .jqx-menu-vertical-light .jqx-menu-item-top-selected-light, .jqx-grid-selectionarea-light, .jqx-input-button-header-light, .jqx-input-button-innerHeader-light { | |
706 | color: #ffffff !important; | |
707 | background-color: #0077BE; | |
708 | *background-color: #0077BE; | |
709 | background-repeat: repeat-x; | |
710 | border-color: #0077BE !important; | |
711 | background: #0077BE; /* Old browsers */ | |
712 | -webkit-box-shadow: none; | |
713 | -moz-box-shadow: none; | |
714 | box-shadow: none; | |
715 | } | |
716 | .jqx-scheduler-cell-selected-light { | |
717 | border-color: #0077BE !important; | |
718 | background: #0077BE !important; | |
719 | } | |
720 | .jqx-grid-cell-light .jqx-button-light, .jqx-grid-cell-light .jqx-button-light.jqx-fill-state-hover-light, .jqx-grid-cell-light .jqx-button-light.jqx-fill-state-pressed-light { | |
721 | -webkit-box-shadow: none; | |
722 | -moz-box-shadow: none; | |
723 | box-shadow: none; | |
724 | -webkit-transition: none; | |
725 | -moz-transition: none; | |
726 | -o-transition: none; | |
727 | transition: none; | |
728 | } | |
729 | ||
730 | .jqx-popup-light { | |
731 | border: 1px solid #ddd; | |
732 | *border-right-width: 2px; | |
733 | *border-bottom-width: 2px; | |
734 | -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); | |
735 | -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); | |
736 | } | |
737 | .jqx-grid-column-sortascbutton-light, .jqx-expander-arrow-bottom-light, .jqx-window-collapse-button-light, .jqx-menu-item-arrow-up-light, .jqx-menu-item-arrow-up-selected-light, .jqx-menu-item-arrow-top-up-light, .jqx-icon-arrow-up-light, .jqx-icon-arrow-up-hover-light, .jqx-icon-arrow-up-selected-light { | |
738 | background-image: url('images/metro-icon-up.png'); | |
739 | background-repeat: no-repeat; | |
740 | background-position: center; | |
741 | } | |
742 | ||
743 | .jqx-widget-light .jqx-grid-group-expand-light, .jqx-grid-group-expand-light, .jqx-grid-column-menubutton-light, .jqx-grid-column-sortdescbutton-light, .jqx-expander-arrow-top-light, .jqx-window-collapse-button-collapsed-light, .jqx-menu-item-arrow-down-light, .jqx-menu-item-arrow-down-selected-light, .jqx-menu-item-arrow-down-light, .jqx-icon-arrow-down-light, .jqx-icon-arrow-down-hover-light, .jqx-icon-arrow-down-selected-light { | |
744 | background-image: url('images/metro-icon-down.png'); | |
745 | background-repeat: no-repeat; | |
746 | background-position: center; | |
747 | } | |
748 | ||
749 | .jqx-tabs-arrow-left-light, .jqx-menu-item-arrow-left-selected-light, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-light, .jqx-icon-arrow-down-left-light, .jqx-icon-arrow-left-selected-light { | |
750 | background-image: url('images/metro-icon-left.png'); | |
751 | background-repeat: no-repeat; | |
752 | background-position: center; | |
753 | } | |
754 | ||
755 | .jqx-widget-light .jqx-grid-group-collapse-light, .jqx-grid-group-collapse-light, .jqx-tabs-arrow-right-light, .jqx-menu-item-arrow-right-selected-light, .jqx-menu-item-arrow-top-right-light, .jqx-icon-arrow-right-light, .jqx-icon-arrow-right-hover-light, .jqx-icon-arrow-right-selected-light { | |
756 | background-image: url('images/metro-icon-right.png'); | |
757 | background-repeat: no-repeat; | |
758 | background-position: center; | |
759 | } | |
760 | ||
761 | .jqx-tree-item-arrow-collapse-rtl-light, .jqx-tree-item-arrow-collapse-hover-rtl-light { | |
762 | background-image: url(./images/metro-icon-left.png); | |
763 | } | |
764 | ||
765 | .jqx-menu-item-arrow-left-selected-light { | |
766 | background-image: url('images/metro-icon-left-white.png'); | |
767 | background-repeat: no-repeat; | |
768 | background-position: center; | |
769 | } | |
770 | ||
771 | .jqx-menu-item-arrow-right-selected-light { | |
772 | background-image: url('images/metro-icon-right-white.png'); | |
773 | background-repeat: no-repeat; | |
774 | background-position: center; | |
775 | } | |
776 | ||
777 | .jqx-input-button-content-light { | |
778 | font-size: 10px; | |
779 | } | |
780 | .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #ddd;} | |
781 | .jqx-grid-groups-row-light > span { | |
782 | padding-left: 4px; | |
783 | } | |
784 | .jqx-combobox-content-light, .jqx-input-light { | |
785 | border-color: #ddd; | |
786 | color: #555555; | |
787 | background-color: #ffffff; | |
788 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
789 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
790 | } | |
791 | ||
792 | .jqx-combobox-content-light, .jqx-combobox-light, .jqx-combobox-state-normal-light { | |
793 | border-color: #ddd; | |
794 | } | |
795 | ||
796 | .jqx-combobox-content-focus-light, .jqx-combobox-state-focus-light, .jqx-fill-state-focus-light, | |
797 | .jqx-numberinput-focus-light { | |
798 | outline: none; | |
799 | border-color: #959595; | |
800 | } | |
801 | ||
802 | ||
803 | input[type="text"].jqx-input-light, input[type="password"].jqx-input-light, input[type="text"].jqx-widget-content-light, input[type="textarea"].jqx-widget-content-light, textarea.jqx-input-light { | |
804 | font-size: 14px; | |
805 | padding-left:3px; | |
806 | padding-right: 3px; | |
807 | resize: none; | |
808 | } | |
809 | ||
810 | input[type="text"].jqx-input-light:-moz-placeholder, input[type="text"].jqx-widget-content-light:-moz-placeholder, input[type="textarea"].jqx-widget-content-light:-moz-placeholder, textarea.jqx-input-light:-moz-placeholder { | |
811 | color: #999999; | |
812 | } | |
813 | ||
814 | input[type="text"].jqx-input-light:-webkit-input-placeholder, input[type="text"].jqx-widget-content-light:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-light:-webkit-input-placeholder, textarea.jqx-input-light:-webkit-input-placeholder { | |
815 | color: #999999; | |
816 | } | |
817 | ||
818 | input[type="text"].jqx-input-light:-ms-input-placeholder, input[type="text"].jqx-widget-content-light:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-light:-ms-input-placeholder, textarea.jqx-input-light:-ms-input-placeholder { | |
819 | color: #999999; | |
820 | } | |
821 | ||
822 | .jqx-combobox-content-light, .jqx-input-light { | |
823 | border-color: #ddd; | |
824 | color: #555555; | |
825 | background-color: #ffffff; | |
826 | } | |
827 | ||
828 | .jqx-combobox-content-light, .jqx-combobox-light, .jqx-combobox-state-normal-light { | |
829 | border-color: #ddd; | |
830 | } | |
831 | ||
832 | .jqx-combobox-content-focus-light, .jqx-combobox-state-focus-light, .jqx-fill-state-focus-light, | |
833 | .jqx-numberinput-focus-light { | |
834 | outline: none; | |
835 | border-color: #0077BE; | |
836 | } | |
837 | .jqx-popup-light.jqx-fill-state-focus-light | |
838 | { | |
839 | outline: none; | |
840 | border-color: #ddd !important; | |
841 | } | |
842 | ||
843 | .jqx-datetimeinput-content, .jqx-datetimeinput-container { | |
844 | overflow: visible !important; | |
845 | } | |
846 | .jqx-slider-rangebar-light { | |
847 | border-color: #0077BE; | |
848 | background: #0077BE; | |
849 | } | |
850 | .jqx-switchbutton-light{ | |
851 | border-radius: 15px; | |
852 | } | |
853 | .jqx-switchbutton-light .jqx-fill-state-normal-light, | |
854 | .jqx-switchbutton-light .jqx-fill-state-hover-light, | |
855 | .jqx-switchbutton-light .jqx-fill-state-pressed-light { | |
856 | border-color: #0077BE; | |
857 | background: #0077BE; | |
858 | } | |
859 | ||
860 | .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-expand-light { | |
861 | background-image: url('images/metro-icon-down-white.png'); | |
862 | background-repeat: no-repeat; | |
863 | background-position: center; | |
864 | } | |
865 | .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-collapse-light{ | |
866 | background-image: url('images/metro-icon-right-white.png'); | |
867 | background-repeat: no-repeat; | |
868 | background-position: center; | |
869 | } | |
870 | .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-collapse-rtl-light{ | |
871 | background-image: url('images/metro-icon-left-white.png'); | |
872 | background-repeat: no-repeat; | |
873 | background-position: center; | |
874 | } | |
875 | .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-expand-rtl-light { | |
876 | background-image: url('images/metro-icon-down-white.png'); | |
877 | background-repeat: no-repeat; | |
878 | background-position: center; | |
879 | } | |
880 | .jqx-tabs-title-selected-top-light, .jqx-tabs-selection-tracker-top-light { | |
881 | border-color: transparent; | |
882 | filter: none; | |
883 | background: #fff; | |
884 | color: #333; | |
885 | -webkit-box-shadow: none; | |
886 | -moz-box-shadow: none; | |
887 | box-shadow: none; | |
888 | } | |
889 | .jqx-tabs-arrow-background-light{ | |
890 | background: #fff; | |
891 | border:none; | |
892 | box-shadow:none; | |
893 | } | |
894 | .jqx-tabs-title-light, .jqx-ribbon-item-light { | |
895 | color: #333; | |
896 | } | |
897 | .jqx-tabs-title-selected-bottom-light, | |
898 | .jqx-tabs-title-selected-top-light | |
899 | { | |
900 | padding-top:5px; | |
901 | padding-bottom:5px; | |
902 | color: #1997C6; | |
903 | font-weight:500; | |
904 | } | |
905 | .jqx-tabs-title.jqx-fill-state-hover-light { | |
906 | border-color: transparent; | |
907 | } | |
908 | .jqx-ribbon-item-light { | |
909 | cursor: pointer; | |
910 | } | |
911 | .jqx-ribbon-item-selected-light { | |
912 | color: #1997C6; | |
913 | font-weight:500; | |
914 | border-color: transparent; | |
915 | } | |
916 | ||
917 | .jqx-ribbon-item-hover-light { | |
918 | background: transparent; | |
919 | border-color: transparent; | |
920 | } | |
921 | ||
922 | .jqx-ribbon-header-top-light { | |
923 | border-color: transparent; | |
924 | border-bottom-color: #E0E0E0; | |
925 | } | |
926 | ||
927 | .jqx-ribbon-header-bottom-light { | |
928 | border-color: transparent; | |
929 | border-top-color: #E0E0E0; | |
930 | } | |
931 | ||
932 | .jqx-ribbon-header-right-light { | |
933 | border-color: transparent; | |
934 | border-left-color:#E0E0E0; | |
935 | } | |
936 | ||
937 | .jqx-ribbon-header-left-light { | |
938 | border-color: transparent; | |
939 | border-right-color:#E0E0E0; | |
940 | } | |
941 | ||
942 | .jqx-tabs-title-selected-bottom-light, .jqx-tabs-selection-tracker-bottom-light { | |
943 | border-color: transparent; | |
944 | border-top: 1px solid #fff; | |
945 | filter: none; | |
946 | background: #fff; | |
947 | -webkit-box-shadow: none; | |
948 | -moz-box-shadow: none; | |
949 | box-shadow: none; | |
950 | } | |
951 | ||
952 | .jqx-tabs-light, .jqx-ribbon-light { | |
953 | border-color: transparent; | |
954 | } | |
955 | ||
956 | .jqx-tabs-header-light, .jqx-ribbon-header-light { | |
957 | background: transparent; | |
958 | } | |
959 | .jqx-tabs-position-bottom .jqx-tabs-header-light { | |
960 | border-color: transparent; | |
961 | } | |
962 | .jqx-layout-light .jqx-tabs-header-light, .jqx-layout-light .jqx-ribbon-header-light { | |
963 | background: #fff; | |
964 | border-color: #E0E0E0; | |
965 | } | |
966 | .jqx-tabs-title-bottom { | |
967 | border-color: transparent; | |
968 | } | |
969 | .jqx-tabs-title-hover-top-light, .jqx-tabs-title-hover-bottom-light, .jqx-tabs-header-light { | |
970 | -webkit-box-shadow: none !important; | |
971 | -moz-box-shadow: none !important; | |
972 | box-shadow: none !important; | |
973 | background: transparent; | |
974 | } | |
975 | ||
976 | .jqx-tabs-content-light { | |
977 | box-sizing: border-box; | |
978 | border: 1px solid #E0E0E0; | |
979 | border-top-color: transparent; | |
980 | padding:5px; | |
981 | } | |
982 | ||
983 | .jqx-tabs-bar-light { | |
984 | position: absolute; | |
985 | bottom: 0; | |
986 | background: #1997C6; | |
987 | height: 2px; | |
988 | z-index:20; | |
989 | transition: .5s cubic-bezier(.35,0,.25,1); | |
990 | } | |
991 | .jqx-tabs-bar-light.vertical { | |
992 | width: 2px; | |
993 | } | |
994 | .jqx-tabs-position-bottom .jqx-tabs-bar-light { | |
995 | top: 0; | |
996 | } | |
997 | ||
998 | .jqx-window-content-light { | |
999 | box-sizing:border-box; | |
1000 | } | |
1001 | ||
1002 | .jqx-layout-light | |
1003 | { | |
1004 | background-color: #cccccc; | |
1005 | } | |
1006 | .jqx-kanban-column-header-collapsed-light { | |
1007 | background: -moz-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ff3.6+ */ | |
1008 | background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(234,234,234,1))); /* safari4+,chrome */ | |
1009 | background: -webkit-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* safari5.1+,chrome10+ */ | |
1010 | background: -o-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* opera 11.10+ */ | |
1011 | background: -ms-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ie10+ */ | |
1012 | background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */ | |
1013 | } | |
1014 | ||
1015 | .jqx-calendar-light td { | |
1016 | font-size: 12px; | |
1017 | } | |
1018 | .jqx-grid-column-menubutton-light { | |
1019 | background-image: url('images/metro-icon-down.png'); | |
1020 | } | |
1021 | .jqx-grid-pager-top-light .jqx-grid-pager-number-light, | |
1022 | .jqx-grid-pager-light .jqx-grid-pager-number-light { | |
1023 | ||
1024 | background-color: transparent; | |
1025 | border-color: transparent; | |
1026 | color: rgba(0,0,0,.54) !important; | |
1027 | font-size:12px; | |
1028 | } | |
1029 | ||
1030 | .jqx-grid-pager-top-light .jqx-grid-pager-number-light:hover, | |
1031 | .jqx-grid-pager-light .jqx-grid-pager-number-light:hover { | |
1032 | font-size:12px; | |
1033 | } | |
1034 | ||
1035 | .jqx-grid-pager-top-light .jqx-grid-pager-number-light.jqx-fill-state-pressed-light , | |
1036 | .jqx-grid-pager-light .jqx-grid-pager-number-light.jqx-fill-state-pressed-light { | |
1037 | color: #0077BE !important; | |
1038 | font-weight: bold !important; | |
1039 | } | |
1040 | .jqx-menu-item-arrow-up-selected-light, .jqx-icon-arrow-up-selected-light{background-image:url('images/metro-icon-up-white.png');background-repeat:no-repeat;background-position:center;} | |
1041 | .jqx-menu-item-arrow-down-selected-light, .jqx-icon-arrow-down-selected-light{background-image:url('images/metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;} | |
1042 | .jqx-menu-item-arrow-left-selected-light, .jqx-icon-arrow-left-selected-light{background-image:url('images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;} | |
1043 | .jqx-menu-item-arrow-right-selected-light, .jqx-icon-arrow-right-selected-light{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;} | |
1044 | .jqx-tabs-close-button-light{background-image:url(./images/close.png); background-repeat:no-repeat; background-position:center;} | |
1045 | .jqx-tabs-close-button-selected-light{background-image:url(./images/close.png); background-repeat:no-repeat; background-position:center;} | |
1046 | .jqx-tabs-close-button-hover-light{background-image:url(./images/close.png); background-repeat:no-repeat; background-position:center;} | |
1047 | .jqx-scrollbar-button-state-pressed-light .jqx-icon-arrow-up-selected-light{background-image:url('images/metro-icon-up.png');background-repeat:no-repeat;background-position:center;} | |
1048 | .jqx-scrollbar-button-state-pressed-light .jqx-icon-arrow-down-selected-light{background-image:url('images/metro-icon-down.png');background-repeat:no-repeat;background-position:center;} | |
1049 | .jqx-scrollbar-button-state-pressed-light .jqx-icon-arrow-left-selected-light{background-image:url('images/metro-icon-left.png');background-repeat:no-repeat;background-position:center;} | |
1050 | .jqx-scrollbar-button-state-pressed-light .jqx-icon-arrow-right-selected-light{background-image:url('images/metro-icon-right.png');background-repeat:no-repeat;background-position:center;} | |
1051 | ||
1052 | .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-expand-light { | |
1053 | background-image: url('images/metro-icon-down-white.png'); | |
1054 | background-repeat: no-repeat; | |
1055 | background-position: center; | |
1056 | } | |
1057 | .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-collapse-light{ | |
1058 | background-image: url('images/metro-icon-right-white.png'); | |
1059 | background-repeat: no-repeat; | |
1060 | background-position: center; | |
1061 | } | |
1062 | .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-collapse-rtl-light { | |
1063 | background-image: url('images/metro-icon-left-white.png'); | |
1064 | background-repeat: no-repeat; | |
1065 | background-position: center; | |
1066 | } | |
1067 | .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-expand-rtl-light{ | |
1068 | background-image: url('images/metro-icon-down-white.png'); | |
1069 | background-repeat: no-repeat; | |
1070 | background-position: center; | |
1071 | } | |
1072 | .jqx-grid-group-collapse-light { | |
1073 | background-image: url(./images/metro-icon-right.png); | |
1074 | background-position: 50% 50%; | |
1075 | background-repeat: no-repeat; | |
1076 | } | |
1077 | .jqx-grid-group-collapse-rtl-light | |
1078 | { | |
1079 | padding-right: 0px; | |
1080 | background-image: url(./images/metro-icon-left.png); | |
1081 | background-position: 50% 50%; | |
1082 | background-repeat: no-repeat; | |
1083 | } | |
1084 | .jqx-grid-group-expand-light, .jqx-grid-group-expand-rtl-light | |
1085 | { | |
1086 | padding-right: 0px; | |
1087 | background-image: url(./images/metro-icon-down.png); | |
1088 | background-position: 50% 50%; | |
1089 | background-repeat: no-repeat; | |
1090 | } | |
1091 | .jqx-icon-arrow-first-light | |
1092 | { | |
1093 | background-image: url('images/metro-icon-first.png'); | |
1094 | background-repeat: no-repeat; | |
1095 | background-position: center; | |
1096 | } | |
1097 | .jqx-icon-arrow-last-light | |
1098 | { | |
1099 | background-image: url('images/metro-icon-last.png'); | |
1100 | background-repeat: no-repeat; | |
1101 | background-position: center; | |
1102 | } | |
1103 | .jqx-icon-arrow-first-hover-light | |
1104 | { | |
1105 | background-image: url('images/metro-icon-first.png'); | |
1106 | background-repeat: no-repeat; | |
1107 | background-position: center; | |
1108 | } | |
1109 | .jqx-icon-arrow-last-hover-light | |
1110 | { | |
1111 | background-image: url('images/metro-icon-last.png'); | |
1112 | background-repeat: no-repeat; | |
1113 | background-position: center; | |
1114 | } | |
1115 | .jqx-icon-arrow-first-selected-light | |
1116 | { | |
1117 | background-image: url('images/metro-icon-first-white.png'); | |
1118 | background-repeat: no-repeat; | |
1119 | background-position: center; | |
1120 | } | |
1121 | .jqx-icon-arrow-last-selected-light | |
1122 | { | |
1123 | background-image: url('images/metro-icon-last-white.png'); | |
1124 | background-repeat: no-repeat; | |
1125 | background-position: center; | |
1126 | } | |
1127 | ||
1128 | .jqx-icon-calendar-pressed-light { | |
1129 | background-image: url('images/icon-calendar-white.png'); | |
1130 | } | |
1131 | .jqx-icon-time-pressed-light { | |
1132 | background-image: url('images/icon-time-white.png'); | |
1133 | } | |
1134 | .jqx-icon-time-light{ | |
1135 | margin-left:1px; | |
1136 | } | |
1137 | ||
1138 | ||
1139 | .sorticon, .filtericon { | |
1140 | box-shadow:none; | |
1141 | } | |
1142 | .sorticon.descending .jqx-grid-column-sorticon-light { | |
1143 | margin-top:-1px; | |
1144 | } | |
1145 | .sorticon.ascending .jqx-grid-column-sorticon-light { | |
1146 | margin-top:1px; | |
1147 | } | |
1148 | ||
1149 | .jqx-dropdownlist-state-normal-light .jqx-icon-arrow-down-light, | |
1150 | .jqx-combobox-state-normal-light .jqx-icon-arrow-down-light, | |
1151 | .sorticon.descending .jqx-grid-column-sorticon-light, | |
1152 | .jqx-tree-item-arrow-expand-light, | |
1153 | .jqx-expander-header-light .jqx-icon-arrow-down | |
1154 | { | |
1155 | transform: rotate(0deg); | |
1156 | transition: transform 0.2s ease-out; | |
1157 | } | |
1158 | .jqx-expander-header-light .jqx-icon-arrow-up { | |
1159 | transform: rotate(180deg); | |
1160 | transition: transform 0.2s ease-out; | |
1161 | background-image: url('images/metro-icon-down.png'); | |
1162 | } | |
1163 | ||
1164 | .jqx-tree-item-arrow-collapse-light | |
1165 | { | |
1166 | transform: rotate(-90deg); | |
1167 | background-image: url('images/metro-icon-down.png'); | |
1168 | background-repeat: no-repeat; | |
1169 | background-position: center; | |
1170 | transition: transform 0.2s ease-out; | |
1171 | } | |
1172 | .jqx-dropdownlist-state-selected-light .jqx-icon-arrow-down-light, | |
1173 | .jqx-combobox-state-selected-light .jqx-icon-arrow-down-light, | |
1174 | .sorticon.ascending .jqx-grid-column-sorticon-light | |
1175 | { | |
1176 | transform: rotate(180deg); | |
1177 | transition: transform 0.2s ease-out; | |
1178 | } | |
1179 | .jqx-combobox-state-selected-light .jqx-icon-arrow-down-light{ | |
1180 | left:0px; | |
1181 | } | |
1182 | ||
1183 | .jqx-primary .jqx-icon-arrow-down-light, .jqx-warning .jqx-icon-arrow-down-light, .jqx-danger .jqx-icon-arrow-down-light, .jqx-success .jqx-icon-arrow-down-light, .jqx-info .jqx-icon-arrow-down-light { | |
1184 | background-image: url('images/metro-icon-down-white.png'); | |
1185 | } | |
1186 | .jqx-primary .jqx-icon-arrow-down-selected-light, .jqx-warning .jqx-icon-arrow-down-selected-light, .jqx-danger .jqx-icon-arrow-down-selected-light, .jqx-success .jqx-icon-arrow-down-selected-light, .jqx-info .jqx-icon-arrow-down-selected-light { | |
1187 | background-image: url('images/metro-icon-down-white.png'); | |
1188 | } | |
1189 | .jqx-primary .jqx-icon-arrow-down-hover-light, .jqx-warning .jqx-icon-arrow-down-hover-light, .jqx-danger .jqx-icon-arrow-down-hover-light, .jqx-success .jqx-icon-arrow-down-hover-light, .jqx-info .jqx-icon-arrow-down-hover-light { | |
1190 | background-image: url('images/metro-icon-down-white.png'); | |
1191 | } | |
1192 | .jqx-primary .jqx-icon-arrow-up-light, .jqx-warning .jqx-icon-arrow-up-light, .jqx-danger .jqx-icon-arrow-up-light, .jqx-success .jqx-icon-arrow-up-light, .jqx-info .jqx-icon-arrow-up-light { | |
1193 | background-image: url('images/metro-icon-up-white.png'); | |
1194 | } | |
1195 | .jqx-primary .jqx-icon-arrow-up-selected-light, .jqx-warning .jqx-icon-arrow-up-selected-light, .jqx-danger .jqx-icon-arrow-up-selected-light, .jqx-success .jqx-icon-arrow-up-selected-light, .jqx-info .jqx-icon-arrow-up-selected-light { | |
1196 | background-image: url('images/metro-icon-up-white.png'); | |
1197 | } | |
1198 | .jqx-primary .jqx-icon-arrow-up-hover-light, .jqx-warning .jqx-icon-arrow-up-hover-light, .jqx-danger .jqx-icon-arrow-up-hover-light, .jqx-success .jqx-icon-arrow-up-hover-light, .jqx-info .jqx-icon-arrow-up-hover-light { | |
1199 | background-image: url('images/metro-icon-up-white.png'); | |
1200 | } | |
1201 | ||
1202 | ||
1203 | .jqx-primary .jqx-icon-arrow-left-light, .jqx-warning .jqx-icon-arrow-left-light, .jqx-danger .jqx-icon-arrow-left-light, .jqx-success .jqx-icon-arrow-left-light, .jqx-info .jqx-icon-arrow-left-light { | |
1204 | background-image: url('images/metro-icon-left-white.png'); | |
1205 | } | |
1206 | .jqx-primary .jqx-icon-arrow-left-selected-light, .jqx-warning .jqx-icon-arrow-left-selected-light, .jqx-danger .jqx-icon-arrow-left-selected-light, .jqx-success .jqx-icon-arrow-left-selected-light, .jqx-info .jqx-icon-arrow-left-selected-light { | |
1207 | background-image: url('images/metro-icon-left-white.png'); | |
1208 | } | |
1209 | .jqx-primary .jqx-icon-arrow-left-hover-light, .jqx-warning .jqx-icon-arrow-left-hover-light, .jqx-danger .jqx-icon-arrow-left-hover-light, .jqx-success .jqx-icon-arrow-left-hover-light, .jqx-info .jqx-icon-arrow-left-hover-light { | |
1210 | background-image: url('images/metro-icon-left-white.png'); | |
1211 | } | |
1212 | .jqx-primary .jqx-icon-arrow-right-light, .jqx-warning .jqx-icon-arrow-right-light, .jqx-danger .jqx-icon-arrow-right-light, .jqx-success .jqx-icon-arrow-right-light, .jqx-info .jqx-icon-arrow-right-light { | |
1213 | background-image: url('images/metro-icon-right-white.png'); | |
1214 | } | |
1215 | .jqx-primary .jqx-icon-arrow-right-selected-light, .jqx-warning .jqx-icon-arrow-right-selected-light, .jqx-danger .jqx-icon-arrow-right-selected-light, .jqx-success .jqx-icon-arrow-right-selected-light, .jqx-info .jqx-icon-arrow-right-selected-light { | |
1216 | background-image: url('images/metro-icon-right-white.png'); | |
1217 | } | |
1218 | .jqx-primary .jqx-icon-arrow-right-hover-light, .jqx-warning .jqx-icon-arrow-right-hover-light, .jqx-danger .jqx-icon-arrow-right-hover-light, .jqx-success .jqx-icon-arrow-right-hover-light, .jqx-info .jqx-icon-arrow-right-hover-light { | |
1219 | background-image: url('images/metro-icon-right-white.png'); | |
1220 | } | |
1221 | ||
1222 | .jqx-slider-tooltip-light.jqx-primary-slider, .jqx-slider-tooltip-light.jqx-primary-slider .jqx-fill-state-normal-light { | |
1223 | border-color: #1ca8dd; | |
1224 | background: #1ca8dd; | |
1225 | } | |
1226 | .jqx-slider-tooltip-light.jqx-success-slider, .jqx-slider-tooltip-light.jqx-success-slider .jqx-fill-state-normal-light { | |
1227 | border-color: #5cb85c; | |
1228 | background: #5cb85c; | |
1229 | } | |
1230 | .jqx-slider-tooltip-light.jqx-inverse-slider, .jqx-slider-tooltip-light.jqx-inverse-slider .jqx-fill-state-normal-light { | |
1231 | border-color: #666; | |
1232 | background: #666; | |
1233 | } | |
1234 | .jqx-slider-tooltip-light.jqx-danger-slider, .jqx-slider-tooltip-light.jqx-danger-slider .jqx-fill-state-normal-light { | |
1235 | border-color: #d9534f; | |
1236 | background: #d9534f; | |
1237 | } | |
1238 | .jqx-slider-tooltip-light.jqx-warning-slider, .jqx-slider-tooltip-light.jqx-warning-slider .jqx-fill-state-normal-light { | |
1239 | border-color: #f0ad4e; | |
1240 | background: #f0ad4e; | |
1241 | } | |
1242 | .jqx-slider-tooltip-light.jqx-info-slider, .jqx-slider-tooltip-light.jqx-info-slider .jqx-fill-state-normal-light { | |
1243 | border-color: #5bc0de; | |
1244 | background: #5bc0de; | |
1245 | } | |
1246 | ||
1247 | .jqx-fill-state-pressed-light .jqx-icon-delete-light | |
1248 | { | |
1249 | background-image: url('images/icon-delete-white.png'); | |
1250 | } | |
1251 | .jqx-fill-state-pressed-light .jqx-icon-edit-light | |
1252 | { | |
1253 | background-image: url('images/icon-edit-white.png'); | |
1254 | } | |
1255 | .jqx-fill-state-pressed-light .jqx-icon-save-light | |
1256 | { | |
1257 | background-image: url('images/icon-save-white.png'); | |
1258 | } | |
1259 | .jqx-fill-state-pressed-light .jqx-icon-cancel-light | |
1260 | { | |
1261 | background-image: url('images/icon-cancel-white.png'); | |
1262 | } | |
1263 | .jqx-fill-state-pressed-light .jqx-icon-search-light | |
1264 | { | |
1265 | background-image: url(./images/search_white.png); | |
1266 | } | |
1267 | .jqx-fill-state-pressed-light .jqx-icon-plus-light | |
1268 | { | |
1269 | background-image: url(./images/plus_white.png); | |
1270 | } | |
1271 | .jqx-fill-state-pressed-light .jqx-menu-minimized-button-light { | |
1272 | background-image: url('images/icon-menu-minimized-white.png'); | |
1273 | } | |
1274 | .jqx-fill-state-pressed-light .jqx-editor-toolbar-icon-light { | |
1275 | background: url('images/html_editor_white.png') no-repeat; | |
1276 | } | |
1277 | .jqx-editor-toolbar-button-light{ | |
1278 | border-color: #ddd; | |
1279 | } | |
1280 | ||
1281 | /*applied to the timepicker*/ | |
1282 | .jqx-needle-central-circle-light { | |
1283 | fill: rgb(0, 119, 190); | |
1284 | } | |
1285 | .jqx-needle-light { | |
1286 | fill: rgb(0, 119, 190); | |
1287 | } | |
1288 | .jqx-time-picker .jqx-header .jqx-selected-light:focus { | |
1289 | outline: 2px solid rgba(0, 119, 190, 0.5); | |
1290 | box-shadow: 0px 0px 4px 2px rgba(0, 119, 190, 0.125); | |
1291 | } | |
1292 | .jqx-svg-picker-light:focus { | |
1293 | border: 1px solid rgb(0, 119, 190) !important; | |
1294 | } | |
1295 | .jqx-time-picker[view="portrait"] .jqx-header-light { | |
1296 | border-top-left-radius: inherit; | |
1297 | border-top-right-radius: inherit; | |
1298 | } | |
1299 | .jqx-time-picker[view="landscape"] .jqx-header-light { | |
1300 | border-top-left-radius: inherit; | |
1301 | border-bottom-left-radius: inherit; | |
1302 | } |