webcit/static/webcit.css

   1
   2 * html {
   3         overflow: hidden;
   4 }
   5
   6 body {
   7         margin:0;
   8         padding: 0 0 0 0;
   9         height: 100%;
  10         overflow: auto;
  11         background-color: #D8D8D8;
  12         color: #000000;
  13         font-weight: normal;
  14         font-size: 10pt;
  15         font-family: sans-serif;
  16 }
  17
  18 #iconbar {
  19         /* position:fixed; */
  20         display:block;
  21         top:0px;
  22         left:0px;
  23         width: 15%;
  24         /* height:100%; */
  25         background: #ffffee;
  26 }
  27
  28 * html #iconbar {
  29         position:absolute;
  30         display:block;
  31         top:0px;
  32         left:0px;
  33         width: 15%;
  34         /* height:100%; */
  35         background: #ffffee;
  36 }
  37
  38 #banner {
  39         position:fixed;
  40         display:block;
  41         top:0px;
  42         left: 15%;
  43         width: 85%;
  44         height: 15%;
  45         background: #445;
  46 }
  47
  48 * html #banner {
  49         position:absolute;
  50         display:block;
  51         top:0px;
  52         left: 15%;
  53         width: 85%;
  54         height: 15%;
  55         background: #445;
  56 }
  57
  58
  59 #banner .room_banner {
  60         float: left;
  61         width: 48%;
  62 }
  63
  64 .room_banner img {
  65         float: left;
  66         margin-top: 0;
  67         margin-left: 0;
  68         margin-bottom: 5px;
  69         margin-right: 5px;
  70 }
  71
  72 .room_banner h1 {
  73         font-size: 14pt;
  74         font-weight: bold;
  75         color: #FFFFEE;
  76         margin: 0;
  77         padding: 2px;
  78 }
  79
  80 .room_banner div {
  81         font-size: 7pt;
  82         color: #FFFFEE;
  83         text-align: center;
  84         margin: 0;
  85         padding: 2px;
  86 }
  87
  88 #banner ul {
  89         float: right;
  90         text-align: right;
  91         width: 48%;
  92         margin: 0;
  93         padding: 0;
  94 }
  95
  96 #banner ul li {
  97         text-align: right;
  98         clear: right;
  99         list-style: none;
 100         margin: 0;
 101         padding: 2px;
 102         white-space: nowrap;
 103 }
 104
 105 li.search {
 106         font-size: 10pt;
 107         float: left;
 108         color: #FFFFFF;
 109 }
 110
 111 li.view {
 112         font-size: 10pt;
 113         float: right;
 114         color: #FFFFFF;
 115 }
 116
 117 li.nummsgs {
 118         font-size: 10pt;
 119         color: #DDDDCC;
 120 }
 121
 122 li.start_page {
 123         font-size: 8pt;
 124         color: #DDDDCC;
 125 }
 126
 127
 128 #navbar {
 129         position: absolute;
 130         bottom: 0px;
 131         left: 0px;
 132 }
 133
 134 #navbar ul {
 135         float: left;
 136         width: 95%;
 137         margin: 0;
 138         padding: 0;
 139         white-space: nowrap;
 140 }
 141
 142 #navbar ul li {
 143         display: inline;
 144         list-style: none;
 145         margin-top: 0;
 146         margin-right: 5px;
 147         margin-bottom:0 ;
 148         margin-left: 20px;
 149         white-space: nowrap;
 150 }
 151
 152 #navbar ul li img {
 153         margin-top: 0;
 154         margin-right: 2px;
 155         margin-bottom:0 ;
 156         margin-left: 2px;
 157 }
 158
 159 .navbar_link {
 160         font-size: 7pt;
 161         color: #FFFFEE;
 162 }
 163
 164
 165 #important_message {
 166         position:absolute;
 167         top:0px; right:0px;
 168         background-color: #880000;
 169         z-index: 2;
 170 }
 171
 172 #content {
 173         position:fixed;
 174         display:block;
 175         top: 16%;
 176         left: 15%;
 177         width: 85%;
 178         height: 84%;
 179         overflow: auto;
 180         /* overflow-x: hidden; */
 181 }
 182
 183 * html #content {
 184         position:absolute;
 185         display:block;
 186         top: 16%;
 187         left: 15%;
 188         width: 85%;
 189         height: 84%;
 190         overflow: auto;
 191         /* overflow-x: hidden; */
 192 }
 193
 194 #message_list_hdr {
 195         position:fixed;
 196         display:block;
 197         top: 16%;
 198         left: 15%;
 199         width: 85%;
 200         height: 5%;
 201         overflow: none;
 202 }
 203
 204 * html #message_list_hdr {
 205         position:absolute;
 206         display:block;
 207         top: 16%;
 208         left: 15%;
 209         width: 85%;
 210         height: 5%;
 211         overflow: none;
 212 }
 213
 214 #message_list {
 215         position:fixed;
 216         display:block;
 217         top: 21%;
 218         left: 15%;
 219         width: 85%;
 220         height: 20%;
 221         overflow: auto;
 222         cursor: pointer;
 223 }
 224
 225 * html #message_list {
 226         position:absolute;
 227         display:block;
 228         top: 21%;
 229         left: 15%;
 230         width: 85%;
 231         height: 20%;
 232         overflow: auto;
 233         cursor: pointer;
 234 }
 235
 236 #resize_msglist {
 237         position:fixed;
 238         display:block;
 239         top: 41%;
 240         left: 15%;
 241         width: 85%;
 242         height: 1%;
 243         overflow: none;
 244         cursor: s-resize;
 245 }
 246
 247 * html #resize_msglist {
 248         position:absolute;
 249         display:block;
 250         top: 41%;
 251         left: 15%;
 252         width: 85%;
 253         height: 1%;
 254         overflow: none;
 255         cursor: s-resize;
 256 }
 257
 258 #preview_pane {
 259         position:fixed;
 260         display:block;
 261         top: 42%;
 262         left: 15%;
 263         width: 85%;
 264         height: 58%;
 265         overflow: auto;
 266 }
 267
 268 * html #preview_pane {
 269         position:absolute;
 270         display:block;
 271         top: 42%;
 272         left: 15%;
 273         width: 85%;
 274         height: 58%;
 275         overflow: auto;
 276 }
 277
 278
 279 .fix_scrollbar_bug {
 280         margin-right:1px;               /* Gecko and other non-broken browsers */
 281         width: expression('97%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
 282 }
 283
 284 #button {
 285         width: 100%;
 286         padding: 0 0 1em 0;
 287         margin-bottom: 1em;
 288         background-color: #ffffee;
 289         color: #aaaaaa;
 290         font-size: 8pt;
 291 }
 292
 293 #button ul {
 294         list-style: none;
 295         margin: 0;
 296         padding: 0;
 297         border: none;
 298 }
 299
 300 #button li {
 301         border-bottom: 1px solid #aaaaaa;
 302         margin: 0;
 303 }
 304
 305 #button img {
 306         vertical-align: middle;
 307         padding-left: 2px;
 308         padding-right: 5px;
 309 }
 310
 311 #button li a {
 312         display: block;
 313         background-color: #ffffee;
 314         color: #000000;
 315         text-decoration: none;
 316         width: 100%;
 317 }
 318
 319 html>body #button li a {
 320         width: auto;
 321 }
 322
 323 #button li a:hover {
 324         background-image:url(/static/body-background.gif);
 325         color: #000000;
 326 }
 327
 328 a:link {
 329         color: #0000FF;
 330         text-decoration: none;
 331 }
 332
 333 a:visited {
 334         color: #0000FF;
 335         text-decoration: none;
 336 }
 337
 338 a:active {
 339         color: #0000FF;
 340         text-decoration: none;
 341 }
 342
 343 a:hover {
 344         text-decoration: underline;
 345 }
 346
 347 .menubar_link {
 348         font-size: 9pt;
 349 }
 350
 351 .titlebar {
 352         font-size: 12pt;
 353         color: #FFFFEE;
 354 }
 355
 356 .mainmenu {
 357         font-size: 10pt;
 358         font-weight: bold;
 359         color: #880000;
 360 }
 361
 362 .menudesc {
 363         font-size: 8pt;
 364         color: #000088;
 365 }
 366
 367 .message_header {
 368         font-size: 10pt;
 369         color: #000000;
 370 }
 371
 372 .message_subject {
 373         font-size: 10pt;
 374         color: #000000;
 375         font-style: italic;
 376 }
 377
 378 .tablabel {
 379         font-size: 10pt;
 380         font-weight: bold;
 381         color: #000000;
 382 }
 383
 384 .boxlabel {
 385         font-size: 7pt;
 386         font-weight: bold;
 387         color: #FFFFEE;
 388 }
 389
 390 .boxlabel a {
 391         color: #FFFFEE;
 392 }
 393
 394 .customize {
 395         font-size: 8pt;
 396         font-style: italic;
 397         color: #000044;
 398         background-color: #DDDDCC;
 399 }
 400
 401 .room_banner_room_name {
 402 }
 403
 404 .room_banner_room_info {
 405 }
 406
 407 .room_banner_new_messages {
 408 }
 409
 410 .room_banner_start_page {
 411 }
 412
 413 .view_name, .search_name, .selectbox, .inputbox {
 414         font-size: 7pt;
 415         background: #444455;
 416         color: #ddddcc;
 417 }
 418
 419 .menubar_bg {
 420         background-color: #FF0000;
 421 }
 422
 423 .msgbuttons {
 424         font-size: 7pt;
 425 }
 426
 427 .roomlist_floor {
 428         font-size: 12pt;
 429         font-weight: bold;
 430         color: #000000;
 431 }
 432
 433 .roomlist_new {
 434         font-size: 10pt;
 435         color: #880000;
 436         font-weight: bold;
 437 }
 438
 439 .roomlist_old {
 440         font-size: 10pt;
 441         color: #000088;
 442 }
 443
 444 .ib_roomlist_floor {
 445         font-size: 8pt;
 446         font-weight: bold;
 447         color: #000000;
 448         cursor: pointer;
 449 }
 450
 451 .ib_roomlist_new {
 452         font-size: 10px;
 453         color: #880000;
 454         font-weight: bold;
 455         cursor: pointer;
 456 }
 457
 458 .ib_roomlist_old {
 459         font-size: 10px;
 460         color: #000088;
 461         cursor: pointer;
 462 }
 463
 464 .mailbox_summary {
 465         font-size: 10pt;
 466         color: #000000;
 467 }
 468
 469
 470 blockquote {
 471         color: navy !important; background-color: RGB(245,245,245) !important;
 472 }
 473 blockquote blockquote {
 474         color: maroon !important; background-color: RGB(235,235,235) !important;
 475 }
 476 blockquote blockquote blockquote {
 477         color: green !important; background-color: RGB(225,225,225) !important;
 478 }
 479 blockquote blockquote blockquote blockquote {
 480         color: purple !important; background-color: RGB(215,215,215) !important;
 481 }
 482 blockquote blockquote blockquote blockquote blockquote {
 483         color: teal !important; background-color: RGB(205,205,205) !important;
 484 }
 485
 486 blockquote pre {
 487         margin-left: 1%;
 488         margin-right: 1%;
 489 }
 490
 491
 492 var sub {
 493         font-style: normal;
 494 }
 495
 496 .note {
 497         font-size: 85%;
 498         margin-left: 10%;
 499 }
 500
 501 .toolbar {
 502         text-align: center;
 503 }
 504
 505 .toolbar IMG {
 506         float: right;
 507 }
 508
 509 .errormsg {
 510         color: #AA0000;
 511         background: none;
 512         font-weight: bold;
 513         font-style: italic;
 514 }
 515
 516 .imsg {
 517         color: #aaaaaa;
 518         background: none;
 519         font-weight: bold;
 520         font-style: italic;
 521         text-align: center;
 522 }
 523
 524 .warning {
 525         color: #FF4500;
 526         background: none;
 527         text-decoration: none;
 528 }
 529
 530 .error strong {
 531         color: #DC143C;
 532         background: #FFD700;
 533         text-decoration: none;
 534 }
 535
 536 .warning strong {
 537         color: #FF4500;
 538         background: #FFD700;
 539         text-decoration: none;
 540 }
 541
 542 .warning a:link, .warning a:visited, .warning a:active {
 543         color: #FF4500;
 544         background: none;
 545         text-decoration: underline;
 546 }
 547
 548 .error a:link, .error a:visited, .error a:active {
 549         color: #DC143C;
 550         background: none;
 551         text-decoration: underline;
 552 }
 553
 554 .error strong a:link, .error strong a:visited, .error strong a:active {
 555         color: #DC143C;
 556         background: #FFD700;
 557 }
 558
 559 .warning strong a:link, .warning strong a:visited, .warning strong a:active {
 560         color: #FF4500;
 561         background: #FFD700;
 562 }
 563
 564 colgroup.entity {
 565         text-align: center;
 566 }
 567
 568 .default {
 569         text-decoration: underline;
 570         font-style: normal;
 571 }
 572
 573 .required {
 574         font-weight: bold;
 575 }
 576
 577 td li.transitional, .elements li.transitional {
 578         font-weight: lighter;
 579         color: #696969;
 580         background: none;
 581 }
 582
 583 td li.frameset, .elements li.frameset {
 584         font-weight: lighter;
 585         color: #808080;
 586         background: none;
 587 }
 588
 589 @media print {
 590         input#toggler, .toolbar { display: none }
 591 }
 592
 593
 594 .treetitle {
 595         padding:2px;
 596         cursor:default;
 597
 598         font-size: 11px;
 599         color: #000000;
 600 }
 601 .editednode {
 602         padding:2px;
 603         cursor:default;
 604         background-color: #FFFFFF;;
 605         color: #000000;
 606
 607         font-size: 11px;
 608 }
 609 .editednodeinput {
 610         background-color: #FFFFFF;;
 611         color: #000000;
 612
 613         width: 150px;
 614         height: 17px;
 615
 616         border-style: solid;
 617         border-width: 1px;
 618         border-color: #000000;
 619
 620         font-size: 11px;
 621 }
 622 .treetitleselectedfocused {
 623         padding:2px;
 624         cursor:default;
 625         background-color: highlight;
 626         color: highlighttext;
 627
 628         font-size: 11px;
 629 }
 630 .treetitleselectedblured {
 631         padding:2px;
 632         cursor:default;
 633         background-color: menu;
 634         color: windowtext;
 635         font-size: 11px;
 636 }
 637
 638
 639
 640 div.auto_complete {
 641         width: 350px;
 642         background: #fff;
 643 }
 644
 645 div.auto_complete ul {
 646         border:1px solid #888;
 647         margin:0;
 648         padding:0;
 649         width:100%;
 650         list-style-type: none;
 651         background: #fff;
 652 }
 653
 654 div.auto_complete ul li {
 655         margin:0;
 656         padding:3px;
 657 }
 658
 659 div.auto_complete ul li.selected {
 660         background-color: #ffc;
 661 }
 662
 663 div.auto_complete ul strong.highlight {
 664         color: #800;
 665         margin:0;
 666         padding:0;
 667 }
 668
 669
 670 .floors_config, .roomops_zap {
 671         border: 0;
 672         background-color: #770000;
 673         width: 100%;
 674 }
 675
 676 .roomops_cell_label {
 677         background-color: #FFFFFF;
 678 }
 679
 680 .roomops_cell, .roomops_cell_edit {
 681         background-color: #CCCCCC;
 682 }
 683
 684 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background {
 685         border: 0;
 686         width: 100%;
 687         background-color: #ffffff;
 688 }
 689
 690 .mainmenu_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background {
 691         border: 0;
 692         width: 100%;
 693         background-color: #ffffff;
 694 }
 695
 696 .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .vcard_edit_background, .who_background   {
 697         border: 0;
 698         width: 100%;
 699         background-color: #ffffff;
 700 }
 701
 702 .auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .iconbar_banner, .inetconf_banner, .listsub_banner {
 703         border: 0;
 704         width: 100%;
 705         background-color: #444455;
 706 }
 707
 708 .mainmenu_banner, .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
 709         border: 0;
 710         width: 100%;
 711         background-color: #444455;
 712 }
 713
 714 .smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .vcard_edit_banner, .who_banner, .room_banner   {
 715         border: 0;
 716         width: 100%;
 717         background-color: #444455;
 718 }
 719
 720
 721 .vcard_edit_background_alt, .roomops_background_alt {
 722         border: 0;
 723         width: 100%;
 724         background-color: #dddddd;
 725 }
 726
 727
 728 .box {
 729         width: 100%;
 730         padding: 0px;
 731         background-color: #FFFFFF;
 732 }
 733
 734 .boxlabel, .boxcontent {
 735         padding: 5px;
 736 }
 737
 738 .boxlabel {
 739         background-color: #000088;
 740         text-align: center;
 741 }
 742
 743 #login_screen {
 744         margin: 3%;
 745 }
 746
 747 .login_content {
 748         background-color: white;
 749 }
 750
 751 .login_message, .login_hello {
 752         margin-left: auto;
 753         margin-right: auto;
 754         width: 80%;
 755         text-align: center;
 756 }
 757
 758 .login_message {
 759         color: red;
 760         font-weight: bold;
 761         font-size: 16px;
 762 }
 763
 764
 765 .login_form {
 766         display: block;
 767         margin-top: 20px;
 768         margin-left: auto;
 769         margin-right: auto;
 770         margin-bottom: 20px;
 771         padding: 6px;
 772         width: 290px;
 773         background-color: #DDDDDD;
 774 }
 775
 776 .login_form input, .login_form label, .login_form select {
 777         display: block;
 778         float: left;
 779         margin: 6px;
 780 }
 781
 782 .login_form label {
 783         width: 130px;
 784         text-align: left;
 785 }
 786
 787 #pname, #uname {
 788         width: 130px;
 789         text-align: left;
 790 }
 791
 792 .login_form br {
 793         clear: left;
 794 }
 795
 796 .login_form .logbuttons {
 797         margin-left: auto;
 798         margin-right: auto;
 799 }
 800
 801 .login_form .logbutton {
 802         width: auto;
 803         text-align: center;
 804 }
 805
 806 .login_infos {
 807         display: block;
 808         margin-top: 30px;
 809         margin-left: auto;
 810         margin-right: auto;
 811         width: 80% ;
 812         text-align: left;
 813 }
 814