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

changeset 511
2d1d43c3a2c2
child 617
b216f9d4b917
equal deleted inserted replaced
510:2da3d3340403 511:2d1d43c3a2c2
1 .jqx-widget-dark {
2 font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
3 font-size:14px;
4 }
5 .jqx-widget-content-dark {
6 font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
7 font-size:14px;
8 }
9 .jqx-widget-header-dark {
10 font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
11 font-size:14px;
12 }
13
14 /*Rounded Corners*/
15 /*top-left rounded Corners*/
16 .jqx-rc-tl-dark {
17 -moz-border-radius-topleft: 4px;
18 -webkit-border-top-left-radius: 4px;
19 border-top-left-radius: 4px;
20 }
21 /*top-right rounded Corners*/
22 .jqx-rc-tr-dark {
23 -moz-border-radius-topright: 4px;
24 -webkit-border-top-right-radius: 4px;
25 border-top-right-radius: 4px;
26 }
27 /*bottom-left rounded Corners*/
28 .jqx-rc-bl-dark {
29 -moz-border-radius-bottomleft: 4px;
30 -webkit-border-bottom-left-radius: 4px;
31 border-bottom-left-radius: 4px;
32 }
33 /*bottom-right rounded Corners*/
34 .jqx-rc-br-dark {
35 -moz-border-radius-bottomright: 4px;
36 -webkit-border-bottom-right-radius: 4px;
37 border-bottom-right-radius: 4px;
38 }
39 /*top rounded Corners*/
40 .jqx-rc-t-dark {
41 -moz-border-radius-topleft: 4px;
42 -webkit-border-top-left-radius: 4px;
43 border-top-left-radius: 4px;
44 -moz-border-radius-topright: 4px;
45 -webkit-border-top-right-radius: 4px;
46 border-top-right-radius: 4px;
47 }
48 /*bottom rounded Corners*/
49 .jqx-rc-b-dark {
50 -moz-border-radius-bottomleft: 4px;
51 -webkit-border-bottom-left-radius: 4px;
52 border-bottom-left-radius: 4px;
53 -moz-border-radius-bottomright: 4px;
54 -webkit-border-bottom-right-radius: 4px;
55 border-bottom-right-radius: 4px;
56 }
57 /*right rounded Corners*/
58 .jqx-rc-r-dark {
59 -moz-border-radius-topright: 4px;
60 -webkit-border-top-right-radius: 4px;
61 border-top-right-radius: 4px;
62 -moz-border-radius-bottomright: 4px;
63 -webkit-border-bottom-right-radius: 4px;
64 border-bottom-right-radius: 4px;
65 }
66 /*left rounded Corners*/
67 .jqx-rc-l-dark {
68 -moz-border-radius-topleft: 4px;
69 -webkit-border-top-left-radius: 4px;
70 border-top-left-radius: 4px;
71 -moz-border-radius-bottomleft: 4px;
72 -webkit-border-bottom-left-radius: 4px;
73 border-bottom-left-radius: 4px;
74 }
75 /*all rounded Corners*/
76 .jqx-rc-all-dark {
77 -moz-border-radius: 4px;
78 -webkit-border-radius: 4px;
79 border-radius: 4px;
80 }
81
82 .jqx-widget-dark, .jqx-widget-header-dark, .jqx-fill-state-normal-dark,
83 .jqx-widget-content-dark, .jqx-fill-state-hover-dark, .jqx-fill-state-pressed-dark {
84 font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
85 font-size:14px;
86 }
87
88 .jqx-widget-dark {
89 color: inherit;
90 }
91 .jqx-widget-content-dark{ border-color: #252830; color: #ffffff; background-color: #252830;}
92 .jqx-widget-header-dark{ color: #ffffff; border-color:#3e3e42; background-color:#3e3e42;}
93 .jqx-scheduler-dark .jqx-grid-column-header-dark, .jqx-scheduler-dark.jqx-widget-dark .jqx-grid-column-header-dark
94 {
95 border-bottom: 1px solid #434857;
96 }
97 .jqx-fill-state-normal-dark{ border-color: #35353A; color: #ffffff; background: #3E3E42;}
98 .jqx-fill-state-hover-dark{ color: #fff;
99 background: #434857;
100 border-color: #434857;
101 }
102 .jqx-fill-state-focus-dark {
103 border-color: #5bc0de;color: #fafafa; }
104 .jqx-fill-state-pressed-dark{border-color:#1ca8dd; color: #222830; background-color:#1ca8dd;
105
106 }
107 .jqx-fill-state-pressed-dark.jqx-fill-state-hover-dark {
108 color: #fff !important;
109 }
110 .jqx-fill-state-disabled-dark {
111 color: #898989;
112 }
113 .jqx-input-dark {
114 border-color: #35353A;
115 }
116 .jqx-grid-table-dark {
117 font-size: 14px;
118 border-right: 1px solid #35353a;
119
120 }
121
122 .jqx-scrollbar-state-normal-dark, .jqx-grid-bottomright-dark, .jqx-panel-bottomright-dark, .jqx-listbox-bottomright-dark{background-color:#3E3E42;}
123 .jqx-widget-dark .jqx-grid-column-header-dark, .jqx-grid-cell-dark, .jqx-widget-dark .jqx-grid-cell-dark, .jqx-widget-dark .jqx-grid-group-cell-dark, .jqx-grid-group-cell-dark{ border-color: #1C1C1E; background-color: #2A2A2C; color: #a9acb4;}
124 .jqx-tabs-title-selected-bottom-dark, .jqx-tabs-selection-tracker-bottom-dark, .jqx-tabs-title-selected-top-dark, .jqx-tabs-selection-tracker-top-dark{color: #ffffff; border-color:#35353A; border-bottom:1px solid #252526; background:#1ca8dd}
125 .jqx-widget-dark .jqx-grid-cell-alt-dark, .jqx-widget-dark .jqx-grid-cell-sort-dark, .jqx-widget-dark .jqx-grid-cell-pinned-dark, .jqx-widget-dark .jqx-grid-cell-filter-dark, .jqx-grid-cell-sort-alt-dark, .jqx-grid-cell-filter-alt-dark, .jqx-grid-cell-pinned-dark, .jqx-grid-cell-alt-dark, .jqx-grid-cell-sort-dark{ background-color:#3E3E42; color: #fff;}
126 .jqx-menu-vertical-dark{background: #3E3E42; border-color: #3E3E42;}
127 .jqx-widget-dark .jqx-grid-cell-dark, .jqx-widget-dark .jqx-grid-column-header-dark, .jqx-widget-dark .jqx-grid-group-cell-dark { border-color: #35353A;}
128
129 .jqx-input-dark {
130 color: #fff;
131 }
132
133 .jqx-scheduler-cell-hover-dark {
134 border-color: #434857 !important;
135 background: #434857 !important;
136 }
137
138 .jqx-widget-dark .jqx-grid-column-menubutton-dark, .jqx-widget-dark .jqx-grid-column-sortascbutton-dark, .jqx-widget-dark .jqx-grid-column-sortdescbutton-dark, .jqx-widget-dark .jqx-grid-column-filterbutton-dark {
139 background-color: transparent;
140 border-color: #35353A;
141 }
142 .jqx-window-header-dark, .jqx-input-button-header-dark, .jqx-calendar-title-header-dark, .jqx-grid-dark .jqx-widget-header-dark, .jqx-grid-header-dark, .jqx-grid-column-header-dark { border-color: #35353A; color: #ffffff; background: #3E3E42;}
143 .jqx-grid-column-menubutton-dark {
144 background-image: url('images/metro-icon-down-white.png');
145 }
146 .jqx-calendar-cell-today-dark {
147 color: #35353A;
148 }
149
150 .jqx-widget-dark .jqx-grid-cell-selected-dark, .jqx-grid-cell-selected-dark{ background-color:#1ca8dd; color: #222830; border-color: #1ca8dd; }
151 .jqx-widget-dark .jqx-grid-cell-hover-dark, .jqx-grid-cell-hover-dark{ background-color:#434857; border-color: #434857;}
152 /*applied to the column's sort button when the sort order is ascending.*/
153 .jqx-grid-column-sortascbutton-dark {
154 background-image: url('images/metro-icon-up-white.png');
155 }
156 .jqx-grid-column-sortdescbutton-dark {
157 background-image: url('images/metro-icon-down-white.png');
158 }
159 .jqx-checkbox-check-checked-dark{background:transparent url(images/check_white.png) center center no-repeat}
160 .jqx-checkbox-check-indeterminate-dark{background:transparent url(images/check_indeterminate_white.png) center center no-repeat}
161 .jqx-checkbox-hover-dark, .jqx-radiobutton-hover-dark {
162 background-color: #3E3E42;
163 border-color: #3E3E42;
164 }
165 .jqx-radiobutton-check-checked-dark {
166 background: #fff;
167 border-color: #fff;
168 }
169
170 .jqx-scrollbar-thumb-state-normal-horizontal-dark, .jqx-scrollbar-thumb-state-normal-dark {
171 background: #686868; border-color: #686868;
172 }
173 .jqx-scrollbar-thumb-state-hover-horizontal-dark, .jqx-scrollbar-thumb-state-hover-dark {
174 background: #9E9E9E; border-color: #9E9E9E;
175 }
176 .jqx-scrollbar-thumb-state-pressed-horizontal-dark, .jqx-scrollbar-thumb-state-pressed-dark {
177 background: #ffffff; border-color: #ffffff;
178 }
179 .jqx-scrollbar-button-state-normal-dark
180 {
181 border: 1px solid #3E3E42;
182 background: #3E3E42;
183 }
184 /*applied to the scrollbar buttons in hovered state.*/
185 .jqx-scrollbar-button-state-hover-dark
186 {
187 border: 1px solid #3E3E42;
188 background: #3E3E42;
189 }
190 /*applied to the scrollbar buttons in pressed state.*/
191 .jqx-scrollbar-button-state-pressed-dark
192 {
193 border: 1px solid #3E3E42;
194 background: #3E3E42;
195 }
196
197 /*icons*/
198 .jqx-window-collapse-button-dark
199 {
200 background-image: url(images/metro-icon-up-white.png);
201 }
202 .jqx-window-collapse-button-collapsed-dark {
203 background-image: url(images/metro-icon-down-white.png);
204 }
205 .jqx-icon-arrow-up-dark, .jqx-expander-arrow-bottom-dark, .jqx-menu-item-arrow-up-dark
206 {
207 background-image: url('images/metro-icon-up-white.png');
208 }
209 .jqx-icon-arrow-down-dark, .jqx-expander-arrow-top-dark, .jqx-tree-item-arrow-expand-dark, .jqx-tree-item-arrow-expand-hover-dark, .jqx-menu-item-arrow-down-dark
210 {
211 background-image: url('images/metro-icon-down-white.png');
212 }
213 .jqx-icon-arrow-left-dark, .jqx-menu-item-arrow-left-dark
214 {
215 background-image: url('images/metro-icon-left-white.png');
216 }
217 .jqx-icon-arrow-right-dark, .jqx-menu-item-arrow-right-dark, .jqx-tree-item-arrow-collapse-dark, .jqx-tree-item-arrow-collapse-hover-dark
218 {
219 background-image: url('images/metro-icon-right-white.png');
220 }
221 .jqx-tabs-arrow-left-dark, .jqx-tree-item-arrow-collapse-rtl-dark, .jqx-tree-item-arrow-collapse-hover-rtl-dark
222 {
223 background-image: url('images/metro-icon-left-white.png');
224 }
225 .jqx-tabs-arrow-right-dark
226 {
227 background-image: url('images/metro-icon-right-white.png');
228 }
229 .jqx-menu-item-arrow-up-selected-dark, .jqx-icon-arrow-up-selected-dark{background-image:url('images/metro-icon-up.png');background-repeat:no-repeat;background-position:center;}
230 .jqx-menu-item-arrow-down-selected-dark, .jqx-icon-arrow-down-selected-dark{background-image:url('images/metro-icon-down.png');background-repeat:no-repeat;background-position:center;}
231 .jqx-menu-item-arrow-left-selected-dark, .jqx-icon-arrow-left-selected-dark{background-image:url('images/metro-icon-left.png');background-repeat:no-repeat;background-position:center;}
232 .jqx-menu-item-arrow-right-selected-dark, .jqx-icon-arrow-right-selected-dark{background-image:url('images/metro-icon-right.png');background-repeat:no-repeat;background-position:center;}
233 .jqx-window-close-button-dark, .jqx-icon-close-dark, .jqx-tabs-close-button-dark, .jqx-tabs-close-button-hover-dark, .jqx-tabs-close-button-selected-dark{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center}
234 .jqx-listbox-feedback-dark {
235 border-top: 1px dashed #fff;
236 }
237
238 .jqx-scrollbar-dark .jqx-icon-arrow-up-selected-dark{background-image:url('images/metro-icon-up-white.png'); background-repeat:no-repeat; background-position:center;}
239 .jqx-scrollbar-dark .jqx-icon-arrow-down-selected-dark{background-image:url('images/metro-icon-down-white.png'); background-repeat:no-repeat; background-position:center;}
240 .jqx-scrollbar-dark .jqx-icon-arrow-left-selected-dark{background-image:url('images/metro-icon-left-white.png'); background-repeat:no-repeat; background-position:center;}
241 .jqx-scrollbar-dark .jqx-icon-arrow-right-selected-dark{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat; background-position:center;}
242 .jqx-slider-button-dark
243 {
244 border-radius: 100%;
245 -moz-border-radius: 100%;
246 -webkit-border-radius: 100%;
247 }
248 .jqx-input-button-content-dark
249 {
250 font-size: 10px;
251 }
252 .jqx-dropdownlist-state-normal-dark, .jqx-dropdownlist-state-hover-dark, .jqx-dropdownlist-state-selected-dark,
253 .jqx-scrollbar-button-state-hover-dark, .jqx-scrollbar-button-state-normal-dark, .jqx-scrollbar-button-state-pressed-dark,
254 .jqx-scrollbar-thumb-state-normal-horizontal-dark, .jqx-scrollbar-thumb-state-hover-horizontal-dark, .jqx-scrollbar-thumb-state-pressed-horizontal-dark,
255 .jqx-scrollbar-thumb-state-normal-dark, .jqx-scrollbar-thumb-state-pressed-dark, .jqx-button-dark, .jqx-tree-item-hover-dark, .jqx-tree-item-selected-dark,
256 .jqx-tree-item-dark, .jqx-menu-item-dark, .jqx-menu-item-hover-dark, .jqx-menu-item-selected-dark, .jqx-menu-item-top-dark, .jqx-menu-item-top-hover-dark,
257 .jqx-menu-item-top-selected-dark, .jqx-slider-button-dark, .jqx-slider-slider-dark
258 {
259 -webkit-transition: background-color 100ms linear;
260 -moz-transition: background-color 100ms linear;
261 -o-transition: background-color 100ms linear;
262 -ms-transition: background-color 100ms linear;
263 transition: background-color 100ms linear;
264 }
265 .jqx-switchbutton-dark {
266 -moz-border-radius: 0px;
267 -webkit-border-radius: 0px;
268 border-radius: 0px;
269 border: 2px solid #35353A;
270 }
271 .jqx-switchbutton-thumb-dark {
272 width: 12px;
273 background: #000;
274 border: 1px solid #000;
275 }
276 .jqx-switchbutton-label-on-dark {
277 background: #1ca8dd;
278 color: #1ca8dd;
279 }
280 .jqx-switchbutton-label-off-dark {
281 background: #a6a6a6;
282 color: #a6a6a6;
283 }
284
285 .jqx-switchbutton-wrapper-dark {
286 }
287 .jqx-grid-group-collapse-dark {
288 background-image: url(images/metro-icon-right-white.png);
289 background-position: 50% 50%;
290 background-repeat: no-repeat;
291 }
292 .jqx-grid-group-collapse-rtl-dark
293 {
294 padding-right: 0px;
295 background-image: url(images/metro-icon-left-white.png);
296 background-position: 50% 50%;
297 background-repeat: no-repeat;
298 }
299 .jqx-grid-group-expand-dark, .jqx-grid-group-expand-rtl-dark
300 {
301 padding-right: 0px;
302 background-image: url(images/metro-icon-down-white.png);
303 background-position: 50% 50%;
304 background-repeat: no-repeat;
305 }
306 .jqx-icon-arrow-first-dark, .jqx-icon-arrow-first-hover-dark, .jqx-icon-arrow-first-selected-dark
307 {
308 background-image: url('images/metro-icon-first-white.png');
309 background-repeat: no-repeat;
310 background-position: center;
311 }
312 .jqx-icon-arrow-last-dark, .jqx-icon-arrow-last-hover-dark, .jqx-icon-arrow-last-selected-dark
313 {
314 background-image: url('images/metro-icon-last-white.png');
315 background-repeat: no-repeat;
316 background-position: center;
317 }
318 .jqx-grid-cell-dark.jqx-grid-cell-selected-dark>.jqx-grid-group-expand-dark,
319 .jqx-grid-cell-dark.jqx-grid-cell-hover-dark>.jqx-grid-group-expand-dark {
320 background-image: url('images/metro-icon-down-white.png');
321 background-repeat: no-repeat;
322 background-position: center;
323 }
324 .jqx-grid-cell-dark.jqx-grid-cell-selected-dark>.jqx-grid-group-collapse-dark,
325 .jqx-grid-cell-dark.jqx-grid-cell-hover-dark>.jqx-grid-group-collapse-dark {
326 background-image: url('images/metro-icon-right-white.png');
327 background-repeat: no-repeat;
328 background-position: center;
329 }
330 .jqx-grid-cell-dark.jqx-grid-cell-selected-dark>.jqx-grid-group-collapse-rtl-dark,
331 .jqx-grid-cell-dark.jqx-grid-cell-hover-dark>.jqx-grid-group-collapse-rtl-dark {
332 background-image: url('images/metro-icon-left-white.png');
333 background-repeat: no-repeat;
334 background-position: center;
335 }
336 .jqx-grid-cell-dark.jqx-grid-cell-selected-dark>.jqx-grid-group-expand-rtl-dark,
337 .jqx-grid-cell-dark.jqx-grid-cell-hover-dark>.jqx-grid-group-expand-rtl-dark {
338 background-image: url('images/metro-icon-down-white.png');
339 background-repeat: no-repeat;
340 background-position: center;
341 }
342 .jqx-icon-search-dark
343 {
344 background-image: url(images/search_white.png);
345 background-repeat: no-repeat;
346 background-position: center;
347 }
348 .jqx-passwordinput-password-icon-dark, .jqx-passwordinput-password-icon-rtl-dark
349 {
350 background-image: url(images/icon-showpassword-white.png) !important;
351 background-repeat: no-repeat !important;
352 }
353 .jqx-icon-calendar-dark, .jqx-icon-calendar-hover-dark, .jqx-icon-calendar-pressed-dark {
354 background-image: url('images/icon-calendar-white.png');
355 }
356 .jqx-icon-time-dark, .jqx-icon-time-hover-dark, .jqx-icon-time-pressed-dark {
357 background-image: url('images/icon-time-white.png');
358 }
359 .jqx-icon-delete-dark
360 {
361 background-image: url('images/icon-delete-white.png');
362 }
363 .jqx-icon-edit-dark
364 {
365 background-image: url('images/icon-edit-white.png');
366 }
367 .jqx-icon-save-dark
368 {
369 background-image: url('images/icon-save-white.png');
370 }
371 .jqx-icon-cancel-dark
372 {
373 background-image: url('images/icon-cancel-white.png');
374 }
375 .jqx-icon-search-dark
376 {
377 background-image: url(images/search_white.png);
378 }
379 .jqx-icon-plus-dark
380 {
381 background-image: url(images/plus_white.png);
382 }
383 .jqx-menu-minimized-button-dark {
384 background-image: url('images/icon-menu-minimized-white.png');
385 }
386 .jqx-editor-toolbar-icon-dark {
387 background: url('images/html_editor_white.png') no-repeat;
388 }
389 .jqx-layout-dark
390 {
391 background-color: #35353A;
392 }
393 .jqx-layout-pseudo-window-pin-icon-dark
394 {
395 background-image: url("images/pin-white.png");
396 }
397 .jqx-layout-pseudo-window-pinned-icon-dark
398 {
399 background-image: url("images/pinned-white.png");
400 }
401 .jqx-scheduler-month-cell-dark, .jqx-scheduler-time-column-dark, .jqx-scheduler-toolbar-dark
402 {
403 background: #35353A !important;
404 color: #fff !important;
405 }
406 .jqx-widget-dark .jqx-scheduler-middle-cell-dark, .jqx-scheduler-middle-cell-dark {
407 border-bottom-color: #35353A !important;
408 }
409 .jqx-kanban-item-dark {
410 box-shadow:none;
411 }
412
413
414
415 .jqx-primary-dark
416 {
417 color: #1ca8dd !important;
418 background: #fff !important;
419 border-color: #1ca8dd!important;
420 text-shadow: none !important;
421 }
422
423 .jqx-primary-dark.jqx-combobox-arrow-normal-dark {
424 background: #434857 !important;
425 }
426 .jqx-primary-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-down-dark {
427 background-image: url('images/metro-icon-down-white.png')
428 }
429 .jqx-primary-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-up-dark {
430 background-image: url('images/metro-icon-up-white.png')
431 }
432 .jqx-primary-dark.jqx-combobox-arrow-normal-dark.jqx-combobox-arrow-selected-dark {
433 background: #1ca8dd !important;
434 }
435 .jqx-primary-dark.jqx-dropdownlist-state-normal-dark,
436 .jqx-primary-dark.jqx-combobox-arrow-hover-dark,
437 .jqx-primary-dark.jqx-combobox-arrow-normal-dark,
438 .jqx-primary-dark.jqx-slider-button-dark,
439 .jqx-primary-dark.jqx-slider-slider-dark,
440 .jqx-primary-dark.jqx-action-button-dark,
441 .jqx-primary-dark:hover,
442 .jqx-primary-dark:focus,
443 .jqx-primary-dark:active,
444 .jqx-primary-dark.active,
445 .jqx-primary-dark.disabled,
446 .jqx-primary-dark[disabled] {
447 color: #fff !important;
448 background: #1ca8dd !important;
449 border-color: #1ca8dd !important;
450 text-shadow: none !important;
451 }
452
453 .jqx-fill-state-pressed-dark.jqx-primary-dark,
454 .jqx-primary-dark:active,
455 .jqx-primary-dark.active {
456 color: #fff !important;
457 background-color: #1ca8dd !important;
458 border-color: #1ca8dd!important;
459 text-shadow: none !important;
460 }
461
462 .jqx-success-dark
463 {
464 color: #5cb85c !important;
465 background: #fff !important;
466 border-color: #5cb85c!important;
467 text-shadow: none !important;
468 }
469 .jqx-success-dark.jqx-combobox-arrow-normal-dark {
470 background: #434857 !important;
471 }
472 .jqx-success-dark.jqx-combobox-arrow-normal-dark.jqx-combobox-arrow-selected-dark {
473 background: #5cb85c !important;
474 }
475 .jqx-success-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-down-dark {
476 background-image: url('images/metro-icon-down-white.png')
477 }
478 .jqx-success-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-up-dark {
479 background-image: url('images/metro-icon-up-white.png')
480 }
481 .jqx-success-dark.jqx-dropdownlist-state-normal-dark,
482 .jqx-success-dark.jqx-slider-button-dark,
483 .jqx-success-dark.jqx-slider-slider-dark,
484 .jqx-success-dark.jqx-combobox-arrow-hover-dark,
485 .jqx-success-dark.jqx-combobox-arrow-normal-dark,
486 .jqx-success-dark.jqx-action-button-dark,
487 .jqx-success-dark:hover,
488 .jqx-success-dark:focus,
489 .jqx-success-dark:active,
490 .jqx-success-dark.active,
491 .jqx-success-dark.disabled,
492 .jqx-success-dark[disabled] {
493 color: #fff !important;
494 background: #5cb85c !important;
495 border-color: #5cb85c!important;
496 text-shadow: none !important;
497 }
498
499
500 .jqx-fill-state-pressed-dark.jqx-success-dark,
501 .jqx-success-dark:active,
502 .jqx-success-dark.active {
503 text-shadow: none !important;
504 color: #fff !important;
505 background: #5cb85c !important;
506 border-color: #5cb85c!important;
507 }
508
509 .jqx-inverse-dark
510 {
511 text-shadow: none !important;
512 color: #666 !important;
513 background: #fff !important;
514 border-color: #cccccc!important;
515 }
516 .jqx-inverse-dark.jqx-combobox-arrow-normal-dark {
517 background: #666 !important;
518 }
519 .jqx-inverse-dark.jqx-combobox-arrow-normal-dark.jqx-combobox-arrow-selected-dark {
520 background: #666 !important;
521 }
522 .jqx-inverse-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-down-dark {
523 background-image: url('images/metro-icon-down-white.png')
524 }
525 .jqx-inverse-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-up-dark {
526 background-image: url('images/metro-icon-up-white.png')
527 }
528 .jqx-inverse-dark.jqx-dropdownlist-state-normal-dark,
529 .jqx-inverse-dark.jqx-slider-button-dark,
530 .jqx-inverse-dark.jqx-slider-slider-dark,
531 .jqx-inverse-dark.jqx-combobox-arrow-hover-dark,
532 .jqx-inverse-dark.jqx-combobox-arrow-normal-dark,
533 .jqx-inverse-dark.jqx-action-button-dark,
534 .jqx-inverse-dark:hover,
535 .jqx-inverse-dark:focus,
536 .jqx-inverse-dark:active,
537 .jqx-inverse-dark.active,
538 .jqx-inverse-dark.disabled,
539 .jqx-inverse-dark[disabled] {
540 text-shadow: none !important;
541 color: #666 !important;
542 background: #cccccc !important;
543 border-color: #cccccc!important;
544 }
545
546 .jqx-fill-state-pressed-dark.jqx-inverse-dark,
547 .jqx-inverse-dark:active,
548 .jqx-inverse-dark.active {
549 text-shadow: none !important;
550 color: #666 !important;
551 background: #cccccc !important;
552 border-color: #cccccc!important;
553 }
554
555
556 .jqx-danger-dark
557 {
558 text-shadow: none !important;
559 color: #d9534f !important;
560 background: #fff !important;
561 border-color: #d9534f!important;
562 }
563 .jqx-danger-dark.jqx-combobox-arrow-normal-dark {
564 background: #434857 !important;
565 }
566 .jqx-danger-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-down-dark {
567 background-image: url('images/metro-icon-down-white.png')
568 }
569 .jqx-danger-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-up-dark {
570 background-image: url('images/metro-icon-up-white.png')
571 }
572 .jqx-danger-dark.jqx-combobox-arrow-normal-dark.jqx-combobox-arrow-selected-dark {
573 background: #d9534f !important;
574 }
575 .jqx-danger-dark.jqx-dropdownlist-state-normal-dark,
576 .jqx-danger-dark.jqx-slider-button-dark,
577 .jqx-danger-dark.jqx-slider-slider-dark,
578 .jqx-danger-dark.jqx-combobox-arrow-hover-dark,
579 .jqx-danger-dark.jqx-action-button-dark,
580 .jqx-danger-dark.jqx-combobox-arrow-normal-dark,
581 .jqx-danger-dark:hover,
582 .jqx-danger-dark:focus,
583 .jqx-danger-dark:active,
584 .jqx-danger-dark.active,
585 .jqx-danger-dark.disabled,
586 .jqx-danger-dark[disabled] {
587 text-shadow: none !important;
588 color: #fff !important;
589 background: #d9534f !important;
590 border-color: #d9534f!important;
591 }
592
593 .jqx-fill-state-pressed-dark.jqx-danger-dark,
594 .jqx-danger-dark:active,
595 .jqx-danger-dark.active {
596 text-shadow: none !important;
597 color: #fff !important;
598 background: #d9534f !important;
599 border-color: #d9534f!important;
600 }
601
602
603 .jqx-warning-dark
604 {
605 text-shadow: none !important;
606 color: #f0ad4e !important;
607 background: #fff !important;
608 border-color: #f0ad4e!important;
609 }
610 .jqx-warning-dark.jqx-combobox-arrow-normal-dark {
611 background: #434857 !important;
612 }
613 .jqx-warning-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-down-dark {
614 background-image: url('images/metro-icon-down-white.png')
615 }
616 .jqx-warning-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-up-dark {
617 background-image: url('images/metro-icon-up-white.png')
618 }
619 .jqx-warning-dark.jqx-combobox-arrow-normal-dark.jqx-combobox-arrow-selected-dark {
620 background: #f0ad4e !important;
621 }
622 .jqx-warning-dark.jqx-dropdownlist-state-normal-dark,
623 .jqx-warning-dark.jqx-slider-button-dark,
624 .jqx-warning-dark.jqx-slider-slider-dark,
625 .jqx-warning-dark.jqx-combobox-arrow-hover-dark,
626 .jqx-warning-dark.jqx-combobox-arrow-normal-dark,
627 .jqx-warning-dark.jqx-action-button-dark,
628 .jqx-warning-dark:hover,
629 .jqx-warning-dark:focus,
630 .jqx-warning-dark:active,
631 .jqx-warning-dark.active,
632 .jqx-warning-dark.disabled,
633 .jqx-warning-dark[disabled] {
634 text-shadow: none !important;
635 color: #fff !important;
636 background: #f0ad4e !important;
637 border-color: #f0ad4e!important;
638 }
639
640 .jqx-fill-state-pressed-dark.jqx-warning-dark,
641 .jqx-warning-dark:active,
642 .jqx-warning-dark.active {
643 text-shadow: none !important;
644 color: #fff !important;
645 background: #f0ad4e !important;
646 border-color: #f0ad4e!important;
647 }
648
649
650 .jqx-info-dark
651 {
652 text-shadow: none !important;
653 color: #5bc0de !important;
654 background: #fff !important;
655 border-color: #5bc0de!important;
656 }
657 .jqx-info-dark.jqx-combobox-arrow-normal-dark {
658 background: #434857 !important;
659 }
660 .jqx-info-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-down-dark {
661 background-image: url('images/metro-icon-down-white.png')
662 }
663 .jqx-info-dark.jqx-combobox-arrow-normal-dark .jqx-icon-arrow-up-dark {
664 background-image: url('images/metro-icon-up-white.png')
665 }
666 .jqx-info-dark.jqx-combobox-arrow-normal-dark.jqx-combobox-arrow-selected-dark {
667 background: #5bc0de !important;
668 }
669 .jqx-info-dark.jqx-dropdownlist-state-normal-dark,
670 .jqx-info-dark.jqx-slider-button-dark,
671 .jqx-info-dark.jqx-slider-slider-dark,
672 .jqx-info-dark.jqx-combobox-arrow-hover-dark,
673 .jqx-info-dark.jqx-combobox-arrow-normal-dark,
674 .jqx-info-dark.jqx-action-button-dark,
675 .jqx-info-dark:hover,
676 .jqx-info-dark:focus,
677 .jqx-info-dark:active,
678 .jqx-info-dark.active,
679 .jqx-info-dark.disabled,
680 .jqx-info-dark[disabled] {
681 color: #fff !important;
682 background: #5bc0de !important;
683 border-color: #5bc0de!important;
684 text-shadow: none !important;
685 }
686
687 .jqx-fill-state-pressed-dark.jqx-info-dark,
688 .jqx-info-dark:active,
689 .jqx-info-dark.active {
690 text-shadow: none !important;
691 color: #fff !important;
692 background: #5bc0de !important;
693 border-color: #5bc0de!important;
694 }
695
696 .jqx-primary .jqx-icon-arrow-down-dark, .jqx-warning .jqx-icon-arrow-down-dark, .jqx-danger .jqx-icon-arrow-down-dark, .jqx-success .jqx-icon-arrow-down-dark, .jqx-info .jqx-icon-arrow-down-dark {
697 background-image: url('images/metro-icon-down-white.png');
698 }
699 .jqx-primary .jqx-icon-arrow-down-selected-dark, .jqx-warning .jqx-icon-arrow-down-selected-dark, .jqx-danger .jqx-icon-arrow-down-selected-dark, .jqx-success .jqx-icon-arrow-down-selected-dark, .jqx-info .jqx-icon-arrow-down-selected-dark {
700 background-image: url('images/metro-icon-down-white.png');
701 }
702 .jqx-primary .jqx-icon-arrow-down-hover-dark, .jqx-warning .jqx-icon-arrow-down-hover-dark, .jqx-danger .jqx-icon-arrow-down-hover-dark, .jqx-success .jqx-icon-arrow-down-hover-dark, .jqx-info .jqx-icon-arrow-down-hover-dark {
703 background-image: url('images/metro-icon-down-white.png');
704 }
705 .jqx-primary .jqx-icon-arrow-up-dark, .jqx-warning .jqx-icon-arrow-up-dark, .jqx-danger .jqx-icon-arrow-up-dark, .jqx-success .jqx-icon-arrow-up-dark, .jqx-info .jqx-icon-arrow-up-dark {
706 background-image: url('images/metro-icon-up-white.png');
707 }
708 .jqx-primary .jqx-icon-arrow-up-selected-dark, .jqx-warning .jqx-icon-arrow-up-selected-dark, .jqx-danger .jqx-icon-arrow-up-selected-dark, .jqx-success .jqx-icon-arrow-up-selected-dark, .jqx-info .jqx-icon-arrow-up-selected-dark {
709 background-image: url('images/metro-icon-up-white.png');
710 }
711 .jqx-primary .jqx-icon-arrow-up-hover-dark, .jqx-warning .jqx-icon-arrow-up-hover-dark, .jqx-danger .jqx-icon-arrow-up-hover-dark, .jqx-success .jqx-icon-arrow-up-hover-dark, .jqx-info .jqx-icon-arrow-up-hover-dark {
712 background-image: url('images/metro-icon-up-white.png');
713 }
714
715
716 .jqx-primary-item-dark .jqx-listitem-state-hover, .jqx-primary-item-dark .jqx-menu-item-dark-hover, .jqx-primary-item-dark .jqx-tree-item-dark-hover, .jqx-primary-item-dark .jqx-calendar-cell-hover, .jqx-primary-item-dark .jqx-grid-cell-hover,
717 .jqx-primary-item-dark .jqx-menu-vertical .jqx-menu-item-dark-top-hover, .jqx-primary-item-dark .jqx-input-popup .jqx-fill-state-hover,
718 .jqx-primary-item-dark .jqx-input-popup .jqx-fill-state-pressed {
719 background-color: #434857 !important;
720 color: #fff !important;
721 text-shadow: none !important;
722 border-color: #434857 !important;
723 }
724 .jqx-primary-item-dark .jqx-listitem-state-selected, .jqx-primary-item-dark .jqx-menu-item-dark-selected, .jqx-primary-item-dark .jqx-tree-item-dark-selected, .jqx-primary-item-dark .jqx-calendar-cell-selected, .jqx-primary-item-dark .jqx-grid-cell-selected,
725 .jqx-primary-item-dark .jqx-menu-vertical .jqx-primary-item-dark .jqx-menu-item-dark-top-selected, .jqx-primary-item-dark .jqx-grid-selectionarea, .jqx-primary-item-dark .jqx-input-button-header, .jqx-primary-item-dark .jqx-input-button-innerHeader {
726
727 background-color: #434857 !important;
728 color: #fff !important;
729 text-shadow: none !important;
730 border-color: #434857 !important;
731 }
732 .jqx-warning-item-dark .jqx-listitem-state-hover, .jqx-warning-item-dark .jqx-menu-item-dark-hover, .jqx-warning-item-dark .jqx-tree-item-dark-hover, .jqx-warning-item-dark .jqx-calendar-cell-hover, .jqx-warning-item-dark .jqx-grid-cell-hover,
733 .jqx-warning-item-dark .jqx-menu-vertical .jqx-menu-item-dark-top-hover, .jqx-warning-item-dark .jqx-input-popup .jqx-fill-state-hover,
734 .jqx-warning-item-dark .jqx-input-popup .jqx-fill-state-pressed {
735 background-color: #434857 !important;
736 color: #fff !important;
737 text-shadow: none !important;
738 border-color: #434857 !important;
739 }
740 .jqx-warning-item-dark .jqx-listitem-state-selected, .jqx-warning-item-dark .jqx-menu-item-dark-selected, .jqx-warning-item-dark .jqx-tree-item-dark-selected, .jqx-warning-item-dark .jqx-calendar-cell-selected, .jqx-warning-item-dark .jqx-grid-cell-selected,
741 .jqx-warning-item-dark .jqx-menu-vertical .jqx-warning-item-dark .jqx-menu-item-dark-top-selected, .jqx-warning-item-dark .jqx-grid-selectionarea, .jqx-warning-item-dark .jqx-input-button-header, .jqx-warning-item-dark .jqx-input-button-innerHeader {
742
743 background-color: #434857 !important;
744 color: #fff !important;
745 text-shadow: none !important;
746 border-color: #434857 !important;
747 }
748 .jqx-danger-item-dark .jqx-listitem-state-hover, .jqx-danger-item-dark .jqx-menu-item-dark-hover, .jqx-danger-item-dark .jqx-tree-item-dark-hover, .jqx-danger-item-dark .jqx-calendar-cell-hover, .jqx-danger-item-dark .jqx-grid-cell-hover,
749 .jqx-danger-item-dark .jqx-menu-vertical .jqx-menu-item-dark-top-hover, .jqx-danger-item-dark .jqx-input-popup .jqx-fill-state-hover,
750 .jqx-danger-item-dark .jqx-input-popup .jqx-fill-state-pressed {
751 background-color: #434857 !important;
752 color: #fff !important;
753 text-shadow: none !important;
754 border-color: #434857 !important;
755 }
756 .jqx-danger-item-dark .jqx-listitem-state-selected, .jqx-danger-item-dark .jqx-menu-item-dark-selected, .jqx-danger-item-dark .jqx-tree-item-dark-selected, .jqx-danger-item-dark .jqx-calendar-cell-selected, .jqx-danger-item-dark .jqx-grid-cell-selected,
757 .jqx-danger-item-dark .jqx-menu-vertical .jqx-danger-item-dark .jqx-menu-item-dark-top-selected, .jqx-danger-item-dark .jqx-grid-selectionarea, .jqx-danger-item-dark .jqx-input-button-header, .jqx-danger-item-dark .jqx-input-button-innerHeader {
758
759 background-color: #434857 !important;
760 color: #fff !important;
761 text-shadow: none !important;
762 border-color: #434857 !important;
763 }
764 .jqx-success-item-dark .jqx-listitem-state-hover, .jqx-success-item-dark .jqx-menu-item-dark-hover, .jqx-success-item-dark .jqx-tree-item-dark-hover, .jqx-success-item-dark .jqx-calendar-cell-hover, .jqx-success-item-dark .jqx-grid-cell-hover,
765 .jqx-success-item-dark .jqx-menu-vertical .jqx-menu-item-dark-top-hover, .jqx-success-item-dark .jqx-input-popup .jqx-fill-state-hover,
766 .jqx-success-item-dark .jqx-input-popup .jqx-fill-state-pressed {
767 background-color: #434857 !important;
768 color: #fff !important;
769 text-shadow: none !important;
770 border-color: #434857 !important;
771 }
772 .jqx-success-item-dark .jqx-listitem-state-selected, .jqx-success-item-dark .jqx-menu-item-dark-selected, .jqx-success-item-dark .jqx-tree-item-dark-selected, .jqx-success-item-dark .jqx-calendar-cell-selected, .jqx-success-item-dark .jqx-grid-cell-selected,
773 .jqx-success-item-dark .jqx-menu-vertical .jqx-success-item-dark .jqx-menu-item-dark-top-selected, .jqx-success-item-dark .jqx-grid-selectionarea, .jqx-success-item-dark .jqx-input-button-header, .jqx-success-item-dark .jqx-input-button-innerHeader {
774
775 background-color: #434857 !important;
776 color: #fff !important;
777 text-shadow: none !important;
778 border-color: #434857 !important;
779 }
780 .jqx-info-item-dark .jqx-listitem-state-hover, .jqx-info-item-dark .jqx-menu-item-dark-hover, .jqx-info-item-dark .jqx-tree-item-dark-hover, .jqx-info-item-dark .jqx-calendar-cell-hover, .jqx-info-item-dark .jqx-grid-cell-hover,
781 .jqx-info-item-dark .jqx-menu-vertical .jqx-menu-item-dark-top-hover, .jqx-info-item-dark .jqx-input-popup .jqx-fill-state-hover,
782 .jqx-info-item-dark .jqx-input-popup .jqx-fill-state-pressed {
783 background-color: #434857 !important;
784 color: #fff !important;
785 text-shadow: none !important;
786 border-color: #434857 !important;
787 }
788 .jqx-info-item-dark .jqx-listitem-state-selected, .jqx-info-item-dark .jqx-menu-item-dark-selected, .jqx-info-item-dark .jqx-tree-item-dark-selected, .jqx-info-item-dark .jqx-calendar-cell-selected, .jqx-info-item-dark .jqx-grid-cell-selected,
789 .jqx-info-item-dark .jqx-menu-vertical .jqx-info-item-dark .jqx-menu-item-dark-top-selected, .jqx-info-item-dark .jqx-grid-selectionarea, .jqx-info-item-dark .jqx-input-button-header, .jqx-info-item-dark .jqx-input-button-innerHeader {
790
791 background-color: #434857 !important;
792 color: #fff !important;
793 text-shadow: none !important;
794 border-color: #434857 !important;
795 }
796 .jqx-inverse-item-dark .jqx-listitem-state-hover, .jqx-inverse-item-dark .jqx-menu-item-dark-hover, .jqx-inverse-item-dark .jqx-tree-item-dark-hover, .jqx-inverse-item-dark .jqx-calendar-cell-hover, .jqx-inverse-item-dark .jqx-grid-cell-hover,
797 .jqx-inverse-item-dark .jqx-menu-vertical .jqx-menu-item-dark-top-hover, .jqx-inverse-item-dark .jqx-input-popup .jqx-fill-state-hover,
798 .jqx-inverse-item-dark .jqx-input-popup .jqx-fill-state-pressed {
799 background-color: #434857 !important;
800 color: #fff !important;
801 text-shadow: none !important;
802 border-color: #434857 !important;
803 }
804 .jqx-inverse-item-dark .jqx-listitem-state-selected, .jqx-inverse-item-dark .jqx-menu-item-dark-selected, .jqx-inverse-item-dark .jqx-tree-item-dark-selected, .jqx-inverse-item-dark .jqx-calendar-cell-selected, .jqx-inverse-item-dark .jqx-grid-cell-selected,
805 .jqx-inverse-item-dark .jqx-menu-vertical .jqx-inverse-item-dark .jqx-menu-item-dark-top-selected, .jqx-inverse-item-dark .jqx-grid-selectionarea, .jqx-inverse-item-dark .jqx-input-button-header, .jqx-inverse-item-dark .jqx-input-button-innerHeader {
806
807 background-color: #434857 !important;
808 color: #fff !important;
809 text-shadow: none !important;
810 border-color: #434857 !important;
811 }

mercurial