1 /* SOGo UI Stylesheet */
5 /* Bitstream VeraSans, , Tahoma, FreeSans, Helvetica, sans-serif */
13 font-family: Lucida Grande, Bitstream VeraSans, Tahoma;
15 background-color: #d4d0c8;
25 { font-family: inherit;
37 { /* position: absolute;
38 background-color: #ffa;
49 { text-decoration: none;
53 { white-space: nowrap;
57 { table-layout: fixed;
58 border-spacing: 0px; }
61 { padding-left: .25em;
62 padding-right: .25em; }
72 text-decoration: underline; }
75 { background-color: #06348B; }
78 { text-decoration: none;
86 { text-decoration: none;
95 border-bottom: 1px solid #000; }
97 div#header img.headerlogo
102 div#header div#headerhistory
108 div#header a, div#header span
111 div#header span#navtitle
112 { font-weight: bold; }
115 { text-decoration: none; }
120 { text-decoration: none;
123 { text-decoration: none;
125 font.skydockfont_inactiveMail
126 { text-decoration: none;
129 font.skydockfont_newMail
130 { text-decoration: none;
134 table.skytextdocktable
136 table-layout: auto; }
139 { background-color: #222;
150 text-decoration: none;
151 padding: .2em .5em; }
153 DIV.linkbanner A:hover
156 DIV.linkbanner A#logoff
160 padding-right: .5em; }
163 { vertical-align: bottom;
172 DIV.contactSelector UL.contactList IMG
173 { margin: 0px .5em; }
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;
184 padding-right: 1px; }
186 DIV.contactSelector DIV.contactList
187 { font-size: smaller;
192 border: 1px solid #444;
193 background-color: #eee;
197 { vertical-align: top; }
199 DIV, TEXTAREA, INPUT, SELECT
200 { font-family: inherit;
202 font-size: inherit; }
204 TEXTAREA, INPUT.textField
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; }
215 { vertical-align: middle; }
219 border-top: 1px solid #fff;
220 border-bottom: 1px solid #848284;
226 BODY.popup DIV#toolbar
229 SPAN.toolbarSeparator
233 vertical-align: middle;
234 border-right : 1px solid #fff;
235 border-left : 1px solid #9c9a94;
243 text-decoration: none; }
245 SPAN.toolbarButton, SPAN.disabledToolbarButton
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;
257 background-color: transparent;
258 color: -moz-DialogText; }
260 SPAN.disabledToolbarButton
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; }
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; }
278 .toolbarButton IMG.buttonImage
284 .toolbarButton .buttonLabel
289 { visibility: hidden;
292 background-color: #d6cfc6;
296 border-top: 1px solid #d6cfc6;
297 border-left: 1px solid #d6cfc6;
298 border-right: 1px solid #424142;
299 border-bottom: 1px solid #424142; }
303 list-style-type: none;
304 list-style-image: none;
307 border-top: 1px solid #fff;
308 border-left: 1px solid #fff;
309 border-right: 1px solid #9e9a92;
310 border-bottom: 1px solid #9e9a92; }
316 padding-bottom: .2em;
319 white-space: nowrap; }
322 .menu LI.disabled:hover
326 { margin-left: -.8em;
328 vertical-align: middle; }
330 .menu LI:hover, .menu LI.submenu-selected
331 { background-color: #4b6983;
334 .menu LI.separator, .menu LI.separator:hover
338 border-top: 1px solid #aaa;
339 border-bottom: 1px solid #fff; }
341 .menu LI.submenu, .menu LI.submenu-selected
342 { padding-right: 2em;
343 background-position: 98% 50%;
344 background-repeat: no-repeat; }
347 { background-image: url('submenu.gif'); }
349 .menu LI[class~="disabled"].submenu
350 { background-image: url('submenu-disabled.gif') !important; }
352 .menu LI.submenu:hover, .menu LI.submenu-selected
353 { background-image: url('submenu-active.gif') !important; }
355 /* live search popup menu */
357 { list-style-position: inside;
358 list-style-image: url("menu-nocheck.gif");
362 UL#searchOptions LI._chosen
363 { list-style-image: url("menu-check.gif"); }
365 UL#searchOptions LI._chosen:hover
366 { list-style-image: url("menu-check-hover.gif"); }
369 { position: absolute;
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;
382 background-color: #fff;
390 /* DIV#logConsole > DIV.highlighted
391 { background-color: #ddf; }
397 border-top-color: #808080;
398 border-left-color: #808080;
399 border-bottom-color: #808080;
400 border-right-color: #808080;
404 padding-right: 4px; }
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; }
418 TD.headerCell:active,
419 TD.tbtv_headercell:active
420 { background-color: #dcdad5;
422 border-top: 1px solid #9c9a94;
423 border-left: 1px solid #9c9a94;
424 border-right: 2px solid #9c9a94;
425 border-bottom: 1px solid #9c9a94; }
428 td.tbtv_headercell SPAN
437 td.tbtv_headercell a:hover
441 text-decoration: none;
442 /* background-color: #C4C0B8; */
446 TD.headerCell IMG.tbtv_sortcell,
447 td.tbtv_headercell img.tbtv_sortcell
456 vertical-align: top; }
459 { white-space: nowrap;
461 padding-right: .3em; }
481 td.tbtv_subject_headercell
482 { overflow: hidden; }
486 { position: absolute;
488 background-color: #d4d0c8; }
490 DIV.dragHandle:active
491 { background-color: #99a; }
497 vertical-align: middle;
505 background-image: url('/SOGo.woa/WebServerResources/Search-bar.png');
506 background-repeat: no-repeat;
507 background-position: 2px 2px;
510 DIV.javascriptPopupBackground
511 { position: absolute;
512 background-color: #999;
520 text-align: center; }
522 DIV.javascriptMessagePseudoWindow,
523 DIV.javascriptMessagePseudoTopWindow
524 { position: absolute;
526 border-bottom: 2px solid #888;
530 background-color: #d4d0c8;
531 -moz-border-bottom-colors: #000 #9c9a94 transparent;
535 DIV.javascriptMessagePseudoTopWindow
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; }
548 DIV.noJavascriptErrorMessage
553 DIV.noJavascriptErrorMessage A
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; }
568 A[class~="_disabled"].button:active
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;
584 { vertical-align: middle; }
586 A[class~="_disabled"].button,
587 A[class~="_disabled"].button:active
589 background: inherit; }
592 { background-color: #fefefe;
600 background-color: #4b6983;
604 LI[class~="_selected"].denied
606 background-color: #f33;
609 /* folder tree (js) )*/
610 DIV.dTreeNode A SPAN.nodeName
617 DIV.dTreeNode A._selected SPAN.nodeName
619 background-color: #4b6983;
623 DIV.dTreeNode SPAN._dragOver
625 background-color: #4b6983;
631 { position: relative;
633 background-color: #d4d0c8;
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; }
644 DIV.tabsContainer > UL
646 list-style-type: none;
647 list-style-image: none;
652 DIV.tabsContainer > UL LI
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;
663 -moz-border-top-colors: #efebe7 #fff;
664 -moz-border-right-colors: #000 #9c9a94 transparent;
665 -moz-border-bottom-colors: #efebe7 #fff;
668 DIV.tabsContainer > UL LI.first,
669 DIV.tabsContainer > UL LI.active
670 { border-left: 2px solid #fff;
672 -moz-border-left-colors: #efebe7 #fff; }
674 DIV.tabsContainer > UL LI.active
676 background-color: #d4d0c8;
677 border-bottom: 1px none #fff;
682 DIV.tabsContainer > DIV.tab
683 { position: absolute;
691 DIV.tabsContainer DIV.active
694 DIV.tabsContainer > DIV[class~="active"].tab
695 { display: block !important; }
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; }