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