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