www-thermferm/jqwidgets/styles/jqx.light.css

changeset 511
2d1d43c3a2c2
child 617
b216f9d4b917
equal deleted inserted replaced
510:2da3d3340403 511:2d1d43c3a2c2
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
106 .jqx-button-light, .jqx-fill-state-normal-light {
107 color: #555;
108 background:#fafafa;
109 border-color: #dddddd;
110 *zoom: 1;
111 }
112
113 .jqx-fill-state-hover-light {
114 color: #373a3c;
115 border-color: #b2b2b2;
116 border-color: rgba(0, 0, 0, 0.3);
117 background-color: #f0f0f0;
118 }
119 .jqx-fill-state-pressed-light {
120 color: #fff !important;
121 background-color: #1ca8dd;
122 border-color: #1ca8dd;
123 *background-color: #fff;
124 }
125
126 .jqx-fill-state-hover-light, .jqx-fill-state-focus-light {
127 color: #333333;
128 text-decoration: none;
129 }
130
131 .jqx-button-light {
132 color: #555;
133 border-color: #ddd;
134 *zoom: 1;
135 }
136
137 .jqx-button-light.jqx-fill-state-hover {
138
139 *zoom: 1;
140 -webkit-transition: background-color 100ms linear;
141 -moz-transition: background-color 100ms linear;
142 -o-transition: background-color 100ms linear;
143 -ms-transition: background-color 100ms linear;
144 transition: background-color 100ms linear;
145 }
146 .jqx-button-light.jqx-fill-state-pressed {
147 color: #fff;
148 background:#1ca8dd;
149 border-color: #1ca8dd;
150 *zoom: 1;
151 -webkit-transition: background-color 100ms linear;
152 -moz-transition: background-color 100ms linear;
153 -o-transition: background-color 100ms linear;
154 -ms-transition: background-color 100ms linear;
155 transition: background-color 100ms linear;
156 }
157
158 .jqx-dropdownlist-state-normal-light, .jqx-dropdownlist-state-hover-light, .jqx-dropdownlist-state-selected-light,
159 .jqx-scrollbar-button-state-hover-light, .jqx-scrollbar-button-state-normal-light, .jqx-scrollbar-button-state-pressed-light,
160 .jqx-scrollbar-thumb-state-normal-horizontal-light, .jqx-scrollbar-thumb-state-hover-horizontal-light, .jqx-scrollbar-thumb-state-pressed-horizontal-light,
161 .jqx-scrollbar-thumb-state-normal-light, .jqx-scrollbar-thumb-state-pressed-light, .jqx-tree-item-hover-light, .jqx-tree-item-selected-light,
162 .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,
163 .jqx-menu-item-top-selected-light, .jqx-slider-button-light, .jqx-slider-slider-light
164 {
165 -webkit-transition: background-color 100ms linear;
166 -moz-transition: background-color 100ms linear;
167 -o-transition: background-color 100ms linear;
168 -ms-transition: background-color 100ms linear;
169 transition: background-color 100ms linear;
170 }
171 .jqx-primary-light
172 {
173 color: #1ca8dd !important;
174 background: #fff !important;
175 border-color: #1ca8dd!important;
176 text-shadow: none !important;
177 }
178 .jqx-primary-light.jqx-dropdownlist-state-normal-light,
179 .jqx-primary-light.jqx-slider-button-light,
180 .jqx-primary-light.jqx-slider-slider-light,
181 .jqx-primary-light.jqx-combobox-arrow-normal-light,
182 .jqx-primary-light.jqx-combobox-arrow-hover-light,
183 .jqx-primary-light.jqx-action-button-light,
184 .jqx-primary-light:hover,
185 .jqx-primary-light:focus,
186 .jqx-primary-light:active,
187 .jqx-primary-light.active,
188 .jqx-primary-light.disabled,
189 .jqx-primary-light[disabled] {
190 color: #fff !important;
191 background: #1ca8dd !important;
192 border-color: #1ca8dd !important;
193 text-shadow: none !important;
194 }
195
196 .jqx-fill-state-pressed-light.jqx-primary-light,
197 .jqx-primary-light:active,
198 .jqx-primary-light.active {
199 color: #fff !important;
200 background-color: #1ca8dd !important;
201 border-color: #1ca8dd!important;
202 text-shadow: none !important;
203 }
204
205 .jqx-success-light
206 {
207 color: #5cb85c !important;
208 background: #fff !important;
209 border-color: #5cb85c!important;
210 text-shadow: none !important;
211 }
212 .jqx-success-light.jqx-dropdownlist-state-normal-light,
213 .jqx-success-light.jqx-slider-button-light,
214 .jqx-success-light.jqx-slider-slider-light,
215 .jqx-success-light.jqx-combobox-arrow-normal-light,
216 .jqx-success-light.jqx-combobox-arrow-hover-light,
217 .jqx-success-light.jqx-action-button-light,
218 .jqx-success-light:hover,
219 .jqx-success-light:focus,
220 .jqx-success-light:active,
221 .jqx-success-light.active,
222 .jqx-success-light.disabled,
223 .jqx-success-light[disabled] {
224 color: #fff !important;
225 background: #5cb85c !important;
226 border-color: #5cb85c!important;
227 text-shadow: none !important;
228 }
229
230 .jqx-fill-state-pressed-light.jqx-success-light,
231 .jqx-success-light:active,
232 .jqx-success-light.active {
233 text-shadow: none !important;
234 color: #fff !important;
235 background: #5cb85c !important;
236 border-color: #5cb85c!important;
237 }
238
239 .jqx-inverse-light
240 {
241 text-shadow: none !important;
242 color: #666 !important;
243 background: #fff !important;
244 border-color: #cccccc!important;
245 }
246 .jqx-inverse-light.jqx-dropdownlist-state-normal-light,
247 .jqx-inverse-light.jqx-slider-button-light,
248 .jqx-inverse-light.jqx-slider-slider-light,
249 .jqx-inverse-light.jqx-combobox-arrow-hover-light,
250 .jqx-inverse-light.jqx-combobox-arrow-normal-light,
251 .jqx-inverse-light.jqx-action-button-light,
252 .jqx-inverse-light:hover,
253 .jqx-inverse-light:focus,
254 .jqx-inverse-light:active,
255 .jqx-inverse-light.active,
256 .jqx-inverse-light.disabled,
257 .jqx-inverse-light[disabled] {
258 text-shadow: none !important;
259 color: #666 !important;
260 background: #cccccc !important;
261 border-color: #cccccc!important;
262 }
263
264 .jqx-fill-state-pressed-light.jqx-inverse-light,
265 .jqx-inverse-light:active,
266 .jqx-inverse-light.active {
267 text-shadow: none !important;
268 color: #666 !important;
269 background: #cccccc !important;
270 border-color: #cccccc!important;
271 }
272
273
274 .jqx-danger-light
275 {
276 text-shadow: none !important;
277 color: #d9534f !important;
278 background: #fff !important;
279 border-color: #d9534f!important;
280 }
281 .jqx-danger-light.jqx-dropdownlist-state-normal-light,
282 .jqx-danger-light.jqx-slider-button-light,
283 .jqx-danger-light.jqx-slider-slider-light,
284 .jqx-danger-light.jqx-combobox-arrow-hover-light,
285 .jqx-danger-light.jqx-combobox-arrow-normal-light,
286 .jqx-danger-light.jqx-action-button-light,
287 .jqx-danger-light:hover,
288 .jqx-danger-light:focus,
289 .jqx-danger-light:active,
290 .jqx-danger-light.active,
291 .jqx-danger-light.disabled,
292 .jqx-danger-light[disabled] {
293 text-shadow: none !important;
294 color: #fff !important;
295 background: #d9534f !important;
296 border-color: #d9534f!important;
297 }
298
299 .jqx-fill-state-pressed-light.jqx-danger-light,
300 .jqx-danger-light:active,
301 .jqx-danger-light.active {
302 text-shadow: none !important;
303 color: #fff !important;
304 background: #d9534f !important;
305 border-color: #d9534f!important;
306 }
307
308
309 .jqx-warning-light
310 {
311 text-shadow: none !important;
312 color: #f0ad4e !important;
313 background: #fff !important;
314 border-color: #f0ad4e!important;
315 }
316 .jqx-warning-light.jqx-dropdownlist-state-normal-light,
317 .jqx-warning-light.jqx-slider-button-light,
318 .jqx-warning-light.jqx-slider-slider-light,
319 .jqx-warning-light.jqx-combobox-arrow-hover-light,
320 .jqx-warning-light.jqx-combobox-arrow-normal-light,
321 .jqx-warning-light.jqx-action-button-light,
322 .jqx-warning-light:hover,
323 .jqx-warning-light:focus,
324 .jqx-warning-light:active,
325 .jqx-warning-light.active,
326 .jqx-warning-light.disabled,
327 .jqx-warning-light[disabled] {
328 text-shadow: none !important;
329 color: #fff !important;
330 background: #f0ad4e !important;
331 border-color: #f0ad4e!important;
332 }
333
334 .jqx-fill-state-pressed-light.jqx-warning-light,
335 .jqx-warning-light:active,
336 .jqx-warning-light.active {
337 text-shadow: none !important;
338 color: #fff !important;
339 background: #f0ad4e !important;
340 border-color: #f0ad4e!important;
341 }
342
343
344 .jqx-info-light
345 {
346 text-shadow: none !important;
347 color: #5bc0de !important;
348 background: #fff !important;
349 border-color: #5bc0de!important;
350 }
351 .jqx-info-light.jqx-dropdownlist-state-normal-light,
352 .jqx-info-light.jqx-slider-button-light,
353 .jqx-info-light.jqx-slider-slider-light,
354 .jqx-info-light.jqx-combobox-arrow-hover-light,
355 .jqx-info-light.jqx-combobox-arrow-normal-light,
356 .jqx-info-light.jqx-action-button-light,
357 .jqx-info-light:hover,
358 .jqx-info-light:focus,
359 .jqx-info-light:active,
360 .jqx-info-light.active,
361 .jqx-info-light.disabled,
362 .jqx-info-light[disabled] {
363 color: #fff !important;
364 background: #5bc0de !important;
365 border-color: #5bc0de!important;
366 text-shadow: none !important;
367 }
368
369 .jqx-fill-state-pressed-light.jqx-info-light,
370 .jqx-info-light:active,
371 .jqx-info-light.active {
372 text-shadow: none !important;
373 color: #fff !important;
374 background: #5bc0de !important;
375 border-color: #5bc0de!important;
376 }
377
378 .jqx-fill-state-pressed-light {
379 background-image: none;
380 outline: 0;
381 }
382
383 .jqx-grid-cell-light {
384 -webkit-box-shadow: none;
385 -moz-box-shadow: none;
386 box-shadow: none;
387 }
388
389 .jqx-grid-column-menubutton-light {
390 background-color: transparent;
391 border-color: #ddd !important;
392 }
393 .jqx-cell-light {
394 font-size: 14px;
395 }
396 .jqx-calendar-row-header-light, .jqx-calendar-top-left-header-light {
397 background-color: #f0f0f0;
398 border: 0px solid #f2f2f2;
399 }
400
401 .jqx-calendar-column-header-light {
402 background-color: #FFF;
403 border-top: 1px solid #FFF;
404 border-bottom: 1px solid #e9e9e9;
405 }
406
407 .jqx-expander-header-light {
408 padding-top: 10px; padding-bottom: 10px;
409 }
410 .jqx-ribbon-header-vertical-light, .jqx-widget-header-vertical-light {
411 background:#f0f0f0;
412 background:-ms-linear-gradient(left, #f8f8f8 0%,#eaeaea 100%);
413 background:linear-gradient(left, #f8f8f8 0%,#eaeaea 100%);
414 }
415
416 .jqx-scrollbar-state-normal-light {
417 background-color: #f8f8f8;
418 border: 1px solid #f8f8f8;
419 }
420
421 .jqx-scrollbar-thumb-state-normal-light, .jqx-scrollbar-thumb-state-normal-horizontal-light {
422 background: #f5f5f5;
423 border-color: #b3b3b3;
424 }
425
426 .jqx-scrollbar-thumb-state-hover-light, .jqx-scrollbar-thumb-state-hover-horizontal-light {
427 background: #e6e6e6;
428 border-color: #b3b3b3;
429 box-shadow: none;
430 -webkit-box-shadow: none;
431 -moz-box-shadow: none;
432 }
433
434 .jqx-progressbar-light {
435 background: #f7f7f7 !important;
436 -webkit-box-shadow: none;
437 -moz-box-shadow: none;
438 box-shadow: none;
439 }
440
441 .jqx-progressbar-value-light, .jqx-splitter-collapse-button-horizontal-light {
442 background: #1ca8dd;
443 }
444
445 .jqx-splitter-collapse-button-vertical-light, .jqx-progressbar-value-vertical-light {
446 background: #1ca8dd;
447 }
448
449
450 .jqx-scrollbar-thumb-state-pressed-light, .jqx-splitter-splitbar-vertical-light, .jqx-splitter-splitbar-horizontal-light, .jqx-scrollbar-thumb-state-pressed-horizontal-light,
451 .jqx-scrollbar-button-state-pressed-light
452 {
453 background: #d9d9d9;
454 border-color: #b3b3b3;
455 box-shadow: none;
456 -webkit-box-shadow: none;
457 -moz-box-shadow: none;
458 }
459
460 .jqx-grid-column-sortdescbutton-light, jqx-grid-column-filterbutton-light, .jqx-grid-column-sortascbutton-light {
461 background-color: transparent;
462 border-style: solid;
463 border-width: 0px 0px 0px 0px;
464 border-color: #ddd;
465 }
466
467 .jqx-menu-vertical-light {
468 background: #ffffff;
469 filter: none;
470 }
471
472 .jqx-checkbox-check-checked-light {
473 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC');
474 }
475 .jqx-checkbox-hover {
476 box-shadow: none;
477 -webkit-box-shadow: none;
478 -moz-box-shadow: none;
479 }
480 .jqx-combobox-content-light, .jqx-input-light {
481 }
482
483 .jqx-combobox-content-light {
484 border-color: #ddd;
485 border-color: rgba(0, 0, 0, 0.25);
486 }
487
488 .jqx-grid-bottomright-light, .jqx-panel-bottomright-light, .jqx-listbox-bottomright-light {
489 background-color: #f8f8f8;
490 }
491
492 .jqx-window-light, .jqx-tooltip-light {
493 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
494 }
495
496 .jqx-docking-light .jqx-window-light {
497 box-shadow: none;
498 }
499
500 .jqx-docking-panel-light .jqx-window-light {
501 box-shadow: none;
502 }
503
504 .jqx-radiobutton-light {
505 box-shadow: none;
506 -webkit-box-shadow: none;
507 -moz-box-shadow: none;
508 background-repeat: no-repeat;
509 background: none;
510 }
511
512 .jqx-radiobutton-light-light, .jqx-radiobutton-hover-light {
513 -moz-border-radius: 100%;
514 -webkit-border-radius: 100%;
515 border-radius: 100%;
516 background-repeat: no-repeat;
517 }
518
519 .jqx-radiobutton-check-checked-light {
520 filter: none;
521 background: #1ca8dd;
522 background-repeat: no-repeat;
523 -moz-border-radius: 100%;
524 -webkit-border-radius: 100%;
525 border-radius: 100%;
526 }
527
528 .jqx-radiobutton-check-indeterminate-light {
529 filter: none;
530 background: #999;
531 -moz-border-radius: 100%;
532 -webkit-border-radius: 100%;
533 border-radius: 100%;
534 }
535
536 .jqx-radiobutton-check-indeterminate-disabled-light {
537 filter: none;
538 background: #999;
539 -moz-border-radius: 100%;
540 -webkit-border-radius: 100%;
541 border-radius: 100%;
542 }
543
544 .jqx-slider-track-horizontal-light, .jqx-slider-track-vertical-light {
545 border-color: #ddd;
546 background: #f0f0f0;
547 }
548
549 .jqx-slider-button-light {
550 -moz-border-radius: 100%;
551 -webkit-border-radius: 100%;
552 border-radius: 100%;
553 }
554
555 /*applied to a list item when the item is selected.*/
556 .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,
557 .jqx-menu-vertical-light .jqx-menu-item-top-hover-light, .jqx-input-popup-light .jqx-fill-state-hover-light,
558 .jqx-input-popup-light .jqx-fill-state-pressed-light {
559 color: #137499 !important;
560 border-color: #e3f5fb;
561 text-decoration: none;
562 background-color: #e3f5fb;
563 background-repeat: repeat-x;
564 outline: 0;
565 background: #e3f5fb; /* Old browsers */
566 -webkit-box-shadow: none;
567 -moz-box-shadow: none;
568 box-shadow: none;
569 background-position: 0 0;
570 }
571 .jqx-scheduler-cell-hover-light {
572 border-color: #e3f5fb !important;
573 background: #e3f5fb !important;
574 }
575 .jqx-grid-table-dark {
576 font-size: 14px;
577 }
578
579
580 .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,
581 .jqx-menu-vertical-light .jqx-menu-item-top-selected-light, .jqx-grid-selectionarea-light, .jqx-input-button-header-light, .jqx-input-button-innerHeader-light {
582 color: #ffffff !important;
583 background-color: #1ca8dd;
584 *background-color: #1ca8dd;
585 background-repeat: repeat-x;
586 border-color: #1ca8dd !important;
587 background: #1ca8dd; /* Old browsers */
588 -webkit-box-shadow: none;
589 -moz-box-shadow: none;
590 box-shadow: none;
591 }
592 .jqx-scheduler-cell-selected-light {
593 border-color: #1ca8dd !important;
594 background: #1ca8dd !important;
595 }
596 .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 {
597 -webkit-box-shadow: none;
598 -moz-box-shadow: none;
599 box-shadow: none;
600 -webkit-transition: none;
601 -moz-transition: none;
602 -o-transition: none;
603 transition: none;
604 }
605
606 .jqx-popup-light {
607 border: 1px solid #ddd;
608 *border-right-width: 2px;
609 *border-bottom-width: 2px;
610 -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
611 -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
612 }
613 .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 {
614 background-image: url('images/metro-icon-up.png');
615 background-repeat: no-repeat;
616 background-position: center;
617 }
618
619 .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 {
620 background-image: url('images/metro-icon-down.png');
621 background-repeat: no-repeat;
622 background-position: center;
623 }
624
625 .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 {
626 background-image: url('images/metro-icon-left.png');
627 background-repeat: no-repeat;
628 background-position: center;
629 }
630
631 .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 {
632 background-image: url('images/metro-icon-right.png');
633 background-repeat: no-repeat;
634 background-position: center;
635 }
636
637 .jqx-tree-item-arrow-collapse-rtl-light, .jqx-tree-item-arrow-collapse-hover-rtl-light {
638 background-image: url(images/metro-icon-left.png);
639 }
640
641 .jqx-menu-item-arrow-left-selected-light {
642 background-image: url('images/metro-icon-left-white.png');
643 background-repeat: no-repeat;
644 background-position: center;
645 }
646
647 .jqx-menu-item-arrow-right-selected-light {
648 background-image: url('images/metro-icon-right-white.png');
649 background-repeat: no-repeat;
650 background-position: center;
651 }
652
653 .jqx-input-button-content-light {
654 font-size: 10px;
655 }
656 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #ddd;}
657 .jqx-combobox-content-light, .jqx-input-light {
658 border-color: #ddd;
659 color: #555555;
660 background-color: #ffffff;
661 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
662 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
663 }
664
665 .jqx-combobox-content-light, .jqx-combobox-light, .jqx-combobox-state-normal-light {
666 border-color: #ddd;
667 }
668
669 .jqx-combobox-content-focus-light, .jqx-combobox-state-focus-light, .jqx-fill-state-focus-light,
670 .jqx-numberinput-focus-light {
671 outline: none;
672 border-color: #959595;
673 }
674
675
676 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 {
677 font-size: 14px;
678 padding: 0px;
679 padding-left:3px;
680 padding-right: 3px;
681 resize: none;
682 }
683
684 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 {
685 color: #999999;
686 }
687
688 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 {
689 color: #999999;
690 }
691
692 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 {
693 color: #999999;
694 }
695
696 .jqx-combobox-content-light, .jqx-input-light {
697 border-color: #ddd;
698 color: #555555;
699 background-color: #ffffff;
700 }
701
702 .jqx-combobox-content-light, .jqx-combobox-light, .jqx-combobox-state-normal-light {
703 border-color: #ddd;
704 }
705
706 .jqx-combobox-content-focus-light, .jqx-combobox-state-focus-light, .jqx-fill-state-focus-light,
707 .jqx-numberinput-focus-light {
708 outline: none;
709 border-color: #1ca8dd;
710 }
711 .jqx-popup-light.jqx-fill-state-focus-light
712 {
713 outline: none;
714 border-color: #ddd !important;
715 }
716
717 .jqx-datetimeinput-content, .jqx-datetimeinput-container {
718 overflow: visible !important;
719 }
720
721
722 .jqx-slider-rangebar-light {
723 border-color: #1ca8dd;
724 background: #1ca8dd;
725 }
726
727 .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-expand-light {
728 background-image: url('images/metro-icon-down-white.png');
729 background-repeat: no-repeat;
730 background-position: center;
731 }
732 .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-collapse-light{
733 background-image: url('images/metro-icon-right-white.png');
734 background-repeat: no-repeat;
735 background-position: center;
736 }
737 .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-collapse-rtl-light{
738 background-image: url('images/metro-icon-left-white.png');
739 background-repeat: no-repeat;
740 background-position: center;
741 }
742 .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-expand-rtl-light {
743 background-image: url('images/metro-icon-down-white.png');
744 background-repeat: no-repeat;
745 background-position: center;
746 }
747 .jqx-tabs-title-selected-top-light, .jqx-tabs-selection-tracker-top-light {
748 border-color: #ddd;
749 border-bottom: 1px solid #fff;
750 filter: none;
751 background: #fff;
752 color: #333 !important;
753 -webkit-box-shadow: none;
754 -moz-box-shadow: none;
755 box-shadow: none;
756 }
757
758 .jqx-tabs-title-selected-bottom-light, .jqx-tabs-selection-tracker-bottom-light {
759 border-color: #ddd;
760 border-top: 1px solid #fff;
761 filter: none;
762 background: #fff;
763 -webkit-box-shadow: none;
764 -moz-box-shadow: none;
765 box-shadow: none;
766 }
767 .jqx-tabs-title-hover-top-light, .jqx-tabs-title-hover-bottom-light, .jqx-tabs-header-light
768 {
769 -webkit-box-shadow: none !important;
770 -moz-box-shadow: none !important;
771 box-shadow: none !important;
772 }
773 .jqx-window-collapse-button-light
774 {
775 margin-top: 0px;
776 }
777 .jqx-window-collapse-button-collapsed-light {
778 margin-top: 0px;
779 }
780 .jqx-layout-light
781 {
782 background-color: #cccccc;
783 }
784 .jqx-kanban-column-header-collapsed-light {
785 background: -moz-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ff3.6+ */
786 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 */
787 background: -webkit-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* safari5.1+,chrome10+ */
788 background: -o-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* opera 11.10+ */
789 background: -ms-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ie10+ */
790 background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */
791 }
792
793 .jqx-calendar-light td {
794 font-size: 14px;
795 }
796 .jqx-grid-column-menubutton-light {
797 background-image: url('images/metro-icon-down.png');
798 }
799
800 .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;}
801 .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;}
802 .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;}
803 .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;}
804 .jqx-tabs-close-button-light{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;}
805 .jqx-tabs-close-button-selected-light{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;}
806 .jqx-tabs-close-button-hover-light{background-image:url(images/close.png); background-repeat:no-repeat; background-position:center;}
807 .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;}
808 .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;}
809 .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;}
810 .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;}
811
812 .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-expand-light {
813 background-image: url('images/metro-icon-down-white.png');
814 background-repeat: no-repeat;
815 background-position: center;
816 }
817 .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-collapse-light{
818 background-image: url('images/metro-icon-right-white.png');
819 background-repeat: no-repeat;
820 background-position: center;
821 }
822 .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-collapse-rtl-light {
823 background-image: url('images/metro-icon-left-white.png');
824 background-repeat: no-repeat;
825 background-position: center;
826 }
827 .jqx-grid-cell-light.jqx-grid-cell-selected-light>.jqx-grid-group-expand-rtl-light{
828 background-image: url('images/metro-icon-down-white.png');
829 background-repeat: no-repeat;
830 background-position: center;
831 }
832 .jqx-grid-group-collapse-light {
833 background-image: url(images/metro-icon-right.png);
834 background-position: 50% 50%;
835 background-repeat: no-repeat;
836 }
837 .jqx-grid-group-collapse-rtl-light
838 {
839 padding-right: 0px;
840 background-image: url(images/metro-icon-left.png);
841 background-position: 50% 50%;
842 background-repeat: no-repeat;
843 }
844 .jqx-grid-group-expand-light, .jqx-grid-group-expand-rtl-light
845 {
846 padding-right: 0px;
847 background-image: url(images/metro-icon-down.png);
848 background-position: 50% 50%;
849 background-repeat: no-repeat;
850 }
851 .jqx-icon-arrow-first-light
852 {
853 background-image: url('images/metro-icon-first.png');
854 background-repeat: no-repeat;
855 background-position: center;
856 }
857 .jqx-icon-arrow-last-light
858 {
859 background-image: url('images/metro-icon-last.png');
860 background-repeat: no-repeat;
861 background-position: center;
862 }
863 .jqx-icon-arrow-first-hover-light
864 {
865 background-image: url('images/metro-icon-first.png');
866 background-repeat: no-repeat;
867 background-position: center;
868 }
869 .jqx-icon-arrow-last-hover-light
870 {
871 background-image: url('images/metro-icon-last.png');
872 background-repeat: no-repeat;
873 background-position: center;
874 }
875 .jqx-icon-arrow-first-selected-light
876 {
877 background-image: url('images/metro-icon-first-white.png');
878 background-repeat: no-repeat;
879 background-position: center;
880 }
881 .jqx-icon-arrow-last-selected-light
882 {
883 background-image: url('images/metro-icon-last-white.png');
884 background-repeat: no-repeat;
885 background-position: center;
886 }
887 .jqx-tree-grid-collapse-button-light {
888 margin-top: 1px;
889 }
890 .jqx-icon-calendar-pressed-light {
891 background-image: url('images/icon-calendar-white.png');
892 }
893 .jqx-icon-time-pressed-light {
894 background-image: url('images/icon-time-white.png');
895 }
896
897 .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 {
898 background-image: url('images/metro-icon-down-white.png');
899 }
900 .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 {
901 background-image: url('images/metro-icon-down-white.png');
902 }
903 .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 {
904 background-image: url('images/metro-icon-down-white.png');
905 }
906 .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 {
907 background-image: url('images/metro-icon-up-white.png');
908 }
909 .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 {
910 background-image: url('images/metro-icon-up-white.png');
911 }
912 .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 {
913 background-image: url('images/metro-icon-up-white.png');
914 }
915
916
917 .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 {
918 background-image: url('images/metro-icon-left-white.png');
919 }
920 .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 {
921 background-image: url('images/metro-icon-left-white.png');
922 }
923 .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 {
924 background-image: url('images/metro-icon-left-white.png');
925 }
926 .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 {
927 background-image: url('images/metro-icon-right-white.png');
928 }
929 .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 {
930 background-image: url('images/metro-icon-right-white.png');
931 }
932 .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 {
933 background-image: url('images/metro-icon-right-white.png');
934 }

mercurial