Mercurial > hg > rc1

comparison plugins/calendar/skins/classic/calendar.css @ 3:f6fe4b6ae66a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
calendar plugin nearly as distributed
author Charlie Root
date Sat, 13 Jan 2018 08:56:12 -0500
parents
children
comparison
equal deleted inserted replaced
2:c828b0fd4a6e 3:f6fe4b6ae66a
1 /*** Style for Calendar plugin ***/
2
3 body.calendarmain {
4 overflow: hidden;
5 }
6
7 #taskbar a.button-calendar {
8 background: url(images/calendar.png) 0px 1px no-repeat;
9 }
10
11 /* hack for IE 6/7 */
12 * html #taskbar a.button-calendar {
13 background-image: url(images/calendar.gif);
14 }
15
16 #main {
17 position: absolute;
18 clear: both;
19 top: 72px;
20 left: 0;
21 right: 0;
22 bottom: 10px;
23 }
24
25 #calendarsidebar {
26 position: absolute;
27 top: 0px;
28 left: 10px;
29 bottom: 0;
30 width: 230px;
31 }
32
33 #datepicker {
34 position: relative;
35 top: 42px;
36 width: 100%;
37 }
38
39 #datepicker .ui-datepicker {
40 width: 97% !important;
41 box-shadow: none;
42 -moz-box-shadow: none;
43 -webkit-box-shadow: none;
44 }
45
46 #datepicker .ui-datepicker-activerange a {
47 border-color: #c33;
48 color: #a22;
49 }
50
51 #datepicker .ui-datepicker-activerange a.ui-state-active {
52 color: #fff;
53 }
54
55 #datepicker .ui-priority-secondary {
56 opacity: 0.4;
57 }
58
59 #datepicker td.ui-datepicker-week-col {
60 cursor: pointer;
61 }
62
63 #calendarsidebartoggle {
64 position: absolute;
65 left: 244px;
66 width: 8px;
67 top: 4px;
68 bottom: 0;
69 background: url(images/toggle.gif) 0 48% no-repeat transparent;
70 cursor: pointer;
71 }
72
73 div.sidebarclosed {
74 background-position: -8px 48% !important;
75 }
76
77 #calendarsidebartoggle:hover {
78 background-color: #ddd;
79 }
80
81 #calendar {
82 position: absolute;
83 top: 4px;
84 left: 256px;
85 right: 10px;
86 bottom: 0;
87 }
88
89 #print {
90 width: 680px;
91 }
92
93 pre {
94 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
95 }
96
97 #calendars {
98 position: absolute;
99 top: 228px;
100 left: 0;
101 bottom: 0;
102 right: 0;
103 background-color: #F9F9F9;
104 border: 1px solid #999999;
105 overflow: hidden;
106 }
107
108 #calendars .boxlistcontent {
109 top: 43px;
110 }
111
112 #calendars .listsearchbox {
113 padding: 2px 4px;
114 }
115
116 #calendarslist {
117 list-style: none;
118 margin: 0;
119 padding: 0;
120 }
121
122 #attachmentlist li,
123 #calendarslist li {
124 margin: 0;
125 padding: 1px;
126 display: block;
127 background: #fff;
128 border-bottom: 1px solid #EBEBEB;
129 white-space: nowrap;
130 cursor: default;
131 }
132
133 #calendars .treelist li {
134 margin: 0;
135 padding: 0;
136 position: relative;
137 }
138
139 #calendars .treelist ul li:last-child {
140 border-bottom: 0;
141 }
142
143 #calendars .treelist li div.folder,
144 #calendars .treelist li div.calendar {
145 position: relative;
146 height: 22px;
147 }
148
149 #calendars .treelist li span.calname {
150 display: block;
151 padding: 0px 30px 2px 2px;
152 position: absolute;
153 top: 4px;
154 left: 38px;
155 right: 40px;
156 cursor: default;
157 background: url(images/calendars.png) right 20px no-repeat;
158 overflow: hidden;
159 text-overflow: ellipsis;
160 white-space: nowrap;
161 }
162
163 #calendars .treelist li div.virtual > span.calname {
164 color: #aaa;
165 left: 20px;
166 }
167
168 #calendars .treelist.flat li span.calname {
169 left: 24px;
170 right: 22px;
171 }
172
173 #calendars .treelist li span.handle {
174 display: inline-block;
175 position: absolute;
176 top: 5px;
177 right: 6px;
178 padding: 0;
179 width: 12px;
180 height: 12px;
181 border-radius: 3px;
182 font-size: 0.8em;
183 }
184
185 #calendars .treelist li a.subscribed {
186 display: inline-block;
187 position: absolute;
188 top: 2px;
189 right: 22px;
190 height: 16px;
191 width: 16px;
192 padding: 0;
193 background: url(images/calendars.png) -100px 0 no-repeat;
194 overflow: hidden;
195 text-indent: -5000px;
196 cursor: pointer;
197 }
198
199 #calendars .treelist div:hover > a.subscribed {
200 background-position: 0 -126px;
201 }
202
203 #calendars .treelist div.subscribed a.subscribed {
204 background-position: 0 -144px;
205 }
206
207 #calendars .treelist li input {
208 position: absolute;
209 top: 1px;
210 left: 18px;
211 }
212
213 #calendars .treelist li div.treetoggle {
214 top: -1px;
215 left: 1px !important;
216 }
217
218 #calendars .treelist ul li div.treetoggle {
219 left: 17px !important;
220 }
221
222 #calendars .treelist ul ul li div.treetoggle {
223 left: 33px !important;
224 }
225
226 #calendars .treelist.flat li input {
227 left: 4px;
228 }
229
230 #calendars .treelist ul li div.folder,
231 #calendars .treelist ul li div.calendar {
232 margin-left: 16px;
233 }
234
235 #calendars .treelist ul ul li div.folder,
236 #calendars .treelist ul ul li div.calendar {
237 margin-left: 32px;
238 }
239
240 #calendars .treelist ul ul ul li div.folder,
241 #calendars .treelist ul ul ul li div.calendar {
242 margin-left: 48px;
243 }
244
245 #calendars .treelist li.selected {
246 background-color: #ccc;
247 }
248
249 #calendars .treelist li.selected > span.calname {
250 font-weight: bold;
251 }
252
253 #calendars .treelist div.readonly span.calname {
254 background-position: right -20px;
255 }
256
257 #calendars .treelist li.user > div > span.calname {
258 background-position: right -38px;
259 }
260
261 #calendarslist li.virtual span.calname {
262 color: #666;
263 }
264
265 #calendars .searchresults .boxtitle {
266 border-top: 1px solid #aaa;
267 margin-bottom: 0;
268 }
269
270 #calfeedurl,
271 #caldavurl {
272 width: 98%;
273 background: #fbfbfb;
274 padding: 4px;
275 margin-bottom: 1em;
276 resize: none;
277 }
278
279 #agendalist {
280 width: 100%;
281 margin: 0 auto;
282 margin-top: 60px;
283 border: 1px solid #C1DAD7;
284 display: none;
285 }
286
287 #agendalist table {
288 width: 100%;
289 }
290
291 #agendalist td,
292 #agendalist th {
293 border-right: 1px solid #C1DAD7;
294 border-bottom: 1px solid #C1DAD7;
295 background: #fff;
296 padding: 6px 6px 6px 12px;
297 }
298
299 #agendalist tr {
300 vertical-align: top;
301 }
302
303 #agendalist th {
304 font-weight: bold;
305 }
306
307 #calendartoolbar {
308 position: absolute;
309 top: 0px;
310 left: 0px;
311 height: 35px;
312 }
313
314 #calendartoolbar a {
315 padding-right: 10px;
316 }
317
318 #calendartoolbar a.button,
319 #calendartoolbar a.buttonPas {
320 display: block;
321 float: left;
322 width: 32px;
323 height: 32px;
324 padding: 0;
325 margin-right: 10px;
326 overflow: hidden;
327 background: url(images/toolbar.png) 0 0 no-repeat transparent;
328 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
329 }
330
331 #calendartoolbar a.buttonPas {
332 opacity: 0.35;
333 }
334
335 #calendartoolbar a.addeventSel {
336 background-position: 0 -32px;
337 }
338
339 #calendartoolbar a.delete {
340 background-position: -32px 0;
341 }
342
343 #calendartoolbar a.deleteSel {
344 background-position: -32px -32px;
345 }
346
347 #calendartoolbar a.print {
348 background-position: -64px 0;
349 }
350
351 #calendartoolbar a.printSel {
352 background-position: -64px -32px;
353 }
354
355 #calendartoolbar a.import {
356 background-position: -168px 0;
357 }
358
359 #calendartoolbar a.importSel {
360 background-position: -168px -32px;
361 }
362
363 #calendartoolbar a.export {
364 background-position: -128px 0;
365 }
366
367 #calendartoolbar a.exportSel {
368 background-position: -128px -32px;
369 }
370
371 .calendarmain #quicksearchbar {
372 top: 80px;
373 right: 4px;
374 }
375
376 #eventedit.uidialog,
377 .calendarmain div.uidialog {
378 display: none;
379 }
380
381 #user {
382 position: absolute;
383 top: 10px;
384 right: 100px;
385 left: 100px;
386 text-align: center;
387 }
388
389 a.morelink {
390 font-size: 90%;
391 color: #C33;
392 text-decoration: none;
393 }
394
395 a.morelink:hover {
396 text-decoration: underline;
397 }
398
399 a.miniColors-trigger {
400 margin-top: -3px;
401 }
402
403 #attachmentcontainer {
404 position: absolute;
405 top: 80px;
406 left: 20px;
407 right: 20px;
408 bottom: 20px;
409 }
410
411 #attachmentframe {
412 width: 100%;
413 height: 100%;
414 border: 1px solid #999999;
415 background-color: #F9F9F9;
416 }
417
418 #partheader {
419 position: absolute;
420 top: 20px;
421 left: 220px;
422 right: 20px;
423 height: 40px;
424 }
425
426 #partheader table td {
427 padding-left: 2px;
428 padding-right: 4px;
429 vertical-align: middle;
430 font-size: 11px;
431 }
432
433 #partheader table td.title {
434 color: #666;
435 font-weight: bold;
436 }
437
438 .attachments-list ul {
439 margin: 0px;
440 padding: 0px;
441 list-style-image: none;
442 list-style-type: none;
443 }
444
445 .attachments-list ul li {
446 height: 18px;
447 font-size: 12px;
448 padding-top: 2px;
449 padding-right: 8px;
450 white-space: nowrap;
451 }
452
453 .attachments-list ul li img {
454 padding-right: 2px;
455 vertical-align: middle;
456 }
457
458 .attachments-list ul li a {
459 text-decoration: none;
460 }
461
462 .attachments-list ul li a:hover {
463 text-decoration: underline;
464 }
465
466 #attachmentlist {
467 margin: 0 -0.8em;
468 }
469
470 #attachmentlist li {
471 padding: 2px 2px 3px 0.8em;
472 }
473
474 #eventshow .attachments-list ul li {
475 float: left;
476 }
477
478 #edit-attachments-form {
479 padding-top: 1.2em;
480 }
481
482 #edit-attachments-form .formbuttons {
483 margin: 0.5em 0;
484 }
485
486 .event-attendees span.attendee {
487 padding-right: 18px;
488 margin-right: 0.5em;
489 background: url(images/attendee-status.gif) right 0 no-repeat;
490 }
491
492 .event-attendees span.attendee a.mailtolink {
493 text-decoration: none;
494 white-space: nowrap;
495 }
496
497 .event-attendees span.attendee a.mailtolink:hover {
498 text-decoration: underline;
499 }
500
501 .event-attendees span.accepted {
502 background-position: right -20px;
503 }
504
505 .event-attendees span.declined {
506 background-position: right -40px;
507 }
508
509 .event-attendees span.tentative {
510 background-position: right -60px;
511 }
512
513 .event-attendees span.delegated {
514 background-position: right -180px;
515 }
516
517 .event-attendees span.organizer {
518 background-position: right -80px;
519 }
520
521 #all-event-attendees span.attendee {
522 display: block;
523 margin-bottom: 4px;
524 padding-bottom: 3px;
525 border-bottom: 1px solid #ddd;
526 }
527
528 /* jQuery UI overrides */
529
530 .calendarmain .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
531 float: left;
532 }
533
534 #eventshow h1 {
535 font-size: 20px;
536 margin: 0.1em 0 0.4em 0;
537 }
538
539 #eventshow label,
540 #eventshow h5.label {
541 font-weight: normal;
542 font-size: 0.9em;
543 color: #999;
544 margin: 0 0 0.2em 0;
545 }
546
547 #eventshow {
548 margin: 0 -0.2em;
549 }
550
551 #event-status-badge {
552 width: 100px;
553 height: 100px;
554 position: absolute;
555 top: 0;
556 right: 0;
557 overflow: hidden;
558 }
559
560 #event-status-badge span {
561 display: none;
562 text-transform: uppercase;
563 width: 150px;
564 height: 20px;
565 line-height: 20px;
566 position: absolute;
567 left: -20px;
568 top: 35px;
569 padding-left: 10px;
570 text-align: center;
571 font-weight: bold;
572 font-size: 12px;
573 color: #fff;
574 box-shadow: 1px 1px 2px #ccc, -1px -1px 2px #ccc;
575 -webkit-transform: rotate(45deg);
576 -moz-transform: rotate(45deg);
577 -ms-transform: rotate(45deg);
578 -o-transform: rotate(45deg);
579 transform: rotate(45deg);
580 }
581
582 #eventshow.status-cancelled #event-status-badge span {
583 background: url(images/badge.png) 26px -24px no-repeat #cc0000;
584 display: block;
585 }
586
587 #eventshow.sensitivity-private #event-status-badge span {
588 background: url(images/badge.png) 40px -52px no-repeat #0066ff;
589 display: block;
590 }
591
592 #eventshow.sensitivity-confidential #event-status-badge span {
593 background: url(images/badge.png) 20px 2px no-repeat #cc0000;
594 display: block;
595 }
596
597 #eventshow.status-cancelled #event-title,
598 #eventshow.sensitivity-private #event-title,
599 #eventshow.sensitivity-confidential #event-title {
600 margin-right: 80px;
601 }
602
603 #eventshow div.event-line {
604 margin-top: 0.1em;
605 margin-bottom: 0.3em;
606 }
607
608 #eventshow #event-url .event-text {
609 overflow: hidden;
610 white-space: nowrap;
611 text-overflow: ellipsis;
612 }
613
614 #event-rsvp .itip-reply-controls {
615 margin-top: 0.5em;
616 }
617
618 #eventshow .itip-reply-controls label {
619 font-size: 1em;
620 color: #333;
621 }
622
623 #event-partstat .changersvp {
624 cursor: pointer;
625 color: #333;
626 text-decoration: none;
627 }
628
629 #event-partstat:hover .changersvp {
630 text-decoration: underline;
631 }
632
633 #event-partstat .changersvp.accepted {
634 color: #589b1e;
635 }
636
637 #event-partstat .changersvp.tentative {
638 color: #f0bb1d;
639 }
640
641 #event-partstat .changersvp.declined {
642 color: #ea0000;
643 }
644
645 #event-partstat .changersvp.delegated {
646 color: #018be9;
647 }
648
649 #eventedit {
650 position: relative;
651 padding: 0.5em 0.1em;
652 }
653
654 #eventedit input.text,
655 #eventedit textarea {
656 width: 97%;
657 }
658
659 #eventtabs {
660 position: relative;
661 padding: 0;
662 border: 0;
663 border-radius: 0;
664 }
665
666 div.form-section,
667 #eventshow div.event-section,
668 #eventtabs div.event-section {
669 margin-top: 0.2em;
670 margin-bottom: 0.8em;
671 }
672
673 #eventtabs .tabsbar {
674 position: absolute;
675 top: 0;
676 }
677
678 #eventtabs .ui-tabs-panel {
679 padding: 1em 0.8em;
680 border: 1px solid #aaa;
681 border-width: 0 1px 1px 1px;
682 }
683
684 #eventtabs .ui-tabs-nav {
685 background: none;
686 padding: 0;
687 border-width: 0 0 1px 0;
688 border-radius: 0;
689 }
690
691 #eventtabs .border-after {
692 padding-bottom: 0.6em;
693 margin-bottom: 0.6em;
694 border-bottom: 1px solid #999;
695 }
696
697 #eventshow label,
698 #eventedit label,
699 .form-section label {
700 display: inline-block;
701 min-width: 7em;
702 padding-right: 0.5em;
703 }
704
705 #eventedit .formtable td.label {
706 min-width: 6em;
707 }
708
709 td.topalign {
710 vertical-align: top;
711 }
712
713 #eventedit .edit-alarm-item {
714 position: relative;
715 padding-right: 30px;
716 margin-bottom: 2px;
717 }
718
719 #eventedit .edit-alarm-buttons {
720 position: absolute;
721 top: 2px;
722 right: 0;
723 }
724
725 #eventedit .edit-alarm-buttons a.iconlink {
726 display: none;
727 width: 18px;
728 height: 17px;
729 padding: 1px;
730 text-indent: -5000px;
731 overflow: hidden;
732 }
733
734 #eventedit .edit-alarm-buttons a.add-alarm {
735 background: url(images/plus.png) 1px 1px no-repeat;
736 }
737
738 #eventedit .edit-alarm-buttons a.delete-alarm {
739 background: url(images/delete.png) 1px 1px no-repeat;
740 }
741
742 #eventedit .edit-alarm-buttons a.delete-alarm,
743 #eventedit .first .edit-alarm-buttons a.add-alarm {
744 display: inline-block;
745 }
746
747 #eventedit .first .edit-alarm-buttons a.delete-alarm {
748 display: none;
749 }
750
751 #eventedit label.weekday,
752 #eventedit label.monthday {
753 min-width: 3em;
754 }
755
756 #eventedit label.month {
757 min-width: 5em;
758 }
759
760 #edit-recurrence-yearly-bymonthblock {
761 margin-left: 7.5em;
762 }
763
764 #edit-recurrence-rdates {
765 display: block;
766 list-style: none;
767 margin: 0 0 0.8em 0;
768 padding: 0;
769 max-height: 300px;
770 overflow: auto;
771 }
772
773 #edit-recurrence-rdates li {
774 display: block;
775 position: relative;
776 width: 14em;
777 padding: 1px;
778 }
779
780 #edit-recurrence-rdates li a.delete {
781 position: absolute;
782 top: 1px;
783 right: 0;
784 }
785
786 #eventedit .recurrence-form {
787 display: none;
788 }
789
790 #eventedit .formtable td {
791 padding: 0.2em 0;
792 }
793
794 .ui-dialog .event-update-confirm {
795 padding: 0 0.5em 0.5em 0.5em;
796 }
797
798 .event-dialog-message,
799 .event-update-confirm .message {
800 margin-top: 0.5em;
801 padding: 0.8em;
802 background-color: #F7FDCB;
803 border: 1px solid #C2D071;
804 }
805
806 .event-dialog-message .message,
807 .event-update-confirm .message {
808 margin-bottom: 0.5em;
809 }
810
811 .edit-recurring-warning .savemode {
812 padding-left: 20px;
813 }
814
815 .event-update-confirm .savemode {
816 padding-left: 30px;
817 }
818
819 .event-dialog-message span.ui-icon,
820 .event-update-confirm span.ui-icon {
821 float: left;
822 margin: 0 7px 20px 0;
823 }
824
825 .event-dialog-message label,
826 .event-update-confirm label {
827 min-width: 3em;
828 padding-right: 1em;
829 }
830
831 .event-update-confirm a.button {
832 margin: 0 0.5em 0 0.2em;
833 min-width: 5em;
834 }
835
836 #event-rsvp,
837 #edit-attendees-notify {
838 margin: 0.3em 0;
839 padding: 0.5em;
840 background-color: #F7FDCB;
841 border: 1px solid #C2D071;
842 }
843
844 .edit-attendees-table {
845 width: 100%;
846 display: table;
847 table-layout: fixed;
848 border-collapse: collapse;
849 border: 1px solid #ccc;
850 }
851
852 .edit-attendees-table th,
853 .edit-attendees-table td {
854 padding: 3px;
855 border-bottom: 1px solid #ccc;
856 text-align: left;
857 }
858
859 .edit-attendees-table th.role,
860 .edit-attendees-table td.role {
861 width: 8em;
862 }
863
864 .edit-attendees-table th.availability,
865 .edit-attendees-table th.confirmstate,
866 .edit-attendees-table td.availability,
867 .edit-attendees-table td.confirmstate {
868 width: 4em;
869 }
870
871 .edit-attendees-table th.options,
872 .edit-attendees-table td.options {
873 width: 2em;
874 text-align: right;
875 padding-right: 4px;
876 }
877
878 .edit-attendees-table th.invite,
879 .edit-attendees-table td.invite {
880 width: 24px;
881 padding: 2px;
882 white-space: nowrap;
883 overflow: hidden;
884 text-overflow: hidden;
885 }
886
887 #eventedit .edit-attendees-table th.invite label {
888 display: none;
889 }
890
891 .edit-attendees-table th.name,
892 .edit-attendees-table td.name {
893 width: auto;
894 white-space: nowrap;
895 overflow: hidden;
896 text-overflow: ellipsis;
897 }
898
899 .edit-attendees-table thead th,
900 .edit-attendees-table thead td {
901 background: url(images/listheader.gif) top left repeat-x #CCC;
902 }
903
904 #edit-attendees-form,
905 #edit-resources-form {
906 position: relative;
907 margin-top: 1em;
908 }
909
910 #edit-attendees-form #edit-attendee-schedule,
911 #edit-resources-form #edit-resource-find {
912 position: absolute;
913 top: 0;
914 right: 0;
915 }
916
917 .edit-attendees-table select.edit-attendee-role {
918 border: 0;
919 padding: 2px;
920 background: white;
921 }
922
923 .availability img.availabilityicon {
924 margin: 1px;
925 width: 14px;
926 height: 14px;
927 border-radius: 4px;
928 -moz-border-radius: 4px;
929 }
930
931 .availability img.availabilityicon.loading {
932 background: url(images/loading_blue.gif) center no-repeat;
933 }
934
935 #schedule-freebusy-times td.unknown,
936 .availability img.availabilityicon.unknown {
937 background: #ddd;
938 }
939
940 #schedule-freebusy-times td.free,
941 .availability img.availabilityicon.free {
942 background: #0c0;
943 }
944
945 #schedule-freebusy-times td.busy,
946 .availability img.availabilityicon.busy {
947 background: #c00;
948 }
949
950 #schedule-freebusy-times td.tentative,
951 .availability img.availabilityicon.tentative {
952 background: #66d;
953 }
954
955 #schedule-freebusy-times td.out-of-office,
956 .availability img.availabilityicon.out-of-office {
957 background: #f0b400;
958 }
959
960 #schedule-freebusy-times td.all-busy,
961 #schedule-freebusy-times td.all-tentative,
962 #schedule-freebusy-times td.all-out-of-office {
963 background-image: url(images/freebusy-colors.png);
964 background-position: top right;
965 background-repeat: no-repeat;
966 }
967
968 #schedule-freebusy-times td.all-tentative {
969 background-position: right -40px;
970 }
971
972 #schedule-freebusy-times td.all-out-of-office {
973 background-position: right -80px;
974 }
975
976 #edit-attendees-legend {
977 margin-top: 3em;
978 margin-bottom: 0.5em;
979 }
980
981 #edit-attendees-legend .legend {
982 margin-right: 2em;
983 white-space: nowrap;
984 }
985
986 #edit-attendees-legend img.availabilityicon {
987 vertical-align: middle;
988 }
989
990 .edit-attendees-table tbody td.confirmstate {
991 overflow: hidden;
992 white-space: nowrap;
993 text-indent: -2000%;
994 }
995
996 .edit-attendees-table td.confirmstate span {
997 display: block;
998 width: 20px;
999 background: url(images/attendee-status.gif) 5px 0 no-repeat;
1000 }
1001
1002 .edit-attendees-table td.confirmstate span.needs-action {
1003 }
1004
1005 .edit-attendees-table td.confirmstate span.accepted {
1006 background-position: 5px -20px;
1007 }
1008
1009 .edit-attendees-table td.confirmstate span.declined {
1010 background-position: 5px -40px;
1011 }
1012
1013 .edit-attendees-table td.confirmstate span.tentative {
1014 background-position: 5px -60px;
1015 }
1016
1017 .edit-attendees-table td.confirmstate span.delegated {
1018 background-position: 5px -180px;
1019 }
1020
1021 #attendees-freebusy-table {
1022 width: 100%;
1023 table-layout: fixed;
1024 border-collapse: collapse;
1025 margin: 0.5em 0;
1026 }
1027
1028 #attendees-freebusy-table td.attendees {
1029 width: 18em;
1030 border: 1px solid #ccc;
1031 vertical-align: top;
1032 overflow: hidden;
1033 }
1034
1035 #attendees-freebusy-table td.times {
1036 width: auto;
1037 vertical-align: top;
1038 border: 1px solid #ccc;
1039 }
1040
1041 #attendees-freebusy-table div.scroll {
1042 position: relative;
1043 overflow: auto;
1044 }
1045
1046 #attendees-freebusy-table h3.boxtitle {
1047 margin: 0;
1048 height: auto !important;
1049 border-color: #ccc;
1050 }
1051
1052 .attendees-list .attendee {
1053 padding: 3px 4px 3px 1px;
1054 background: url(images/attendee-status.gif) 2px -97px no-repeat;
1055 white-space: nowrap;
1056 }
1057
1058 .attendees-list a.attendee-role-toggle {
1059 display: inline-block;
1060 width: 16px;
1061 margin-right: 3px;
1062 cursor: pointer;
1063 }
1064
1065 .attendees-list div.attendee {
1066 border-top: 1px solid #ccc;
1067 }
1068
1069 .attendees-list span.attendee {
1070 padding-left: 20px;
1071 margin-right: 2em;
1072 }
1073
1074 .attendees-list .organizer {
1075 background-position: 3px -77px;
1076 }
1077
1078 .attendees-list .opt-participant {
1079 background-position: 2px -117px;
1080 }
1081
1082 .attendees-list .non-participant {
1083 background-position: 2px -137px;
1084 }
1085
1086 .attendees-list .chair {
1087 background-position: 2px -157px;
1088 }
1089
1090 .attendees-list .loading {
1091 background: url(images/loading_blue.gif) 1px 50% no-repeat;
1092 }
1093
1094 .attendees-list .total {
1095 background: none;
1096 padding-left: 4px;
1097 font-weight: bold;
1098 }
1099
1100 .attendees-list .spacer,
1101 #schedule-freebusy-times tr.spacer td {
1102 background: 0;
1103 font-size: 50%;
1104 }
1105
1106 #schedule-freebusy-times {
1107 border-collapse: collapse;
1108 width: 100%;
1109 }
1110
1111 #schedule-freebusy-times td {
1112 padding: 3px;
1113 border: 1px solid #ccc;
1114 }
1115
1116 #schedule-freebusy-times tr.dates th {
1117 border-color: #aaa;
1118 border-style: solid;
1119 border-width: 0 1px 0 1px;
1120 white-space: nowrap;
1121 }
1122
1123 #attendees-freebusy-table div.timesheader,
1124 #schedule-freebusy-times tr.times td {
1125 min-width: 30px;
1126 font-size: 9px;
1127 padding: 5px 2px 6px 2px;
1128 text-align: center;
1129 }
1130
1131 #schedule-freebusy-times tr.times td.allday {
1132 min-width: 60px;
1133 }
1134
1135 #schedule-freebusy-times tr.times td {
1136 cursor: pointer;
1137 }
1138
1139 #schedule-event-time {
1140 position: absolute;
1141 border: 2px solid #333;
1142 background: #777;
1143 background: rgba(60, 60, 60, 0.6);
1144 opacity: 0.5;
1145 border-radius: 4px;
1146 cursor: move;
1147 filter: alpha(opacity=40); /* IE8 */
1148 }
1149
1150 #eventfreebusy .schedule-options {
1151 position: relative;
1152 margin-bottom: 1.5em;
1153 }
1154
1155 #eventfreebusy .schedule-buttons {
1156 position: absolute;
1157 top: 0;
1158 right: 0;
1159 }
1160
1161 #eventfreebusy .schedule-find-buttons {
1162 padding-bottom:0.5em;
1163 }
1164
1165 #eventfreebusy .schedule-find-buttons button {
1166 min-width: 9em;
1167 text-align: center;
1168 }
1169
1170 span.edit-alarm-set {
1171 white-space: nowrap;
1172 }
1173
1174 a.dropdown-link {
1175 color: #CC0000;
1176 font-size: 12px;
1177 text-decoration: none;
1178 }
1179
1180 a.dropdown-link:after {
1181 content: ' â–¼';
1182 font-size: 11px;
1183 color: #666;
1184 }
1185
1186 #eventedit .ui-tabs-panel {
1187 min-height: 20em;
1188 }
1189
1190 .alarm-item {
1191 margin: 0.4em 0 1em 0;
1192 }
1193
1194 .alarm-item .event-title {
1195 font-size: 14px;
1196 margin: 0.1em 0 0.3em 0;
1197 }
1198
1199 .alarm-item div.event-section {
1200 margin-top: 0.1em;
1201 margin-bottom: 0.3em;
1202 }
1203
1204 .alarm-item .alarm-actions {
1205 margin-top: 0.4em;
1206 }
1207
1208 .alarm-item div.alarm-actions a {
1209 color: #CC0000;
1210 margin-right: 0.8em;
1211 text-decoration: none;
1212 }
1213
1214 a.alarm-action-snooze:after {
1215 content: ' â–¼';
1216 font-size: 10px;
1217 color: #666;
1218 }
1219
1220 #alarm-snooze-dropdown {
1221 z-index: 5000;
1222 }
1223
1224 .ui-dialog-buttonset a.dropdown-link {
1225 margin-right: 1em;
1226 }
1227
1228 .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
1229 border-color: #cccccc;
1230 background: #ffffcc;
1231 color: #000;
1232 }
1233
1234 .ui-datepicker-calendar .ui-datepicker-week-col {
1235 text-align: right;
1236 padding-right: 0.5em;
1237 }
1238
1239 .ui-datepicker th {
1240 padding: 0.3em 0;
1241 font-size: 10px;
1242 }
1243
1244 .ui-datepicker td span,
1245 .ui-datepicker td a {
1246 padding-left: 0.1em;
1247 }
1248
1249 .ui-autocomplete {
1250 max-height: 160px;
1251 overflow-y: auto;
1252 overflow-x: hidden;
1253 }
1254
1255 .ui-autocomplete .ui-menu-item {
1256 white-space: nowrap;
1257 }
1258
1259 * html .ui-autocomplete {
1260 height: 160px;
1261 }
1262
1263 span.spacer {
1264 padding-left: 3em;
1265 }
1266
1267 #agendaoptions {
1268 position: absolute;
1269 left: 0;
1270 right: 0;
1271 bottom: 0;
1272 height: auto;
1273 z-index: 200;
1274 border: 1px solid #ccc;
1275 padding: 2px 5px 1px;
1276 font-size: 90%;
1277 }
1278
1279 #agendaoptions label {
1280 color: #444;
1281 text-shadow: 1px 1px #eee;
1282 padding-right: 0.5em;
1283 }
1284
1285 #calendar-kolabform {
1286 position: relative;
1287 padding-top: 24px;
1288 margin: 0 -8px;
1289 min-width: 660px;
1290 min-height: 400px;
1291 }
1292
1293 #calendar-kolabform div.tabsbar {
1294 top: 0;
1295 right: 2px;
1296 left: 2px;
1297 height: 24px;
1298 }
1299
1300 #calendar-kolabform fieldset.tabbed {
1301 background-color: #fff;
1302 margin-top: 0;
1303 }
1304
1305 #calendar-kolabform span.tablink {
1306 background-color: #e8e8e9;
1307 background-image: -moz-linear-gradient(center top, #f4f4f4, #e6e6e6);
1308 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f4f4f4), color-stop(1.0, #e6e6e6));
1309 filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#f4f4f4, endColorstr=#e6e6e6, GradientType=0);
1310 height: 24px !important;
1311 }
1312
1313 #calendar-kolabform span.tablink-selected {
1314 background: #fff;
1315 height: 25px !important;
1316 }
1317
1318 #calendar-kolabform span.tablink a,
1319 #calendar-kolabform span.tablink-selected a {
1320 background: none;
1321 border: 1px solid #AAAAAA;
1322 border-top-left-radius: 2px;
1323 border-top-right-radius: 2px;
1324 padding: 4px 10px 0 10px;
1325 margin-left: 0;
1326 }
1327
1328 #calendar-kolabform table td.title {
1329 font-weight: bold;
1330 white-space: nowrap;
1331 color: #666;
1332 padding-right: 10px;
1333 }
1334
1335 #resource-dialog-right {
1336 position: absolute;
1337 top: 10px;
1338 left: 300px;
1339 right: 8px;
1340 bottom: 10px;
1341 }
1342
1343 #resource-info,
1344 #resource-availability {
1345 position: absolute;
1346 top: 0;
1347 left: 0;
1348 right: 0;
1349 height: 48%;
1350 border: 1px solid #999;
1351 background-color: #F9F9F9;
1352 overflow: auto;
1353 }
1354
1355 #resource-availability {
1356 top: auto;
1357 bottom: 0;
1358 height: 49%;
1359 overflow: hidden;
1360 }
1361
1362 #resource-info .boxtitle,
1363 #resource-availability .boxtitle {
1364 margin-top: 0;
1365 }
1366
1367 #resource-freebusy-calendar {
1368 position: absolute;
1369 top: 20px;
1370 left: -1px;
1371 right: -1px;
1372 bottom: -1px;
1373 }
1374
1375 #resource-freebusy-calendar .fc-content {
1376 top: 0;
1377 }
1378
1379 #resource-freebusy-calendar .fc-content .fc-event-bg {
1380 background: 0;
1381 }
1382
1383 #resource-freebusy-calendar .fc-event.status-busy,
1384 #resource-freebusy-calendar .status-busy .fc-event-skin {
1385 border-color: #e26569;
1386 background-color: #e26569;
1387 }
1388
1389 #resource-freebusy-calendar .fc-event.status-tentative,
1390 #resource-freebusy-calendar .status-tentative .fc-event-skin {
1391 border-color: #8383fc;
1392 background: #8383fc;
1393 }
1394
1395 #resource-freebusy-calendar .fc-event.status-outofoffice,
1396 #resource-freebusy-calendar .status-outofoffice .fc-event-skin {
1397 border-color: #fbaa68;
1398 background: #fbaa68;
1399 }
1400
1401 #resources-list div.treetoggle {
1402 left: 3px !important;
1403 top: -2px;
1404 }
1405
1406 #resources-list li ul div.treetoggle {
1407 left: 23px !important;
1408 }
1409
1410 #resource-selection {
1411 position: absolute;
1412 top: 10px;
1413 bottom: 10px;
1414 left: 8px;
1415 width: 280px;
1416 border: 1px solid #999999;
1417 background-color: #F9F9F9;
1418 overflow: hidden;
1419 }
1420
1421 #resource-selection .boxlistcontent {
1422 top: 25px;
1423 border-top: 1px solid #eee;
1424 }
1425
1426 #resourcequicksearch {
1427 position: absolute;
1428 top: 3px;
1429 left: 7px;
1430 right: 4px;
1431 height: 17px;
1432 background: #fff;
1433 border: 1px solid #888;
1434 border-radius: 10px;
1435 -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
1436 -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
1437 box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
1438 }
1439
1440 #resourcesearchbox {
1441 position: absolute;
1442 top: 1px;
1443 left: 24px;
1444 width: 140px;
1445 height: 15px;
1446 font-size: 11px;
1447 padding: 0px;
1448 border: none;
1449 outline: none;
1450 background: #fff;
1451 }
1452
1453 #resourcesearchreset {
1454 position: absolute;
1455 top: 2px;
1456 right: 2px;
1457 text-decoration: none;
1458 }
1459
1460 #resource-details,
1461 #resource-details-owner {
1462 margin: 8px;
1463 }
1464
1465 #resource-details td.title,
1466 #resource-details-owner td.title {
1467 color: #666;
1468 padding-right: 10px;
1469 min-width: 10em;
1470 }
1471
1472 #resource-details-owner thead td {
1473 color: #333;
1474 font-size: 13px;
1475 font-weight: bold;
1476 }
1477
1478 /* fullcalendar style overrides */
1479
1480 #calendar .fc-header-right {
1481 padding-right: 200px;
1482 padding-top: 0;
1483 }
1484
1485 .rcube-fc-content {
1486 position: absolute !important;
1487 top: 38px;
1488 left: 0;
1489 right: 0;
1490 bottom: 0;
1491 overflow: hidden;
1492 }
1493
1494 .fc-event-title {
1495 font-weight: bold;
1496 }
1497
1498 .cal-event-status-cancelled .fc-event-title {
1499 text-decoration: line-through;
1500 }
1501
1502 .fc-event-hori .fc-event-title {
1503 font-weight: normal;
1504 white-space: nowrap;
1505 }
1506
1507 .fc-event-hori .fc-event-time {
1508 white-space: nowrap;
1509 font-weight: normal !important;
1510 font-size: 10px;
1511 padding-right: 0.6em;
1512 }
1513
1514 .fc-event-vert.fc-invitation-needs-action,
1515 .fc-event-hori.fc-invitation-needs-action {
1516 border: 1px dashed #5757c7 !important;
1517 }
1518
1519 .fc-event-vert.fc-invitation-tentative,
1520 .fc-event-hori.fc-invitation-tentative {
1521 border: 1px dashed #eb8900 !important;
1522 }
1523
1524 .fc-event-vert.fc-invitation-declined,
1525 .fc-event-hori.fc-invitation-declined {
1526 border: 1px dashed #c00 !important;
1527 }
1528
1529 .fc-grid .fc-event-time {
1530 font-weight: normal !important;
1531 padding-right: 0.3em;
1532 }
1533
1534 .fc-event-cateories {
1535 font-style:italic;
1536 }
1537
1538 .fc-event-location {
1539 font-size: 90%;
1540 }
1541
1542 .fc-more-link {
1543 color: #999;
1544 padding-top: 1px;
1545 cursor: pointer;
1546 }
1547
1548 .fc-agenda-slots td div {
1549 height: 22px;
1550 }
1551
1552 .fc-mon, .fc-tue, .fc-wed, .fc-thu, .fc-fri {
1553 background-color: #fdfdfd;
1554 }
1555
1556 .fc-widget-header {
1557 background-color: #fff;
1558 }
1559
1560 .fc-icon-alarms,
1561 .fc-icon-sensitive,
1562 .fc-icon-recurring {
1563 display: inline-block;
1564 width: 11px;
1565 height: 11px;
1566 background: url(images/eventicons.gif) 0 0 no-repeat;
1567 margin-left: 3px;
1568 line-height: 10px;
1569 }
1570
1571 .fc-icon-alarms {
1572 background-position: 0 -13px;
1573 }
1574
1575 .fc-icon-sensitive {
1576 background-position: 0 -25px;
1577 }
1578
1579 .fc-list-section .fc-event {
1580 cursor: pointer;
1581 }
1582
1583 #calendar .fc-event-vert .fc-event-head,
1584 #calendar .fc-event-vert .fc-event-content {
1585 position: relative;
1586 z-index: 2;
1587 width: 100%;
1588 overflow: hidden;
1589 }
1590
1591 .fc-view-list div.fc-list-header,
1592 .fc-view-table td.fc-list-header,
1593 .edit-attendees-table thead td {
1594 padding: 3px;
1595 background: #dddddd;
1596 background-image: -moz-linear-gradient(center top, #f4f4f4, #d2d2d2);
1597 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f4f4f4), color-stop(1.00, #d2d2d2));
1598 filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#f4f4f4, endColorstr=#d2d2d2, GradientType=0);
1599 font-weight: bold;
1600 color: #333;
1601 }
1602
1603 .fc-view-list .fc-event-skin .fc-event-content {
1604 background: #F6F6F6;
1605 padding: 2px;
1606 }
1607
1608 .fc-view-list .fc-event-skin .fc-event-title,
1609 .fc-view-list .fc-event-skin .fc-event-location {
1610 color: #333;
1611 }
1612
1613 .fc-view-table table.fc-list-smart {
1614 table-layout: auto;
1615 }
1616
1617 .fc-listappend {
1618 text-align: center;
1619 margin: 1em 0;
1620 }
1621
1622 .fc-listappend .message {
1623 padding: 0.5em;
1624 margin-bottom: 0.5em;
1625 font-size: 150%;
1626 color: #999;
1627 }
1628
1629 .fc-listappend .formlinks a {
1630 font-size: 12px;
1631 padding: 0 0.3em;
1632 }
1633
1634 .fc-event-temp {
1635 opacity: 0.4;
1636 filter: alpha(opacity=40); /* IE8 */
1637 }
1638
1639 /* Settings section */
1640
1641 fieldset #calendarcategories div {
1642 margin-bottom: 0.3em;
1643 }
1644
1645 /* Invitation UI in mail */
1646
1647 .messagelist tbody .attachment span.ical {
1648 display: inline-block;
1649 vertical-align: middle;
1650 height: 18px;
1651 width: 20px;
1652 padding: 0;
1653 background: url(images/calendar-small.png) 1px 1px no-repeat;
1654 }
1655
1656 #messagemenu li a.calendarlink,
1657 #attachmentmenu li a.calendarlink {
1658 background-image: url(images/calendars.png);
1659 background-position: 7px -109px;
1660 background-repeat: no-repeat;
1661 }
1662
1663 div.calendar-invitebox {
1664 min-height: 20px;
1665 margin: 5px 8px;
1666 padding: 3px 6px 6px 34px;
1667 border: 1px solid #C2D071;
1668 background: url(images/calendar.png) 6px 5px no-repeat #F7FDCB;
1669 }
1670
1671 div.calendar-invitebox td.ititle {
1672 font-weight: bold;
1673 padding-right: 0.5em;
1674 }
1675
1676 div.calendar-invitebox td.label {
1677 color: #666;
1678 padding-right: 1em;
1679 }
1680
1681 #event-rsvp .rsvp-buttons,
1682 div.calendar-invitebox .itip-buttons div {
1683 margin-top: 0.5em;
1684 }
1685
1686 #event-rsvp input.button,
1687 div.calendar-invitebox input.button,
1688 div.calendar-invitebox select {
1689 font-size: 11px;
1690 margin-right: 0.5em;
1691 }
1692
1693 div.calendar-invitebox .folder-select {
1694 font-size: 11px;
1695 margin-left: 1em;
1696 }
1697
1698 div.calendar-invitebox .rsvp-status.loading {
1699 color: #666;
1700 padding: 1px 0 2px 24px;
1701 background: url(images/loading_blue.gif) top left no-repeat;
1702 }
1703
1704 div.calendar-invitebox .rsvp-status.declined,
1705 div.calendar-invitebox .rsvp-status.tentative,
1706 div.calendar-invitebox .rsvp-status.delegated,
1707 div.calendar-invitebox .rsvp-status.accepted {
1708 padding: 0 0 1px 22px;
1709 background: url(images/attendee-status.gif) 2px -20px no-repeat;
1710 }
1711
1712 div.calendar-invitebox .rsvp-status.declined {
1713 background-position: 2px -40px;
1714 }
1715
1716 div.calendar-invitebox .rsvp-status.tentative {
1717 background-position: 2px -60px;
1718 }
1719
1720 div.calendar-invitebox .rsvp-status.delegated {
1721 background-position: 2px -180px;
1722 }
1723
1724 div.calendar-invitebox .calendar-agenda-preview {
1725 display: none;
1726 border-top: 1px solid #dfdfdf;
1727 margin-top: 1em;
1728 padding-top: 0.6em;
1729 }
1730
1731 div.calendar-invitebox .calendar-agenda-preview h3.preview-title {
1732 margin: 0 0 0.5em 0;
1733 font-size: 12px;
1734 }
1735
1736 div.calendar-invitebox .calendar-agenda-preview .event-row {
1737 color: #777;
1738 padding: 2px 0;
1739 white-space: nowrap;
1740 overflow: hidden;
1741 text-overflow: ellipsis;
1742 }
1743
1744 div.calendar-invitebox .calendar-agenda-preview .event-row.current {
1745 color: #000;
1746 font-weight: bold;
1747 }
1748
1749 div.calendar-invitebox .calendar-agenda-preview .event-row.no-event {
1750 font-style: italic;
1751 }
1752
1753 div.calendar-invitebox .calendar-agenda-preview .event-date {
1754 display: inline-block;
1755 min-width: 8em;
1756 margin-right: 1em;
1757 white-space: nowrap;
1758 }
1759
1760 /* iTIP attend reply page */
1761
1762 .calendaritipattend .centerbox {
1763 width: 40em;
1764 margin: 80px auto;
1765 padding: 10px 10px 10px 90px;
1766 border: 1px solid #ccc;
1767 box-shadow: 1px 1px 24px #ccc;
1768 -moz-box-shadow: 1px 1px 18px #ccc;
1769 -webkit-box-shadow: #ccc 1px 1px 18px;
1770 background: url(images/invitation.png) 10px 10px no-repeat #fbfbfb;
1771 }
1772
1773 .calendaritipattend .calendar-invitebox {
1774 background: none;
1775 padding-left: 0;
1776 border: 0;
1777 margin: 0 0 2em 0;
1778 }
1779
1780 .calendaritipattend .calendar-invitebox .rsvp-status {
1781 margin-top: 2.5em;
1782 font-size: 110%;
1783 font-weight: bold;
1784 }
1785
1786 .calendaritipattend .calendar-invitebox td.title,
1787 .calendaritipattend .calendar-invitebox td.ititle {
1788 font-size: 120%;
1789 }
1790