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