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