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