webcit/static/webcit.css

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