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