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