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