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