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