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