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