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