www/jqwidgets/styles/jqx.dark.css

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

mercurial