err.no Git - scalable-opengroupware.org/blob - 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 }