www/jqwidgets/styles/jqx.android.css

changeset 1
37f1a08315f3
child 451
259c97782bf8
equal deleted inserted replaced
0:033898178630 1:37f1a08315f3
1 .jqx-rc-tl-android
2 {
3 -moz-border-radius-topleft: 0px;
4 -webkit-border-top-left-radius: 0px;
5 border-top-left-radius: 0px;
6 }
7 .jqx-rc-tr-android
8 {
9 -moz-border-radius-topright: 0px;
10 -webkit-border-top-right-radius: 0px;
11 border-top-right-radius: 0px;
12 }
13 .jqx-rc-bl-android
14 {
15 -moz-border-radius-bottomleft: 0px;
16 -webkit-border-bottom-left-radius: 0px;
17 border-bottom-left-radius: 0px;
18 }
19 .jqx-rc-br-android
20 {
21 -moz-border-radius-bottomright: 0px;
22 -webkit-border-bottom-right-radius: 0px;
23 border-bottom-right-radius: 0px;
24 }
25 /*top rounded Corners*/
26 .jqx-rc-t-android
27 {
28 -moz-border-radius-topleft: 0px;
29 -webkit-border-top-left-radius: 0px;
30 border-top-left-radius: 0px;
31 -moz-border-radius-topright: 0px;
32 -webkit-border-top-right-radius: 0px;
33 border-top-right-radius: 0px;
34 }
35 /*bottom rounded Corners*/
36 .jqx-rc-b-android
37 {
38 -moz-border-radius-bottomleft: 0px;
39 -webkit-border-bottom-left-radius: 0px;
40 border-bottom-left-radius: 0px;
41 -moz-border-radius-bottomright: 0px;
42 -webkit-border-bottom-right-radius: 0px;
43 border-bottom-right-radius: 0px;
44 }
45 /*right rounded Corners*/
46 .jqx-rc-r-android
47 {
48 -moz-border-radius-topright: 0px;
49 -webkit-border-top-right-radius: 0px;
50 border-top-right-radius: 0px;
51 -moz-border-radius-bottomright: 0px;
52 -webkit-border-bottom-right-radius: 0px;
53 border-bottom-right-radius: 0px;
54 }
55 /*left rounded Corners*/
56 .jqx-rc-l-android
57 {
58 -moz-border-radius-topleft: 0px;
59 -webkit-border-top-left-radius: 0px;
60 border-top-left-radius: 0px;
61 -moz-border-radius-bottomleft: 0px;
62 -webkit-border-bottom-left-radius: 0px;
63 border-bottom-left-radius: 0px;
64 }
65 /*all rounded Corners*/
66 .jqx-rc-all-android
67 {
68 -moz-border-radius: 0px;
69 -webkit-border-radius: 0px;
70 border-radius: 0px;
71 }
72 .jqx-widget-android {
73 font-size: 16px;
74 font-family: Roboto,HelveticaNeue,sans-serif;
75 color: inherit;
76 }
77 input[type=text].jqx-input-android, input[type=password].jqx-input-android, .jqx-input-group-addon-android{
78 font-size: 16px;
79 font-family: Roboto,HelveticaNeue,sans-serif;
80 border-color: #636466;
81 }
82 .jqx-widget-content-android{font-size: 16px; font-family: Roboto,HelveticaNeue,sans-serif; border-color: #3c4648; color: #ffffff; background-color: #000;}
83 .jqx-widget-header-android{
84 font-size: 16px;
85 font-family: Roboto,HelveticaNeue,sans-serif;
86 color: #ffffff;
87 border-color:#000;
88 border-bottom-color: #32abda;
89 background: #000;
90 }
91 .jqx-fill-state-normal-android, .jqx-fill-state-hover-android{font-size: 16px; font-family: Roboto,HelveticaNeue,sans-serif; border-color: #1C1C1E; color: #ffffff; background: #3E3E42;}
92
93 .jqx-button-android, .jqx-grid-pager-number-android {
94 background: #4b4c4e;
95 border-color: #636466;
96 color: #fbfbfd;
97 }
98 .jqx-fill-state-focus-android {
99 border-color: #3C4648;
100 }
101 .jqx-listitem-state-normal-android, .jqx-listmenu-item-android {
102 background: #000;
103 border-top: 1px solid #191919;
104 }
105 .jqx-listmenu-header-label-android {
106 font-size: 24px;
107 margin-left: -5px;
108 }
109 .jqx-listmenu-item-label-android {
110 display: inline-block;
111 width: 100%;
112 height: 100%;
113 }
114 .jqx-listmenu-item-android a:link, .jqx-listmenu-item-android a:visited {
115 display: inline-block;
116 text-decoration: none;
117 color: inherit;
118 font-size: 16px;
119 font-family: Roboto,HelveticaNeue,sans-serif;
120 color: #fff;
121 width: 100%;
122 height: 100%;
123 padding: 15px;
124 }
125 .jqx-listmenu-separator-mobile {
126 font-size: 16px;
127 font-family: Roboto,HelveticaNeue,sans-serif;
128 }
129
130 .jqx-listmenu-item-android {
131 padding: 0px;
132 }
133
134 .jqx-listitem-state-normal-touch-android {
135 padding-top: 5px;
136 padding-bottom: 5px;
137 }
138 .jqx-listitem-element:first-child .jqx-listitem-state-normal-android {
139 border-top: 1px solid #000;
140 }
141
142 .jqx-listitem-state-hover-android {
143 background: #000;
144 border-color: #000;
145 border-bottom-color: #191919;
146 }
147
148 .jqx-listmenu-auto-separator-android, .jqx-listitem-state-group-android {
149 background: #293943 !important;
150 }
151 .jqx-fill-state-pressed-android{border-color:#10618c; color: #fff; background-color:#10618c;
152
153 }
154 .jqx-fill-state-disabled-android {
155 color: #898989;
156 }
157 .jqx-scrollbar-state-normal-android, .jqx-grid-bottomright-android, .jqx-panel-bottomright-android, .jqx-listbox-bottomright-android{background-color:#3E3E42;}
158 .jqx-widget-android .jqx-grid-column-header-android, .jqx-grid-cell-android, .jqx-widget-android .jqx-grid-cell-android, .jqx-widget-android .jqx-grid-group-cell-android, .jqx-grid-group-cell-android{font-size: 16px; font-family: Roboto,HelveticaNeue,sans-serif; border-color: #1C1C1E; background-color: #000; color: #fff;}
159 .jqx-widget-android .jqx-grid-cell-alt-android, .jqx-widget-android .jqx-grid-cell-sort-android, .jqx-widget-android .jqx-grid-cell-pinned-android, .jqx-widget-android .jqx-grid-cell-filter-android, .jqx-grid-cell-sort-alt-android, .jqx-grid-cell-filter-alt-android, .jqx-grid-cell-pinned-android, .jqx-grid-cell-alt-android, .jqx-grid-cell-sort-android{border-color: #202023; background-color:#3E3E42; color: #fff;}
160 .jqx-menu-vertical-android{background: #3E3E42; border-color: #3E3E42;}
161 .jqx-widget-android .jqx-grid-cell-android, .jqx-widget-android .jqx-grid-column-header-android, .jqx-widget-android .jqx-grid-group-cell-android { border-color: #202023;}
162
163 .jqx-widget-android .jqx-grid-column-menubutton-android, .jqx-widget-android .jqx-grid-column-sortascbutton-android, .jqx-widget-android .jqx-grid-column-sortdescbutton-android, .jqx-widget-android .jqx-grid-column-filterbutton-android {
164 background-color: transparent;
165 border-color: #010f18;
166 }
167 .jqx-grid-cell-filter-row-android, .jqx-grid-android .jqx-widget-header-android, .jqx-grid-header-android, .jqx-grid-column-header-android {font-size: 16px; font-family: Roboto,HelveticaNeue,sans-serif;
168 border-color:#000 !important;
169 border-bottom-color: #32b3e3 !important;
170 background: #000 !important;
171 }
172 .jqx-grid-cell-filter-row-android {
173 border-top: 2px solid transparent;
174 border-bottom: 1px solid #32b3e3 !important;
175 margin-top: -1px;
176 }
177
178 .jqx-widget-header-android .jqx-calendar-title-header-android, .jqx-calendar-title-header-android, .jqx-input-button-header-android, .jqx-window-header-android {
179 background: #262626;
180 border-color: #262626;
181 border-bottom-color: #262626 !important;
182 }
183 .jqx-window-content-android {
184 background: #262626;
185 }
186 .jqx-calendar-month-android {
187 border-top: 1px solid #262626;
188 background: #262626;
189 }
190 .jqx-calendar-column-header-android {
191 background: #262626;
192 border-color: #262626;
193 }
194 .jqx-grid-column-menubutton-android {
195 background-image: url('images/metro-icon-down-white.png');
196 }
197 .jqx-input-android {
198 border-color: #3C4648;
199 }
200 .jqx-widget-android .jqx-grid-cell-selected-android, .jqx-grid-cell-selected-android{ background-color:#10638d !important; border-color: #10638d !important; font-size: 16px; color:#fff !important}
201 .jqx-widget-android .jqx-grid-cell-hover-android, .jqx-grid-cell-hover-android{ background-color:#3E3E42;}
202 /*applied to the column's sort button when the sort order is ascending.*/
203 .jqx-grid-column-sortascbutton-android {
204 background-image: url('images/metro-icon-up-white.png');
205 }
206 .jqx-grid-column-sortdescbutton-android {
207 background-image: url('images/metro-icon-down-white.png');
208 }
209 .jqx-checkbox-default-android {
210 background: #000;
211 border-color: #636466;
212 }
213 .jqx-checkbox-check-checked-android{position: relative; background:transparent url(images/check_lightblue.png) center center no-repeat}
214 .jqx-checkbox-check-indeterminate-android{background:transparent url(images/check_lightblue_indeterminate.png) center center no-repeat}
215 .jqx-checkbox-hover-android, .jqx-radiobutton-hover-android {
216
217 }
218 .jqx-radiobutton-check-checked-android {
219 background: #33b5e5;
220 border-color: #33b5e5;
221 }
222
223 .jqx-scrollbar-thumb-state-normal-horizontal-android, .jqx-scrollbar-thumb-state-normal-android {
224 background: #686868; border-color: #686868;
225 -moz-border-radius: 10px;
226 -webkit-border-radius: 10px;
227 border-radius: 10px;
228 }
229 .jqx-scrollbar-thumb-state-hover-horizontal-android, .jqx-scrollbar-thumb-state-hover-android {
230 background: #9E9E9E; border-color: #9E9E9E;
231 }
232 .jqx-scrollbar-thumb-state-pressed-horizontal-android, .jqx-scrollbar-thumb-state-pressed-android {
233 background: #ffffff; border-color: #ffffff;
234 }
235 .jqx-scrollbar-button-state-normal-android
236 {
237 border: 1px solid #3E3E42;
238 background: #3E3E42;
239 }
240 /*applied to the scrollbar buttons in hovered state.*/
241 .jqx-scrollbar-button-state-hover-android
242 {
243 border: 1px solid #3E3E42;
244 background: #3E3E42;
245 }
246 /*applied to the scrollbar buttons in pressed state.*/
247 .jqx-scrollbar-button-state-pressed-android
248 {
249 border: 1px solid #3E3E42;
250 background: #3E3E42;
251 }
252
253 /*icons*/
254 .jqx-window-collapse-button-android
255 {
256 background-image: url(images/metro-icon-up-white.png);
257 }
258 .jqx-window-collapse-button-collapsed-android {
259 background-image: url(images/metro-icon-down-white.png);
260 }
261 .jqx-icon-arrow-up-android, .jqx-expander-arrow-bottom-android, .jqx-menu-item-arrow-up-android
262 {
263 background-image: url('images/metro-icon-up-white.png');
264 }
265 .jqx-icon-arrow-down-android, .jqx-expander-arrow-top-android, .jqx-tree-item-arrow-expand-android, .jqx-tree-item-arrow-expand-hover-android, .jqx-menu-item-arrow-down-android
266 {
267 background-image: url('images/metro-icon-down-white.png');
268 }
269 .jqx-icon-arrow-left-android, .jqx-menu-item-arrow-left-android
270 {
271 background-image: url('images/metro-icon-left-white.png');
272 }
273 .jqx-icon-arrow-right-android, .jqx-menu-item-arrow-right-android, .jqx-tree-item-arrow-collapse-android, .jqx-tree-item-arrow-collapse-hover-android
274 {
275 background-image: url('images/metro-icon-right-white.png');
276 }
277 .jqx-tabs-arrow-left-android, .jqx-tree-item-arrow-collapse-rtl-android, .jqx-tree-item-arrow-collapse-hover-rtl-android
278 {
279 background-image: url('images/metro-icon-left-white.png');
280 }
281 .jqx-tabs-arrow-right-android
282 {
283 background-image: url('images/metro-icon-right-white.png');
284 }
285 .jqx-menu-item-arrow-up-selected-android, .jqx-icon-arrow-up-selected-android{background-image:url('images/metro-icon-up-white.png');background-repeat:no-repeat;background-position:center;}
286 .jqx-menu-item-arrow-down-selected-android, .jqx-icon-arrow-down-selected-android{background-image:url('images/metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;}
287 .jqx-menu-item-arrow-left-selected-android, .jqx-icon-arrow-left-selected-android{background-image:url('images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;}
288 .jqx-menu-item-arrow-right-selected-android, .jqx-icon-arrow-right-selected-android{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;}
289 .jqx-window-close-button-android, .jqx-icon-close-android, .jqx-tabs-close-button-android, .jqx-tabs-close-button-hover-android, .jqx-tabs-close-button-selected-android{background-image:url(images/close_white.png); background-repeat:no-repeat; background-position:center}
290 .jqx-listbox-feedback-android {
291 border-top: 1px dashed #fff;
292 }
293
294 .jqx-scrollbar-android .jqx-icon-arrow-up-selected-android{background-image:url('images/metro-icon-up-white.png'); background-repeat:no-repeat; background-position:center;}
295 .jqx-scrollbar-android .jqx-icon-arrow-down-selected-android{background-image:url('images/metro-icon-down-white.png'); background-repeat:no-repeat; background-position:center;}
296 .jqx-scrollbar-android .jqx-icon-arrow-left-selected-android{background-image:url('images/metro-icon-left-white.png'); background-repeat:no-repeat; background-position:center;}
297 .jqx-scrollbar-android .jqx-icon-arrow-right-selected-android{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat; background-position:center;}
298
299 .jqx-input-button-content-android
300 {
301 background: #262626;
302 border-color: #262626;
303 font-size: 13px;
304 }
305 .jqx-input-button-header-android {
306 padding-top: 2px !important;
307 padding-bottom: 2px !important;
308 }
309 .jqx-button-android {
310 padding: 10px 7px;
311 }
312 .jqx-slider-button-android
313 {
314 border-radius: 100%;
315 -moz-border-radius: 100%;
316 -webkit-border-radius: 100%;
317 padding: 4px !important;
318 }
319 .jqx-slider-slider-android {
320 width: 25px;
321 height: 25px;
322 margin-top: -10px;
323 -moz-border-radius: 100%;
324 -webkit-border-radius: 100%;
325 border-radius: 100%;
326 background: rgba(51,181,229,0.6);
327 background-image: -moz-radial-gradient(#33b5e5 10%,transparent 90%);
328 background-image: radial-gradient(#33b5e5 10%,transparent 90%);
329 border: none;
330 }
331 .jqx-slider-rangebar-android {
332 background: rgba(51,181,229,0.5);
333 }
334 .jqx-dropdownlist-state-normal-android, .jqx-dropdownlist-state-hover-android, .jqx-dropdownlist-state-selected-android,
335 .jqx-scrollbar-button-state-hover-android, .jqx-scrollbar-button-state-normal-android, .jqx-scrollbar-button-state-pressed-android,
336 .jqx-scrollbar-thumb-state-normal-horizontal-android, .jqx-scrollbar-thumb-state-hover-horizontal-android, .jqx-scrollbar-thumb-state-pressed-horizontal-android,
337 .jqx-scrollbar-thumb-state-normal-android, .jqx-scrollbar-thumb-state-pressed-android, .jqx-button-android, .jqx-tree-item-hover-android, .jqx-tree-item-selected-android,
338 .jqx-tree-item-android, .jqx-menu-item-android, .jqx-menu-item-hover-android, .jqx-menu-item-selected-android, .jqx-menu-item-top-android, .jqx-menu-item-top-hover-android,
339 .jqx-menu-item-top-selected-android, .jqx-slider-button-android, .jqx-slider-slider-android
340 {
341 -webkit-transition: background-color 100ms linear;
342 -moz-transition: background-color 100ms linear;
343 -o-transition: background-color 100ms linear;
344 -ms-transition: background-color 100ms linear;
345 transition: background-color 100ms linear;
346 }
347 .jqx-switchbutton-android {
348 -moz-border-radius: 0px;
349 -webkit-border-radius: 0px;
350 border-radius: 0px;
351 border: 2px solid #010f18;
352 }
353 .jqx-switchbutton-thumb-android {
354 width: 16px;
355 background: #222222;
356 border: 1px solid #222222;
357 }
358 .jqx-switchbutton-label-on-android {
359 background: #32b3e3;
360 color: #fff;
361 }
362 .jqx-switchbutton-label-off-android {
363 background: #444;
364 color: #fff;
365 }
366 .jqx-tabs-android {
367 border: 1px solid #1a1a1a;
368 }
369 .jqx-tabs-title-android {
370 background: transparent;
371 border-color: transparent;
372 border-radius: 0px;
373 border-top-left-radius: 0px;
374 border-top-right-radius: 0px;
375 border-bottom-left-radius: 0px;
376 border-bottom-right-radius: 0px;
377 -webkit-border-radius: 0px;
378 -webkit-border-top-left-radius: 0px;
379 -webkit-border-top-right-radius: 0px;
380 -webkit-border-bottom-left-radius: 0px;
381 -webkit-border-bottom-right-radius: 0px;
382 -moz-border-radius: 0px;
383 -moz-border-top-left-radius: 0px;
384 -moz-border-top-right-radius: 0px;
385 -moz-border-bottom-left-radius: 0px;
386 -moz-border-bottom-right-radius: 0px;
387 }
388 .jqx-tabs-header-android, .jqx-tabs-arrow-background {
389 background: #000;
390 color: #fff;
391 border-bottom-color: #636466 !important;
392 }
393 .jqx-tabs-header-bottom-android {
394 background: #000;
395 color: #fff;
396 border-top-color: #636466 !important;
397 border-top-style: solid;
398 border-top-width: 1px;
399 }
400 .jqx-tabs-title-selected-top-android, .jqx-tabs-selection-tracker-top-android {
401 border-bottom: 1px solid #000;
402 border-bottom: 2px solid #32b3e3;
403 color: #fff;
404 background: #000;
405 box-shadow: 0 0px 5px #000;
406 -webkit-box-shadow: 0 0px 5px #000;
407 padding-top: 5px;
408 padding-bottom: 5px;
409 }
410
411 .jqx-tabs-title-selected-bottom-android, .jqx-tabs-selection-tracker-bottom-android {
412 border-top: 2px solid #32b3e3;
413 color: #fff;
414 background: #000;
415 box-shadow: 0 0px 5px #000;
416 -webkit-box-shadow: 0 0px 5px #000;
417 padding-top: 6px;
418 padding-bottom: 6px;
419 }
420 .jqx-tabs-title-hover-top-android, .jqx-tabs-title-hover-bottom-android, .jqx-tabs-header-android
421 {
422 color: #fff;
423 }
424 .jqx-switchbutton-wrapper-android {
425 }
426 .jqx-icon-arrow-first-android
427 {
428 background-image: url('images/icon-first-white.png');
429 background-repeat: no-repeat;
430 background-position: center;
431 }
432 .jqx-icon-arrow-last-android
433 {
434 background-image: url('images/icon-last-white.png');
435 background-repeat: no-repeat;
436 background-position: center;
437 }
438 .jqx-progressbar-text-android {
439 font-size: 16px;
440 }
441 .jqx-grid-pager-android .jqx-button-android {
442 padding: 3px !important;
443 }
444 .jqx-grid-pager-number-android {
445 top: 2px;
446 position: relative;
447 padding: 1px 7px;
448 }
449 .jqx-widget-android .jqx-grid-groups-header-android,
450 .jqx-grid-groups-header-android {
451 border-bottom-color: #000 !important;
452 }
453 .jqx-grid-group-collapse-android {
454 background-image: url(images/metro-icon-right-white.png);
455 background-position: 50% 50%;
456 background-repeat: no-repeat;
457 }
458 .jqx-grid-group-collapse-rtl-android
459 {
460 padding-right: 0px;
461 background-image: url(images/metro-icon-left-white.png);
462 background-position: 50% 50%;
463 background-repeat: no-repeat;
464 }
465 .jqx-grid-group-expand-android, .jqx-grid-group-expand-rtl-android
466 {
467 padding-right: 0px;
468 background-image: url(images/metro-icon-down-white.png);
469 background-position: 50% 50%;
470 background-repeat: no-repeat;
471 }
472 .jqx-tree-grid-expand-button-android {
473 margin-top: 0px;
474 }
475 .jqx-tree-grid-checkbox-android {
476 margin-top: 2px;
477 }
478 .jqx-grid-table-android {
479 border-color: #000;
480 }
481 .jqx-icon-search-android
482 {
483 background-image: url(images/search_white.png);
484 background-repeat: no-repeat;
485 background-position: center;
486 }
487 .jqx-passwordinput-password-icon-android, .jqx-passwordinput-password-icon-rtl-android
488 {
489 background-image: url(images/icon-showpassword-white.png) !important;
490 background-repeat: no-repeat !important;
491 }
492 .jqx-icon-calendar-android, .jqx-icon-calendar-hover-android, .jqx-icon-calendar-pressed-android {
493 background-image: url('images/icon-calendar-white.png');
494 }
495 .jqx-icon-time-android, .jqx-icon-time-hover-android, .jqx-icon-time-pressed-android {
496 background-image: url('images/icon-time-white.png');
497 }
498 .jqx-calendar-cell-today-android {
499 color: black;
500 }
501 .jqx-editor-toolbar-icon-android {
502 background: url('images/html_editor_white.png') no-repeat;
503 }
504 .jqx-menu-minimized-button-android {
505 background-image: url('images/icon-menu-minimized-white.png');
506 }
507 .jqx-file-upload-file-name-android{padding:3px;}
508 .jqx-file-upload-file-row-android{ height: 40px;}
509 .jqx-layout-android
510 {
511 background-color: #000;
512 }
513 .jqx-layout-pseudo-window-pin-icon-android
514 {
515 background-image: url("images/pin-white.png");
516 }
517 .jqx-layout-pseudo-window-pinned-icon-android
518 {
519 background-image: url("images/pinned-white.png");
520 }
521 .jqx-scheduler-android, .jqx-scheduler-time-column-android, .jqx-scheduler-toolbar-details-android {
522 color: white !important;
523 }

mercurial