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