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