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         display:block;
  22         top:0px;
  23         left:0px;
  24         width: 15%;
  25         /* height:100%; */
  26         background: #ffffee;
  27         text-align: left;
  28 }
  29
  30 * html #iconbar {
  31         position:absolute;
  32         display:block;
  33         top:0px;
  34         left:0px;
  35         width: 15%;
  36         /* height:100%; */
  37         background: #ffffee;
  38 }
  39
  40 .logo, .logo_citadel {
  41         display: block;
  42         text-align: center;
  43         border-bottom: 1px solid #aaaaaa;
  44         margin: 0;
  45         padding: 0;
  46 }
  47
  48 .logo_citadel a, .logo_citadel img {
  49         border: none;
  50 }
  51
  52 #banner {
  53         position:fixed;
  54         display:block;
  55         top:0px;
  56         left: 15%;
  57         width: 85%;
  58         height: 15%;
  59         background: #445;
  60         text-align: left;
  61 }
  62
  63 * html #banner {
  64         position:absolute;
  65         display:block;
  66         top:0px;
  67         left: 15%;
  68         width: 85%;
  69         height: 15%;
  70         background: #445;
  71 }
  72
  73
  74 #banner .room_banner {
  75         float: left;
  76         width: 48%;
  77 }
  78
  79 .room_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 .room_banner .infos {
  96         font-size: 8pt;
  97         color: #FFFFEE;
  98         text-align: center;
  99         padding: 2px;
 100         cursor: help;
 101 }
 102
 103 #room_infos {
 104         position: absolute;
 105         top: 0px;
 106         left: 50%;
 107         width: 45%;
 108         padding: 11px;
 109         margin: 0px;
 110         z-index: 100;
 111         color: #666;
 112         background: white;
 113 }
 114
 115 #room_infos .close_infos {
 116         cursor: pointer;
 117         font-size: 8pt;
 118         color: black;
 119         text-align: right;
 120         padding: 2px;
 121         margin-top: 5px;
 122 }
 123
 124 #banner ul {
 125         float: right;
 126         text-align: right;
 127         width: 48%;
 128         margin: 0;
 129         padding: 0;
 130 }
 131
 132 #banner ul li {
 133         text-align: right;
 134         clear: right;
 135         list-style: none;
 136         margin: 0;
 137         padding: 2px;
 138         white-space: nowrap;
 139 }
 140
 141 li.search {
 142         font-size: 10pt;
 143         float: left;
 144         color: #FFFFFF;
 145 }
 146
 147 li.view {
 148         font-size: 10pt;
 149         float: right;
 150         color: #FFFFFF;
 151 }
 152
 153 li.search form, li.view form {
 154         margin: 0;
 155         padding: 0;
 156 }
 157
 158 li.nummsgs {
 159         font-size: 10pt;
 160         color: #DDDDCC;
 161 }
 162
 163 li.start_page {
 164         font-size: 8pt;
 165         color: #DDDDCC;
 166 }
 167
 168
 169 #navbar {
 170         position: absolute;
 171         bottom: 0px;
 172         left: 0px;
 173 }
 174
 175 #navbar ul {
 176         float: left;
 177         width: 95%;
 178         margin: 0;
 179         padding: 0;
 180         white-space: nowrap;
 181         text-align: left;
 182 }
 183
 184 #navbar ul li {
 185         display: inline;
 186         list-style: none;
 187         margin-top: 0;
 188         margin-right: 5px;
 189         margin-bottom:0 ;
 190         margin-left: 20px;
 191         white-space: nowrap;
 192 }
 193
 194 #navbar ul li img {
 195         margin-top: 0;
 196         margin-right: 2px;
 197         margin-bottom:0 ;
 198         margin-left: 2px;
 199 }
 200
 201 .navbar_link {
 202         font-size: 7pt;
 203         color: #FFFFEE;
 204 }
 205
 206
 207 #important_message {
 208         position:absolute;
 209         top:0px; right:0px;
 210         background-color: #880000;
 211         z-index: 2;
 212 }
 213
 214 #content {
 215         position:fixed;
 216         display:block;
 217         top: 16%;
 218         left: 15%;
 219         width: 85%;
 220         height: 84%;
 221         overflow: auto;
 222         /* overflow-x: hidden; */
 223         text-align: left;
 224 }
 225
 226 * html #content {
 227         position:absolute;
 228         display:block;
 229         top: 16%;
 230         left: 15%;
 231         width: 85%;
 232         height: 84%;
 233         overflow: auto;
 234         /* overflow-x: hidden; */
 235 }
 236
 237 #message_list_hdr {
 238         position:fixed;
 239         display:block;
 240         top: 16%;
 241         left: 15%;
 242         width: 85%;
 243         height: 5%;
 244         overflow: hidden;
 245         font-style: italic;
 246         text-align: left;
 247 }
 248
 249 * html #message_list_hdr {
 250         position:absolute;
 251         display:block;
 252         top: 16%;
 253         left: 15%;
 254         width: 85%;
 255         height: 5%;
 256         overflow: hidden;
 257         font-style: italic;
 258         text-align: left;
 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: hidden;
 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: hidden;
 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 {
 422         margin: 5px;
 423         padding: 0;
 424         border: 1px solid #999999;
 425         background-color: #CCCCCC;
 426 }
 427
 428
 429 .message_header, .message_subject {
 430         font-size: 10pt;
 431         color: black;
 432         margin: 0;
 433         padding: 3px;
 434         background-color: #CCCCCC;
 435 }
 436
 437 .message_subject {
 438         padding-top: 0;
 439         font-style: italic;
 440         float: left;
 441 }
 442
 443
 444 #delbutton, .msgbuttons a {
 445         font-size: 6pt;
 446         padding: 2px;
 447         margin-left: 2px;
 448         margin-right: 2px;
 449         border: 2px outset #999999;
 450         background-color: #EEEEEE;
 451         color: black;
 452         font-weight: bold;
 453         text-transform: uppercase;
 454 }
 455
 456 .msgbuttons {
 457         float: right;
 458 }
 459
 460 .msgbuttons a span {
 461         display: none;
 462 }
 463
 464 .message_content {
 465         background-color: white;
 466         margin: 0;
 467         padding: 3px;
 468         clear: both;
 469 }
 470
 471 .message form label {
 472         display: block;
 473         float: left;
 474         margin: 5px;
 475         width: 9em;
 476         text-align: right;
 477 }
 478
 479 .message form input, .message form select {
 480         margin: 2px;
 481 }
 482
 483 .send_edit_msg {
 484         margin-top: 10px;
 485         margin-bottom: 10px;
 486         margin-left: auto;
 487         margin-right: auto;
 488         width: 80%;
 489         text-align: center;
 490 }
 491
 492 .tablabel {
 493         font-size: 10pt;
 494         font-weight: bold;
 495         color: #000000;
 496 }
 497
 498 .boxlabel {
 499         font-size: 7pt;
 500         font-weight: bold;
 501         color: #FFFFEE;
 502 }
 503
 504 .boxlabel a {
 505         color: #FFFFEE;
 506 }
 507
 508 .customize {
 509         font-size: 8pt;
 510         font-style: italic;
 511         color: #000044;
 512         background-color: #DDDDCC;
 513 }
 514
 515 .room_banner_room_name {
 516 }
 517
 518 .room_banner_room_info {
 519 }
 520
 521 .room_banner_new_messages {
 522 }
 523
 524 .room_banner_start_page {
 525 }
 526
 527 .view_name, .search_name, .selectbox, .inputbox {
 528         font-size: 7pt;
 529         background: #444455;
 530         color: #ddddcc;
 531 }
 532
 533 .menubar_bg {
 534         background-color: #FF0000;
 535 }
 536
 537
 538 .roomlist_floor {
 539         font-size: 12pt;
 540         font-weight: bold;
 541         color: #000000;
 542 }
 543
 544 .roomlist_new {
 545         font-size: 10pt;
 546         color: #880000;
 547         font-weight: bold;
 548 }
 549
 550 .roomlist_old {
 551         font-size: 10pt;
 552         color: #000088;
 553 }
 554
 555 .ib_roomlist_floor {
 556         font-size: 8pt;
 557         font-weight: bold;
 558         color: #000000;
 559         cursor: pointer;
 560 }
 561
 562 .ib_roomlist_new {
 563         font-size: 10px;
 564         color: #880000;
 565         font-weight: bold;
 566         cursor: pointer;
 567 }
 568
 569 .ib_roomlist_old {
 570         font-size: 10px;
 571         color: #000088;
 572         cursor: pointer;
 573 }
 574
 575 .mailbox_summary {
 576         font-size: 10pt;
 577         color: #000000;
 578         background-color: #FFFFFF;
 579 }
 580
 581 .mailbox_summary tr {
 582         width: 100%;
 583 }
 584
 585 .mailbox_summary td {
 586         border-top: 1px solid darkgrey;
 587 }
 588
 589 blockquote {
 590         color: navy !important; background-color: RGB(245,245,245) !important;
 591 }
 592 blockquote blockquote {
 593         color: maroon !important; background-color: RGB(235,235,235) !important;
 594 }
 595 blockquote blockquote blockquote {
 596         color: green !important; background-color: RGB(225,225,225) !important;
 597 }
 598 blockquote blockquote blockquote blockquote {
 599         color: purple !important; background-color: RGB(215,215,215) !important;
 600 }
 601 blockquote blockquote blockquote blockquote blockquote {
 602         color: teal !important; background-color: RGB(205,205,205) !important;
 603 }
 604
 605 blockquote pre {
 606         margin-left: 1%;
 607         margin-right: 1%;
 608 }
 609
 610
 611 var sub {
 612         font-style: normal;
 613 }
 614
 615 .note {
 616         font-size: 85%;
 617         margin-left: 10%;
 618 }
 619
 620 .toolbar {
 621         text-align: center;
 622 }
 623
 624 .toolbar IMG {
 625         float: right;
 626 }
 627
 628 .errormsg {
 629         color: #AA0000;
 630         background: none;
 631         font-weight: bold;
 632         font-style: italic;
 633 }
 634
 635 .imsg {
 636         color: #aaaaaa;
 637         background: none;
 638         font-weight: bold;
 639         font-style: italic;
 640         text-align: center;
 641 }
 642
 643 .warning {
 644         color: #FF4500;
 645         background: none;
 646         text-decoration: none;
 647 }
 648
 649 .error strong {
 650         color: #DC143C;
 651         background: #FFD700;
 652         text-decoration: none;
 653 }
 654
 655 .warning strong {
 656         color: #FF4500;
 657         background: #FFD700;
 658         text-decoration: none;
 659 }
 660
 661 .warning a:link, .warning a:visited, .warning a:active {
 662         color: #FF4500;
 663         background: none;
 664         text-decoration: underline;
 665 }
 666
 667 .error a:link, .error a:visited, .error a:active {
 668         color: #DC143C;
 669         background: none;
 670         text-decoration: underline;
 671 }
 672
 673 .error strong a:link, .error strong a:visited, .error strong a:active {
 674         color: #DC143C;
 675         background: #FFD700;
 676 }
 677
 678 .warning strong a:link, .warning strong a:visited, .warning strong a:active {
 679         color: #FF4500;
 680         background: #FFD700;
 681 }
 682
 683 colgroup.entity {
 684         text-align: center;
 685 }
 686
 687 .default {
 688         text-decoration: underline;
 689         font-style: normal;
 690 }
 691
 692 .required {
 693         font-weight: bold;
 694 }
 695
 696 td li.transitional, .elements li.transitional {
 697         font-weight: lighter;
 698         color: #696969;
 699         background: none;
 700 }
 701
 702 td li.frameset, .elements li.frameset {
 703         font-weight: lighter;
 704         color: #808080;
 705         background: none;
 706 }
 707
 708 @media print {
 709         input#toggler, .toolbar { display: none }
 710 }
 711
 712
 713 .treetitle {
 714         padding:2px;
 715         cursor:default;
 716
 717         font-size: 11px;
 718         color: #000000;
 719 }
 720 .editednode {
 721         padding:2px;
 722         cursor:default;
 723         background-color: #FFFFFF;;
 724         color: #000000;
 725
 726         font-size: 11px;
 727 }
 728 .editednodeinput {
 729         background-color: #FFFFFF;;
 730         color: #000000;
 731
 732         width: 150px;
 733         height: 17px;
 734
 735         border-style: solid;
 736         border-width: 1px;
 737         border-color: #000000;
 738
 739         font-size: 11px;
 740 }
 741 .treetitleselectedfocused {
 742         padding:2px;
 743         cursor:default;
 744         background-color: highlight;
 745         color: highlighttext;
 746
 747         font-size: 11px;
 748 }
 749 .treetitleselectedblured {
 750         padding:2px;
 751         cursor:default;
 752         background-color: menu;
 753         color: windowtext;
 754         font-size: 11px;
 755 }
 756
 757
 758
 759 div.auto_complete {
 760         width: 350px;
 761         background: #fff;
 762 }
 763
 764 div.auto_complete ul {
 765         border:1px solid #888;
 766         margin:0;
 767         padding:0;
 768         width:100%;
 769         list-style-type: none;
 770         background: #fff;
 771 }
 772
 773 div.auto_complete ul li {
 774         margin:0;
 775         padding:3px;
 776 }
 777
 778 div.auto_complete ul li.selected {
 779         background-color: #ffc;
 780 }
 781
 782 div.auto_complete ul strong.highlight {
 783         color: #800;
 784         margin:0;
 785         padding:0;
 786 }
 787
 788
 789 .floors_config, .roomops_zap {
 790         border: 0;
 791         background-color: #770000;
 792         width: 100%;
 793 }
 794
 795 .roomops_cell_label {
 796         background-color: #FFFFFF;
 797 }
 798
 799 .roomops_cell, .roomops_cell_edit {
 800         background-color: #CCCCCC;
 801 }
 802
 803 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background {
 804         border: 0;
 805         width: 100%;
 806         background-color: #ffffff;
 807 }
 808
 809 .mainmenu_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background {
 810         border: 0;
 811         width: 100%;
 812         background-color: #ffffff;
 813 }
 814
 815 .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .who_background   {
 816         border: 0;
 817         width: 100%;
 818         background-color: #ffffff;
 819 }
 820
 821 .auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .iconbar_banner, .inetconf_banner, .listsub_banner {
 822         border: 0;
 823         width: 100%;
 824         background-color: #444455;
 825 }
 826
 827 .mainmenu_banner, .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
 828         border: 0;
 829         width: 100%;
 830         background-color: #444455;
 831 }
 832
 833 .smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
 834         border: 0;
 835         width: 100%;
 836         background-color: #444455;
 837 }
 838
 839
 840 .vcard_edit_background_alt, .roomops_background_alt {
 841         border: 0;
 842         width: 100%;
 843         background-color: #dddddd;
 844 }
 845
 846
 847 .box {
 848         width: 100%;
 849         padding: 0px;
 850         background-color: #FFFFFF;
 851 }
 852
 853 .boxlabel, .boxcontent {
 854         padding: 5px;
 855 }
 856
 857 .boxlabel {
 858         background-color: #000088;
 859         text-align: center;
 860 }
 861
 862 #login_screen {
 863         margin: 3%;
 864 }
 865
 866 .login_content {
 867         background-color: white;
 868 }
 869
 870 .login_message, .login_hello {
 871         position: relative;
 872         margin-left: auto;
 873         margin-right: auto;
 874         width: 80%;
 875         text-align: center;
 876 }
 877
 878 .login_image {
 879         display: block;
 880         margin-left: auto;
 881         margin-right: auto;
 882         text-align: center;
 883 }
 884
 885 .login_message {
 886         color: red;
 887         font-weight: bold;
 888         font-size: 16px;
 889 }
 890
 891 #login_form {
 892         position: relative;
 893         display: block;
 894         margin-top: 20px;
 895         margin-left: auto;
 896         margin-right: auto;
 897         margin-bottom: 20px;
 898         padding: 6px;
 899         width: 300px;
 900         background-color: #DDDDDD;
 901 }
 902
 903 #login_form input, #login_form label, #login_form select {
 904         display: block;
 905         float: left;
 906         margin: 6px;
 907 }
 908
 909 #login_form label {
 910         width: 130px;
 911         text-align: left;
 912 }
 913
 914 #pname, #uname {
 915         width: 130px;
 916         text-align: left;
 917 }
 918
 919 #login_form br {
 920         clear: left;
 921 }
 922
 923 #login_form .logbuttons {
 924         margin-left: auto;
 925         margin-right: auto;
 926 }
 927
 928 #login_form .logbutton {
 929         width: auto;
 930         text-align: center;
 931 }
 932
 933 .login_infos {
 934         display: block;
 935         margin-top: 30px;
 936         margin-left: auto;
 937         margin-right: auto;
 938         width: 80% ;
 939         text-align: left;
 940 }
 941
 942 #address_book_popup {
 943         position: absolute;
 944         top: 100px;
 945         right: 25px;
 946         width: 320px;
 947         height: auto;
 948         z-index: 100;
 949         background-color: #fff;
 950         color: #000;
 951         display: none;
 952         border: 1px solid black;
 953 }
 954
 955 #address_book_popup_container_div {
 956         position: relative;
 957         width: 100%;
 958         height: 100%;
 959         background-color: #ffd;
 960 }
 961
 962 #address_book_popup_middle_div {
 963         position: relative;
 964         background-color: #ffd;
 965 }
 966
 967 #address_book_inner_div {
 968         margin: 5px;
 969 }
 970
 971 #address_book_inner_div select {
 972         width: 100%;
 973         background-color: #ffd;
 974 }
 975
 976 .address_book_popup_title {
 977         font-size: 12pt;
 978         background-color: #ffd;
 979         color: #000;
 980 }