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