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