Thu, 07 Aug 2014 21:19:30 +0200
Auto refresh LED's state added.
117 | 1 | .jqx-widget-shinyblack{border-color:#222} |
2 | .jqx-widget-content-shinyblack{color:#222; border-color:#262626} | |
3 | .jqx-fill-state-normal-shinyblack, .jqx-widget-header-shinyblack{color:#fff; border-color:#000; background:#000 url(images/bg_black.png) left center scroll repeat-x} | |
4 | .jqx-fill-state-hover-shinyblack{background:transparent url(images/bg_blackhover.png) left center scroll repeat-x; border-color:#262626; color:#fff} | |
5 | .jqx-fill-state-pressed-shinyblack, .jqx-menu-item-top-hover-shinyblack{background:transparent url(images/bg_blackpressed.png) left center scroll repeat-x; border-color:#262626; color:#fff} | |
6 | ||
7 | .jqx-checkbox-check-checked-shinyblack{background:transparent url(images/check_white.png) left top no-repeat} | |
8 | .jqx-checkbox-check-indeterminate-shinyblack{background:transparent url(images/check_indeterminate_white.png) left top no-repeat} | |
9 | .jqx-grid-shinyblack, .jqx-grid-header-shinyblack, .jqx-grid-cell-shinyblack{border-color:#262626} | |
10 | .jqx-widget-shinyblack .jqx-grid-cell-shinyblack, .jqx-widget-shinyblack .jqx-grid-group-cell-shinyblack{border-color:#262626} | |
11 | .jqx-widget-shinyblack .jqx-grid-column-menubutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortascbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortdescbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-filterbutton-shinyblack{border-color:#262626} | |
12 | .jqx-widget-shinyblack .jqx-grid-column-header-shinyblack{border-color:#262626} | |
13 | .jqx-grid-bottomright-shinyblack, .jqx-panel-bottomright-shinyblack, .jqx-listbox-bottomright-shinyblack{background-color:#262626} | |
14 | .jqx-widget-shinyblack .jqx-grid-column-menubutton-shinyblack, .jqx-menu-vertical-shinyblack{background-color:#262626; border-color:#262626} | |
15 | .jqx-grid-selectionarea-shinyblack{background-color:#262626; border:1px solid #262626; opacity:0.5} | |
16 | .jqx-grid-group-cell-shinyblack{border-color:#262626; background-color:#fff} | |
17 | .jqx-grid-cell-sort-shinyblack, .jqx-grid-cell-filter-shinyblack, .jqx-grid-cell-pinned-shinyblack{ background-color:#eaf8ff} | |
18 | .jqx-grid-cell-alt-shinyblack, .jqx-grid-cell-sort-alt-shinyblack, .jqx-grid-cell-filter-alt-shinyblack{ background-color:#deedf5} | |
19 | .jqx-grid-cell-selected-shinyblack{background:#262626; color:#fff} | |
20 | .jqx-grid-cell-hover-shinyblack{background:#646464; color:#fff} | |
21 | .jqx-menu-vertical-shinyblack{background: #222; color:#fff;} | |
22 | .jqx-scrollbar-state-normal-shinyblack{background:#555; border:1px solid #555} | |
23 | .jqx-scrollbar-button-state-normal-shinyblack{border:1px solid #555; background:#555} | |
24 | .jqx-scrollbar-button-state-hover-shinyblack{background:#555 url(images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000} | |
25 | .jqx-scrollbar-button-state-pressed-shinyblack{background:#555 url(images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000} | |
26 | .jqx-scrollbar-thumb-state-normal-horizontal-shinyblack{background:#555 url(images/bg_black.png) left top scroll repeat-x; border:1px solid #000} | |
27 | .jqx-scrollbar-thumb-state-hover-horizontal-shinyblack{ background:#555 url(images/bg_blackhover.png) left top scroll repeat-x; border:1px solid #000} | |
28 | .jqx-scrollbar-thumb-state-pressed-horizontal-shinyblack{background:#555 url(images/bg_blackpressed.png) left top scroll repeat-x; border:1px solid #000} | |
29 | .jqx-scrollbar-thumb-state-normal-shinyblack{background:#555 url(images/bg_black_horizontal.png) left top scroll repeat-x; border:1px solid #000} | |
30 | .jqx-scrollbar-thumb-state-hover-shinyblack{background:#555 url(images/bg_blackhover_horizontal.png) left top scroll repeat-x; border:1px solid #000} | |
31 | .jqx-scrollbar-thumb-state-pressed-shinyblack{background:#555 url(images/bg_blackpressed_horizontal.png) left top scroll repeat-x; border:1px solid #000} | |
32 | .jqx-splitter-splitbar-horizontal-shinyblack, .jqx-splitter-splitbar-vertical-shinyblack, .jqx-splitter-splitbar-hover-shinyblack, .jqx-splitter-splitbar-hover-horizontal-shinyblack{background: #555;} | |
33 | .jqx-splitter-collapse-button-horizontal-shinyblack, .jqx-splitter-collapse-button-vertical-shinyblack{background: #7f7f7f;} | |
34 | .jqx-grid-column-sortascbutton-shinyblack, .jqx-expander-arrow-bottom-shinyblack, .jqx-window-collapse-button-shinyblack, .jqx-menu-item-arrow-up-shinyblack, .jqx-menu-item-arrow-up-selected-shinyblack, .jqx-menu-item-arrow-top-up-shinyblack, .jqx-icon-arrow-up-shinyblack, .jqx-icon-arrow-up-hover-shinyblack, .jqx-icon-arrow-up-selected-shinyblack{background-image:url('images/icon-up-white.png'); background-repeat:no-repeat; background-position:center} | |
35 | .jqx-grid-column-menubutton-shinyblack, .jqx-grid-column-sortdescbutton-shinyblack, .jqx-expander-arrow-top-shinyblack, .jqx-window-collapse-button-collapsed-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-menu-item-arrow-down-selected-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-icon-arrow-down-shinyblack, .jqx-icon-arrow-down-hover-shinyblack, .jqx-icon-arrow-down-selected-shinyblack{background-image:url('images/icon-down-white.png'); background-repeat:no-repeat; background-position:center} | |
36 | ||
37 | .jqx-icon-arrow-left-shinyblack{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center} | |
38 | .jqx-icon-arrow-right-shinyblack{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center} | |
39 | .jqx-menu-item-arrow-left-shinyblack{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center} | |
40 | .jqx-menu-item-arrow-right-shinyblack{background-image:url('images/icon-right.png'); background-repeat:no-repeat; background-position:center} | |
41 | ||
42 | .jqx-tabs-arrow-left-shinyblack, .jqx-menu-item-arrow-left-selected-shinyblack, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-down-left-shinyblack, .jqx-icon-arrow-left-selected-shinyblack{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center} | |
43 | .jqx-tabs-arrow-right-shinyblack, .jqx-menu-item-arrow-right-selected-shinyblack, .jqx-menu-item-arrow-top-right-shinyblack, .jqx-icon-arrow-right-hover-shinyblack, .jqx-icon-arrow-right-selected-shinyblack{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center} | |
44 | .jqx-window-close-button-shinyblack, .jqx-icon-close-shinyblack, .jqx-tabs-close-button-shinyblack, .jqx-tabs-close-button-hover-shinyblack, .jqx-tabs-close-button-selected-shinyblack{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center} | |
45 | /*applied to the progressbar's value element*/ | |
46 | .jqx-progressbar-value-shinyblack{background: #555;} | |
47 | .jqx-progressbar-value-vertical-shinyblack{background: #555;} | |
48 | .jqx-icon-arrow-first-shinyblack | |
49 | { | |
50 | background-image: url('images/icon-first-white.png'); | |
51 | background-repeat: no-repeat; | |
52 | background-position: center; | |
53 | } | |
54 | .jqx-icon-arrow-last-shinyblack | |
55 | { | |
56 | background-image: url('images/icon-last-white.png'); | |
57 | background-repeat: no-repeat; | |
58 | background-position: center; | |
59 | } | |
60 | ||
61 | .jqx-grid-group-expand-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-expand-shinyblack, .jqx-tree-item-arrow-expand-shinyblack { | |
62 | background-image: url('images/icon-down.png'); | |
63 | background-repeat: no-repeat; | |
64 | background-position: center; | |
65 | } | |
66 | .jqx-grid-group-collapse-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-collapse-shinyblack, .jqx-tree-item-arrow-collapse-shinyblack { | |
67 | background-image: url('images/icon-right.png'); | |
68 | background-repeat: no-repeat; | |
69 | background-position: center; | |
70 | } | |
71 | .jqx-grid-group-collapse-rtl-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-collapse-rtl-shinyblack, .jqx-tree-item-arrow-collapse-rtl-shinyblack { | |
72 | background-image: url('images/icon-left.png'); | |
73 | background-repeat: no-repeat; | |
74 | background-position: center; | |
75 | } | |
76 | .jqx-grid-group-expand-rtl-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-expand-rtl-shinyblack { | |
77 | background-image: url('images/icon-down.png'); | |
78 | background-repeat: no-repeat; | |
79 | background-position: center; | |
80 | } | |
81 | ||
82 | .jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-expand-shinyblack, | |
83 | .jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-expand-shinyblack { | |
84 | background-image: url('images/icon-down-white.png'); | |
85 | background-repeat: no-repeat; | |
86 | background-position: center; | |
87 | } | |
88 | .jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-collapse-shinyblack, | |
89 | .jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-collapse-shinyblack { | |
90 | background-image: url('images/icon-right-white.png'); | |
91 | background-repeat: no-repeat; | |
92 | background-position: center; | |
93 | } | |
94 | .jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-collapse-rtl-shinyblack, | |
95 | .jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-collapse-rtl-shinyblack { | |
96 | background-image: url('images/icon-left-white.png'); | |
97 | background-repeat: no-repeat; | |
98 | background-position: center; | |
99 | } | |
100 | .jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-expand-rtl-shinyblack, | |
101 | .jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-expand-rtl-shinyblack { | |
102 | background-image: url('images/icon-down-white.png'); | |
103 | background-repeat: no-repeat; | |
104 | background-position: center; | |
105 | } | |
106 | .jqx-icon-search-shinyblack | |
107 | { | |
108 | background-image: url(images/search_white.png); | |
109 | background-repeat: no-repeat; | |
110 | background-position: center; | |
111 | } | |
112 | .jqx-icon-calendar-shinyblack, .jqx-icon-calendar-hover-shinyblack, .jqx-icon-calendar-pressed-shinyblack { | |
113 | background-image: url('images/icon-calendar-white.png'); | |
114 | } | |
115 | .jqx-icon-delete-shinyblack | |
116 | { | |
117 | background-image: url('images/icon-delete-white.png'); | |
118 | } | |
119 | .jqx-icon-edit-shinyblack | |
120 | { | |
121 | background-image: url('images/icon-edit-white.png'); | |
122 | } | |
123 | .jqx-icon-save-shinyblack | |
124 | { | |
125 | background-image: url('images/icon-save-white.png'); | |
126 | } | |
127 | .jqx-icon-cancel-shinyblack | |
128 | { | |
129 | background-image: url('images/icon-cancel-white.png'); | |
130 | } | |
131 | .jqx-icon-search-shinyblack | |
132 | { | |
133 | background-image: url(images/search_white.png); | |
134 | } | |
135 | .jqx-icon-plus-shinyblack | |
136 | { | |
137 | background-image: url(images/plus_white.png); | |
138 | } | |
139 | .jqx-menu-minimized-button-shinyblack { | |
140 | background-image: url('images/icon-menu-minimized-white.png'); | |
141 | } | |
142 | .jqx-editor-toolbar-icon-shinyblack { | |
143 | background: url('images/html_editor_white.png') no-repeat; | |
144 | } |