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   padding: 0px;
  61   margin: 0px;
  62   border: 0px; }
  63
  64 a:link
  65 { color: #0033CC; }
  66
  67 a:visited
  68 { color: #660066; }
  69
  70 a:hover
  71 { color: #ff0000;
  72   text-decoration: underline; }
  73
  74 .linecolor
  75 { background-color: #06348B; }
  76
  77 .defaultfont
  78 { text-decoration: none;
  79   color: #000000; }
  80
  81 .window_label
  82 { color: #06348b;
  83   font-weight: bold; }
  84
  85 .homepagefont
  86 { text-decoration: none;
  87   color: #000000; }
  88
  89 /* header */
  90
  91 div#header
  92 { margin-left: 5px;
  93   margin-right: 5px;
  94   padding: 0;
  95   border-bottom: 1px solid #000000; }
  96
  97 div#header img.headerlogo
  98 { float: right;
  99   width: 182px;
 100   height: 30px; }
 101
 102 div#header div#headerhistory
 103 { color: #000000;
 104   margin: 0px;
 105   padding-top: 18px;
 106   height: 12px; }
 107
 108 div#header a, div#header span
 109 { margin: 0px; }
 110
 111 div#header span#navtitle
 112 { font-weight: bold; }
 113
 114 div#header a:hover
 115 { text-decoration: none; }
 116
 117 /* the dock */
 118
 119 a.skydockfont
 120 { text-decoration: none;
 121   color: #06348B; }
 122 font.skydockfont
 123 { text-decoration: none;
 124   color: #06348B; }
 125 font.skydockfont_inactiveMail
 126 { text-decoration: none;
 127   color: #CCCCCC;
 128   font-weight: bold; }
 129 font.skydockfont_newMail
 130 { text-decoration: none;
 131   color: #06348B;
 132   font-weight: bold; }
 133
 134 table.skytextdocktable
 135 { padding: 0px;
 136   table-layout: auto; }
 137
 138 DIV.linkbanner
 139 { background-color: #222;
 140   width: 100%;
 141   top: 0px;
 142   left: 0px;
 143   z-index: 100;
 144   color: #aaa; }
 145
 146 DIV.linkbanner A
 147 { top: 0px;
 148   left: 0px;
 149   color: #ddd;
 150   text-decoration: none;
 151   padding: .2em .5em; }
 152
 153 DIV.linkbanner A:hover
 154 { color: #dd5; }
 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: inherit; }
 196
 197 TEXTAREA, INPUT.textField
 198 { padding: .2em;
 199   margin: .15em;
 200   border-bottom: 1px solid #fff;
 201   border-right: 1px solid #fff;
 202   border-top: 2px solid #222;
 203   border-left: 2px solid #222;
 204   -moz-border-top-colors: #9c9a94 #000 transparent;
 205   -moz-border-left-colors: #9c9a94 #000 transparent; }
 206
 207 INPUT.textField
 208 { line-height: 2em;
 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   background-color: #d4d0c8;
 218   white-space: nowrap;
 219   overflow: auto; }
 220
 221 BODY.popup DIV#toolbar
 222 { border-top: 0px; }
 223
 224 SPAN.toolbarSeparator
 225 { display: block;
 226   float: left;
 227   height: 3.8em;
 228   vertical-align: middle;
 229   border-right : 1px solid #fff;
 230   border-left : 1px solid #9c9a94;
 231   margin: 0px .25em;
 232   margin-top: 0.125em;
 233   width: 0px;
 234   padding: 0px; }
 235
 236 A.toolbarButton
 237 { color: #000;
 238   text-decoration: none; }
 239
 240 SPAN.toolbarButton, SPAN.disabledToolbarButton
 241 { cursor: default;
 242   display: block;
 243   float: left;
 244   height: 80%;
 245   text-align: center;
 246   -moz-box-align: center;
 247   -moz-box-pack: center;
 248   margin: 0px;
 249   border-left: 1px solid transparent;
 250   border-top: 1px solid transparent;
 251   border-right: 1px solid transparent;
 252   border-bottom: 1px solid transparent;
 253   padding: 1px 2px;
 254   background-color: transparent;
 255   color: -moz-DialogText; }
 256
 257 SPAN.disabledToolbarButton
 258 { -moz-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 { width: 100%;
 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 {
 300   cursor: default;
 301   list-style-type: none;
 302   list-style-image: none;
 303   margin: 0px;
 304   padding: 0px;
 305   border-top: 1px solid #fff;
 306   border-left: 1px solid #fff;
 307   border-right: 1px solid #9e9a92;
 308   border-bottom: 1px solid #9e9a92; }
 309
 310 .menu LI
 311 { padding-left: 1em;
 312   padding-right: 1em;
 313   padding-top: .2em;
 314   padding-bottom: .2em;
 315   margin: 0px;
 316   width: auto;
 317   white-space: nowrap; }
 318
 319 .menu LI.disabled
 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   -moz-opacity: 0.7;
 358   border-top: 2px solid #fff;
 359   border-left: 2px solid #fff;
 360   border-right: 2px solid #999;
 361   border-bottom: 2px solid #999;
 362   -moz-border-top-colors: #000 #9c9a94 transparent;
 363   -moz-border-left-colors: #000 #9c9a94 transparent;
 364   font-family: monospace;
 365   font-weight: bold;
 366   background-color: #000;
 367   color: #ddd;
 368   top: 1em;
 369   left: 0px;
 370   right: 0px;
 371   height: 15em; }
 372
 373 /* content lists */
 374 td.tbtv_actcell
 375 { border-width: 1px;
 376   border-style: solid;
 377   border-top-color: #808080;
 378   border-left-color: #808080;
 379   border-bottom-color: #808080;
 380   border-right-color: #808080;
 381   padding-top: 4px;
 382   padding-bottom: 3px;
 383   padding-left: 4px;
 384   padding-right: 4px; }
 385
 386 TD.tbtv_headercell,
 387 TD.tbtv_navcell
 388 { background-color: #d4d0c8;
 389   border-top: 1px solid #fff;
 390   border-left: 1px solid #fff;
 391   border-right: 2px solid #222;
 392   border-bottom: 2px solid #222;
 393   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 394   -moz-border-right-colors: #000 #9c9a94 transparent; }
 395
 396 TD.tbtv_headercell:active
 397 { background-color: #DCDAD5;
 398   border: 1px solid #9c9a94;
 399   -moz-border-bottom-colors: #9c9a94;
 400   -moz-border-right-colors: #9c9a94; }
 401
 402 td.tbtv_headercell SPAN
 403 { float: left;
 404   width: 100%; }
 405
 406 td.tbtv_headercell a
 407 { cursor: default;
 408   margin: 0px auto;
 409   display: block;
 410   color: black;
 411   width: 100%; }
 412
 413 td.tbtv_headercell a:hover
 414 { margin: 0px auto;
 415   display: block;
 416   color: black;
 417   text-decoration: none;
 418   /* background-color: #C4C0B8; */
 419 }
 420
 421 td.tbtv_headercell img.tbtv_sortcell
 422 { float: right;
 423   text-align: right;
 424   border: 0px;
 425   width: 12px;
 426   height: 12px; }
 427
 428 .tableview
 429 { cursor: default;
 430   vertical-align: top; }
 431
 432 TR.tableview TD
 433 { white-space: nowrap;
 434   padding-left: .3em;
 435   padding-right: .3em; }
 436
 437 TR.tableview TD.headerDateTime
 438 { width: 14em; }
 439
 440 TR.tableview TD.headerLocation
 441 { width: 10em; }
 442
 443 td img.tbtv_sortcell
 444 { float: right;
 445   text-align: right;
 446   margin-top: .2em;
 447   border: 0px;
 448   width: 12px;
 449   height: 12px; }
 450
 451 TD.subjectCell,
 452 td.tbtv_subject_headercell
 453 { overflow: hidden;
 454   width: auto; }
 455
 456 /* drag handles */
 457 DIV.dragHandle
 458 { position: absolute;
 459   z-index: 1;
 460   background-color: #d4d0c8; }
 461
 462 DIV.dragHandle:active
 463 { background-color: #99a; }
 464
 465 /* search fields */
 466 DIV#filterPanel
 467 {
 468   height: 2em;
 469   vertical-align: middle;
 470   width: 100%;
 471 }
 472
 473 INPUT#searchValue
 474 { margin-right: 1em;
 475   width: 20em;
 476   padding-left: 24px;
 477   background-image: url('/SOGo.woa/WebServerResources/Search-bar.png');
 478   background-repeat: no-repeat;
 479   background-position: 2px 2px;
 480   color: #aaa; }
 481
 482 DIV.javascriptPopupBackground
 483 { position: absolute;
 484   background-color: #999;
 485   -moz-opacity: 0.6;
 486   z-index: 2;
 487   top: 0px;
 488   left: 0px;
 489   right: 0px;
 490   bottom: 0px;
 491   text-align: center; }
 492
 493 DIV.javascriptMessagePseudoWindow
 494 { position: absolute;
 495   z-index: 2;
 496   border-top: 2px solid #fff;
 497   border-left: 2px solid #fff;
 498   border-bottom: 2px solid #888;
 499   border-right: 2px solid #888;
 500   -moz-border-top-colors: #efebe7 #fff;
 501   -moz-border-left-colors: #efebe7 #fff;
 502   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 503   -moz-border-right-colors: #000 #9c9a94 transparent;
 504   padding: 1em;
 505   margin: 0px auto;
 506   -moz-opacity: 1.0;
 507   color: #000;
 508   background-color: #dedede; }
 509
 510 DIV.noJavascriptErrorMessage
 511 { top: 10em;
 512   left: 17em;
 513   width: 24em; }
 514
 515 DIV.noJavascriptErrorMessage A
 516 { float: right;
 517   margin: 0px auto; }
 518
 519 A.button:hover
 520 { color: inherit;
 521   background: #efebe7; }
 522
 523 INPUT.button:active,
 524 A.button:active
 525 { color: -moz-buttonhovertext;
 526   background-color: #c4c2bd;
 527   -moz-border-bottom-colors: #efebe7 #fff;
 528   -moz-border-right-colors: #efebe7 #fff;
 529   -moz-border-top-colors: #9c9a94 #000;
 530   -moz-border-left-colors: #9c9a94 #000; }
 531
 532 INPUT.button,
 533 A.button,
 534 A[class~="_disabled"].button:hover,
 535 A[class~="_disabled"].button:active
 536 { cursor: default;
 537   padding: 1px .5em;
 538   background-color: #d4d0c8;
 539   border-top: 2px solid #fff;
 540   border-left: 2px solid #fff;
 541   border-bottom: 2px solid #888;
 542   border-right: 2px solid #888;
 543   -moz-border-top-colors: #efebe7 #fff;
 544   -moz-border-left-colors: #efebe7 #fff;
 545   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 546   -moz-border-right-colors: #000 #9c9a94 transparent;
 547   text-decoration: none;
 548   color: inherit; }
 549
 550 A.button IMG
 551 { vertical-align: middle; }
 552
 553 A[class~="_disabled"].button,
 554 A[class~="_disabled"].button:hover,
 555 A[class~="_disabled"].button:active
 556 { color: #999;
 557   background: inherit; }
 558
 559 /* folder tree (js) )*/
 560 DIV.dTreeNode A SPAN.nodeName
 561 {
 562   margin: 0px .2em;
 563   padding-left: .2em;
 564   padding-right: .2em;
 565 }
 566
 567 DIV.dTreeNode A._selected SPAN.nodeName
 568 {
 569   background-color: #4b6983;
 570   color: #fff;
 571 }
 572
 573 DIV.dTreeNode SPAN._dragOver
 574 {
 575   background-color: #4b6983;
 576   color: #fff;
 577 }
 578
 579 /* tabs */
 580 DIV.tabsContainer
 581 {
 582   position: relative;
 583   color: #000;
 584   background-color: #d4d0c8;
 585   margin-top: 1.5em;
 586   border-top: 2px solid #fff;
 587   border-left: 2px solid #fff;
 588   border-right: 2px solid #888;
 589   border-bottom: 2px solid #888;
 590   -moz-border-top-colors: #efebe7 #fff;
 591   -moz-border-left-colors: #efebe7 #fff;
 592   -moz-border-right-colors: #000 #9c9a94 transparent;
 593   -moz-border-bottom-colors: #000 #9c9a94 transparent; }
 594
 595 DIV.tabsContainer > UL
 596 { cursor: default;
 597   list-style-type: none;
 598   list-style-image: none;
 599   margin: 0px;
 600   margin-top: -17px;
 601   padding: 0px; }
 602
 603 DIV.tabsContainer > UL LI
 604 { z-index: 3;
 605   float: left;
 606   padding: 0px .5em;
 607   padding-top: 0px;
 608   -moz-border-radius-topleft: 3px;
 609   -moz-border-radius-topright: 3px;
 610   border-top: 2px solid #fff;
 611   border-bottom: 0px solid #fff;
 612   border-right: 2px solid #888;
 613   padding-bottom: 1px;
 614   -moz-border-top-colors: #efebe7 #fff;
 615   -moz-border-right-colors: #000 #9c9a94 transparent;
 616   -moz-border-bottom-colors: #efebe7 #fff;
 617   color: #000; }
 618
 619 DIV.tabsContainer > UL LI.first,
 620 DIV.tabsContainer > UL LI.active
 621 { border-left: 2px solid #fff;
 622   margin-left: -2px;
 623   -moz-border-left-colors: #efebe7 #fff; }
 624
 625 DIV.tabsContainer > UL LI.active
 626 { z-index: 5;
 627   background-color: #d4d0c8;
 628   border-bottom: 1px none #fff;
 629   padding-top: 2px;
 630   padding-bottom: 3px;
 631   margin-top: -3px; }
 632
 633 DIV.tabsContainer > DIV.tab
 634 { position: absolute;
 635   overflow: auto;
 636   top: .5em;
 637   left: .5em;
 638   right: .5em;
 639   bottom: .5em;
 640   display: none; }
 641
 642 DIV.tabsContainer > DIV[class~="active"].tab
 643 { display: block !important; }
 644
 645 INPUT.checkBox
 646 { border: 2px solid #000;
 647   vertical-align: middle;
 648   -moz-border-top-colors: #000 #fff;
 649   -moz-border-left-colors: #000 #fff;
 650   -moz-border-bottom-colors: #000 #fff;
 651   -moz-border-right-colors: #000 #fff; }