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