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