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