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