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