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