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