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