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 { background-color: #d4d0c8;
 394   border-top: 1px solid #fff;
 395   border-left: 1px solid #fff;
 396   border-right: 2px solid #222;
 397   border-bottom: 2px solid #222;
 398   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 399   -moz-border-right-colors: #000 #9c9a94 transparent; }
 400
 401 TD.headerCell:active,
 402 TD.tbtv_headercell:active
 403 { background-color: #DCDAD5;
 404   border: 1px solid #9c9a94;
 405   -moz-border-bottom-colors: #9c9a94;
 406   -moz-border-right-colors: #9c9a94; }
 407
 408 TD.headerCell SPAN,
 409 td.tbtv_headercell SPAN
 410 { float: left;
 411   width: 100%; }
 412
 413 td.tbtv_headercell a
 414 { cursor: default;
 415   margin: 0px auto;
 416   display: block;
 417   color: black;
 418   width: 100%; }
 419
 420 td.tbtv_headercell a:hover
 421 { margin: 0px auto;
 422   display: block;
 423   color: black;
 424   text-decoration: none;
 425   /* background-color: #C4C0B8; */
 426 }
 427
 428 TD.headerCell IMG.tbtv_sortcell,
 429 td.tbtv_headercell img.tbtv_sortcell
 430 { float: right;
 431   text-align: right;
 432   border: 0px;
 433   width: 12px;
 434   height: 12px; }
 435
 436 .tableview
 437 { cursor: default;
 438   vertical-align: top; }
 439
 440 TR.tableview TD
 441 { white-space: nowrap;
 442   padding-left: .3em;
 443   padding-right: .3em; }
 444
 445 TD.headerDateTime
 446 { width: 30em;
 447   min-width: 30em; }
 448
 449 TD.headerTitle
 450 { width: 30%; }
 451
 452 TD.headerLocation
 453 { min-width: 20em; }
 454
 455 td img.tbtv_sortcell
 456 { float: right;
 457   text-align: right;
 458   margin-top: .2em;
 459   border: 0px;
 460   width: 12px;
 461   height: 12px; }
 462
 463 TD.subjectCell,
 464 td.tbtv_subject_headercell
 465 { overflow: hidden;
 466   width: auto; }
 467
 468 /* drag handles */
 469 DIV.dragHandle
 470 { position: absolute;
 471   z-index: 1;
 472   background-color: #d4d0c8; }
 473
 474 DIV.dragHandle:active
 475 { background-color: #99a; }
 476
 477 /* search fields */
 478 DIV#filterPanel
 479 {
 480   height: 2em;
 481   vertical-align: middle;
 482   width: 100%;
 483 }
 484
 485 INPUT#searchValue
 486 { margin-right: 1em;
 487   width: 20em;
 488   padding-left: 24px;
 489   background-image: url('/SOGo.woa/WebServerResources/Search-bar.png');
 490   background-repeat: no-repeat;
 491   background-position: 2px 2px;
 492   color: #aaa; }
 493
 494 DIV.javascriptPopupBackground
 495 { position: absolute;
 496   background-color: #999;
 497   -moz-opacity: 0.6;
 498   opacity: 0.6;
 499   filter: alpha(opacity=60);
 500   z-index: 2;
 501   top: 0px;
 502   left: 0px;
 503   right: 0px;
 504   bottom: 0px;
 505   text-align: center; }
 506
 507 DIV.javascriptMessagePseudoWindow,
 508 DIV.javascriptMessagePseudoTopWindow
 509 { position: absolute;
 510   z-index: 2;
 511   border-bottom: 2px solid #888;
 512   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 513   padding: 1em;
 514   margin: 0px auto;
 515   -moz-opacity: 1.0;
 516   opacity: 1.0;
 517   filter: alpha(opacity=100);
 518   color: #000;
 519   background-color: #d4d0c8; }
 520
 521 DIV.javascriptMessagePseudoTopWindow
 522 { border-top: 0px;
 523   border-left: 0px;
 524   border-right: 0px; }
 525
 526 DIV.javascriptMessagePseudoWindow
 527 { border-top: 2px solid #fff;
 528   border-left: 2px solid #fff;
 529   border-right: 2px solid #888;
 530   -moz-border-top-colors: #efebe7 #fff;
 531   -moz-border-left-colors: #efebe7 #fff;
 532   -moz-border-right-colors: #000 #9c9a94 transparent; }
 533
 534 DIV.noJavascriptErrorMessage
 535 { top: 10em;
 536   left: 17em;
 537   width: 24em; }
 538
 539 DIV.noJavascriptErrorMessage A
 540 { float: right;
 541   margin: 0px auto; }
 542
 543 INPUT.button:active,
 544 A.button:active
 545 { color: -moz-buttonhovertext;
 546   background-color: #c4c2bd;
 547   -moz-border-bottom-colors: #efebe7 #fff;
 548   -moz-border-right-colors: #efebe7 #fff;
 549   -moz-border-top-colors: #9c9a94 #000;
 550   -moz-border-left-colors: #9c9a94 #000; }
 551
 552 INPUT.button,
 553 A.button,
 554 A[class~="_disabled"].button:active
 555 { cursor: default;
 556   padding: 1px .5em;
 557   background-color: #d4d0c8;
 558   border-top: 2px solid #fff;
 559   border-left: 2px solid #fff;
 560   border-bottom: 2px solid #888;
 561   border-right: 2px solid #888;
 562   -moz-border-top-colors: #efebe7 #fff;
 563   -moz-border-left-colors: #efebe7 #fff;
 564   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 565   -moz-border-right-colors: #000 #9c9a94 transparent;
 566   text-decoration: none;
 567   color: inherit; }
 568
 569 A.button IMG
 570 { vertical-align: middle; }
 571
 572 A[class~="_disabled"].button,
 573 A[class~="_disabled"].button:active
 574 { color: #999;
 575   background: inherit; }
 576
 577 LI.denied
 578 { background-color: #fefefe;
 579   font-style: italic;
 580   color: #f33; }
 581
 582 LI._selected,
 583 TR._selected > TD,
 584 TD._selected
 585 {
 586   background-color: #4b6983;
 587   color: #fff;
 588 }
 589
 590 LI[class~="_selected"].denied
 591 {
 592   background-color: #f33;
 593 }
 594
 595 /* folder tree (js) )*/
 596 DIV.dTreeNode A SPAN.nodeName
 597 {
 598   margin: 0px .2em;
 599   padding-left: .2em;
 600   padding-right: .2em;
 601 }
 602
 603 DIV.dTreeNode A._selected SPAN.nodeName
 604 {
 605   background-color: #4b6983;
 606   color: #fff;
 607 }
 608
 609 DIV.dTreeNode SPAN._dragOver
 610 {
 611   background-color: #4b6983;
 612   color: #fff;
 613 }
 614
 615 /* tabs */
 616 DIV.tabsContainer
 617 { position: relative;
 618   color: #000;
 619   background-color: #d4d0c8;
 620   margin-top: 1.5em;
 621   border-top: 2px solid #fff;
 622   border-left: 2px solid #fff;
 623   border-right: 2px solid #888;
 624   border-bottom: 2px solid #888;
 625   -moz-border-top-colors: #efebe7 #fff;
 626   -moz-border-left-colors: #efebe7 #fff;
 627   -moz-border-right-colors: #000 #9c9a94 transparent;
 628   -moz-border-bottom-colors: #000 #9c9a94 transparent; }
 629
 630 DIV.tabsContainer > UL
 631 { cursor: default;
 632   list-style-type: none;
 633   list-style-image: none;
 634   margin: 0px;
 635   margin-top: -17px;
 636   padding: 0px; }
 637
 638 DIV.tabsContainer > UL LI
 639 { z-index: 3;
 640   float: left;
 641   padding: 0px .5em;
 642   padding-top: 0px;
 643   -moz-border-radius-topleft: 3px;
 644   -moz-border-radius-topright: 3px;
 645   border-top: 2px solid #fff;
 646   border-bottom: 0px solid #fff;
 647   border-right: 2px solid #888;
 648   padding-bottom: 1px;
 649   -moz-border-top-colors: #efebe7 #fff;
 650   -moz-border-right-colors: #000 #9c9a94 transparent;
 651   -moz-border-bottom-colors: #efebe7 #fff;
 652   color: #000; }
 653
 654 DIV.tabsContainer > UL LI.first,
 655 DIV.tabsContainer > UL LI.active
 656 { border-left: 2px solid #fff;
 657   margin-left: -2px;
 658   -moz-border-left-colors: #efebe7 #fff; }
 659
 660 DIV.tabsContainer > UL LI.active
 661 { z-index: 5;
 662   background-color: #d4d0c8;
 663   border-bottom: 1px none #fff;
 664   padding-top: 2px;
 665   padding-bottom: 3px;
 666   margin-top: -3px; }
 667
 668 DIV.tabsContainer > DIV.tab
 669 { position: absolute;
 670   overflow: auto;
 671   top: .5em;
 672   left: .5em;
 673   right: .5em;
 674   bottom: .5em;
 675   display: none; }
 676
 677 DIV.tabsContainer DIV.active
 678 { display: block; }
 679
 680 DIV.tabsContainer > DIV[class~="active"].tab
 681 { display: block !important; }
 682
 683 INPUT.checkBox
 684 { vertical-align: middle;
 685   -moz-border-top-colors: #000 #fff;
 686   -moz-border-left-colors: #000 #fff;
 687   -moz-border-bottom-colors: #000 #fff;
 688   -moz-border-right-colors: #000 #fff; }