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