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