webcit/static/styles/webcit.css

   1 /*
   2  * Copyright 2005 - 2010 The Citadel Team
   3  * Licensed under the GPL V3
   4  */
   5
   6 /* These stylesheets were split from this one for convenience */
   7
   8 @import url("login.css");
   9 @import url("global.css");
  10 @import url("iconbar.css");
  11 @import url("banner.css");
  12 @import url("navbar.css");
  13 @import url("content.css");
  14 @import url("box.css");
  15 @import url("message.css");
  16 @import url("modal.css");
  17
  18 @media print {
  19         input#toggler, .toolbar { display: none }
  20 }
  21
  22 html, body {
  23         font-size: 100;
  24         height:100%;
  25         width:100%;
  26         margin:0;
  27         padding:0;
  28         overflow:hidden;
  29 }
  30
  31 .address_book_popup_title { font-size: 130% }
  32
  33 #button, #content .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, ul.adminitems li span, #message_list tr > td {
  34         font-size: 100%;
  35 }
  36
  37 #nummsgs { font-size: 75% }
  38
  39 #message_list_hdr table { font-size: 80% }
  40
  41 .mailbox_summary { font-size: 80% }
  42
  43 /* Color */
  44
  45 body {
  46         background-color: #F3F6F2;
  47         font-family: sans-serif;
  48 }
  49
  50 .marked_row {
  51         color: white;
  52         background-color: #69aaff !important;
  53 }
  54
  55 .service form div,table.altern .odd, #message_list, #roomlist_div,.editednode,.mailbox_summary, .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .wiki_history_background, .wiki_pagelist_background, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul, #summary_view {
  56         background-color: #FFF;
  57         color: #000;
  58 }
  59
  60 #message_list_hdr table, #resize_msglist, .vcard_edit_background_alt,.roomops_background_alt {
  61         background-color: #CCC;
  62 }
  63
  64 #room_infos, #address_book_popup, .roomops_cell, .roomops_cell_edit, .mimepart {
  65         background-color: #F0FFFF;
  66         color: #333;
  67 }
  68
  69 #room_infos, #address_book_popup, .mimepart, .room_actions form select {
  70         border: 1px solid #333;
  71         overflow: scroll;
  72 }
  73
  74 .buttons a,.tablabel,.treetitle {
  75         color: #000;
  76         font-weight: 700;
  77 }
  78
  79 .mimepart div,.required { font-weight: 700 }
  80
  81 .selector_top,.selector_bottom {
  82         background-color: #022750;
  83         border-top: 1px solid black;
  84         border-bottom: 1px solid black;
  85         color: #FFF;
  86 }
  87
  88 #message_list_hdr form input { border: 0 }
  89
  90 #message_list_hdr select {
  91         background-color: #3E65AF;
  92         color: #F1BD22;
  93         border: 1px solid #6C91A6;
  94 }
  95
  96 #message_list_hdr table { font-style: italic }
  97
  98 #resize_msglist {
  99         background-image: url(/static/resizegrippy.gif);
 100         background-position: center;
 101         background-repeat: no-repeat;
 102 }
 103
 104 #resize_msglist hr {
 105         background-color: #999;
 106         border: 0;
 107         color: #999;
 108         height: 3px;
 109 }
 110
 111 .adminlist { list-style: none }
 112
 113 .customize {
 114         background-color: #DDC;
 115         color: #004;
 116         font-style: italic;
 117 }
 118
 119 .default {
 120         font-style: normal;
 121         text-decoration: underline;
 122 }
 123
 124 .editednodeinput {
 125         background-color: #FFF;
 126         border: 1px solid #000;
 127         color: #000;
 128         height: 17px;
 129         width: 150px;
 130 }
 131
 132 .error a:link, .error a:visited, .error a:active {
 133         background: none;
 134         color: #DC143C;
 135         text-decoration: underline;
 136 }
 137
 138 .error strong {
 139         background: #FFD700;
 140         color: #DC143C;
 141         text-decoration: none;
 142 }
 143
 144 .error strong a:link,.error strong a:visited,.error strong a:active {
 145         background: #FFD700;
 146         color: #DC143C;
 147 }
 148
 149 .errormsg {
 150         background: none;
 151         color: #A00;
 152         font-style: italic;
 153         font-weight: 700;
 154 }
 155
 156 .floors_config, .roomops_zap {
 157         background-color: #700;
 158         border: 0;
 159 }
 160
 161 .imsg {
 162         background: none;
 163         color: #AAA;
 164         font-style: italic;
 165         font-weight: 700;
 166 }
 167
 168 .menubar_bg { background-color: red }
 169
 170 .mimepart div span {
 171         display: block;
 172         font-style: italic;
 173 }
 174
 175 .mimepart dl dd, .mimepart dl dt {
 176         border-top: 1px solid #AAA;
 177 }
 178
 179 .mailbox_summary td {
 180         /* border-top: 1px solid #AAA; */
 181         white-space: nowrap;
 182         overflow: hidden;
 183 }
 184
 185 .mimepart dl dt { font-weight: 700 }
 186
 187 .roomops_cell_label, .tab_cell_label {
 188         background-color: #424b52;
 189         color: #EABB3A;
 190         font-size: 80%;
 191         font-weight: bold;
 192         border-radius: 8px 8px 0 0;
 193         -webkit-border-radius: 8px 8px 0 0;
 194         -moz-border-radius: 8px 8px 0 0;
 195         /* behavior: url(/static/styles/PIE.htc); disabled for now; see http://github.com/lojjic/PIE/issues#issue/21 */
 196 }
 197
 198 .selectbox {
 199         background-color: #FF8000;
 200 }
 201
 202 .tab_cell, .tab_cell_edit {
 203         background-color: #5c646b;
 204         color: #F9FDFB;
 205         font-size: 80%;
 206         font-weight: bold;
 207         border-radius: 8px 8px 0 0;
 208         -webkit-border-radius: 8px 8px 0 0;
 209         -moz-border-radius: 8px 8px 0 0;
 210         /* behavior: url(/static/styles/PIE.htc); disabled for now; see http://github.com/lojjic/PIE/issues#issue/21 */
 211 }
 212
 213 .tabcontent {
 214         background-color: #FEFFFC;
 215         border: 2px solid #424B52;
 216 }
 217
 218 .treetitleselectedblured {
 219         background-color: menu;
 220         color: windowtext;
 221 }
 222
 223 .treetitleselectedfocused {
 224         background-color: highlight;
 225         color: highlighttext;
 226 }
 227
 228 .warning a:link, .warning a:visited, .warning a:active, .warning {
 229         background: none;
 230         color: #FF4500;
 231 }
 232
 233 .warning, .warning strong { text-decoration: none }
 234
 235 .warning a:link,.warning a:visited,.warning a:active {
 236         text-decoration: underline;
 237 }
 238
 239 .warning strong {
 240         background: #FFD700;
 241         color: #FF4500;
 242 }
 243
 244 .warning strong a:link,.warning strong a:visited,.warning strong a:active {
 245         background: #FFD700;
 246         color: #FF4500;
 247 }
 248
 249 blockquote {
 250         background-color: #f5f5f5 !important;
 251         color: navy !important;
 252 }
 253
 254 blockquote blockquote {
 255         background-color: #ebebeb !important;
 256         color: maroon !important;
 257 }
 258
 259 blockquote blockquote blockquote {
 260         background-color: #e1e1e1 !important;
 261         color: green !important;
 262 }
 263
 264 blockquote blockquote blockquote blockquote {
 265         background-color: #d7d7d7 !important;
 266         color: purple !important;
 267 }
 268
 269 blockquote blockquote blockquote blockquote blockquote {
 270         background-color: #cdcdcd !important;
 271         color: teal !important;
 272 }
 273
 274 blockquote pre {
 275         margin-left: 1%;
 276         margin-right: 1%;
 277 }
 278
 279 div.auto_complete ul {
 280         background: #fff;
 281         border: 1px solid #888;
 282         list-style-type: none;
 283 }
 284
 285 div.auto_complete ul li.selected {
 286         background-color: #ffc;
 287 }
 288
 289 div.auto_complete ul strong.highlight { color: #800 }
 290
 291 table.altern {
 292         border-bottom: solid 2px #AAA;
 293         border-top: solid 2px #AAA;
 294 }
 295
 296 table.altern .even {
 297         background-color: #DDD;
 298 }
 299
 300 td li.frameset,.elements li.frameset {
 301         background: none;
 302         color: gray;
 303         font-weight: lighter;
 304 }
 305
 306 td li.transitional,.elements li.transitional {
 307         background: none;
 308         color: #696969;
 309         font-weight: lighter;
 310 }
 311
 312 ul.adminitems {
 313         list-style-type: disc;
 314         padding: 0;
 315 }
 316
 317 ul.adminitems li { font-weight: 700 }
 318
 319 ul.adminitems li span { color: #666 }
 320
 321 var sub { font-style: normal }
 322
 323 .week_of_year {
 324         background-color: #e1e1e1;
 325         font-size: 70%;
 326 }
 327
 328 .day { font-weight: 700 }
 329
 330 .calout { background-color: #DDDDDD }
 331
 332 .calday { background-color: #FFFFFF }
 333
 334 .calweekend { background-color: #EEEECC }
 335
 336 .caltoday { background-color: #EEEEFF }
 337
 338 .current_sort_mode { background-color: white }
 339
 340 #loading { background-color: white }
 341
 342 /* Message list in mailbox/summaryview */
 343 .table-row { background-color: white }
 344
 345 .table-alt-row { background-color: #DDDDDD }
 346
 347 /* Links */
 348
 349 a { text-decoration: none }
 350
 351 a:link { color: #0e73e3 } /*color: #2F65DD;*/
 352
 353 a:active { color: #3E65AF }
 354
 355 a:visited { color: #70342e }
 356
 357 .roomlist_old { color: #424b52 }
 358
 359 .roomlist_new { color: #ef7114 }
 360
 361 .roomlist_new, .roomlist_old {
 362         font-size: medium;
 363         font-weight: bold;
 364         padding: 0.1em 0.3em;
 365 }
 366
 367 .roomlist_new:hover, .roomlist_old:hover{
 368         outline: 1px solid #7d858c;
 369         outline-radius: 5px;
 370         -khtml-outline-radius: 5px;
 371         -moz-outline-radius: 5px;
 372         behavior: url(static/style/PIE.htc);
 373 }
 374
 375 #customize a:active, #customize a:link, #customize a:visited {
 376         color: black;
 377 }
 378
 379 #important_message {
 380         background-color: #3E65AF;
 381         color: #FFF;
 382 }
 383
 384 input, select, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
 385         background-color: #efefe0; /*#fbf4ca;*/
 386         border: 2px solid #5c646b;
 387         color: #333;
 388 }
 389
 390 .buttons a:hover { background-color: #5c646b; }
 391
 392 .button_link a, input#delbutton,.attachfile, .logbuttons input,.buttons input {
 393         background-color: #4d555c;
 394 }
 395
 396 .button_link a, input#delbutton,.attachfile, .logbuttons input,.buttons input {
 397         border: 2px solid #5c646b;
 398         color: #F0FEFF;
 399 }
 400
 401
 402 .button_link a, input#delbutton,.attachfile, .buttons input {
 403         cursor: pointer;
 404         -webkit-border-radius: 8px;
 405         -moz-border-radius: 8px;
 406         border-radius: 8px;
 407         behavior: url(/static/styles/PIE.htc);
 408         text-align: center;
 409 }
 410
 411 .button_link a, .attachfile,.buttons input {
 412         font-weight: bold;
 413 }
 414
 415 input#delbutton { font-weight: normal }
 416
 417 /* Layout */
 418
 419 * html { overflow: hidden }
 420
 421 html { overflow: auto }
 422
 423 body {
 424         height: 100%;
 425         overflow: hidden;
 426         text-align: center;
 427         margin-left: 0;
 428         padding: 0;
 429 }
 430
 431 #important_message {
 432         position: absolute;
 433         top: 0;
 434         right: 0;
 435         z-index: 4;
 436         padding: 3px;
 437 }
 438
 439 #hellomsg, .fmout, .nomsgs {
 440         text-align: center;
 441 }
 442
 443 #validate { text-align: center }
 444
 445 #iconbar, #banner, #content, #message_list_hdr, #message_list, #preview_pane  { text-align: left }
 446
 447 /* Please avoid setting heights for any of the mailbox view elements (except summary_view
 448  * and resize). In particular, do NOT set any for message_list_hdr as its not good feng shui
 449  */
 450
 451 #message_list_hdr {
 452         display: block;
 453         top: 0;
 454         left: 0;
 455         width: 100%;
 456         padding-bottom: 0;
 457         margin-bottom: 0;
 458         background-color: #CCCCCC;
 459 }
 460
 461 #summary_view {
 462         height: 100px;
 463         overflow-y: scroll;
 464         overflow-x: hidden;
 465         cursor: pointer;
 466 }
 467
 468 #summary_headers {
 469         background-color: white;
 470         width: 100%;
 471         table-layout: fixed;
 472 }
 473
 474 #summary_headers tr td {
 475         overflow-y: hidden;
 476         overflow-x: hidden; /* stop long subjects overflowing */
 477 }
 478
 479 .col1 { width: 50% }
 480
 481 .col2 { width: 30% }
 482
 483 .col3 { width: 20% }
 484
 485 .col1, .col2, .col3 {
 486         cursor: pointer;
 487         text-overflow: ellipsis;
 488         -o-text-overflow: ellipsis;
 489 }
 490
 491 .new_message { font-weight: bold; !important }
 492
 493 #loading { text-align: center}
 494
 495 #resize_msglist {
 496         width: 100%;
 497         overflow: hidden;
 498         cursor: s-resize;
 499         height: 6px;
 500 }
 501
 502 #preview_pane { overflow: auto }
 503
 504 .ctdlTemplate { display: none }
 505
 506 #ctdlContextMenu {
 507         position: fixed;
 508         background-color: white;
 509         border: 1px solid black;
 510 }
 511
 512 .draganddrop {
 513         position: fixed;
 514         display: block;
 515         border: 1px solid black;
 516         z-index: 65535;
 517         background-color: white;
 518         text-align: left;
 519         opacity: 0.9;
 520 }
 521
 522 .draganddrop > ul {
 523         list-style: none;
 524         padding-left: 0;
 525         margin-left: 0;
 526 }
 527
 528 .hidden { display: none }
 529
 530 .floor { margin-left: 0px }
 531
 532 .floor > ul { display: none }
 533
 534 .floor-expanded > ul{ display: block !important }
 535
 536 #roomlist > ul {
 537         margin: 0;
 538         padding: 0;
 539 }
 540
 541 #roomlist > div > ul > li {
 542         margin: 0;
 543         padding: 0;
 544 }
 545
 546 /* Override to disable list-style-image" */
 547 .room a, .room a, .room a:visited, .room a:link { color: #333333 }
 548
 549 .room-private { list-style-image: url("/static/privatemess_16x.gif") }
 550
 551 .room-addr { list-style-image: url("/static/viewcontacts_16x.gif") }
 552
 553 .room-cal { list-style-image: url("/static/calarea_16x.gif") }
 554
 555 .room-tasks { list-style-image: url("/static/taskmanag_16x.gif") }
 556
 557 .room-notes { list-style-image: url("/static/storenotes_16x.gif") }
 558
 559 .room-chat { list-style-image: url("/static/chatrooms_16x.gif") }
 560
 561 .room-newmsgs { font-weight: bold }
 562
 563 .room-emphasized { text-decoration: underline }
 564
 565 #message_list_hdr table { width: 100% }
 566
 567 .selector_top, .selector_bottom { text-align: center }
 568
 569 .selector_top p,.selector_bottom p {
 570         margin: 0;
 571         padding: 2px;
 572 }
 573
 574 .button_link a, .attachfile, .logbuttons input,.buttons input .logbutton {
 575         margin: 3px;
 576         padding: 2px 4px 2px 4px;
 577 }
 578
 579 input#delbutton {
 580         margin: 0 3px 0 3px;
 581         padding: 2px 4px 2px 4px;
 582 }
 583
 584
 585 .mimepart {
 586         margin-top: 15px;
 587         margin-bottom: 15px;
 588         margin-left: 15%;
 589         width: 70%;
 590         padding: 0;
 591 }
 592
 593 .mimepart img {
 594         vertical-align: middle;
 595         float: left;
 596 }
 597
 598 .mimepart div {
 599         vertical-align: middle;
 600         margin: 0 0 15px 0 ;
 601         padding: 5px;
 602 }
 603
 604 .mimepart div span { vertical-align: top }
 605
 606 .mimepart dl {
 607         width: 100%;
 608         margin-left: 5px;
 609         padding: 5px;
 610 }
 611
 612 .mimepart dl dt {
 613         width: 30%;
 614         float: left;
 615         margin: 0 0 0 0;
 616         padding: .5em;
 617 }
 618
 619 .mimepart dl dd {
 620         float: left;
 621         width: 62%;
 622         margin: 0;
 623         padding: .5em;
 624 }
 625
 626 .mimepart p {
 627         margin-top: 1em;
 628         margin-bottom: 0;
 629         clear: both;
 630 }
 631
 632 .buttons a { text-align: center }
 633
 634 .imgedit {
 635         vertical-align: middle
 636 }
 637
 638 .edit_msg_table th {
 639         text-align: right;
 640         padding: 0px;
 641         padding-right: 5px;
 642         color: #333;
 643         width: 20%;
 644 }
 645
 646 .edit_msg_table td {
 647         padding: 0px;
 648 }
 649
 650 .edit_msg_table #recp_id, .edit_msg_table #cc_id, .edit_msg_table #bcc_id, .edit_msg_table #subject_id  {
 651         width: 98%;
 652 }
 653
 654 .note {
 655         font-size: 85%;
 656         margin-left: 10%;
 657 }
 658
 659 .toolbar { text-align: center }
 660
 661 .toolbar img { float: right }
 662
 663 .imsg { text-align: center }
 664
 665 colgroup.entity { text-align: center }
 666
 667 div.auto_complete ul {
 668         margin: 0;
 669         padding: 0;
 670         width: 100%;
 671 }
 672
 673 div.auto_complete ul li {
 674         margin: 0;
 675         padding: 3px;
 676 }
 677
 678 div.auto_complete ul strong.highlight {
 679         margin: 0;
 680         padding: 0;
 681 }
 682
 683 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .vcard_edit_background_alt, .roomops_background_alt, .floors_config, .roomops_zap {
 684         width: 100%;
 685 }
 686
 687 #address_book_popup {
 688         position: absolute;
 689         top: 100px;
 690         right: 25px;
 691         width: 320px;
 692         height: auto;
 693         z-index: 100;
 694         display: none;
 695         -webkit-box-shadow: #666 0px 2px 3px;
 696         -moz-box-shadow: #666 0px 2px 3px;
 697         box-shadow: #666 0px 2px 3px;
 698         behavior: url(/static/styles/PIE.htc);
 699 }
 700
 701 #address_book_popup_container_div {
 702         position: relative;
 703         width: 100%;
 704         height: 100%;
 705 }
 706
 707 #address_book_popup_middle_div { position: relative }
 708
 709 #address_book_inner_div { margin: 5px }
 710
 711 #address_book_inner_div select { width: 100% }
 712
 713 #address_book_inner_div input { margin: 4px 5px 0 5px }
 714
 715 .service .edit_col, .service .host_col { display: none }
 716
 717 .who_is_online .edit_col, .who_is_online .host_col { display: block }
 718
 719 #citlogo { display: none; /* Overriden later */ }
 720
 721 .sort_ascending, .sort_descending {
 722         background-repeat: no-repeat;
 723         background-position: center right;
 724 }
 725
 726 .sort_ascending { background-image: url("/static/down_pointer.gif") }
 727
 728 .sort_descending { background-image: url("/static/up_pointer.gif") }
 729
 730 #message_list_hdr > table { border-collapse: collapse }
 731
 732 #message_list_hdr > table > tbody > tr > th {
 733         border-left: 2px solid white;
 734         border-right: 2px solid white;
 735 }
 736
 737 #summary_view > table { border-collapse: collapse }
 738
 739 th.col1 { border-left: none !important }
 740
 741 th.col3 { border-right: none !important }
 742
 743 /* System Administration Menu */
 744
 745 ul.adminitems {
 746         margin: 15px;
 747         padding: 0;
 748 }
 749
 750 ul.adminitems li {
 751         margin: 0.5em;
 752         padding: 0;
 753 }
 754
 755 ul.adminitems li span { display: block }
 756
 757
 758 /* Room list - Tree Node */
 759
 760 .treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured {
 761         padding: 2px;
 762         cursor: default;
 763 }
 764
 765 table.altern {
 766         margin: 0 auto 0 auto;
 767         width: 98%
 768 }
 769
 770 table.altern tr td {
 771         height: 2em;
 772 }
 773
 774 /* Advanced menu */
 775
 776 table.advanced {
 777         margin: 0 auto 0 auto;
 778         width: 96%;
 779         border-collapse: separate;
 780         border-spacing: 15px;
 781 }
 782
 783 .advanced .boxcontent ul { margin-left: 4em }
 784
 785 .advanced .boxcontent .col1, .advanced .boxcontent .col2 {
 786         float: left;
 787         width: 33%;
 788 }
 789
 790 .advanced .boxcontent .col2, .advanced .boxcontent .lastcol {
 791         margin-left: 0;
 792         margin-bottom: 4em;
 793 }
 794
 795 /* Site configuration */
 796
 797 .tabs_background { margin-top: 0 }
 798
 799 /* Links and buttons */
 800
 801 .logbuttons, .buttons, .registernow {
 802         margin: 2px auto 2px auto;
 803         width: 96%;
 804         text-align: center;
 805 }
 806
 807 /* Tabs */
 808
 809 #TheTabs {
 810         margin: 3% auto 0 auto;
 811         width: 94%;
 812 }
 813
 814 ul.tabbed_dialog {
 815         list-style: none;
 816         margin: 3% auto 0 auto;
 817         width: 96%;
 818         padding: 0;
 819         white-space: nowrap;
 820         text-align: center;
 821         vertical-align: middle;
 822 }
 823
 824 ul.tabbed_dialog li {
 825         margin: 0 3% 0 3%;
 826         padding: 4px;
 827         float: left;
 828 }
 829
 830 .tabcontent {
 831         margin: 0 auto 0 auto;
 832         width: 96%;
 833         padding: 10px;
 834         clear: both;
 835 }
 836
 837 .tabcontent_submit {
 838         margin: 0 auto 0 auto;
 839         width: 96%;
 840         padding: 10px;
 841         text-align: center;
 842 }
 843
 844
 845 /* Calendar view */
 846
 847 .calendar {
 848         background-color: #424b52;
 849         margin: 0 auto;
 850         width: 98%;
 851         height: 302px;
 852         border-radius: 8px;
 853         -webkit-border-radius: 8px;
 854         -moz-border-radius: 8px;
 855         behavior: url(/static/styles/PIE.htc);
 856 }
 857
 858 .calendar th {
 859         background-color: #424b52;
 860         border-color: #424b52; }
 861
 862 td.events_of_the_day { width: 500px }
 863
 864 .events_of_the_day dl {
 865         margin: 0;
 866         padding: 0;
 867         position: absolute;
 868         top: 0;
 869         left:0;
 870         width: 500px;
 871 }
 872
 873 .events_of_the_day dl dt {
 874         background-color: #FFFFFF;
 875         margin: 0;
 876         width: 500px;
 877         border: 1px solid #CCC;
 878 }
 879
 880 .events_of_the_day dl dt.hour {
 881         /* font-size: 160%; commenting out because we need to line it up with the actual size */
 882 }
 883
 884 .events_of_the_day dl dt.extrahour {
 885         /* font-size: 80%; commenting out because we need to line it up with the actual size */
 886 }
 887
 888 .hour_label, .extra_events dl dt {
 889         background-color: #CCCCDD;
 890         vertical-align: middle;
 891         text-align: left;
 892 }
 893
 894 .hour_events, .extra_events {
 895         background-color: #FFFFFF;
 896         vertical-align: top;
 897         text-align: left;
 898 }
 899
 900
 901 .extra_events ul {
 902         list-style: none;
 903         margin: 0;
 904         padding: 0;
 905 }
 906
 907 .extra_events ul li { margin: 4px }
 908
 909 .calday, .calout, .calweekend, .caltoday {
 910         width: 14%;
 911         height: 60px;
 912         text-align: left;
 913         vertical-align: top;
 914 }
 915
 916 .event_framed_unread {
 917         -webkit-border-radius: 8px;
 918         -moz-border-radius: 8px;
 919         border-radius: 8px;
 920         behavior: url(/static/styles/PIE.htc);
 921         border: solid 1px red;
 922         background-color: yellow;
 923         z-index: 10;
 924         padding: 0 4px 0 4px;
 925 }
 926
 927 li.event_framed_unread span, a.event_title { font-size: 100% }
 928
 929 .event_framed_read {
 930         -webkit-border-radius: 8px;
 931         -moz-border-radius: 8px;
 932         border-radius: 8px;
 933         behavior: url(/static/styles/PIE.htc);
 934         border: solid 1px red;
 935         background-color: yellow;
 936         z-index: 10;
 937         padding: 0 4px 0 4px;
 938 }
 939
 940 li.event_framed_read span, a.event_title { font-size: 100% }
 941
 942 .event_read {}
 943
 944 li.event_read span, a.event_read_title { font-size: 100% }
 945
 946 .event_unread {}
 947
 948 li.event_unread span, a.event_read_title { font-size: 100% }
 949
 950 .mini_calendar { color: #fff }
 951
 952 .mini_calendar a { color: #fff }
 953
 954 .mini_calendar a:link,.mini_calendar a:visited { color: #fff }
 955
 956 .mini_calendar a:hover,.mini_calendar a:active {
 957    color: #3E65AF;
 958    background-color: #3E65AF;
 959 }
 960
 961 .mini_calendar td a { color: #fff }
 962
 963 .mini_calendar td a:link,.mini_calendar td a:visited { color: #fff }
 964
 965 .mini_calendar td a:hover,.mini_calendar td a:active {
 966    color: #3E65AF;
 967    background-color: #3E65AF;
 968
 969 }
 970
 971 .menudesc {
 972         margin: 4px;
 973         padding: 4px;
 974 }
 975
 976 .roompic {
 977         height: 48px;
 978         width: 48px;
 979         border: none;
 980 }
 981
 982 .table-row, .table-alt-row { width: 100% }
 983
 984 .stickynote_outer {
 985         position: absolute;
 986         width: 200px;
 987         height: 200px;
 988         border: 1px solid #333;
 989         background-color: #ffff00;
 990         overflow: hidden;
 991         -webkit-box-shadow: #666 0px 2px 3px;
 992         -moz-box-shadow: #666 0px 2px 3px;
 993         box-shadow: #666 0px 2px 3px;
 994         behavior: url(/static/styles/PIE.htc);
 995 }
 996
 997 .stickynote_titlebar {
 998         position: relative;
 999         width: 100%;
1000         height: 16px;
1001         top: 0px;
1002         left: 0px;
1003         background-color: #888800;
1004         font-size: 60%;
1005 }
1006
1007 .stickynote_body {
1008         position: relative;
1009         font-family: "Comic Sans MS", sans-serif;
1010 }
1011
1012 .stickynote_resize {
1013         position: absolute;
1014         background-image: url('resizecorner.png');
1015         height: 16px;
1016         width: 16px;
1017         right: -1px;
1018         bottom: -1px;
1019 }
1020
1021 .stickynote_palette {
1022         position: absolute;
1023         width: 48px;
1024         height: 48px;
1025         top: 16px;
1026         left: 0px;
1027         background-color: #ffffff;
1028         border: 1px solid #333;
1029         display: none;
1030 }
1031
1032 .stickynote_palette table {
1033         margin: 0;
1034         padding: 0;
1035 }
1036
1037 .stickynote_palette td {
1038         width: 16px;
1039         height: 16px;
1040 }
1041
1042 .conftitle {
1043         font-size: 140%;
1044         font-weight: bold;
1045         text-align: center;
1046 }
1047
1048 .confdescr {
1049         font-size: 110%;
1050         text-align: center;
1051 }
1052
1053 #noscript_warning {
1054         position: fixed;
1055         z-index: 999;
1056         top: 0;
1057         right: 0;
1058         background-color: #FF0000;
1059         color: #FFFFFF;
1060         font-size: 120%;
1061         border: 2px solid #FF0000;
1062 }
1063
1064 .chatrecv_history_class {
1065         position: absolute;
1066         top: 0.5em;
1067         left: 0.5%;
1068         width: 700px;
1069         height: 70%;
1070         background-color: #edede0;
1071         overflow: auto;
1072         border: 2px solid #424d52;
1073         border-radius: 8px;
1074         -khtml-border-radius: 8px;
1075         -moz-border-radius: 8px;
1076         behavior: url(/static/style/PIE.htc);
1077         -webkit-box-shadow: #666 0px 1px 2px;
1078         -moz-box-shadow: #666 0px 2px 3px;
1079         box-shadow: #666 0px 2px 3px;
1080         padding: 0.5em;
1081 }
1082
1083 .chat_userlist_class {
1084         position: absolute;
1085         top: 0.5em;
1086         right: 0.5%;
1087         width: 110px;
1088         height: 92%;
1089         background-color: #edede0;
1090         overflow: auto;
1091         border: 2px solid #424d52;
1092         border-radius: 8px;
1093         -khtml-border-radius: 8px;
1094         -moz-border-radius: 8px;
1095         box-shadow: #666 0px 2px 3px;
1096         -webkit-box-shadow: #666 0px 1px 2px;
1097         -moz-box-shadow: #666 0px 2px 3px;
1098         behavior: url(/static/style/PIE.htc);
1099         padding: 0.5em;
1100 }
1101
1102 .chatrecv_class { display: none }
1103
1104 .chatsend_class {
1105         position: absolute;
1106         left: 0.5%;
1107         bottom: 3%;
1108         height: 95px;
1109         width: 700px;
1110         border: 2px solid #424d52;
1111         border-radius: 8px;
1112         -khtml-border-radius: 8px;
1113         -moz-border-radius: 8px;
1114         box-shadow: #666 0px 2px 3px;
1115         -webkit-box-shadow: #666 0px 1px 2px;
1116         -moz-box-shadow: #666 0px 2px 3px;
1117         behavior: url(/static/style/PIE.htc);
1118         background-color: #7d858c;
1119         padding: 0.5em;
1120 }
1121
1122 .chat_myname_class {
1123         font-weight: bold;
1124         color: #ff0000;
1125 }
1126
1127 .chat_notmyname_class {
1128         font-weight: bold;
1129         color: #0000ff;
1130 }
1131
1132 .chat_text_class {}
1133
1134 /*---------- bubble tooltips start -----------*/
1135
1136 a.event_title, a.event_unread, a.event_read {
1137         position:relative;
1138         z-index:24;
1139 }
1140
1141 a.event_title span, a.event_unread span, a.event_read span {
1142         display: none;
1143 }
1144
1145 /* background:; ie hack, something must be changed in a for ie to execute it */
1146
1147 a.event_title:hover, a.event_unread:hover, a.event_read:hover {
1148         z-index:25;
1149         background:;
1150 }
1151
1152 a.event_title:hover span.tooltip, a.event_unread:hover span.tooltip, a.event_read:hover span.tooltip {
1153         display:block;
1154         position:absolute;
1155         top:0px; left:0;
1156         padding: 15px 0 0 0;
1157         width:200px;
1158         text-align: center;
1159 }
1160
1161 a.event_title:hover span.btttop, a.event_unread:hover span.btttop, a.event_read:hover span.btttop {
1162         display: block;
1163         padding: 30px 8px 0;
1164         background: url(/static/bubble.gif) no-repeat top;
1165 }
1166
1167 /* different middle bg for stretch */
1168 a.event_title:hover span.bttmiddle, a.event_unread:hover span.bttmiddle, a.event_read:hover span.bttmiddle {
1169         display: block;
1170         padding: 0 8px;
1171         background: url(/static/bubble_filler.gif) repeat bottom;
1172         color: #022750;
1173         font-size: 10px;
1174 }
1175
1176 a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event_read:hover span.bttbottom {
1177         display: block;
1178         padding:3px 8px 10px;
1179         background: url(/static/bubble.gif) no-repeat bottom;
1180 }
1181
1182
1183 /*---------- styles for the blog view -----------*/
1184
1185 .blog_post {
1186 }
1187
1188 .blog_post_title {
1189         font-size: 150%;
1190         font-style: bold;
1191 }
1192
1193 .blog_post_title a:link, .blog_post_title a:visited, .blog_post_title a:active {
1194         color: #000000;
1195 }
1196
1197 .blog_post_title a:hover {
1198         color: #0000FF;
1199 }
1200
1201
1202 .blog_post_header {
1203         font-size: 100%;
1204         font-style: italic;
1205 }
1206
1207 .blog_post_content {
1208 }
1209
1210 .blog_comment {
1211         border: 1px solid grey;
1212         margin-top: 5px;
1213         margin-bottom: 5px;
1214         margin-left: 5%;
1215         margin-right: 5%;
1216         padding: 5px;
1217 }
1218
1219 .blog_comment_header {
1220         margin-bottom: 1em;
1221         font-size: 100%;
1222         font-style: italic;
1223 }
1224
1225
1226 /*---------- styles for the attachments form -----------*/
1227
1228 #attachments_form {
1229         display:none;
1230         position:absolute;
1231         top:5%;
1232         bottom:5%;
1233         right:5%;
1234         left:5%;
1235         z-index: 10;
1236         padding: 5px;
1237         border-width: 1px;
1238         border-style: solid;
1239         border-color: #022750;
1240         -webkit-border-radius: 10px;
1241         -moz-border-radius: 10px;
1242         border-radius: 10px;
1243         background: #FFFFFF;
1244         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DDDDEE));
1245         background: -moz-linear-gradient(#FFFFFF, #DDDDEE);
1246         background: linear-gradient(#FFFFFF, #DDDDEE);
1247         -pie-background: linear-gradient(#FFFFFF, #DDDDEE);
1248         -webkit-box-shadow: #666 0px 2px 3px;
1249         -moz-box-shadow: #666 0px 2px 3px;
1250         box-shadow: #666 0px 2px 3px;
1251         behavior: url(/static/styles/PIE.htc);
1252 }
1253
1254
1255 /*---------- styles for the login modal box -----------*/
1256
1257 #loginbox_topline_container {
1258         position: relative;
1259         font-size: 110%;
1260         color: white;
1261 }
1262
1263 #loginbox_title {
1264         float: left;
1265         width: 75%;
1266         text-align: center;
1267         background-color: #022750;
1268         border: 3px solid #022750;
1269 }
1270
1271 #loginbox_closebutton {
1272         float: right;
1273         width: 23%;
1274         text-align: right;
1275         background-color: #ddd;
1276         border: 3px solid #ddd;
1277 }
1278
1279 #auth_container {
1280         position: relative;
1281         border: 1px solid #777;
1282 }
1283
1284 #authbar {
1285         top: 0;
1286         left: 0;
1287         width: 23%;
1288         z-index: 0;
1289         overflow: auto;
1290         overflow-x: hidden !important;
1291 }
1292
1293 #authbar ul {
1294         margin-top: 1px;
1295         margin-bottom: 0;
1296 }
1297
1298 .authbox {
1299         text-align: center;
1300         position: absolute;
1301         top: 0;
1302         right: 0;
1303         width: 75%;
1304         height: 100%;
1305         z-index: 0;
1306         overflow: auto;
1307         overflow-x: hidden !important;
1308         background-color: #ddd;
1309 }
1310
1311 #ajax_username_password_form, #ajax_newuser_form {
1312         margin: auto;
1313         width: 20em;
1314 }
1315
1316 #ajax_username_password_form label, #ajax_newuser_form label {
1317         float: left;
1318         width: 10em;
1319 }
1320
1321 .openid_urlarea {
1322         background: url('../openid-small.gif') no-repeat scroll 0pt 50%;
1323         padding-left: 18px;
1324 }
1325
1326 .registernow {
1327         text-align: right;
1328 }