/v3.2/nimbits-tds/web/resources/desktop/css/desktop.css

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