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