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
 258 SPAN.toolbarButton:hover
 259 { color: -moz-buttonhovertext;
 260   border-top: 1px solid #fff;
 261   border-left: 1px solid #fff;
 262   border-bottom: 1px solid #828482;
 263   border-right: 1px solid #828482; }
 264
 265 SPAN.toolbarButton:active
 266 { color: -moz-buttonhovertext;
 267   border-top: 1px solid #828482;
 268   border-left: 1px solid #828482;
 269   border-bottom: 1px solid #fff;
 270   border-right: 1px solid #fff; }
 271
 272 .toolbarButton IMG.buttonImage
 273 { border: 0px;
 274   width: 24px;
 275   height: 24px;
 276   margin: auto; }
 277
 278 .toolbarButton .buttonLabel
 279 { margin: auto; }
 280
 281 /* popups */
 282 .menu
 283 { visibility: hidden;
 284   position: absolute;
 285   z-index: 1000;
 286   background-color: #d6cfc6;
 287   color: #000;
 288   margin: 0px;
 289   padding: 0px;
 290   border-top: 1px solid #d6cfc6;
 291   border-left: 1px solid #d6cfc6;
 292   border-right: 1px solid #424142;
 293   border-bottom: 1px solid #424142; }
 294
 295 .menu UL
 296 {
 297   cursor: default;
 298   list-style-type: none;
 299   list-style-image: none;
 300   margin: 0px;
 301   padding: 0px;
 302   border-top: 1px solid #fff;
 303   border-left: 1px solid #fff;
 304   border-right: 1px solid #9e9a92;
 305   border-bottom: 1px solid #9e9a92; }
 306
 307 .menu LI
 308 { padding-left: 1em;
 309   padding-right: 1em;
 310   padding-top: .2em;
 311   padding-bottom: .2em;
 312   margin: 0px;
 313   width: auto;
 314   white-space: nowrap; }
 315
 316 .menu LI.disabled
 317 { color: #999; }
 318
 319 .menu LI IMG
 320 { margin-left: -.8em;
 321   padding-right: .2em;
 322   vertical-align: middle; }
 323
 324 .menu LI:hover, .menu LI.submenu-selected
 325 { background-color: #4b6983;
 326   color: #fff; }
 327
 328 .menu LI.separator, .menu LI.separator:hover
 329 { padding: 0px;
 330   margin: 2px 0px;
 331   height: 0px;
 332   border-top: 1px solid #aaa;
 333   border-bottom: 1px solid #fff; }
 334
 335 .menu LI.submenu, .menu LI.submenu-selected
 336 { padding-right: 2em;
 337   background-position: 98% 50%;
 338   background-repeat: no-repeat; }
 339
 340 .menu LI.submenu
 341 { background-image: url('submenu.gif'); }
 342
 343 .menu LI[class~="disabled"].submenu
 344 { background-image: url('submenu-disabled.gif') !important; }
 345
 346 .menu LI.submenu:hover, .menu LI.submenu-selected
 347 { background-image: url('submenu-active.gif') !important; }
 348
 349 DIV#logConsole
 350 { position: absolute;
 351   overflow: auto;
 352   display: none;
 353   z-index: 1000;
 354   -moz-opacity: 0.7;
 355   border-top: 2px solid #fff;
 356   border-left: 2px solid #fff;
 357   border-right: 2px solid #999;
 358   border-bottom: 2px solid #999;
 359   -moz-border-top-colors: #000 #9c9a94 transparent;
 360   -moz-border-left-colors: #000 #9c9a94 transparent;
 361   font-family: monospace;
 362   font-weight: bold;
 363   background-color: #000;
 364   color: #ddd;
 365   top: 1em;
 366   left: 0px;
 367   right: 0px;
 368   height: 15em; }
 369
 370 /* content lists */
 371 td.tbtv_actcell
 372 { border-width: 1px;
 373   border-style: solid;
 374   border-top-color: #808080;
 375   border-left-color: #808080;
 376   border-bottom-color: #808080;
 377   border-right-color: #808080;
 378   padding-top: 4px;
 379   padding-bottom: 3px;
 380   padding-left: 4px;
 381   padding-right: 4px; }
 382
 383 TD.tbtv_headercell,
 384 TD.tbtv_navcell
 385 { background-color: #d4d0c8;
 386   border-top: 1px solid #fff;
 387   border-left: 1px solid #fff;
 388   border-right: 2px solid #222;
 389   border-bottom: 2px solid #222;
 390   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 391   -moz-border-right-colors: #000 #9c9a94 transparent; }
 392
 393 TD.tbtv_headercell:active
 394 { background-color: #DCDAD5;
 395   border: 1px solid #9c9a94;
 396   -moz-border-bottom-colors: #9c9a94;
 397   -moz-border-right-colors: #9c9a94; }
 398
 399 td.tbtv_headercell SPAN
 400 { float: left;
 401   width: 100%; }
 402
 403 td.tbtv_headercell a
 404 { cursor: default;
 405   margin: 0px auto;
 406   display: block;
 407   color: black;
 408   width: 100%; }
 409
 410 td.tbtv_headercell a:hover
 411 { margin: 0px auto;
 412   display: block;
 413   color: black;
 414   text-decoration: none;
 415   /* background-color: #C4C0B8; */
 416 }
 417
 418 td.tbtv_headercell img.tbtv_sortcell
 419 { float: right;
 420   text-align: right;
 421   border: 0px;
 422   width: 12px;
 423   height: 12px; }
 424
 425 .tableview
 426 { cursor: default;
 427   vertical-align: top; }
 428
 429 TR.tableview TD
 430 { white-space: nowrap;
 431   padding-left: .3em;
 432   padding-right: .3em; }
 433
 434 TR.tableview TD.headerDateTime
 435 { width: 14em; }
 436
 437 TR.tableview TD.headerLocation
 438 { width: 10em; }
 439
 440 td img.tbtv_sortcell
 441 { float: right;
 442   text-align: right;
 443   margin-top: .2em;
 444   border: 0px;
 445   width: 12px;
 446   height: 12px; }
 447
 448 TD.subjectCell,
 449 td.tbtv_subject_headercell
 450 { overflow: hidden;
 451   width: auto; }
 452
 453 /* drag handles */
 454 DIV.dragHandle
 455 { position: absolute;
 456   z-index: 1;
 457   background-color: #d4d0c8; }
 458
 459 DIV.dragHandle:active
 460 { background-color: #99a; }
 461
 462 /* search fields */
 463 DIV#filterPanel
 464 {
 465   height: 2em;
 466   vertical-align: middle;
 467   width: 100%;
 468 }
 469
 470 INPUT#searchValue
 471 { margin-right: 1em;
 472   width: 20em;
 473   padding-left: 24px;
 474   background-image: url('/SOGo.woa/WebServerResources/Search-bar.png');
 475   background-repeat: no-repeat;
 476   background-position: 2px 2px;
 477   color: #aaa; }
 478
 479 DIV.javascriptPopupBackground
 480 { position: absolute;
 481   background-color: #999;
 482   -moz-opacity: 0.6;
 483   z-index: 2;
 484   top: 0px;
 485   left: 0px;
 486   right: 0px;
 487   bottom: 0px;
 488   text-align: center; }
 489
 490 DIV.javascriptMessagePseudoWindow
 491 { position: absolute;
 492   z-index: 2;
 493   border-top: 2px solid #fff;
 494   border-left: 2px solid #fff;
 495   border-bottom: 2px solid #888;
 496   border-right: 2px solid #888;
 497   -moz-border-top-colors: #efebe7 #fff;
 498   -moz-border-left-colors: #efebe7 #fff;
 499   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 500   -moz-border-right-colors: #000 #9c9a94 transparent;
 501   padding: 1em;
 502   margin: 0px auto;
 503   -moz-opacity: 1.0;
 504   color: #000;
 505   background-color: #dedede; }
 506
 507 DIV.noJavascriptErrorMessage
 508 { top: 10em;
 509   left: 17em;
 510   width: 24em; }
 511
 512 DIV.noJavascriptErrorMessage A
 513 { float: right;
 514   margin: 0px auto; }
 515
 516 A.button:hover
 517 { color: inherit;
 518   background: #efebe7; }
 519
 520 INPUT.button:active,
 521 A.button:active
 522 { color: -moz-buttonhovertext;
 523   background-color: #c4c2bd;
 524   -moz-border-bottom-colors: #efebe7 #fff;
 525   -moz-border-right-colors: #efebe7 #fff;
 526   -moz-border-top-colors: #9c9a94 #000;
 527   -moz-border-left-colors: #9c9a94 #000; }
 528
 529 INPUT.button,
 530 A.button,
 531 A[class~="_disabled"].button:hover,
 532 A[class~="_disabled"].button:active
 533 { cursor: default;
 534   padding: 1px .5em;
 535   background-color: #d4d0c8;
 536   border-top: 2px solid #fff;
 537   border-left: 2px solid #fff;
 538   border-bottom: 2px solid #888;
 539   border-right: 2px solid #888;
 540   -moz-border-top-colors: #efebe7 #fff;
 541   -moz-border-left-colors: #efebe7 #fff;
 542   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 543   -moz-border-right-colors: #000 #9c9a94 transparent;
 544   text-decoration: none;
 545   color: inherit; }
 546
 547 A.button IMG
 548 { vertical-align: middle; }
 549
 550 A[class~="_disabled"].button,
 551 A[class~="_disabled"].button:hover,
 552 A[class~="_disabled"].button:active
 553 { color: #999;
 554   background: inherit; }
 555
 556 /* folder tree (js) )*/
 557 DIV.dTreeNode A SPAN.nodeName
 558 {
 559   margin: 0px .2em;
 560   padding-left: .2em;
 561   padding-right: .2em;
 562 }
 563
 564 DIV.dTreeNode A._selected SPAN.nodeName
 565 {
 566   background-color: #4b6983;
 567   color: #fff;
 568 }
 569
 570 DIV.dTreeNode SPAN._dragOver
 571 {
 572   background-color: #4b6983;
 573   color: #fff;
 574 }
 575
 576 /* tabs */
 577 DIV.tabsContainer
 578 {
 579   position: relative;
 580   color: #000;
 581   background-color: #d4d0c8;
 582   margin-top: 1.5em;
 583   border-top: 2px solid #fff;
 584   border-left: 2px solid #fff;
 585   border-right: 2px solid #888;
 586   border-bottom: 2px solid #888;
 587   -moz-border-top-colors: #efebe7 #fff;
 588   -moz-border-left-colors: #efebe7 #fff;
 589   -moz-border-right-colors: #000 #9c9a94 transparent;
 590   -moz-border-bottom-colors: #000 #9c9a94 transparent; }
 591
 592 DIV.tabsContainer > UL
 593 { cursor: default;
 594   list-style-type: none;
 595   list-style-image: none;
 596   margin: 0px;
 597   margin-top: -17px;
 598   padding: 0px; }
 599
 600 DIV.tabsContainer > UL LI
 601 { z-index: 3;
 602   float: left;
 603   padding: 0px .5em;
 604   padding-top: 0px;
 605   -moz-border-radius-topleft: 3px;
 606   -moz-border-radius-topright: 3px;
 607   border-top: 2px solid #fff;
 608   border-bottom: 0px solid #fff;
 609   border-right: 2px solid #888;
 610   padding-bottom: 1px;
 611   -moz-border-top-colors: #efebe7 #fff;
 612   -moz-border-right-colors: #000 #9c9a94 transparent;
 613   -moz-border-bottom-colors: #efebe7 #fff;
 614   color: #000; }
 615
 616 DIV.tabsContainer > UL LI.first,
 617 DIV.tabsContainer > UL LI.active
 618 { border-left: 2px solid #fff;
 619   margin-left: -2px;
 620   -moz-border-left-colors: #efebe7 #fff; }
 621
 622 DIV.tabsContainer > UL LI.active
 623 { z-index: 5;
 624   background-color: #d4d0c8;
 625   border-bottom: 1px none #fff;
 626   padding-top: 2px;
 627   padding-bottom: 3px;
 628   margin-top: -3px; }
 629
 630 DIV.tabsContainer > DIV.tab
 631 { position: absolute;
 632   overflow: auto;
 633   top: .5em;
 634   left: .5em;
 635   right: .5em;
 636   bottom: .5em;
 637   display: none; }
 638
 639 DIV.tabsContainer > DIV[class~="active"].tab
 640 { display: block !important; }
 641
 642 INPUT.checkBox
 643 { border: 2px solid #000;
 644   vertical-align: middle;
 645   -moz-border-top-colors: #000 #fff;
 646   -moz-border-left-colors: #000 #fff;
 647   -moz-border-bottom-colors: #000 #fff;
 648   -moz-border-right-colors: #000 #fff; }