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 .fix_scrollbar_bug {
 174         margin-right:1px;               /* Gecko and other non-broken browsers */
 175         width: expression('97%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
 176 }
 177
 178 #button {
 179         width: 100%;
 180         padding: 0 0 1em 0;
 181         margin-bottom: 1em;
 182         background-color: #ffffee;
 183         color: #aaaaaa;
 184         font-size: 8pt;
 185 }
 186
 187 #button ul {
 188         list-style: none;
 189         margin: 0;
 190         padding: 0;
 191         border: none;
 192 }
 193
 194 #button li {
 195         border-bottom: 1px solid #aaaaaa;
 196         margin: 0;
 197 }
 198
 199 #button img {
 200         vertical-align: middle;
 201         padding-left: 2px;
 202         padding-right: 5px;
 203 }
 204
 205 #button li a {
 206         display: block;
 207         background-color: #ffffee;
 208         color: #000000;
 209         text-decoration: none;
 210         width: 100%;
 211 }
 212
 213 html>body #button li a {
 214         width: auto;
 215 }
 216
 217 #button li a:hover {
 218         //background-color: #ddddff;
 219         background-image:url(/static/body-background.gif);
 220         color: #000000;
 221 }
 222
 223 a:link {
 224         color: #0000FF;
 225         text-decoration: none;
 226 }
 227
 228 a:visited {
 229         color: #0000FF;
 230         text-decoration: none;
 231 }
 232
 233 a:active {
 234         color: #0000FF;
 235         text-decoration: none;
 236 }
 237
 238 a:hover {
 239         text-decoration: underline;
 240 }
 241
 242 .menubar_link {
 243         font-size: 9pt;
 244 }
 245
 246 .navbar_link {
 247         font-size: 7pt;
 248         color: #FFFFEE;
 249 }
 250
 251 .titlebar {
 252         font-size: 12pt;
 253         color: #FFFFEE;
 254 }
 255
 256 .mainmenu {
 257         font-size: 10pt;
 258         font-weight: bold;
 259         color: #880000;
 260 }
 261
 262 .menudesc {
 263         font-size: 8pt;
 264         color: #000088;
 265 }
 266
 267 .message_header {
 268         font-size: 10pt;
 269         color: #000000;
 270 }
 271
 272 .message_subject {
 273         font-size: 10pt;
 274         color: #000000;
 275         font-style: italic;
 276 }
 277
 278 .tablabel {
 279         font-size: 10pt;
 280         font-weight: bold;
 281         color: #000000;
 282 }
 283
 284 .boxlabel {
 285         font-size: 7pt;
 286         font-weight: bold;
 287         color: #FFFFEE;
 288 }
 289
 290 .customize {
 291         font-size: 8pt;
 292         font-style: italic;
 293         color: #000044;
 294         background-color: #DDDDCC;
 295 }
 296
 297 .room_banner_room_name {
 298         font-size: 14pt;
 299         font-weight: bold;
 300         color: #FFFFEE;
 301 }
 302
 303 .room_banner_room_info {
 304         font-size: 6pt;
 305         color: #FFFFEE;
 306 }
 307
 308 .room_banner_new_messages {
 309         font-size: 10pt;
 310         color: #DDDDCC;
 311 }
 312
 313 .room_banner_start_page {
 314         font-size: 7pt;
 315         color: #DDDDCC;
 316 }
 317
 318 .menubar_bg {
 319         background-color: #FF0000;
 320 }
 321
 322 .msgbuttons {
 323         font-size: 7pt;
 324 }
 325
 326 .roomlist_floor {
 327         font-size: 12pt;
 328         font-weight: bold;
 329         color: #000000;
 330 }
 331
 332 .roomlist_new {
 333         font-size: 10pt;
 334         color: #880000;
 335         font-weight: bold;
 336 }
 337
 338 .roomlist_old {
 339         font-size: 10pt;
 340         color: #000088;
 341 }
 342
 343 .ib_roomlist_floor {
 344         font-size: 8pt;
 345         font-weight: bold;
 346         color: #000000;
 347         cursor: pointer;
 348 }
 349
 350 .ib_roomlist_new {
 351         font-size: 10px;
 352         color: #880000;
 353         font-weight: bold;
 354         cursor: pointer;
 355 }
 356
 357 .ib_roomlist_old {
 358         font-size: 10px;
 359         color: #000088;
 360         cursor: pointer;
 361 }
 362
 363 .mailbox_summary {
 364         font-size: 10pt;
 365         color: #000000;
 366 }
 367
 368 <!-- begin quote levels colors -->
 369
 370 blockquote {
 371         color: navy !important; background-color: RGB(245,245,245) !important;
 372 }
 373 blockquote blockquote {
 374         color: maroon !important; background-color: RGB(235,235,235) !important;
 375 }
 376 blockquote blockquote blockquote {
 377         color: green !important; background-color: RGB(225,225,225) !important;
 378 }
 379 blockquote blockquote blockquote blockquote {
 380         color: purple !important; background-color: RGB(215,215,215) !important;
 381 }
 382 blockquote blockquote blockquote blockquote blockquote {
 383         color: teal !important; background-color: RGB(205,205,205) !important;
 384 }
 385
 386 blockquote pre {
 387         margin-left: 1%;
 388         margin-right: 1%;
 389 }
 390
 391 <!-- end quote levels colors -->
 392
 393 var sub {
 394         font-style: normal;
 395 }
 396
 397 .note {
 398         font-size: 85%;
 399         margin-left: 10%;
 400 }
 401
 402 .toolbar {
 403         text-align: center;
 404 }
 405
 406 .toolbar IMG {
 407         float: right;
 408 }
 409
 410 .errormsg {
 411         color: #AA0000;
 412         background: none;
 413         font-weight: bold;
 414         font-style: italic;
 415 }
 416
 417 .imsg {
 418         color: #aaaaaa;
 419         background: none;
 420         font-weight: bold;
 421         font-style: italic;
 422         text-align: center;
 423 }
 424
 425 .warning {
 426         color: #FF4500;
 427         background: none;
 428         text-decoration: none;
 429 }
 430
 431 .error strong {
 432         color: #DC143C;
 433         background: #FFD700;
 434         text-decoration: none;
 435 }
 436
 437 .warning strong {
 438         color: #FF4500;
 439         background: #FFD700;
 440         text-decoration: none;
 441 }
 442
 443 .warning a:link, .warning a:visited, .warning a:active {
 444         color: #FF4500;
 445         background: none;
 446         text-decoration: underline;
 447 }
 448
 449 .error a:link, .error a:visited, .error a:active {
 450         color: #DC143C;
 451         background: none;
 452         text-decoration: underline;
 453 }
 454
 455 .error strong a:link, .error strong a:visited, .error strong a:active {
 456         color: #DC143C;
 457         background: #FFD700;
 458 }
 459
 460 .warning strong a:link, .warning strong a:visited, .warning strong a:active {
 461         color: #FF4500;
 462         background: #FFD700;
 463 }
 464
 465 colgroup.entity {
 466         text-align: center;
 467 }
 468
 469 .default {
 470         text-decoration: underline;
 471         font-style: normal;
 472 }
 473
 474 .required {
 475         font-weight: bold;
 476 }
 477
 478 td li.transitional, .elements li.transitional {
 479         font-weight: lighter;
 480         color: #696969;
 481         background: none;
 482 }
 483
 484 td li.frameset, .elements li.frameset {
 485         font-weight: lighter;
 486         color: #808080;
 487         background: none;
 488 }
 489
 490 @media print {
 491         input#toggler, .toolbar { display: none }
 492 }
 493
 494 <!-- begin nanotree styles -->
 495
 496 .treetitle {
 497         padding:2px;
 498         cursor:default;
 499
 500         font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
 501         font-size: 11px;
 502         color: #000000;
 503 }
 504 .editednode {
 505         padding:2px;
 506         cursor:default;
 507         background-color: #FFFFFF;;
 508         color: #000000;
 509
 510         font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
 511         font-size: 11px;
 512 }
 513 .editednodeinput {
 514         background-color: #FFFFFF;;
 515         color: #000000;
 516
 517         width: 150px;
 518         height: 17px;
 519
 520         border-style: solid;
 521         border-width: 1px;
 522         border-color: #000000;
 523
 524         font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
 525         font-size: 11px;
 526 }
 527 .treetitleselectedfocused {
 528         padding:2px;
 529         cursor:default;
 530         background-color: highlight;
 531         color: highlighttext;
 532
 533         font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
 534         font-size: 11px;
 535 }
 536 .treetitleselectedblured {
 537         padding:2px;
 538         cursor:default;
 539         background-color: menu;
 540         color: windowtext;
 541         font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
 542         font-size: 11px;
 543 }
 544
 545 <!-- end nanotree styles -->
 546
 547 <!-- begin address autocompleter styles -->
 548
 549 div.auto_complete {
 550         width: 350px;
 551         background: #fff;
 552 }
 553
 554 div.auto_complete ul {
 555         border:1px solid #888;
 556         margin:0;
 557         padding:0;
 558         width:100%;
 559         list-style-type: none;
 560         background: #fff;
 561 }
 562
 563 div.auto_complete ul li {
 564         margin:0;
 565         padding:3px;
 566 }
 567
 568 div.auto_complete ul li.selected {
 569         background-color: #ffc;
 570 }
 571
 572 div.auto_complete ul strong.highlight {
 573         color: #800;
 574         margin:0;
 575         padding:0;
 576 }
 577
 578 <!-- end address autocompleter styles -->
 579
 580 </style>