webcit/static/styles/webcit.css

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