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