www/jqwidgets/styles/jqx.black.css

changeset 1
37f1a08315f3
child 451
259c97782bf8
equal deleted inserted replaced
0:033898178630 1:37f1a08315f3
1 .jqx-rc-tl-black
2 {
3 -moz-border-radius-topleft: 5px;
4 -webkit-border-top-left-radius: 5px;
5 border-top-left-radius: 5px;
6 }
7 /*top-right rounded Corners*/
8 .jqx-rc-tr-black
9 {
10 -moz-border-radius-topright: 5px;
11 -webkit-border-top-right-radius: 5px;
12 border-top-right-radius: 5px;
13 }
14 /*bottom-left rounded Corners*/
15 .jqx-rc-bl-black
16 {
17 -moz-border-radius-bottomleft: 5px;
18 -webkit-border-bottom-left-radius: 5px;
19 border-bottom-left-radius: 5px;
20 }
21 /*bottom-right rounded Corners*/
22 .jqx-rc-br-black
23 {
24 -moz-border-radius-bottomright: 5px;
25 -webkit-border-bottom-right-radius: 5px;
26 border-bottom-right-radius: 5px;
27 }
28 /*top rounded Corners*/
29 .jqx-rc-t-black
30 {
31 -moz-border-radius-topleft: 5px;
32 -webkit-border-top-left-radius: 5px;
33 border-top-left-radius: 5px;
34 -moz-border-radius-topright: 5px;
35 -webkit-border-top-right-radius: 5px;
36 border-top-right-radius: 5px;
37 }
38 /*bottom rounded Corners*/
39 .jqx-rc-b-black
40 {
41 -moz-border-radius-bottomleft: 5px;
42 -webkit-border-bottom-left-radius: 5px;
43 border-bottom-left-radius: 5px;
44 -moz-border-radius-bottomright: 5px;
45 -webkit-border-bottom-right-radius: 5px;
46 border-bottom-right-radius: 5px;
47 }
48 /*right rounded Corners*/
49 .jqx-rc-r-black
50 {
51 -moz-border-radius-topright: 5px;
52 -webkit-border-top-right-radius: 5px;
53 border-top-right-radius: 5px;
54 -moz-border-radius-bottomright: 5px;
55 -webkit-border-bottom-right-radius: 5px;
56 border-bottom-right-radius: 5px;
57 }
58 /*left rounded Corners*/
59 .jqx-rc-l-black
60 {
61 -moz-border-radius-topleft: 5px;
62 -webkit-border-top-left-radius: 5px;
63 border-top-left-radius: 5px;
64 -moz-border-radius-bottomleft: 5px;
65 -webkit-border-bottom-left-radius: 5px;
66 border-bottom-left-radius: 5px;
67 }
68 /*all rounded Corners*/
69 .jqx-rc-all-black
70 {
71 -moz-border-radius: 5px;
72 -webkit-border-radius: 5px;
73 border-radius: 5px;
74 }
75 .jqx-widget-black {
76 color: inherit;
77 }
78 .jqx-grid-selectionarea-black{background-color:#262626; border:1px solid #262626; opacity:0.5}
79 .jqx-grid-group-cell-black{border-color:#262626; background-color:#fff}
80 .jqx-grid-cell-sort-black, .jqx-grid-cell-filter-black, .jqx-grid-cell-pinned-black{ background-color:#eaf8ff}
81 .jqx-grid-cell-alt-black, .jqx-grid-cell-sort-alt-black, .jqx-grid-cell-filter-alt-black{ background-color:#deedf5}
82 .jqx-widget-black .jqx-grid-cell-black{background: #000; border-color:#555}
83 .jqx-widget-black .jqx-grid-group-cell-black{background-color: #000; border-color: #555;}
84 .jqx-widget-black .jqx-grid-cell-selected-black{color:#fff !important}
85 .jqx-widget-black .jqx-grid-cell-hover-black{color:#fff !important}
86 .jqx-widget-black{font-family:Tahoma,"Lucida Sans",Verdana,Helvetica,Arial,sans-serif; border-color:#222;}
87 .jqx-widget-content-black{font-family:Tahoma,"Lucida Sans",Verdana,Helvetica,Arial,sans-serif; color:#fff; border-color:#262626; background: #111;}
88 .jqx-fill-state-normal-black, .jqx-widget-header-black, .jqx-input-button-content-black{font-family:Tahoma,"Lucida Sans",Verdana,Helvetica,Arial,sans-serif; color:#fff; border-color:#000; background: #a4a4a4;
89 background: -moz-linear-gradient(top, #a4a4a4 0%, #757575 4%, #4f4f4f 37%, #464646 48%, #000000 52%, #000000 56%, #0c0c0c 67%, #1e1e1e 78%, #414141 96%, #666666 100%);
90 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a4), color-stop(4%,#757575), color-stop(37%,#4f4f4f), color-stop(48%,#464646), color-stop(52%,#000000), color-stop(56%,#000000), color-stop(67%,#0c0c0c), color-stop(78%,#1e1e1e), color-stop(96%,#414141), color-stop(100%,#666666));
91 background: -webkit-linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);
92 background: -o-linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);
93 background: -ms-linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);
94 background: linear-gradient(top, #a4a4a4 0%,#757575 4%,#4f4f4f 37%,#464646 48%,#000000 52%,#000000 56%,#0c0c0c 67%,#1e1e1e 78%,#414141 96%,#666666 100%);}
95 .jqx-fill-state-hover-black, .jqx-input-button-header-black, .jqx-widget-black .jqx-grid-cell-hover-black{background: #f87948;
96 background: -moz-linear-gradient(top, #f87948 0%, #fb4e0b 4%, #f44501 11%, #e24000 19%, #983600 44%, #983600 48%, #5c2900 52%, #692b00 67%, #c23700 96%, #bd3800 100%);
97 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f87948), color-stop(4%,#fb4e0b), color-stop(11%,#f44501), color-stop(19%,#e24000), color-stop(44%,#983600), color-stop(48%,#983600), color-stop(52%,#5c2900), color-stop(67%,#692b00), color-stop(96%,#c23700), color-stop(100%,#bd3800));
98 background: -webkit-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
99 background: -o-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
100 background: -ms-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
101 background: linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
102 border-color:#262626; color:#fff}
103 .jqx-fill-state-pressed-black, .jqx-menu-item-top-hover-black, .jqx-widget-black .jqx-grid-cell-selected-black{background: #db4200;
104 background: -moz-linear-gradient(top, #db4200 0%, #902e00 4%, #7d2a01 19%, #531c03 44%, #531c03 48%, #0f0906 52%, #221105 63%, #2b1705 67%, #592903 89%, #642e02 96%, #902e00 100%);
105 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db4200), color-stop(4%,#902e00), color-stop(19%,#7d2a01), color-stop(44%,#531c03), color-stop(48%,#531c03), color-stop(52%,#0f0906), color-stop(63%,#221105), color-stop(67%,#2b1705), color-stop(89%,#592903), color-stop(96%,#642e02), color-stop(100%,#902e00));
106 background: -webkit-linear-gradient(top, #db4200 0%,#902e00 4%,#7d2a01 19%,#531c03 44%,#531c03 48%,#0f0906 52%,#221105 63%,#2b1705 67%,#592903 89%,#642e02 96%,#902e00 100%);
107 background: -o-linear-gradient(top, #db4200 0%,#902e00 4%,#7d2a01 19%,#531c03 44%,#531c03 48%,#0f0906 52%,#221105 63%,#2b1705 67%,#592903 89%,#642e02 96%,#902e00 100%);
108 background: -ms-linear-gradient(top, #db4200 0%,#902e00 4%,#7d2a01 19%,#531c03 44%,#531c03 48%,#0f0906 52%,#221105 63%,#2b1705 67%,#592903 89%,#642e02 96%,#902e00 100%);
109 background: linear-gradient(top, #db4200 0%,#902e00 4%,#7d2a01 19%,#531c03 44%,#531c03 48%,#0f0906 52%,#221105 63%,#2b1705 67%,#592903 89%,#642e02 96%,#902e00 100%);
110 border-color:#262626; color:#fff}
111 .jqx-fill-state-disabled-black {cursor: default; opacity: .55; filter:Alpha(Opacity=45);}
112
113 .jqx-checkbox-check-checked-black{background:transparent url(images/check_white.png) left top no-repeat}
114 .jqx-checkbox-check-indeterminate-black{background:transparent url(images/check_indeterminate_white.png) left top no-repeat}
115 .jqx-grid-black, .jqx-grid-header-black, .jqx-grid-cell-black{border-color:#262626}
116 .jqx-widget-black .jqx-grid-column-menubutton-black, .jqx-widget-black .jqx-grid-column-sortascbutton-black, .jqx-widget-black .jqx-grid-column-sortdescbutton-black, .jqx-widget-black .jqx-grid-column-filterbutton-black{border-color:#262626}
117 .jqx-widget-black .jqx-grid-column-header-black{border-color:#262626}
118 .jqx-calendar-cell-today-black {
119 color: #35353A;
120 }
121 .jqx-grid-bottomright-black, .jqx-panel-bottomright-black, .jqx-listbox-bottomright-black{background-color:#262626}
122 .jqx-widget-black .jqx-grid-column-menubutton-black, .jqx-menu-vertical-black{background-color:#262626; border-color:#262626}
123 .jqx-menu-vertical-black{background: #222; color:#fff;}
124 .jqx-scrollbar-state-normal-black{background:#111; border:1px solid #111}
125 .jqx-scrollbar-button-state-normal-black{border:1px solid #111; background:#111}
126 .jqx-scrollbar-button-state-hover-black{background: #f87948;
127 background: -moz-linear-gradient(top, #f87948 0%, #fb4e0b 4%, #f44501 11%, #e24000 19%, #983600 44%, #983600 48%, #5c2900 52%, #692b00 67%, #c23700 96%, #bd3800 100%);
128 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f87948), color-stop(4%,#fb4e0b), color-stop(11%,#f44501), color-stop(19%,#e24000), color-stop(44%,#983600), color-stop(48%,#983600), color-stop(52%,#5c2900), color-stop(67%,#692b00), color-stop(96%,#c23700), color-stop(100%,#bd3800));
129 background: -webkit-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
130 background: -o-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
131 background: -ms-linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%);
132 background: linear-gradient(top, #f87948 0%,#fb4e0b 4%,#f44501 11%,#e24000 19%,#983600 44%,#983600 48%,#5c2900 52%,#692b00 67%,#c23700 96%,#bd3800 100%); border:1px solid #000}
133 .jqx-scrollbar-button-state-pressed-black{background:#555 url(images/darkred_gradient.png) left top scroll repeat-x; border:1px solid #000}
134 .jqx-scrollbar-thumb-state-normal-horizontal-black{ background:#555; background-image:-webkit-gradient(linear,0 0,0 100%,from(#717171),to(#494949)); background-image:-moz-linear-gradient(top,#717171,#494949); background-image:-o-linear-gradient(top,#717171,#494949); border:1px solid #000}
135 .jqx-scrollbar-thumb-state-hover-horizontal-black{ background:#983600; background-image:-webkit-gradient(linear,0 0,0 100%,from(#fb4e0b),to(#983600)); background-image:-moz-linear-gradient(top,#fb4e0b,#983600); background-image:-o-linear-gradient(top,#fb4e0b,#983600); border:1px solid #000}
136 .jqx-scrollbar-thumb-state-pressed-horizontal-black{ background:#902e00; background-image:-webkit-gradient(linear,0 0,0 100%,from(#902e00),to(#531c03)); background-image:-moz-linear-gradient(top,#902e00,#531c03); background-image:-o-linear-gradient(top,#902e00,#531c03); border:1px solid #000}
137 .jqx-scrollbar-thumb-state-normal-black{ background:#555; background-image:-webkit-gradient(linear,left top,right top,from(#717171),to(#494949)); background-image:-moz-linear-gradient(left,#717171,#494949); background-image:-o-linear-gradient(left,#717171,#494949); border:1px solid #000;}
138 .jqx-scrollbar-thumb-state-hover-black{ background:#983600; background-image:-webkit-gradient(linear,left top,right top,from(#fb4e0b),to(#983600)); background-image:-moz-linear-gradient(left,#fb4e0b,#983600); background-image:-o-linear-gradient(left,#fb4e0b,#983600); border:1px solid #000}
139 .jqx-scrollbar-thumb-state-pressed-black{ background:#902e00; background-image:-webkit-gradient(linear,left top,right top,from(#902e00),to(#531c03)); background-image:-moz-linear-gradient(left,#902e00,#531c03); background-image:-o-linear-gradient(left,#902e00,#531c03); border:1px solid #000}
140
141 .jqx-splitter-splitbar-horizontal-black, .jqx-splitter-splitbar-vertical-black, .jqx-splitter-splitbar-hover-black, .jqx-splitter-splitbar-hover-horizontal-black{background: #555;}
142 .jqx-splitter-collapse-button-horizontal-black, .jqx-splitter-collapse-button-vertical-black{background: #7f7f7f;}
143 .jqx-grid-column-sortascbutton-black, .jqx-expander-arrow-bottom-black, .jqx-window-collapse-button-black, .jqx-menu-item-arrow-up-black, .jqx-menu-item-arrow-up-selected-black, .jqx-menu-item-arrow-top-up-black, .jqx-icon-arrow-up-black, .jqx-icon-arrow-up-hover-black, .jqx-icon-arrow-up-selected-black{background-image:url('images/icon-up-white.png'); background-repeat:no-repeat; background-position:center}
144 .jqx-widget-black .jqx-grid-group-expand-black, .jqx-grid-group-expand-black, .jqx-grid-column-menubutton-black, .jqx-grid-column-sortdescbutton-black, .jqx-expander-arrow-top-black, .jqx-window-collapse-button-collapsed-black, .jqx-menu-item-arrow-down-black, .jqx-menu-item-arrow-down-selected-black, .jqx-menu-item-arrow-down-black, .jqx-icon-arrow-down-black, .jqx-icon-arrow-down-hover-black, .jqx-icon-arrow-down-selected-black{background-image:url('images/icon-down-white.png'); background-repeat:no-repeat; background-position:center}
145 .jqx-tabs-arrow-left-black, .jqx-menu-item-arrow-left-selected-black, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-black, .jqx-icon-arrow-down-left-black, .jqx-icon-arrow-left-selected-black{background-image:url('images/icon-left-white.png'); background-repeat:no-repeat; background-position:center}
146 .jqx-widget-black .jqx-grid-group-collapse-black, .jqx-grid-group-collapse-black,.jqx-tabs-arrow-right-black, .jqx-menu-item-arrow-right-selected-black, .jqx-menu-item-arrow-top-right-black, .jqx-icon-arrow-right-black, .jqx-icon-arrow-right-hover-black, .jqx-icon-arrow-right-selected-black{background-image:url('images/icon-right-white.png'); background-repeat:no-repeat; background-position:center}
147 .jqx-window-close-button-black, .jqx-icon-close-black, .jqx-tabs-close-button-black, .jqx-tabs-close-button-hover-black, .jqx-tabs-close-button-selected-black{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center}
148 .jqx-tree-item-arrow-collapse-rtl-black, .jqx-tree-item-arrow-collapse-hover-rtl-black{background-image: url(images/icon-left.png);}
149 .jqx-listitem-state-group-black{background: #222;}
150 .jqx-calendar-cell-specialDate-black{border: 1px solid black;}
151 .jqx-tabs-selection-tracker-top-black, .jqx-tabs-selection-tracker-bottom-black{background-color: #000; border-color: #000;}
152 .jqx-widget-black .jqx-grid-cell-sort-black, .jqx-widget-black .jqx-grid-cell-alt-black, .jqx-widget-black .jqx-grid-cell-filter-black, .jqx-widget-black .jqx-grid-cell-pinned-black{background-color:#333}
153 .jqx-listbox-feedback-black{ border-top: 1px dashed #ccc;}
154 .jqx-combobox-input-black, .jqx-combobox-content-black, .jqx-input-black, .jqx-input-content-black{background: #f7f7f7; color: #000;}
155 .jqx-widget-black, .jqx-widget-header-black, .jqx-widget-content-black{-webkit-background-clip: padding-box; background-clip: padding-box;}
156 .jqx-fill-state-focus-black .jqx-widget-content{border-color: #000;}
157 .jqx-radiobutton-check-checked-black{background: #fff;}
158 .jqx-icon-arrow-first-black
159 {
160 background-image: url('images/icon-first-white.png');
161 background-repeat: no-repeat;
162 background-position: center;
163 }
164 .jqx-icon-arrow-last-black
165 {
166 background-image: url('images/icon-last-white.png');
167 background-repeat: no-repeat;
168 background-position: center;
169 }
170 .jqx-grid-cell-black.jqx-grid-cell-selected-black>.jqx-grid-group-expand-black,
171 .jqx-grid-cell-black.jqx-grid-cell-hover-black>.jqx-grid-group-expand-black {
172 background-image: url('images/icon-down-white.png');
173 background-repeat: no-repeat;
174 background-position: center;
175 }
176 .jqx-grid-cell-black.jqx-grid-cell-selected-black>.jqx-grid-group-collapse-black,
177 .jqx-grid-cell-black.jqx-grid-cell-hover-black>.jqx-grid-group-collapse-black {
178 background-image: url('images/icon-right-white.png');
179 background-repeat: no-repeat;
180 background-position: center;
181 }
182 .jqx-grid-cell-black.jqx-grid-cell-selected-black>.jqx-grid-group-collapse-rtl-black,
183 .jqx-grid-cell-black.jqx-grid-cell-hover-black>.jqx-grid-group-collapse-rtl-black {
184 background-image: url('images/icon-left-white.png');
185 background-repeat: no-repeat;
186 background-position: center;
187 }
188 .jqx-grid-cell-black.jqx-grid-cell-selected-black>.jqx-grid-group-expand-rtl-black,
189 .jqx-grid-cell-black.jqx-grid-cell-hover-black>.jqx-grid-group-expand-rtl-black {
190 background-image: url('images/icon-down-white.png');
191 background-repeat: no-repeat;
192 background-position: center;
193 }
194 .jqx-icon-calendar-black, .jqx-icon-calendar-hover-black, .jqx-icon-calendar-pressed-black {
195 background-image: url('images/icon-calendar-white.png');
196 }
197 .jqx-icon-time-black, .jqx-icon-time-hover-black, .jqx-icon-time-pressed-black {
198 background-image: url('images/icon-time-white.png');
199 }
200
201 .jqx-icon-delete-black
202 {
203 background-image: url('images/icon-delete-white.png');
204 }
205 .jqx-icon-edit-black
206 {
207 background-image: url('images/icon-edit-white.png');
208 }
209 .jqx-icon-save-black
210 {
211 background-image: url('images/icon-save-white.png');
212 }
213 .jqx-icon-cancel-black
214 {
215 background-image: url('images/icon-cancel-white.png');
216 }
217 .jqx-icon-search-black
218 {
219 background-image: url(images/search_white.png);
220 }
221 .jqx-icon-plus-black
222 {
223 background-image: url(images/plus_white.png);
224 }
225 .jqx-menu-minimized-button-black {
226 background-image: url('images/icon-menu-minimized-white.png');
227 }
228 .jqx-editor-toolbar-icon-black {
229 background: url('images/html_editor_white.png') no-repeat;
230 }
231 .jqx-layout-black
232 {
233 background-color: #000;
234 }
235 .jqx-layout-pseudo-window-pin-icon-black
236 {
237 background-image: url("images/pin-white.png");
238 }
239 .jqx-layout-pseudo-window-pinned-icon-black
240 {
241 background-image: url("images/pinned-white.png");
242 }
243 .jqx-scheduler-month-cell-black, .jqx-scheduler-time-column-black, .jqx-scheduler-toolbar-black
244 {
245 background: #35353A !important;
246 color: #fff !important;
247 }
248 .jqx-widget-black .jqx-scheduler-middle-cell-black, .jqx-scheduler-middle-cell-black {
249 border-bottom-color: #35353A !important;
250 }
251 .jqx-kanban-item-black {
252 box-shadow:none;
253 }
254
255
256 .jqx-grid-column-menubutton-black {
257 border-style: solid;
258 border-width: 0px 0px 0px 1px;
259 border-color: transparent;
260 background-image: url('images/icon-menu-small-white.png') !important;
261 background-repeat: no-repeat;
262 background-position: center;
263 cursor: pointer;
264 }
265 .jqx-item-black .jqx-grid-sortasc-icon
266 {
267 background-image: url('images/icon-sort-asc-white.png');
268 background-repeat: no-repeat;
269 background-position: left center;
270 width: 16px;
271 height: 16px;
272 float: left;
273 margin-left: -4px;
274 margin-right: 4px;
275 }
276 /*applied to the sort ascending menu item in the Grid's Context Menu*/
277 .jqx-item-black .jqx-grid-sortdesc-icon
278 {
279 background-image: url('images/icon-sort-desc-white.png');
280 background-repeat: no-repeat;
281 background-position: left center;
282 width: 16px;
283 height: 16px;
284 float: left;
285 margin-left: -4px;
286 margin-right: 4px;
287 }
288 /*applied to the grid menu's sort remove item/*/
289 .jqx-item-black .jqx-grid-sortremove-icon
290 {
291 background-image: url('images/icon-sort-remove-white.png');
292 background-repeat: no-repeat;
293 background-position: left center;
294 width: 16px;
295 height: 16px;
296 float: left;
297 margin-left: -4px;
298 margin-right: 4px;
299 }

mercurial