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