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