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