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