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