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