]> git.proxmox.com Git - extjs.git/blame - extjs/build/examples/classic/sandbox/css/desktop.css
add extjs 6.0.1 sources
[extjs.git] / extjs / build / examples / classic / sandbox / css / desktop.css
CommitLineData
6527f429
DM
1/*!\r
2 * Ext JS Library 3.3.1\r
3 * Copyright(c) 2006-2010 Sencha Inc.\r
4 * licensing@sencha.com\r
5 * http://www.sencha.com/license\r
6 */\r
7html, body {\r
8 background:#3d71b8 url(../wallpapers/desktop.jpg) no-repeat left top;\r
9 font: normal 12px tahoma, arial, verdana, sans-serif;\r
10 margin: 0;\r
11 padding: 0;\r
12 border: 0 none;\r
13 overflow: hidden;\r
14 height: 100%;\r
15}\r
16\r
17.start {\r
18 background-image: url( ../images/taskbar/black/startbutton-icon.gif ) !important;\r
19}\r
20\r
21.bogus {\r
22 background-image: url( ../images/bogus.png ) !important;\r
23}\r
24\r
25.logout {\r
26 background-image: url( ../images/logout.gif ) !important;\r
27}\r
28\r
29.settings {\r
30 background-image: url( ../images/gears.gif ) !important;\r
31}\r
32\r
33#dpanels {\r
34 width: 250px;\r
35 float: right;\r
36}\r
37\r
38#dpanels .x-panel {\r
39 margin: 15px;\r
40}\r
41\r
42#dpanels .x-date-picker {\r
43 border: 0 none;\r
44 border-top: 0 none;\r
45 background: transparent;\r
46}\r
47\r
48#dpanels .x-date-picker td.x-date-active {\r
49 background: #ffffff;\r
50}\r
51\r
52#dpanels .x-date-picker {\r
53 width: 100% !important;\r
54}\r
55\r
56#x-desktop {\r
57 width: 100%;\r
58 height: 100%;\r
59 border: 0 none;\r
60 position: relative;\r
61 overflow:hidden;\r
62 zoom:1;\r
63}\r
64\r
65#ux-taskbar .x-btn {\r
66 margin: 1px 0 0 1px;\r
67}\r
68\r
69#ux-taskbar-start .x-btn {\r
70 margin: 0;\r
71}\r
72\r
73#ux-taskbar button {\r
74 /* width: 150px;\r
75 overflow: hidden; */\r
76 text-align: left;\r
77 color: #ffffff;\r
78}\r
79#title-bar-wrapper {\r
80 height:35px;\r
81}\r
82\r
83#title-bar {\r
84 color: #225599;\r
85 padding: 9px 7px;\r
86 font: bold 16px tahoma,arial,verdana,sans-serif;\r
87 float:left;\r
88}\r
89\r
90#x-logout {\r
91 float:right;\r
92 padding:6px 7px;\r
93}\r
94\r
95.x-btn-text-icon .x-btn-center .logout {\r
96 background-position:0pt 3px;\r
97 background-repeat:no-repeat;\r
98 padding:3px 0pt 3px 18px;\r
99}\r
100\r
101#ux-taskbar {\r
102 background:transparent none;\r
103 height:30px;\r
104 margin:0;\r
105 padding:0;\r
106 position:relative;\r
107 z-index:12001;\r
108}\r
109\r
110.x-btn-icon .ux-taskbutton-center .x-btn-text{\r
111 background-position: center;\r
112 background-repeat: no-repeat;\r
113 height: 16px;\r
114 width: 16px;\r
115 cursor:pointer;\r
116 white-space: nowrap;\r
117 padding:0;\r
118}\r
119.x-btn-icon .ux-taskbutton-center{\r
120 padding:1px;\r
121}\r
122\r
123.x-btn-text-icon .ux-taskbutton-center .x-btn-text{\r
124 background-position: 0 6px;\r
125 background-repeat: no-repeat;\r
126 padding:7px 0px 7px 20px;\r
127}\r
128\r
129.x-btn-text-icon .ux-startbutton-center .x-btn-text{\r
130 background-position: 0 4px;\r
131 background-repeat: no-repeat;\r
132 color:#000000 !important;\r
133 font-weight:bold;\r
134 padding:7px 0px 7px 28px;\r
135}\r
136\r
137.ux-taskbutton-left, .ux-taskbutton-right{\r
138 font-size:1px;\r
139 line-height:1px;\r
140}\r
141.ux-taskbutton-left{\r
142 width:4px;\r
143 height:28px;\r
144 background:url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 0;\r
145}\r
146.ux-taskbutton-right{\r
147 width:4px;\r
148 height:28px;\r
149 background:url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 -28px;\r
150}\r
151.ux-taskbutton-left i, .ux-taskbutton-right i{\r
152 display:block;\r
153 width:4px;\r
154 overflow:hidden;\r
155 font-size:1px;\r
156 line-height:1px;\r
157}\r
158.ux-taskbutton-center{\r
159 background:url( ../images/taskbar/black/taskbutton.gif ) repeat-x 0 -56px;\r
160 vertical-align: middle;\r
161 text-align:center;\r
162 padding:0 5px;\r
163 cursor:pointer;\r
164 white-space:nowrap;\r
165}\r
166\r
167#ux-taskbar .ux-taskbutton-left{\r
168 background-position:0 0;\r
169}\r
170#ux-taskbar .ux-taskbutton-right{\r
171 background-position:0 -28px;\r
172}\r
173#ux-taskbar .ux-taskbutton-center{\r
174 background-position:0 -56px;\r
175}\r
176\r
177#ux-taskbar .x-btn-over .ux-taskbutton-left{\r
178 background-position:0 -252px;\r
179}\r
180#ux-taskbar .x-btn-over .ux-taskbutton-right{\r
181 background-position:0 -280px;\r
182}\r
183#ux-taskbar .x-btn-over .ux-taskbutton-center{\r
184 background-position:0 -308px;\r
185}\r
186\r
187#ux-taskbar .x-btn-click .ux-taskbutton-left{\r
188 background-position:0 -168px;\r
189}\r
190#ux-taskbar .x-btn-click .ux-taskbutton-right{\r
191 background-position:0 -196px;\r
192}\r
193#ux-taskbar .x-btn-click .ux-taskbutton-center{\r
194 background-position:0 -224px;\r
195}\r
196\r
197#ux-taskbar .active-win .ux-taskbutton-left{\r
198 background-position:0 -84px;\r
199}\r
200#ux-taskbar .active-win .ux-taskbutton-right{\r
201 background:url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 -112px;\r
202}\r
203#ux-taskbar .active-win .ux-taskbutton-center{\r
204 background:url( ../images/taskbar/black/taskbutton.gif ) repeat-x 0 -140px;\r
205}\r
206#ux-taskbar .active-win .ux-taskbutton-center button {\r
207 color:#fff;\r
208}\r
209\r
210#spacer {\r
211 height: 25px;\r
212 float: left;\r
213 width: 0;\r
214 overflow: hidden;\r
215 margin-top: 2px;\r
216}\r
217\r
218.x-window-body p,.x-panel-body p {\r
219 padding: 10px;\r
220 margin: 0;\r
221}\r
222\r
223.x-window-maximized .x-window-bc {\r
224 height:0;\r
225}\r
226\r
227.icon-grid {\r
228 background-image:url( ../images/grid.png ) !important;\r
229}\r
230.add {\r
231 background-image:url(../../shared/icons/fam/add.gif) !important;\r
232}\r
233.option {\r
234 background-image:url(../../shared/icons/fam/plugin.gif) !important;\r
235}\r
236.remove {\r
237 background-image:url(../../shared/icons/fam/delete.gif) !important;\r
238}\r
239.save {\r
240 background-image:url(../../shared/icons/save.gif) !important;\r
241}\r
242.accordion {\r
243 background-image:url(../images/accordian.gif) !important;\r
244}\r
245.tabs {\r
246 background-image:url(../images/tabs.gif) !important;\r
247}\r
248\r
249/* IM window icons */\r
250\r
251.user {\r
252 background-image:url( ../../shared/icons/fam/user.gif ) !important;\r
253}\r
254\r
255.user-add {\r
256 background-image:url(../../shared/icons/fam/user_add.gif) !important;\r
257}\r
258\r
259.user-delete {\r
260 background-image:url(../../shared/icons/fam/user_delete.gif) !important;\r
261}\r
262\r
263.connect {\r
264 background-image:url(../../shared/icons/fam/connect.gif) !important;\r
265}\r
266\r
267.user-girl {\r
268 background-image:url(../../shared/icons/fam/user_female.gif) !important;\r
269}\r
270\r
271.user-kid {\r
272 background-image:url(../../shared/icons/fam/user_green.gif) !important;\r
273}\r
274\r
275.user-suit {\r
276 background-image:url(../../shared/icons/fam/user_suit.gif) !important;\r
277}\r
278\r
279.ux-start-menu {\r
280 background:transparent none;\r
281 border:0px none;\r
282 padding:0;\r
283}\r
284\r
285.ux-start-menu-tl .x-window-header {\r
286 color:#f1f1f1;\r
287 font:bold 11px tahoma,arial,verdana,sans-serif;\r
288 padding:5px 0 4px 0;\r
289}\r
290\r
291.x-panel-tl .x-panel-icon, .ux-start-menu-tl .x-panel-icon {\r
292 background-position:0pt 4px;\r
293 background-repeat:no-repeat;\r
294 padding-left:20px !important;\r
295}\r
296\r
297.ux-start-menu-tl {\r
298 background: transparent url( ../images/taskbar/black/start-menu-left-corners.png ) no-repeat 0 0;\r
299 padding-left:6px;\r
300 zoom:1;\r
301 z-index:1;\r
302 position:relative;\r
303}\r
304\r
305.ux-start-menu-tr {\r
306 background: transparent url( ../images/taskbar/black/start-menu-right-corners.png ) no-repeat right 0;\r
307 padding-right:6px;\r
308}\r
309\r
310.ux-start-menu-tc {\r
311 background: transparent url( ../images/taskbar/black/start-menu-top-bottom.png ) repeat-x 0 0;\r
312 overflow:hidden;\r
313 zoom:1;\r
314}\r
315\r
316.ux-start-menu-ml {\r
317 background: transparent url( ../images/taskbar/black/start-menu-left-right.png ) repeat-y 0 0;\r
318 padding-left:6px;\r
319 zoom:1;\r
320}\r
321\r
322.ux-start-menu-bc {\r
323 background: transparent url( ../images/taskbar/black/start-menu-top-bottom.png ) repeat-x 0 bottom;\r
324 zoom:1;\r
325}\r
326\r
327.ux-start-menu-bc .x-window-footer {\r
328 padding-bottom:6px;\r
329 zoom:1;\r
330 font-size:0;\r
331 line-height:0;\r
332}\r
333\r
334.ux-start-menu-bl {\r
335 background: transparent url( ../images/taskbar/black/start-menu-left-corners.png ) no-repeat 0 bottom;\r
336 padding-left:6px;\r
337 zoom:1;\r
338}\r
339\r
340.ux-start-menu-br {\r
341 background: transparent url( ../images/taskbar/black/start-menu-right-corners.png ) no-repeat right bottom;\r
342 padding-right:6px;\r
343 zoom:1;\r
344}\r
345\r
346.x-panel-nofooter .ux-start-menu-bc {\r
347 height:6px;\r
348}\r
349\r
350.ux-start-menu-splitbar-h {\r
351 background-color:#d0d0d0;\r
352}\r
353\r
354\r
355.ux-start-menu-bwrap {\r
356 background:transparent none;\r
357 border:0px none;\r
358}\r
359\r
360.ux-start-menu-body {\r
361 background:transparent none;\r
362 border:0px none;\r
363}\r
364\r
365.ux-start-menu-apps-panel {\r
366 background:#ffffff none;\r
367 border:1px solid #1e2124;\r
368}\r
369\r
370.ux-start-menu-tools-panel {\r
371 border:0px none;\r
372 background:transparent url( ../images/taskbar/black/start-menu-right.png ) repeat-y scroll right 0pt;\r
373}\r
374\r
375#ux-taskbar-start {\r
376 background:#000000 url( ../images/taskbar/black/taskbar-start-panel-bg.gif ) repeat-x left top;\r
377 left:0px;\r
378 padding:0;\r
379 position:absolute;\r
380}\r
381\r
382#ux-taskbar-start .x-toolbar {\r
383 background: none;\r
384 padding:0px;\r
385 border:0px none;\r
386}\r
387\r
388#ux-taskbuttons-panel {\r
389 background:#000000 url( ../images/taskbar/black/taskbuttons-panel-bg.gif ) repeat-x left top;\r
390 padding-top:0;\r
391 position:relative;\r
392}\r
393\r
394.ux-taskbuttons-strip-wrap {\r
395 /* overflow:hidden;\r
396 position:relative;\r
397 width:100%; */\r
398\r
399 width:100%;\r
400 overflow:hidden;\r
401 position:relative;\r
402 zoom:1;\r
403}\r
404\r
405ul.ux-taskbuttons-strip {\r
406 display:block;\r
407 width:5000px;\r
408 zoom:1;\r
409}\r
410\r
411ul.ux-taskbuttons-strip li {\r
412 float:left;\r
413 margin-left:2px;\r
414}\r
415\r
416\r
417ul.ux-taskbuttons-strip li.ux-taskbuttons-edge {\r
418 float:left;\r
419 margin:0 !important;\r
420 padding:0 !important;\r
421 border:0 none !important;\r
422 font-size:1px !important;\r
423 line-height:1px !important;\r
424 overflow:hidden;\r
425 zoom:1;\r
426 background:transparent !important;\r
427 width:1px;\r
428}\r
429\r
430.x-clear {\r
431 clear:both;\r
432 height:0;\r
433 overflow:hidden;\r
434 line-height:0;\r
435 font-size:0;\r
436}\r
437\r
438.x-taskbuttons-scrolling {\r
439 position:relative;\r
440}\r
441\r
442.x-taskbuttons-scrolling .ux-taskbuttons-strip-wrap {\r
443 margin-left:18px;\r
444 margin-right:18px;\r
445}\r
446\r
447td.ux-taskButtons-edge {\r
448 /*float:left;*/\r
449 margin:0 !important;\r
450 padding:0 !important;\r
451 border:0 none !important;\r
452 font-size:1px !important;\r
453 line-height:1px !important;\r
454 overflow:hidden;\r
455 zoom:1;\r
456 background:transparent !important;\r
457 width:1px;\r
458}\r
459\r
460.ux-taskbuttons-scroller-left {\r
461 background: transparent url( ../images/taskbar/black/scroll-left.gif ) no-repeat -18px 0;\r
462 width:18px;\r
463 position:absolute;\r
464 left:1px;\r
465 top:0px;\r
466 z-index:10;\r
467 cursor:pointer;\r
468}\r
469.ux-taskbuttons-scroller-left-over {\r
470 background-position: 0 0;\r
471}\r
472.ux-taskbuttons-scroller-left-disabled {\r
473 background-position: -18px 0;\r
474 opacity:.5;\r
475 -moz-opacity:.5;\r
476 filter:alpha(opacity=50);\r
477 cursor:default;\r
478}\r
479.ux-taskbuttons-scroller-right {\r
480 background: transparent url( ../images/taskbar/black/scroll-right.gif ) no-repeat 0 0;\r
481 width:18px;\r
482 position:absolute;\r
483 right:0;\r
484 top:0px;\r
485 z-index:10;\r
486 cursor:pointer;\r
487}\r
488.ux-taskbuttons-scroller-right-over {\r
489 background-position: -18px 0;\r
490}\r
491.ux-taskbuttons-scroller-right-disabled {\r
492 background-position: 0 0;\r
493 opacity:.5;\r
494 -moz-opacity:.5;\r
495 filter:alpha(opacity=50);\r
496 cursor:default;\r
497}\r
498\r
499.ux-toolmenu-sep {\r
500 background-color:#18191a;\r
501 border-bottom:1px solid #858789;\r
502 display:block;\r
503 font-size:1px;\r
504 line-height:1px;\r
505 margin:2px 3px;\r
506}\r
507\r
508.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item a.x-menu-item {\r
509 color:#ffffff;\r
510}\r
511\r
512.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item .x-menu-item-active a.x-menu-item {\r
513 color:#000000;\r
514}\r
515\r
516.ux-start-menu-tools-panel .x-menu-item-active {\r
517 background: #525456 url( ../images/taskbar/black/item-over.gif ) repeat-x left bottom;\r
518 border:1px solid #000000;\r
519 padding: 0;\r
520}\r
521\r
522#ux-taskbar .x-splitbar-h {\r
523 background:#000000 url( ../images/taskbar/black/taskbar-split-h.gif ) no-repeat 0 0;\r
524 width:8px;\r
525}\r
526\r
527.x-window-header-text {\r
528 cursor:default;\r
529}\r
530\r
531/*\r
532 * Begin Start button\r
533 */\r
534.ux-startbutton-left, .ux-startbutton-right{\r
535 font-size:1px;\r
536 line-height:1px;\r
537}\r
538.ux-startbutton-left{\r
539 width:10px;\r
540 height:28px;\r
541 background:url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 0;\r
542}\r
543.ux-startbutton-right{\r
544 width:10px;\r
545 height:30px;\r
546 background:url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 -28px;\r
547}\r
548.ux-startbutton-left i, .ux-startbutton-right i{\r
549 display:block;\r
550 width:10px;\r
551 overflow:hidden;\r
552 font-size:1px;\r
553 line-height:1px;\r
554}\r
555.ux-startbutton-center{\r
556 background:url( ../images/taskbar/black/startbutton.gif ) repeat-x 0 -56px;\r
557 vertical-align: middle;\r
558 text-align:center;\r
559 padding:0;\r
560 cursor:pointer;\r
561 white-space:nowrap;\r
562}\r
563\r
564#ux-taskbar .ux-startbutton-left{\r
565 background-position:0 0;\r
566}\r
567#ux-taskbar .ux-startbutton-right{\r
568 background-position:0 -30px;\r
569}\r
570#ux-taskbar .ux-startbutton-center{\r
571 background-position:0 -60px;\r
572}\r
573\r
574#ux-taskbar .x-btn-over .ux-startbutton-left{\r
575 background-position:0 -270px;\r
576}\r
577#ux-taskbar .x-btn-over .ux-startbutton-right{\r
578 background-position:0 -300px;\r
579}\r
580#ux-taskbar .x-btn-over .ux-startbutton-center{\r
581 background-position:0 -330px;\r
582}\r
583\r
584#ux-taskbar .x-btn-click .ux-startbutton-left{\r
585 background-position:0 -180px;\r
586}\r
587#ux-taskbar .x-btn-click .ux-startbutton-right{\r
588 background-position:0 -210px;\r
589}\r
590#ux-taskbar .x-btn-click .ux-startbutton-center{\r
591 background-position:0 -240px;\r
592}\r
593\r
594#ux-taskbar .active-win .ux-startbutton-left{\r
595 background-position:0 -90px;\r
596}\r
597#ux-taskbar .active-win .ux-startbutton-right{\r
598 background:url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 -120px;\r
599}\r
600#ux-taskbar .active-win .ux-startbutton-center{\r
601 background:url( ../images/taskbar/black/startbutton.gif ) repeat-x 0 -150px;\r
602}\r
603#ux-taskbar .active-win .ux-startbutton-center button {\r
604 color:#fff;\r
605}\r
606/*\r
607 * End Start button\r
608 */\r
609\r
610.x-resizable-proxy{\r
611 background:#C7DFFC;\r
612 opacity:.5;\r
613 -moz-opacity:.5;\r
614 filter:alpha(opacity=50);\r
615 border: 1px solid #3b5a82;\r
616}\r
617\r
618/* Desktop Shortcuts */\r
619#x-shortcuts dt {\r
620 float:left;\r
621 margin:15px 0 0 15px;\r
622 clear:left;\r
623 width:64px;\r
624 font:normal 10px tahoma,arial,verdana,sans-serif;\r
625 text-align:center;\r
626 zoom:1;\r
627 display:block;\r
628}\r
629#x-shortcuts dt a {\r
630 width:64px;\r
631 display:block;\r
632 color:white;\r
633 text-decoration:none;\r
634}\r
635#x-shortcuts dt div {\r
636 width:100%;\r
637 color:white;\r
638 overflow:hidden;\r
639 text-overflow:ellipsis;\r
640 cursor:pointer;\r
641}\r
642.ext-ie #x-shortcuts dt img {\r
643 background:transparent !important;\r
644}\r
645#x-shortcuts dt a:hover {\r
646 text-decoration:underline;\r
647}\r
648/* shortcuts */\r
649#grid-win-shortcut img {\r
650 width:48px;\r
651 height:48px;\r
652 background-image: url(../images/grid48x48.png);\r
653 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grid48x48.png', sizingMethod='scale');\r
654}\r
655#acc-win-shortcut img {\r
656 width:48px;\r
657 height:48px;\r
658 background-image: url(../images/im48x48.png);\r
659 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/im48x48.png', sizingMethod='scale');\r
660}\r