webcit/static/webcit.css

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