]> err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/generic.css
git-svn-id: http://svn.opengroupware.org/SOGo/inverse/trunk@1174 d1b88da0-ebda-0310...
[scalable-opengroupware.org] / UI / WebServerResources / generic.css
1 /* SOGo UI Stylesheet */
2
3 /* common stuff */
4
5 /* Bitstream VeraSans, , Tahoma, FreeSans, Helvetica, sans-serif */
6 BODY
7 { position: absolute;
8   top: 0px;
9   left: 0px;
10   right: 0px;
11   bottom: 0px;
12   color: #000000;
13   font-family: Lucida Grande, Bitstream VeraSans, Tahoma;
14   font-size: 8pt;
15   background-color: #d4d0c8;
16   border: 0px;
17   margin: 0px;
18   padding: 0px;
19   overflow: hidden; }
20
21 HR
22 { height: 0px; }
23
24 TABLE, DIV, IMG
25 { font-family: inherit;
26   font-size: inherit;
27   border: 0px;
28   margin: 0px;
29   padding: 0px; }
30
31 IMG#progressIndicator
32 { float: right;
33   margin-top: 1.5em;
34   margin-right: 1em; }
35
36 DIV.pageContent
37 { /* position: absolute;
38   background-color: #ffa;
39   top: 3em;
40   left: 0px;
41   right: 0px;
42   bottom: 0px;
43   margin: 0px;
44   padding: 0px;
45   border: 0px;
46    */clear: both; }
47
48 A
49 { text-decoration: none;
50   -moz-outline: 0px; }
51
52 LABEL
53 { white-space: nowrap;
54   margin-left: .5em; }
55
56 TABLE
57 { table-layout: fixed;
58   border-spacing: 0px; }
59
60 TABLE TD
61 { padding-left: .25em;
62   padding-right: .25em; }
63
64 a:link
65 { color: #0033CC; }
66
67 a:visited
68 { color: #660066; }
69
70 a:hover
71 { color: #ff0000;
72   text-decoration: underline; }
73
74 .linecolor
75 { background-color: #06348B; }
76
77 .defaultfont
78 { text-decoration: none;
79   color: #000000; }
80
81 .window_label
82 { color: #06348b;
83   font-weight: bold; }
84
85 .homepagefont
86 { text-decoration: none;
87   color: #000000; }
88
89 /* header */
90
91 div#header
92 { margin-left: 5px;
93   margin-right: 5px;
94   padding: 0;
95   border-bottom: 1px solid #000; }
96
97 div#header img.headerlogo
98 { float: right; 
99   width: 182px; 
100   height: 30px; }
101
102 div#header div#headerhistory
103 { color: #000000;
104   margin: 0px;
105   padding-top: 18px;
106   height: 12px; }
107
108 div#header a, div#header span
109 { margin: 0px; }
110
111 div#header span#navtitle
112 { font-weight: bold; }
113
114 div#header a:hover
115 { text-decoration: none; }
116
117 /* the dock */
118
119 a.skydockfont
120 { text-decoration: none;
121   color: #06348B; }
122 font.skydockfont
123 { text-decoration: none;
124   color: #06348B; }
125 font.skydockfont_inactiveMail
126 { text-decoration: none;
127   color: #CCCCCC;
128   font-weight: bold; }
129 font.skydockfont_newMail
130 { text-decoration: none;
131   color: #06348B;
132   font-weight: bold; }
133
134 table.skytextdocktable
135 { padding: 0px;
136   table-layout: auto; }
137
138 DIV.linkbanner
139 { background-color: #222;
140   width: 100%;
141   top: 0px;
142   left: 0px;
143   z-index: 100;
144   color: #aaa; }
145
146 DIV.linkbanner A
147 { top: 0px;
148   left: 0px;
149   color: #ddd;
150   text-decoration: none;
151   padding: .2em .5em; }
152
153 DIV.linkbanner A:hover
154 { color: #dd5; }
155
156 DIV.linkbanner A#logoff
157 { float: right;
158   margin: 0px;
159   padding: 0px;
160   padding-right: .5em; }
161
162 .linkbannerlinks
163 { vertical-align: bottom;
164   text-align: left; }
165
166 .linkbannerimage { 
167   text-align: right; }
168
169 DIV.contactSelector
170 { margin: .5em; }
171
172 DIV.contactSelector UL.contactList IMG
173 { margin: 0px .5em; }
174
175 SELECT
176 { border-bottom: 1px solid #fff;
177   border-right: 1px solid #fff;
178   border-top: 2px solid #222;
179   border-left: 2px solid #222;
180   vertical-align: middle;
181   -moz-border-top-colors: #9c9a94 #000 transparent;
182   -moz-border-left-colors: #9c9a94 #000 transparent;
183   margin: 2px;
184   padding-right: 1px; }
185
186 DIV.contactSelector DIV.contactList
187 { font-size: smaller;
188   white-space: nowrap;
189   width: 40em;
190   height: 3em;
191   overflow: auto;
192   border: 1px solid #444;
193   background-color: #eee;
194   text-align: left; }
195
196 TEXTAREA
197 { vertical-align: top; }
198
199 DIV, TEXTAREA, INPUT, SELECT
200 { font-family: inherit;
201   font-size: 8pt;
202   font-size: inherit; }
203
204 TEXTAREA, INPUT.textField
205 { padding: .2em;
206   margin: .15em;
207   border-bottom: 1px solid #fff;
208   border-right: 1px solid #fff;
209   border-top: 2px solid #222;
210   border-left: 2px solid #222;
211   -moz-border-top-colors: #9c9a94 #000 transparent;
212   -moz-border-left-colors: #9c9a94 #000 transparent; }
213
214 INPUT.textField
215 { vertical-align: middle; }
216
217 DIV#toolbar
218 { left: 0px;
219   border-top: 1px solid #fff;
220   border-bottom: 1px solid #848284;
221   margin: 0px;
222   padding: 0px;
223   white-space: nowrap;
224   overflow: auto; }
225
226 BODY.popup DIV#toolbar
227 { border-top: 0px; }
228
229 SPAN.toolbarSeparator
230 { display: block;
231   float: left;
232   height: 3.8em;
233   vertical-align: middle;
234   border-right : 1px solid #fff;
235   border-left : 1px solid #9c9a94;
236   margin: 0px .25em;
237   margin-top: 0.125em;
238   width: 0px;
239   padding: 0px; }
240
241 A.toolbarButton
242 { color: #000;
243   text-decoration: none; }
244
245 SPAN.toolbarButton, SPAN.disabledToolbarButton
246 { cursor: default;
247   display: inline;
248   float: left;
249   text-align: center;
250   -moz-box-align: center;
251   -moz-box-pack: center;
252   border-left: 1px solid transparent;
253   border-top: 1px solid transparent;
254   border-right: 1px solid transparent;
255   border-bottom: 1px solid transparent;
256   padding: 1px 2px;
257   background-color: transparent;
258   color: -moz-DialogText; }
259
260 SPAN.disabledToolbarButton
261 { -moz-opacity: 0.4;
262   opacity: 0.4; }
263
264 SPAN.toolbarButton:hover
265 { color: -moz-buttonhovertext;
266   border-top: 1px solid #fff;
267   border-left: 1px solid #fff;
268   border-bottom: 1px solid #828482;
269   border-right: 1px solid #828482; }
270
271 SPAN.toolbarButton:active
272 { color: -moz-buttonhovertext;
273   border-top: 1px solid #828482;
274   border-left: 1px solid #828482;
275   border-bottom: 1px solid #fff;
276   border-right: 1px solid #fff; }
277
278 .toolbarButton IMG.buttonImage
279 { border: 0px;
280   width: 24px;
281   height: 24px;
282   margin: auto; }
283
284 .toolbarButton .buttonLabel
285 { margin: auto; }
286
287 /* popups */
288 .menu
289 { visibility: hidden;
290   position: absolute;
291   z-index: 1000;
292   background-color: #d6cfc6;
293   color: #000;
294   margin: 0px;
295   padding: 0px;
296   border-top: 1px solid #d6cfc6;
297   border-left: 1px solid #d6cfc6;
298   border-right: 1px solid #424142;
299   border-bottom: 1px solid #424142; }
300
301 .menu UL
302 { cursor: default;
303   list-style-type: none;
304   list-style-image: none;
305   margin: 0px;
306   padding: 0px;
307   border-top: 1px solid #fff;
308   border-left: 1px solid #fff;
309   border-right: 1px solid #9e9a92;
310   border-bottom: 1px solid #9e9a92; }
311
312 .menu LI
313 { padding-left: 1em;
314   padding-right: 1em;
315   padding-top: .2em;
316   padding-bottom: .2em;
317   margin: 0px;
318   width: auto;
319   white-space: nowrap; }
320
321 .menu LI.disabled,
322 .menu LI.disabled:hover
323 { color: #999; }
324
325 .menu LI IMG
326 { margin-left: -.8em;
327   padding-right: .2em;
328   vertical-align: middle; }
329
330 .menu LI:hover, .menu LI.submenu-selected
331 { background-color: #4b6983;
332   color: #fff; }
333
334 .menu LI.separator, .menu LI.separator:hover
335 { padding: 0px;
336   margin: 2px 0px;
337   height: 0px;
338   border-top: 1px solid #aaa;
339   border-bottom: 1px solid #fff; }
340
341 .menu LI.submenu, .menu LI.submenu-selected
342 { padding-right: 2em;
343   background-position: 98% 50%;
344   background-repeat: no-repeat; }
345
346 .menu LI.submenu
347 { background-image: url('submenu.gif'); }
348
349 .menu LI[class~="disabled"].submenu
350 { background-image: url('submenu-disabled.gif') !important; }
351
352 .menu LI.submenu:hover, .menu LI.submenu-selected
353 { background-image: url('submenu-active.gif') !important; }
354
355 /* live search popup menu */
356 UL#searchOptions LI
357 { list-style-position: inside;
358   list-style-image: url("menu-nocheck.gif");
359   padding: 1px 3px;
360   margin: px; }
361
362 UL#searchOptions LI._chosen
363 { list-style-image: url("menu-check.gif"); }
364
365 UL#searchOptions LI._chosen:hover
366 { list-style-image: url("menu-check-hover.gif"); }
367
368 DIV#logConsole
369 { position: absolute;
370   overflow: auto;
371   display: none;
372   z-index: 1000;
373   border-top: 2px solid #fff;
374   border-left: 2px solid #fff;
375   border-right: 2px solid #999;
376   border-bottom: 2px solid #999;
377   -moz-border-top-colors: #000 #9c9a94 transparent;
378   -moz-border-left-colors: #000 #9c9a94 transparent;
379   font-family: monospace;
380   font-size: 9pt;
381   padding: .25em;
382   background-color: #fff;
383   overflow-y: scroll;
384   color: #222;
385   top: 1em;
386   left: 0px;
387   right: 0px;
388   height: 15em; }
389
390 /* DIV#logConsole > DIV.highlighted
391 { background-color: #ddf; }
392  */
393 /* content lists */
394 td.tbtv_actcell
395 { border-width: 1px;
396   border-style: solid;
397   border-top-color: #808080;
398   border-left-color: #808080;
399   border-bottom-color: #808080;
400   border-right-color: #808080;
401   padding-top: 4px;
402   padding-bottom: 3px;
403   padding-left: 4px;
404   padding-right: 4px; }
405
406 TD.headerCell,
407 TD.tbtv_headercell,
408 TD.tbtv_navcell
409 { vertical-align: middle;
410   background-color: #d4d0c8; 
411   border-top: 1px solid #fff;
412   border-left: 1px solid #fff;
413   border-right: 2px solid #222;
414   border-bottom: 2px solid #222;
415   -moz-border-bottom-colors: #000 #9c9a94 transparent;
416   -moz-border-right-colors: #000 #9c9a94 transparent; }
417
418 TD.headerCell:active,
419 TD.tbtv_headercell:active
420 { background-color: #dcdad5;
421   padding-top: 2px;
422   border-top: 1px solid #9c9a94;
423   border-left: 1px solid #9c9a94;
424   border-right: 2px solid #9c9a94;
425   border-bottom: 1px solid #9c9a94; }
426
427 TD.headerCell SPAN,
428 td.tbtv_headercell SPAN
429 { float: left; }
430
431 td.tbtv_headercell a
432 { cursor: default;
433   margin: 0px auto;
434   display: block;
435   color: black; }
436
437 td.tbtv_headercell a:hover
438 { margin: 0px auto;
439   display: block;
440   color: black;
441   text-decoration: none;
442   /* background-color: #C4C0B8; */
443 }
444
445 IMG.sortImage,
446 TD.headerCell IMG.tbtv_sortcell,
447 td.tbtv_headercell img.tbtv_sortcell
448 { float: right;
449   text-align: right;
450   border: 0px;
451   width: 12px;
452   height: 12px; }
453
454 .tableview
455 { cursor: default;
456   vertical-align: top; }
457
458 TR.tableview TD
459 { white-space: nowrap;
460   padding-left: .3em;
461   padding-right: .3em; }
462
463 TD.headerDateTime
464 { min-width: 30em; }
465
466 TD.headerTitle
467 { width: 30%; }
468
469 TD.headerLocation
470 { min-width: 20em; }
471
472 td img.tbtv_sortcell
473 { float: right;
474   text-align: right;
475   margin-top: .2em;
476   border: 0px;
477   width: 12px;
478   height: 12px; }
479
480 TD.subjectCell,
481 td.tbtv_subject_headercell
482 { overflow: hidden; }
483
484 /* drag handles */
485 DIV.dragHandle
486 { position: absolute;
487   z-index: 1;
488   background-color: #d4d0c8; }
489
490 DIV.dragHandle:active
491 { background-color: #99a; }
492
493 /* search fields */
494 DIV#filterPanel
495 {
496   height: 2em;
497   vertical-align: middle;
498   width: 100%;
499 }
500
501 INPUT#searchValue
502 { margin-right: 1em;
503   width: 20em;
504   padding-left: 24px;
505   background-image: url('/SOGo.woa/WebServerResources/Search-bar.png');
506   background-repeat: no-repeat;
507   background-position: 2px 2px;
508   color: #aaa; }
509
510 DIV.javascriptPopupBackground
511 { position: absolute;
512   background-color: #999;
513   -moz-opacity: 0.6; 
514   opacity: 0.6;
515   z-index: 2;
516   top: 0px;
517   left: 0px;
518   right: 0px;
519   bottom: 0px;
520   text-align: center; }
521
522 DIV.javascriptMessagePseudoWindow,
523 DIV.javascriptMessagePseudoTopWindow
524 { position: absolute;
525   z-index: 2;
526   border-bottom: 2px solid #888;
527   padding: 1em;
528   margin: 0px auto;
529   color: #000;
530   background-color: #d4d0c8;
531   -moz-border-bottom-colors: #000 #9c9a94 transparent;
532   -moz-opacity: 1.0;
533   opacity: 1.0; }
534
535 DIV.javascriptMessagePseudoTopWindow
536 { border-top: 0px;
537   border-left: 0px;
538   border-right: 0px; }
539
540 DIV.javascriptMessagePseudoWindow
541 { border-top: 2px solid #fff;
542   border-left: 2px solid #fff;
543   border-right: 2px solid #888;
544   -moz-border-top-colors: #efebe7 #fff;
545   -moz-border-left-colors: #efebe7 #fff;
546   -moz-border-right-colors: #000 #9c9a94 transparent; }
547
548 DIV.noJavascriptErrorMessage
549 { top: 10em;
550   left: 17em;
551   width: 24em; }
552
553 DIV.noJavascriptErrorMessage A
554 { float: right;
555   margin: 0px auto; }
556
557 INPUT.button:active,
558 A.button:active
559 { color: -moz-buttonhovertext;
560   background-color: #c4c2bd;
561   -moz-border-bottom-colors: #efebe7 #fff;
562   -moz-border-right-colors: #efebe7 #fff;
563   -moz-border-top-colors: #9c9a94 #000;
564   -moz-border-left-colors: #9c9a94 #000; }
565
566 INPUT.button,
567 A.button,
568 A[class~="_disabled"].button:active
569 { cursor: default;
570   padding: 1px .5em;
571   background-color: #d4d0c8;
572   border-top: 2px solid #fff;
573   border-left: 2px solid #fff;
574   border-bottom: 2px solid #888;
575   border-right: 2px solid #888;
576   -moz-border-top-colors: #efebe7 #fff;
577   -moz-border-left-colors: #efebe7 #fff;
578   -moz-border-bottom-colors: #000 #9c9a94 transparent;
579   -moz-border-right-colors: #000 #9c9a94 transparent;
580   text-decoration: none;
581   color: inherit; }
582
583 A.button IMG
584 { vertical-align: middle; }
585
586 A[class~="_disabled"].button,
587 A[class~="_disabled"].button:active
588 { color: #999;
589   background: inherit; }
590
591 LI.denied
592 { background-color: #fefefe;
593   font-style: italic;
594   color: #f33; }
595
596 LI._selected,
597 TR._selected > TD,
598 TD._selected
599
600   background-color: #4b6983;
601   color: #fff;
602 }
603
604 LI[class~="_selected"].denied
605
606   background-color: #f33;
607 }
608
609 /* folder tree (js) )*/
610 DIV.dTreeNode A SPAN.nodeName
611 {
612   margin: 0px .2em;
613   padding-left: .2em;
614   padding-right: .2em;
615 }
616
617 DIV.dTreeNode A._selected SPAN.nodeName
618 {
619   background-color: #4b6983;
620   color: #fff;
621 }
622
623 DIV.dTreeNode SPAN._dragOver
624
625   background-color: #4b6983;
626   color: #fff;
627 }
628
629 /* tabs */
630 DIV.tabsContainer
631 { position: relative;
632   color: #000;
633   background-color: #d4d0c8;
634   margin-top: 1.5em;
635   border-top: 2px solid #fff;
636   border-left: 2px solid #fff;
637   border-right: 2px solid #888;
638   border-bottom: 2px solid #888;
639   -moz-border-top-colors: #efebe7 #fff;
640   -moz-border-left-colors: #efebe7 #fff;
641   -moz-border-right-colors: #000 #9c9a94 transparent;
642   -moz-border-bottom-colors: #000 #9c9a94 transparent; }
643
644 DIV.tabsContainer > UL
645 { cursor: default;
646   list-style-type: none;
647   list-style-image: none;
648   margin: 0px;
649   margin-top: -17px;
650   padding: 0px; }
651
652 DIV.tabsContainer > UL LI
653 { z-index: 3;
654   float: left;
655   padding: 0px .5em;
656   padding-top: 0px;
657   -moz-border-radius-topleft: 3px;
658   -moz-border-radius-topright: 3px;
659   border-top: 2px solid #fff;
660   border-bottom: 0px solid #fff;
661   border-right: 2px solid #888;
662   padding-bottom: 1px;
663   -moz-border-top-colors: #efebe7 #fff;
664   -moz-border-right-colors: #000 #9c9a94 transparent;
665   -moz-border-bottom-colors: #efebe7 #fff;
666   color: #000; }
667
668 DIV.tabsContainer > UL LI.first,
669 DIV.tabsContainer > UL LI.active
670 { border-left: 2px solid #fff;
671   margin-left: -2px;
672   -moz-border-left-colors: #efebe7 #fff; }
673
674 DIV.tabsContainer > UL LI.active
675 { z-index: 5;
676   background-color: #d4d0c8;
677   border-bottom: 1px none #fff;
678   padding-top: 2px;
679   padding-bottom: 3px;
680   margin-top: -3px; }
681
682 DIV.tabsContainer > DIV.tab
683 { position: absolute;
684   overflow: auto;
685   top: .5em;
686   left: .5em;
687   right: .5em;
688   bottom: .5em;
689   display: none; }
690
691 DIV.tabsContainer DIV.active
692 { display: block; }
693
694 DIV.tabsContainer > DIV[class~="active"].tab
695 { display: block !important; }
696
697 INPUT.checkBox
698 { vertical-align: middle;
699   -moz-border-top-colors: #000 #fff;
700   -moz-border-left-colors: #000 #fff; 
701   -moz-border-bottom-colors: #000 #fff;
702   -moz-border-right-colors: #000 #fff; }
703
704 @media print
705 {
706   BODY
707   { position: static;
708     font-size: 10pt;
709     height: auto;
710     overflow: visible; }
711
712   DIV#logConsole,
713   DIV#linkBanner,
714   DIV#toolbar,
715   DIV.menu,
716   DIV.tabsContainer
717   { display: none; }
718 }