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
 260 SPAN.toolbarButton:hover
 261 { color: -moz-buttonhovertext;
 262   border-top: 1px solid #fff;
 263   border-left: 1px solid #fff;
 264   border-bottom: 1px solid #828482;
 265   border-right: 1px solid #828482; }
 266
 267 SPAN.toolbarButton:active
 268 { color: -moz-buttonhovertext;
 269   border-top: 1px solid #828482;
 270   border-left: 1px solid #828482;
 271   border-bottom: 1px solid #fff;
 272   border-right: 1px solid #fff; }
 273
 274 .toolbarButton IMG.buttonImage
 275 { border: 0px;
 276   width: 24px;
 277   height: 24px;
 278   margin: auto; }
 279
 280 .toolbarButton .buttonLabel
 281 { margin: auto; }
 282
 283 /* popups */
 284 .menu
 285 { visibility: hidden;
 286   position: absolute;
 287   z-index: 1000;
 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 .menu LI:hover, .menu LI.submenu-selected
 327 { background-color: #4b6983;
 328   color: #fff; }
 329
 330 .menu LI.separator, .menu LI.separator:hover
 331 { padding: 0px;
 332   margin: 2px 0px;
 333   height: 0px;
 334   border-top: 1px solid #aaa;
 335   border-bottom: 1px solid #fff; }
 336
 337 .menu LI.submenu, .menu LI.submenu-selected
 338 { padding-right: 2em;
 339   background-position: 98% 50%;
 340   background-repeat: no-repeat; }
 341
 342 .menu LI.submenu
 343 { background-image: url('submenu.gif'); }
 344
 345 .menu LI[class~="disabled"].submenu
 346 { background-image: url('submenu-disabled.gif') !important; }
 347
 348 .menu LI.submenu:hover, .menu LI.submenu-selected
 349 { background-image: url('submenu-active.gif') !important; }
 350
 351 DIV#logConsole
 352 { position: absolute;
 353   overflow: auto;
 354   display: none;
 355   z-index: 1000;
 356   border-top: 2px solid #fff;
 357   border-left: 2px solid #fff;
 358   border-right: 2px solid #999;
 359   border-bottom: 2px solid #999;
 360   -moz-border-top-colors: #000 #9c9a94 transparent;
 361   -moz-border-left-colors: #000 #9c9a94 transparent;
 362   font-family: monospace;
 363   font-size: 12pt;
 364   padding: .25em;
 365   background-color: #fff;
 366   overflow-y: scroll;
 367   color: #222;
 368   top: 1em;
 369   left: 0px;
 370   right: 0px;
 371   height: 15em; }
 372
 373 /* DIV#logConsole > DIV.highlighted
 374 { background-color: #ddf; }
 375  */
 376 /* content lists */
 377 td.tbtv_actcell
 378 { border-width: 1px;
 379   border-style: solid;
 380   border-top-color: #808080;
 381   border-left-color: #808080;
 382   border-bottom-color: #808080;
 383   border-right-color: #808080;
 384   padding-top: 4px;
 385   padding-bottom: 3px;
 386   padding-left: 4px;
 387   padding-right: 4px; }
 388
 389 TD.headerCell,
 390 TD.tbtv_headercell,
 391 TD.tbtv_navcell
 392 { vertical-align: middle;
 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   padding-top: 2px;
 405   border-top: 1px solid #9c9a94;
 406   border-left: 1px solid #9c9a94;
 407   border-right: 2px solid #9c9a94;
 408   border-bottom: 1px solid #9c9a94; }
 409
 410 TD.headerCell SPAN,
 411 td.tbtv_headercell SPAN
 412 { float: left;
 413   width: 100%; }
 414
 415 td.tbtv_headercell a
 416 { cursor: default;
 417   margin: 0px auto;
 418   display: block;
 419   color: black;
 420   width: 100%; }
 421
 422 td.tbtv_headercell a:hover
 423 { margin: 0px auto;
 424   display: block;
 425   color: black;
 426   text-decoration: none;
 427   /* background-color: #C4C0B8; */
 428 }
 429
 430 IMG.sortImage,
 431 TD.headerCell IMG.tbtv_sortcell,
 432 td.tbtv_headercell img.tbtv_sortcell
 433 { float: right;
 434   text-align: right;
 435   border: 0px;
 436   width: 12px;
 437   height: 12px; }
 438
 439 .tableview
 440 { cursor: default;
 441   vertical-align: top; }
 442
 443 TR.tableview TD
 444 { white-space: nowrap;
 445   padding-left: .3em;
 446   padding-right: .3em; }
 447
 448 TD.headerDateTime
 449 { width: 30em;
 450   min-width: 30em; }
 451
 452 TD.headerTitle
 453 { width: 30%; }
 454
 455 TD.headerLocation
 456 { min-width: 20em; }
 457
 458 td img.tbtv_sortcell
 459 { float: right;
 460   text-align: right;
 461   margin-top: .2em;
 462   border: 0px;
 463   width: 12px;
 464   height: 12px; }
 465
 466 TD.subjectCell,
 467 td.tbtv_subject_headercell
 468 { overflow: hidden;
 469   width: auto; }
 470
 471 /* drag handles */
 472 DIV.dragHandle
 473 { position: absolute;
 474   z-index: 1;
 475   background-color: #d4d0c8; }
 476
 477 DIV.dragHandle:active
 478 { background-color: #99a; }
 479
 480 /* search fields */
 481 DIV#filterPanel
 482 {
 483   height: 2em;
 484   vertical-align: middle;
 485   width: 100%;
 486 }
 487
 488 INPUT#searchValue
 489 { margin-right: 1em;
 490   width: 20em;
 491   padding-left: 24px;
 492   background-image: url('/SOGo.woa/WebServerResources/Search-bar.png');
 493   background-repeat: no-repeat;
 494   background-position: 2px 2px;
 495   color: #aaa; }
 496
 497 DIV.javascriptPopupBackground
 498 { position: absolute;
 499   background-color: #999;
 500   -moz-opacity: 0.6;
 501   opacity: 0.6;
 502   z-index: 2;
 503   top: 0px;
 504   left: 0px;
 505   right: 0px;
 506   bottom: 0px;
 507   text-align: center; }
 508
 509 DIV.javascriptMessagePseudoWindow,
 510 DIV.javascriptMessagePseudoTopWindow
 511 { position: absolute;
 512   z-index: 2;
 513   border-bottom: 2px solid #888;
 514   padding: 1em;
 515   margin: 0px auto;
 516   color: #000;
 517   background-color: #d4d0c8;
 518   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 519   -moz-opacity: 1.0;
 520   opacity: 1.0; }
 521
 522 DIV.javascriptMessagePseudoTopWindow
 523 { border-top: 0px;
 524   border-left: 0px;
 525   border-right: 0px; }
 526
 527 DIV.javascriptMessagePseudoWindow
 528 { border-top: 2px solid #fff;
 529   border-left: 2px solid #fff;
 530   border-right: 2px solid #888;
 531   -moz-border-top-colors: #efebe7 #fff;
 532   -moz-border-left-colors: #efebe7 #fff;
 533   -moz-border-right-colors: #000 #9c9a94 transparent; }
 534
 535 DIV.noJavascriptErrorMessage
 536 { top: 10em;
 537   left: 17em;
 538   width: 24em; }
 539
 540 DIV.noJavascriptErrorMessage A
 541 { float: right;
 542   margin: 0px auto; }
 543
 544 INPUT.button:active,
 545 A.button:active
 546 { color: -moz-buttonhovertext;
 547   background-color: #c4c2bd;
 548   -moz-border-bottom-colors: #efebe7 #fff;
 549   -moz-border-right-colors: #efebe7 #fff;
 550   -moz-border-top-colors: #9c9a94 #000;
 551   -moz-border-left-colors: #9c9a94 #000; }
 552
 553 INPUT.button,
 554 A.button,
 555 A[class~="_disabled"].button:active
 556 { cursor: default;
 557   padding: 1px .5em;
 558   background-color: #d4d0c8;
 559   border-top: 2px solid #fff;
 560   border-left: 2px solid #fff;
 561   border-bottom: 2px solid #888;
 562   border-right: 2px solid #888;
 563   -moz-border-top-colors: #efebe7 #fff;
 564   -moz-border-left-colors: #efebe7 #fff;
 565   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 566   -moz-border-right-colors: #000 #9c9a94 transparent;
 567   text-decoration: none;
 568   color: inherit; }
 569
 570 A.button IMG
 571 { vertical-align: middle; }
 572
 573 A[class~="_disabled"].button,
 574 A[class~="_disabled"].button:active
 575 { color: #999;
 576   background: inherit; }
 577
 578 LI.denied
 579 { background-color: #fefefe;
 580   font-style: italic;
 581   color: #f33; }
 582
 583 LI._selected,
 584 TR._selected > TD,
 585 TD._selected
 586 {
 587   background-color: #4b6983;
 588   color: #fff;
 589 }
 590
 591 LI[class~="_selected"].denied
 592 {
 593   background-color: #f33;
 594 }
 595
 596 /* folder tree (js) )*/
 597 DIV.dTreeNode A SPAN.nodeName
 598 {
 599   margin: 0px .2em;
 600   padding-left: .2em;
 601   padding-right: .2em;
 602 }
 603
 604 DIV.dTreeNode A._selected SPAN.nodeName
 605 {
 606   background-color: #4b6983;
 607   color: #fff;
 608 }
 609
 610 DIV.dTreeNode SPAN._dragOver
 611 {
 612   background-color: #4b6983;
 613   color: #fff;
 614 }
 615
 616 /* tabs */
 617 DIV.tabsContainer
 618 { position: relative;
 619   color: #000;
 620   background-color: #d4d0c8;
 621   margin-top: 1.5em;
 622   border-top: 2px solid #fff;
 623   border-left: 2px solid #fff;
 624   border-right: 2px solid #888;
 625   border-bottom: 2px solid #888;
 626   -moz-border-top-colors: #efebe7 #fff;
 627   -moz-border-left-colors: #efebe7 #fff;
 628   -moz-border-right-colors: #000 #9c9a94 transparent;
 629   -moz-border-bottom-colors: #000 #9c9a94 transparent; }
 630
 631 DIV.tabsContainer > UL
 632 { cursor: default;
 633   list-style-type: none;
 634   list-style-image: none;
 635   margin: 0px;
 636   margin-top: -17px;
 637   padding: 0px; }
 638
 639 DIV.tabsContainer > UL LI
 640 { z-index: 3;
 641   float: left;
 642   padding: 0px .5em;
 643   padding-top: 0px;
 644   -moz-border-radius-topleft: 3px;
 645   -moz-border-radius-topright: 3px;
 646   border-top: 2px solid #fff;
 647   border-bottom: 0px solid #fff;
 648   border-right: 2px solid #888;
 649   padding-bottom: 1px;
 650   -moz-border-top-colors: #efebe7 #fff;
 651   -moz-border-right-colors: #000 #9c9a94 transparent;
 652   -moz-border-bottom-colors: #efebe7 #fff;
 653   color: #000; }
 654
 655 DIV.tabsContainer > UL LI.first,
 656 DIV.tabsContainer > UL LI.active
 657 { border-left: 2px solid #fff;
 658   margin-left: -2px;
 659   -moz-border-left-colors: #efebe7 #fff; }
 660
 661 DIV.tabsContainer > UL LI.active
 662 { z-index: 5;
 663   background-color: #d4d0c8;
 664   border-bottom: 1px none #fff;
 665   padding-top: 2px;
 666   padding-bottom: 3px;
 667   margin-top: -3px; }
 668
 669 DIV.tabsContainer > DIV.tab
 670 { position: absolute;
 671   overflow: auto;
 672   top: .5em;
 673   left: .5em;
 674   right: .5em;
 675   bottom: .5em;
 676   display: none; }
 677
 678 DIV.tabsContainer DIV.active
 679 { display: block; }
 680
 681 DIV.tabsContainer > DIV[class~="active"].tab
 682 { display: block !important; }
 683
 684 INPUT.checkBox
 685 { vertical-align: middle;
 686   -moz-border-top-colors: #000 #fff;
 687   -moz-border-left-colors: #000 #fff;
 688   -moz-border-bottom-colors: #000 #fff;
 689   -moz-border-right-colors: #000 #fff; }
 690
 691 @media print
 692 {
 693   BODY
 694   { position: static;
 695     font-size: 10pt;
 696     height: auto;
 697     overflow: visible; }
 698
 699   DIV#logConsole,
 700   DIV#linkBanner,
 701   DIV#toolbar,
 702   DIV.menu,
 703   DIV.tabsContainer
 704   { display: none; }
 705 }