Mercurial > hg > rc1

comparison plugins/calendar/skins/larry/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 /**
2 * Roundcube Calendar plugin styles for skin "Larry"
3 *
4 * Copyright (c) 2012-2014, Kolab Systems AG <contact@kolabsys.com>
5 * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
6 *
7 * The contents are subject to the Creative Commons Attribution-ShareAlike
8 * License. It is allowed to copy, distribute, transmit and to adapt the work
9 * by keeping credits to the original autors in the README file.
10 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
11 */
12
13 body.calendarmain {
14 overflow: hidden;
15 }
16
17 body.calendarmain #mainscreen {
18 left: 0;
19 }
20
21 /* overrides for tablets and mobile phones */
22 @media screen and (max-device-width: 1024px){
23 body.calendarmain {
24 overflow: visible;
25 }
26
27 body.calendarmain #mainscreen {
28 min-width: 1000px !important;
29 min-height: 520px !important;
30 }
31
32 body.calendarmain #header {
33 min-width: 1020px !important;
34 }
35 }
36
37 #calendarsidebar {
38 position: absolute;
39 top: 0;
40 left: 10px;
41 bottom: 0;
42 width: 250px;
43 }
44
45 #datepicker {
46 position: absolute;
47 top: 40px;
48 left: 0;
49 width: 100%;
50 min-height: 190px;
51 }
52
53 #datepicker .ui-datepicker {
54 width: 100% !important;
55 box-shadow: none;
56 -moz-box-shadow: none;
57 -webkit-box-shadow: none;
58 }
59
60 #datepicker .ui-datepicker td a {
61 padding: 5px 4px;
62 font-size: 12px;
63 }
64
65 #datepicker td.ui-datepicker-activerange {
66 border-color: #69a2b6;
67 }
68
69 #datepicker .ui-datepicker-activerange a {
70 color: #185d7a;
71 background: #d9f1fb;
72 }
73
74 #datepicker .ui-datepicker-days-cell-over a.ui-state-default {
75 color: #fff;
76 border-color: #2fa0c0;
77 background: rgba(73,180,210,0.6);
78 filter: none;
79 }
80
81 #datepicker .ui-datepicker-activerange a.ui-state-active {
82 color: #fff;
83 background: #00acd4;
84 }
85
86 #datepicker td.ui-datepicker-week-col {
87 cursor: pointer;
88 }
89
90 #datepicker .ui-datepicker-title {
91 margin: 2px 2.3em 3px 2.3em;
92 }
93
94 #datepicker .ui-datepicker .ui-datepicker-prev,
95 #datepicker .ui-datepicker .ui-datepicker-next {
96 top: 4px;
97 }
98
99 #calsidebarsplitter {
100 position: absolute;
101 left: 264px;
102 width: 6px;
103 top: 40px !important;
104 bottom: 0;
105 height: auto;
106 background: url(images/toggle.gif) -1px 48% no-repeat transparent;
107 }
108
109 div.sidebarclosed {
110 background-position: -8px 48% !important;
111 cursor: pointer;
112 }
113
114 #calsidebarsplitter:hover {
115 background-color: #ddd;
116 }
117
118 #calendar {
119 position: absolute;
120 top: 0;
121 left: 276px;
122 right: 0;
123 bottom: 0;
124 }
125
126 .calendarmain #message.statusbar {
127 border: 1px solid #c3c3c3;
128 border-bottom-color: #ababab;
129 }
130
131 #timezonedisplay {
132 position: absolute;
133 bottom: 5px;
134 right: 12px;
135 font-size: 0.85em;
136 color: #666;
137 }
138
139 #print {
140 width: 680px;
141 }
142
143 pre {
144 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
145 }
146
147 #calendars {
148 position: absolute;
149 top: 276px;
150 left: 0;
151 bottom: 0;
152 right: 0;
153 }
154
155 #calendars .boxtitle {
156 position: relative;
157 }
158
159 #calendars .boxtitle a.iconbutton.search {
160 position: absolute;
161 top: 8px;
162 right: 8px;
163 width: 16px;
164 cursor: pointer;
165 background-position: -2px -317px;
166 }
167
168 #calendars .listsearchbox {
169 display: none;
170 }
171
172 #calendars .listsearchbox.expanded {
173 display: block;
174 }
175
176 #calendars .scroller {
177 top: 34px;
178 }
179
180 #calendars .listsearchbox.expanded + .scroller {
181 top: 68px;
182 }
183
184 #calendars .treelist li {
185 margin: 0;
186 position: relative;
187 }
188
189 #calendars .treelist li div.folder,
190 #calendars .treelist li div.calendar {
191 position: relative;
192 height: 28px;
193 }
194
195 #calendars .treelist li div.virtual {
196 height: 22px;
197 }
198
199 #calendars .treelist li span.calname {
200 display: block;
201 padding: 0px 18px 2px 2px;
202 position: absolute;
203 top: 7px;
204 left: 38px;
205 right: 45px;
206 cursor: default;
207 background: url(images/calendars.png) right 20px no-repeat;
208 overflow-x: hidden;
209 text-overflow: ellipsis;
210 white-space: nowrap;
211 color: #004458;
212 }
213
214 .quickview-active #calendars .treelist div input,
215 .quickview-active #calendars .treelist div .calname {
216 opacity: 0.35;
217 }
218
219 .quickview-active #calendars .treelist div.focusview .calname {
220 opacity: 1.0;
221 background-image: none;
222 }
223
224 #calendars .treelist li div.virtual > span.calname {
225 color: #aaa;
226 top: 4px;
227 left: 20px;
228 }
229
230 #calendars .treelist li.x-birthdays span.calname,
231 #calendars .treelist li.x-invitations span.calname {
232 font-style: italic;
233 }
234
235 #calendars .treelist.flat li span.calname {
236 left: 24px;
237 right: 42px;
238 }
239
240 #calendars .treelist li span.handle {
241 display: inline-block;
242 position: absolute;
243 top: 7px;
244 right: 6px;
245 padding: 0;
246 width: 11px;
247 height: 11px;
248 border-radius: 8px;
249 font-size: 0.8em;
250 border: 1px solid rgba(0, 0, 0, 0.4);
251 }
252
253 #calendars .treelist div span.actions {
254 display: inline-block;
255 position: absolute;
256 top: 2px;
257 right: 22px;
258 padding: 5px 20px 0 6px;
259 /* min-width: 40px; */
260 height: 19px;
261 text-align: right;
262 z-index: 4;
263 }
264
265 #calendars .treelist div:hover span.actions {
266 top: 1px;
267 right: 21px;
268 border: 1px solid #ababab;
269 border-radius: 4px;
270 background: #f1f1f1;
271 }
272
273 #calendars .treelist li a.subscribed {
274 display: inline-block;
275 position: absolute;
276 top: 5px;
277 right: 3px;
278 height: 16px;
279 width: 16px;
280 padding: 0;
281 background: url(images/calendars.png) -100px 0 no-repeat;
282 overflow: hidden;
283 text-indent: -5000px;
284 cursor: pointer;
285 }
286
287 #calendars .treelist div:hover a.subscribed,
288 #calendars .treelist div a.subscribed:focus {
289 background-position: 0 -110px;
290 }
291
292 #calendars .treelist div.subscribed a.subscribed,
293 #calendars .treelist div.subscribed a.subscribed:focus {
294 background-position: -16px -110px;
295 }
296
297 #calendars .treelist div.subscribed.partial a.subscribed,
298 #calendars .treelist div.subscribed.partial a.subscribed:focus {
299 background-position: -16px -148px;
300 }
301
302 #calendars .treelist div a.remove:focus,
303 #calendars .treelist div a.quickview:focus,
304 #calendars .treelist div a.subscribed:focus {
305 border-radius: 3px;
306 outline: 2px solid rgba(30,150,192, 0.5);
307 }
308
309 #calendars .treelist div a.remove,
310 #calendars .treelist div a.quickview {
311 display: inline-block;
312 width: 16px;
313 height: 16px;
314 margin-right: 4px;
315 padding: 0;
316 background: url(images/calendars.png) -100px 0 no-repeat;
317 overflow: hidden;
318 text-indent: -5000px;
319 cursor: pointer;
320 }
321
322 #calendars .treelist div a.quickview:focus,
323 #calendars .treelist div:hover a.quickview {
324 background-position: 0 -128px;
325 background-color: transparent !important;
326 }
327
328 #calendars .treelist div.focusview a.quickview {
329 background-position: -16px -128px;
330 }
331
332 #calendars .treelist div a.remove:focus,
333 #calendars .treelist div:hover a.remove {
334 background-position: -16px -168px;
335 background-color: transparent !important;
336 }
337
338 #calendars .searchresults .treelist div a.remove {
339 display: none;
340 }
341
342 #calendars .treelist li input {
343 position: absolute;
344 top: 5px;
345 left: 18px;
346 }
347
348 #calendars .treelist li div.treetoggle {
349 top: 8px;
350 }
351
352 #calendars .treelist li.virtual div.treetoggle {
353 top: 6px;
354 }
355
356 #calendars .treelist.flat li input {
357 left: 4px;
358 }
359
360 #calendars .treelist ul li div.folder,
361 #calendars .treelist ul li div.calendar {
362 margin-left: 16px;
363 }
364
365 #calendars .treelist ul ul li div.folder,
366 #calendars .treelist ul ul li div.calendar {
367 margin-left: 32px;
368 }
369
370 #calendars .treelist ul ul ul li div.folder,
371 #calendars .treelist ul ul ul li div.calendar {
372 margin-left: 48px;
373 }
374
375 #calendars .treelist li.selected > div.calendar {
376 background-color: #c7e3ef;
377 }
378
379 #calendars .treelist li.selected > span.calname {
380 font-weight: bold;
381 }
382
383 #calendars .treelist div.readonly span.calname {
384 background-position: right -20px;
385 }
386
387 #calendars .treelist li.user > div > span.calname {
388 background-position: right -38px;
389 }
390 /*
391 #calendars .treelist div.user.readonly span.calname {
392 background-position: right -56px;
393 }
394
395 #calendars .treelist div.shared span.calname {
396 background-position: right -74px;
397 }
398
399 #calendars .treelist div.shared.readonly span.calname {
400 background-position: right -92px;
401 }
402 */
403
404 #calendars .treelist .calendar .count {
405 position: absolute;
406 display: inline-block;
407 top: 5px;
408 right: 68px;
409 min-width: 1.3em;
410 padding: 2px 4px;
411 background: #005d76;
412 border-radius: 10px;
413 color: #fff;
414 text-align: center;
415 font-style: normal;
416 font-weight: bold;
417 text-shadow: none;
418 z-index: 3;
419 }
420
421 #calendars .searchresults {
422 background: #b0ccd7;
423 margin-top: 8px;
424 }
425
426 #calendars .searchresults .boxtitle {
427 background: none;
428 padding: 2px 8px;
429 border-radius: 0;
430 }
431
432 #calendars .searchresults .listing li {
433 background-color: #c7e3ef;
434 }
435
436 #calfeedurl,
437 #caldavurl {
438 width: 98%;
439 background: #fbfbfb;
440 padding: 4px;
441 margin-bottom: 1em;
442 resize: none;
443 }
444
445 #agendalist {
446 width: 100%;
447 margin: 0 auto;
448 margin-top: 60px;
449 border: 1px solid #C1DAD7;
450 display: none;
451 }
452
453 #agendalist table {
454 width: 100%;
455 }
456
457 #agendalist td,
458 #agendalist th {
459 border-right: 1px solid #C1DAD7;
460 border-bottom: 1px solid #C1DAD7;
461 background: #fff;
462 padding: 6px 6px 6px 12px;
463 }
464
465 #agendalist tr {
466 vertical-align: top;
467 }
468
469 #agendalist th {
470 font-weight: bold;
471 }
472
473 #calendartoolbar {
474 position: absolute;
475 top: -6px;
476 left: 0;
477 height: 40px;
478 white-space: nowrap;
479 }
480
481 #calendartoolbar a.button {
482 background-image: url(images/toolbar.png);
483 padding-left: 0;
484 padding-right: 0;
485 min-width: 50px;
486 max-width: 60px;
487 }
488
489 #calendartoolbar a.button.addevent {
490 background-position: center 1px;
491 max-width: 70px;
492 }
493
494 #calendartoolbar a.button.export {
495 background-position: center -40px;
496 }
497
498 #calendartoolbar a.button.import {
499 background-position: center -440px;
500 }
501
502 #calendartoolbar a.button.print {
503 background-position: center -80px;
504 }
505
506 body.calendarmain #quicksearchbar {
507 z-index: 20;
508 }
509
510 body.calendarmain #searchmenulink {
511 width: 15px;
512 }
513
514 #eventedit.uidialog,
515 .calendarmain div.uidialog {
516 display: none;
517 }
518
519 #calendarform {
520 overflow: visible;
521 }
522
523 #user {
524 position: absolute;
525 top: 10px;
526 right: 100px;
527 left: 100px;
528 text-align: center;
529 }
530
531 a.morelink {
532 font-size: 90%;
533 color: #0069a6;
534 text-decoration: none;
535 }
536
537 a.morelink:hover {
538 text-decoration: underline;
539 }
540
541 a.miniColors-trigger {
542 margin-top: -3px;
543 }
544
545 .calendar.attachmentwin #attachmenttoolbar {
546 position: relative;
547 top: -6px;
548 height: 40px;
549 }
550
551 .calendar.attachmentwin #attachmentcontainer {
552 position: absolute;
553 top: 0;
554 left: 232px;
555 right: 0;
556 bottom: 0;
557 }
558
559 .calendar.attachmentwin #attachmentframe {
560 width: 100%;
561 height: 100%;
562 border: 0;
563 background-color: #fff;
564 border-radius: 4px;
565 }
566
567 .calendar.attachmentwin #partheader {
568 position: absolute;
569 top: 0;
570 left: 0;
571 width: 220px;
572 bottom: 0;
573 }
574
575 .calendar.attachmentwin #partheader table {
576 table-layout: fixed;
577 overflow: hidden;
578 }
579
580 .calendar.attachmentwin #partheader table td {
581 color: #666;
582 padding: 4px 6px;
583 text-overflow: ellipsis;
584 overflow: hidden;
585 }
586
587 .calendar.attachmentwin #partheader table td.header {
588 font-weight: bold;
589 }
590
591 .calendar.attachmentwin #partheader table td.title {
592 width: 60px;
593 padding-right: 0;
594 }
595
596 #edit-attachments {
597 margin: 0.6em 0;
598 }
599
600 #edit-attachments ul li {
601 display: block;
602 color: #333;
603 font-weight: bold;
604 padding: 4px 4px 3px 30px;
605 text-decoration: none;
606 white-space: nowrap;
607 line-height: 20px;
608 }
609
610 #edit-attachments ul li a.file {
611 padding: 0;
612 }
613
614 #edit-attachments-form {
615 margin-top: 1em;
616 padding-top: 0.8em;
617 border-top: 2px solid #fafafa;
618 }
619
620 #edit-attachments-form .buttons {
621 margin: 0.5em 0;
622 }
623
624 #eventedit .droptarget {
625 background-image: url(../../../../skins/larry/images/filedrop.png) !important;
626 background-position: center bottom !important;
627 background-repeat: no-repeat !important;
628 }
629
630 #eventedit .droptarget.hover,
631 #eventedit .droptarget.active {
632 border-color: #019bc6;
633 box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
634 -moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
635 -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
636 -o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
637 }
638
639 #eventedit .droptarget.hover {
640 background-color: #d9ecf4;
641 box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
642 -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
643 -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
644 -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
645 }
646
647 #event-attachments .attachmentslist li {
648 float: left;
649 margin-right: 1em;
650 }
651
652 #event-attachments .attachmentslist li a {
653 outline: none;
654 }
655
656 #event-panel-attachments.disabled .attachmentslist li a.delete {
657 visibility: hidden;
658 }
659
660 .event-attendees span.attendee {
661 padding: 1px 18px 1px 0;
662 margin-right: 0.5em;
663 background: url(images/attendee-status.png) right 0 no-repeat;
664 }
665
666 .event-attendees span.attendee a.mailtolink {
667 text-decoration: none;
668 white-space: nowrap;
669 outline: none;
670 }
671
672 .event-attendees span.attendee a.mailtolink:hover {
673 text-decoration: underline;
674 }
675
676 .event-attendees span.accepted {
677 background-position: right -20px;
678 }
679
680 .event-attendees span.declined {
681 background-position: right -40px;
682 }
683
684 .event-attendees span.tentative {
685 background-position: right -60px;
686 }
687
688 .event-attendees span.delegated {
689 background-position: right -180px;
690 }
691
692 .event-attendees span.organizer {
693 background-position: right -80px;
694 }
695
696 #all-event-attendees span.attendee {
697 display: block;
698 margin-bottom: 0.4em;
699 padding-bottom: 0.3em;
700 border-bottom: 1px solid #ddd;
701 }
702
703 .calendarmain .fc-view-table td.fc-list-header,
704 #attendees-freebusy-table h3.boxtitle,
705 #schedule-freebusy-times thead th,
706 .edit-attendees-table thead th
707 {
708 color: #69939e;
709 font-size: 11px;
710 font-weight: bold;
711 background: #d6eaf3;
712 border: 0;
713 border-bottom: 1px solid #ccc;
714 height: 18px;
715 line-height: 18px;
716 padding: 8px 7px 3px 7px;
717 }
718
719 /* jQuery UI overrides */
720
721 .calendarmain .eventdialog h1 {
722 font-size: 18px;
723 margin: -0.3em 0 0.4em 0;
724 }
725
726 .calendarmain .eventdialog label,
727 .calendarmain .eventdialog h5.label {
728 font-weight: normal;
729 font-size: 1em;
730 color: #999;
731 margin: 0 0 0.2em 0;
732 }
733
734 .calendarmain .eventdialog label span.index,
735 .calendarmain .eventdialog h5.label .index {
736 vertical-align: inherit;
737 margin-left: 0.6em;
738 }
739
740 .calendarmain .eventdialog {
741 margin: 0 -0.2em;
742 }
743
744 #event-status-badge {
745 width: 100px;
746 height: 100px;
747 position: absolute;
748 top: 0;
749 right: 0;
750 overflow: hidden;
751 }
752
753 #event-status-badge span {
754 display: none;
755 text-transform: uppercase;
756 width: 150px;
757 height: 20px;
758 line-height: 20px;
759 position: absolute;
760 left: -20px;
761 top: 35px;
762 padding-left: 10px;
763 text-align: center;
764 font-weight: bold;
765 font-size: 12px;
766 color: #fff;
767 box-shadow: 1px 1px 2px #ccc, -1px -1px 2px #ccc;
768 -webkit-transform: rotate(45deg);
769 -moz-transform: rotate(45deg);
770 -ms-transform: rotate(45deg);
771 -o-transform: rotate(45deg);
772 transform: rotate(45deg);
773 }
774
775 .eventdialog.status-cancelled #event-status-badge span {
776 background: url(images/badge.png) 26px -24px no-repeat #cc0000;
777 display: block;
778 }
779
780 .eventdialog.sensitivity-private #event-status-badge span {
781 background: url(images/badge.png) 40px -52px no-repeat #0066ff;
782 display: block;
783 }
784
785 .eventdialog.sensitivity-confidential #event-status-badge span {
786 background: url(images/badge.png) 20px 2px no-repeat #cc0000;
787 display: block;
788 }
789
790 .calendarmain .status-cancelled #event-title,
791 .calendarmain .sensitivity-private #event-title,
792 .calendarmain .sensitivity-confidential #event-title {
793 margin-right: 80px;
794 }
795
796 .calendarmain .eventdialog div.event-line {
797 margin-top: 0.1em;
798 margin-bottom: 0.3em;
799 white-space: nowrap;
800 overflow-x: hidden;
801 text-overflow: ellipsis;
802 }
803
804 .calendarmain .eventdialog div.event-line a.iconbutton {
805 margin-left: 0.5em;
806 line-height: 17px;
807 }
808
809 .calendarmain .eventdialog div.event-line span.event-text + label {
810 margin-left: 2em;
811 }
812
813 #event-description .event-text,
814 #event-attendees .event-text {
815 padding-top: 0.4em;
816 }
817
818 .eventdialog .spacer {
819 font-size: 4px;
820 }
821
822 .eventdialog .event-text-old,
823 .eventdialog .event-text-new,
824 .eventdialog .event-text-diff {
825 padding: 2px;
826 }
827
828 .eventdialog .event-text-diff del,
829 .eventdialog .event-text-diff ins {
830 text-decoration: none;
831 color: inherit;
832 }
833
834 .eventdialog .event-text-old,
835 .eventdialog .event-text-diff del {
836 background-color: #fdd;
837 /* text-decoration: line-through; */
838 }
839
840 .eventdialog .event-text-new,
841 .eventdialog .event-text-diff ins {
842 background-color: #dfd;
843 }
844
845 #eventdiff .attachmentslist li a,
846 #eventdiff .attachmentslist li a:hover {
847 cursor: default;
848 text-decoration: none;
849 }
850
851 .changelog-table .loading {
852 color: #666;
853 margin: 1em 0;
854 padding: 1px 0 2px 24px;
855 background: url(images/loading_blue.gif) top left no-repeat;
856 }
857
858 .changelog-dialog .compare-button {
859 margin: 4px 0;
860 }
861
862 .changelog-table tbody td {
863 padding: 4px 7px;
864 vertical-align: middle;
865 }
866
867 .changelog-table tbody tr:last-child td {
868 border-bottom: 0;
869 }
870
871 .changelog-table tbody tr.undisclosed td.date,
872 .changelog-table tbody tr.undisclosed td.user {
873 font-style: italic;
874 }
875
876 .changelog-table .diff {
877 width: 4em;
878 padding: 2px;
879 }
880
881 .changelog-table .revision {
882 width: 6em;
883 }
884
885 .changelog-table .date {
886 width: 11em;
887 }
888
889 .changelog-table .user {
890 width: auto;
891 }
892
893 .changelog-table .operation {
894 width: 15%;
895 }
896
897 .changelog-table .actions {
898 width: 50px;
899 text-align: right;
900 padding: 4px;
901 }
902
903 .changelog-table td a.iconbutton.restore,
904 .changelog-table td a.iconbutton.preview {
905 width: 16px;
906 margin-right: 2px;
907 background-image: url(images/calendars.png);
908 background-position: -1px -147px;
909 }
910
911 .changelog-table td a.iconbutton.restore {
912 background-image: url(images/calendars.png);
913 background-position: -1px -167px;
914 }
915
916 .changelog-table tr.first td a.iconbutton {
917 opacity: 0.3;
918 cursor: default;
919 }
920
921 #event-partstat .changersvp {
922 cursor: pointer;
923 color: #333;
924 text-decoration: none;
925 }
926
927 #event-partstat .iconbutton {
928 visibility: hidden;
929 }
930
931 #event-partstat .changersvp:focus .iconbutton,
932 #event-partstat:hover .iconbutton {
933 visibility: visible;
934 }
935
936 #eventedit {
937 position: relative;
938 top: -1.5em;
939 padding: 0.5em 0.1em;
940 margin: 0 -0.2em;
941 }
942
943 #eventedit input.text,
944 #eventedit textarea {
945 width: 97%;
946 }
947
948 #eventtabs {
949 position: relative;
950 padding: 0;
951 border: 0;
952 border-radius: 0;
953 }
954
955 div.form-section,
956 .calendarmain .eventdialog div.event-section,
957 #eventtabs div.event-section {
958 margin-top: 0.2em;
959 margin-bottom: 0.6em;
960 }
961
962 #eventtabs .border-after {
963 padding-bottom: 0.8em;
964 margin-bottom: 0.8em;
965 border-bottom: 2px solid #fafafa;
966 }
967
968 .calendarmain .eventdialog label,
969 #eventedit label,
970 .form-section label {
971 display: inline-block;
972 min-width: 7em;
973 padding-right: 0.5em;
974 }
975
976 #event-links label,
977 #edit-event-links label {
978 float: left;
979 margin-top: 0.3em;
980 padding-right: 0.75em;
981 }
982
983 #edit-event-links .event-text {
984 margin-left: 8em;
985 min-height: 22px;
986 }
987
988 #edit-event-links .attachmentslist li.message a.messagelink,
989 #event-links .attachmentslist li.message a.messagelink {
990 padding: 0 0 0 24px;
991 }
992
993 #edit-event-links .attachmentslist li a.delete {
994 top: 0;
995 background-position: -6px -378px;
996 }
997
998 #edit-event-links .attachmentslist li.deleted a.messagelink,
999 #edit-event-links .attachmentslist li.deleted a.messagelink:hover {
1000 text-decoration: line-through;
1001 }
1002
1003 #eventedit .formtable td.label {
1004 min-width: 6em;
1005 }
1006
1007 td.topalign {
1008 vertical-align: top;
1009 }
1010
1011 #eventedit label.weekday,
1012 #eventedit label.monthday {
1013 min-width: 3em;
1014 }
1015
1016 #eventedit label.month {
1017 min-width: 5em;
1018 }
1019
1020 #eventedit .formtable td {
1021 padding: 0.2em 0;
1022 }
1023
1024 .ui-dialog .event-update-confirm {
1025 padding: 0 0.5em 0.5em 0.5em;
1026 }
1027
1028 .event-dialog-message,
1029 .event-update-confirm .message {
1030 margin-top: 0.5em;
1031 padding: 0.8em;
1032 border: 1px solid #ffdf0e;
1033 background-color: #fef893;
1034 }
1035
1036 .event-dialog-message .message,
1037 .event-update-confirm .message {
1038 margin-bottom: 0.5em;
1039 }
1040
1041 .edit-recurring-warning .savemode {
1042 padding-left: 20px;
1043 }
1044
1045 .event-update-confirm .savemode {
1046 padding-left: 30px;
1047 }
1048
1049 .event-dialog-message span.ui-icon,
1050 .event-update-confirm span.ui-icon {
1051 float: left;
1052 margin: 0 7px 20px 0;
1053 }
1054
1055 .event-dialog-message label,
1056 .event-update-confirm label {
1057 min-width: 3em;
1058 padding-right: 1em;
1059 }
1060
1061 .event-update-confirm a.button {
1062 margin: 0 0.5em 0 0.2em;
1063 min-width: 5em;
1064 text-align: center;
1065 }
1066
1067 .libcal-rsvp-replymode li a {
1068 cursor: default;
1069 }
1070
1071 #event-rsvp,
1072 #edit-attendees-notify {
1073 margin: 0.6em 0 0.3em 0;
1074 padding: 0.5em;
1075 }
1076
1077 #event-rsvp .itip-reply-controls {
1078 margin-top: 0.5em;
1079 }
1080
1081 #event-rsvp .itip-reply-controls label {
1082 color: #333;
1083 }
1084
1085 #event-rsvp .itip-reply-controls textarea {
1086 width: 95%;
1087 }
1088
1089 #eventedit .edit-attendees-table {
1090 width: 100%;
1091 margin-top: 0.5em;
1092 }
1093
1094 #eventedit .edit-attendees-table th.role,
1095 #eventedit .edit-attendees-table td.role {
1096 width: 9em;
1097 }
1098
1099 #eventedit .edit-attendees-table th.availability,
1100 #eventedit .edit-attendees-table td.availability,
1101 #eventedit .edit-attendees-table th.confirmstate,
1102 #eventedit .edit-attendees-table td.confirmstate {
1103 width: 4em;
1104 }
1105
1106 #eventedit .edit-attendees-table th.options,
1107 #eventedit .edit-attendees-table td.options {
1108 width: 16px;
1109 padding: 2px 4px;
1110 }
1111
1112 #eventedit .edit-attendees-table th.invite,
1113 #eventedit .edit-attendees-table td.invite {
1114 width: 50px;
1115 padding: 2px;
1116 }
1117
1118 #eventedit .edit-attendees-table th.invite label {
1119 display: inline-block;
1120 position: relative;
1121 top: 4px;
1122 width: 24px;
1123 height: 18px;
1124 min-width: 24px;
1125 padding: 0;
1126 overflow: hidden;
1127 text-indent: -5000px;
1128 white-space: nowrap;
1129 background: url(images/sendinvitation.png) 1px 0 no-repeat;
1130 }
1131
1132 #eventedit .edit-attendees-table tbody tr:last-child td {
1133 border-bottom: 0;
1134 }
1135
1136 #eventedit .edit-attendees-table th.name,
1137 #eventedit .edit-attendees-table td.name {
1138 width: auto;
1139 white-space: nowrap;
1140 overflow: hidden;
1141 text-overflow: ellipsis;
1142 }
1143
1144 #eventedit .edit-attendees-table td.name select {
1145 width: 100%;
1146 }
1147
1148 #eventedit .edit-attendees-table td.name .attendee-name {
1149 display: block;
1150 position: relative;
1151 overflow: hidden;
1152 text-overflow: ellipsis;
1153 padding: 5px 7px 6px;
1154 margin: -5px -7px -6px;
1155 }
1156
1157 #eventedit .edit-attendees-table a.deletelink {
1158 display: inline-block;
1159 width: 17px;
1160 height: 17px;
1161 padding: 0;
1162 overflow: hidden;
1163 text-indent: 1000px;
1164 }
1165
1166 #eventedit .edit-attendees-table a.expandlink {
1167 position: absolute;
1168 top: 4px;
1169 right: 6px;
1170 width: 16px;
1171 height: 16px;
1172 }
1173
1174 #edit-attendees-form,
1175 #edit-resources-form {
1176 position: relative;
1177 margin-top: 15px;
1178 }
1179
1180 #edit-attendees-form .attendees-invitebox {
1181 text-align: right;
1182 margin: 0;
1183 }
1184
1185 #edit-attendees-form .attendees-invitebox label {
1186 padding-right: 3px;
1187 }
1188
1189 #edit-resources-form #edit-resource-find {
1190 position: absolute;
1191 top: 0;
1192 right: 0;
1193 }
1194
1195 #edit-attendees-form #edit-attendee-schedule {
1196 position: absolute;
1197 right: 0;
1198 top: 0;
1199 }
1200
1201 .edit-attendees-table select.edit-attendee-role {
1202 border: 0;
1203 padding: 2px;
1204 background: white;
1205 width: 100%;
1206 }
1207
1208 .availability img.availabilityicon {
1209 margin: 1px;
1210 width: 14px;
1211 height: 14px;
1212 border-radius: 4px;
1213 -moz-border-radius: 4px;
1214 vertical-align: middle;
1215 }
1216
1217 .availability img.availabilityicon.loading {
1218 background: url(images/loading_blue.gif) center no-repeat;
1219 }
1220
1221 #schedule-freebusy-times td div.unknown,
1222 .availability img.availabilityicon.unknown {
1223 background: #ddd;
1224 }
1225
1226 #schedule-freebusy-times td div.free,
1227 .availability img.availabilityicon.free {
1228 background: #abd640;
1229 }
1230
1231 #schedule-freebusy-times td div.busy,
1232 .availability img.availabilityicon.busy {
1233 background: #e26569;
1234 }
1235
1236 #schedule-freebusy-times td div.tentative,
1237 .availability img.availabilityicon.tentative {
1238 background: #8383fc;
1239 }
1240
1241 #schedule-freebusy-times td div.out-of-office,
1242 .availability img.availabilityicon.out-of-office {
1243 background: #fbaa68;
1244 }
1245
1246 #schedule-freebusy-times td div.all-busy,
1247 #schedule-freebusy-times td div.all-tentative,
1248 #schedule-freebusy-times td div.all-out-of-office {
1249 background-image: url(images/freebusy-colors.png);
1250 background-position: top right;
1251 background-repeat: no-repeat;
1252 }
1253
1254 #schedule-freebusy-times td div.all-tentative {
1255 background-position: right -40px;
1256 }
1257
1258 #schedule-freebusy-times td div.all-out-of-office {
1259 background-position: right -80px;
1260 }
1261
1262 #edit-attendees-legend {
1263 margin-top: 3em;
1264 margin-bottom: 0.5em;
1265 }
1266
1267 #edit-attendees-legend .legend {
1268 margin-right: 2em;
1269 white-space: nowrap;
1270 }
1271
1272 .edit-attendees-table tbody td.confirmstate {
1273 overflow: hidden;
1274 white-space: nowrap;
1275 text-indent: -2000%;
1276 }
1277
1278 .edit-attendees-table td.confirmstate span {
1279 display: block;
1280 width: 20px;
1281 background: url(images/attendee-status.png) 5px 0 no-repeat;
1282 }
1283
1284 .edit-attendees-table td.confirmstate span.needs-action {
1285 height: 14px;
1286 }
1287
1288 .edit-attendees-table td.confirmstate span.accepted {
1289 background-position: 5px -20px;
1290 height: 14px;
1291 }
1292
1293 .edit-attendees-table td.confirmstate span.declined {
1294 background-position: 5px -40px;
1295 height: 14px;
1296 }
1297
1298 .edit-attendees-table td.confirmstate span.tentative {
1299 background-position: 5px -60px;
1300 height: 14px;
1301 }
1302
1303 .edit-attendees-table td.confirmstate span.delegated {
1304 background-position: 5px -180px;
1305 height: 14px;
1306 }
1307
1308 #attendees-freebusy-table {
1309 width: 100%;
1310 table-layout: fixed;
1311 border: 1px solid #bbd3da;
1312 }
1313
1314 #attendees-freebusy-table td.attendees {
1315 width: 18em;
1316 vertical-align: top;
1317 overflow: hidden;
1318 }
1319
1320 #attendees-freebusy-table td.times {
1321 width: auto;
1322 vertical-align: top;
1323 }
1324
1325 #attendees-freebusy-table div.scroll {
1326 position: relative;
1327 overflow: auto;
1328 }
1329
1330 #attendees-freebusy-table h3.boxtitle {
1331 margin: 0;
1332 border-color: #ccc;
1333 }
1334
1335 .attendees-list .attendee {
1336 padding: 4px 4px 4px 1px;
1337 background: url(images/attendee-status.png) 2px -97px no-repeat;
1338 white-space: nowrap;
1339 }
1340
1341 .attendees-list a.attendee-role-toggle {
1342 display: inline-block;
1343 width: 16px;
1344 margin-right: 3px;
1345 cursor: pointer;
1346 }
1347
1348 .attendees-list div.attendee {
1349 border-top: 1px solid #ccc;
1350 }
1351
1352 .attendees-list span.attendee {
1353 padding-left: 20px;
1354 margin-right: 2em;
1355 }
1356
1357 .attendees-list .organizer {
1358 background-position: 3px -77px;
1359 }
1360
1361 .attendees-list .opt-participant {
1362 background-position: 2px -117px;
1363 }
1364
1365 .attendees-list .non-participant {
1366 background-position: 2px -137px;
1367 }
1368
1369 .attendees-list .chair {
1370 background-position: 2px -157px;
1371 }
1372
1373 .attendees-list .loading {
1374 background: url(images/loading_blue.gif) 1px 50% no-repeat;
1375 }
1376
1377 .attendees-list .total {
1378 background: none;
1379 padding-left: 4px;
1380 font-weight: bold;
1381 }
1382
1383 .attendees-list .spacer,
1384 #schedule-freebusy-times tr.spacer td {
1385 background: 0;
1386 padding: 0;
1387 height: 10px;
1388 }
1389
1390 #schedule-freebusy-times {
1391 border-collapse: collapse;
1392 width: 100%;
1393 }
1394
1395 #schedule-freebusy-times td {
1396 padding: 4px;
1397 border: 1px solid #ccc;
1398 }
1399
1400 #schedule-freebusy-times tbody td {
1401 padding: 0;
1402 height: 20px;
1403 }
1404
1405 #schedule-freebusy-times tbody td div {
1406 height: 100%;
1407 }
1408
1409 #attendees-freebusy-table div.timesheader,
1410 #schedule-freebusy-times tr.times td {
1411 min-width: 30px;
1412 font-size: 9px;
1413 padding: 5px 2px 6px 2px;
1414 text-align: center;
1415 color: #004658;
1416 }
1417
1418 #schedule-freebusy-times tr.times td.allday {
1419 min-width: 60px;
1420 }
1421
1422 #schedule-freebusy-times tr.times td {
1423 cursor: pointer;
1424 }
1425
1426 #schedule-freebusy-times #fbrowall td {
1427 border-bottom: none;
1428 }
1429
1430 #schedule-event-time {
1431 position: absolute;
1432 border: 2px solid #333;
1433 background: #777;
1434 background: rgba(60, 60, 60, 0.6);
1435 opacity: 0.5;
1436 border-radius: 4px;
1437 cursor: move;
1438 filter: alpha(opacity=40); /* IE8 */
1439 }
1440
1441 #eventfreebusy .schedule-options {
1442 position: relative;
1443 margin-bottom: 1.5em;
1444 }
1445
1446 #eventfreebusy .schedule-buttons {
1447 position: absolute;
1448 top: 0.5em;
1449 right: 0;
1450 margin-right: 0;
1451 }
1452
1453 #eventfreebusy .schedule-find-buttons {
1454 padding-bottom:0.5em;
1455 }
1456
1457 #eventfreebusy .schedule-find-buttons button {
1458 min-width: 9em;
1459 text-align: center;
1460 }
1461
1462 #eventedit .attendees-commentbox label {
1463 display: block;
1464 }
1465
1466 #eventedit .ui-tabs-panel {
1467 min-height: 24em;
1468 }
1469
1470 #rcmKSearchpane ul li.resource i.icon,
1471 #rcmKSearchpane ul li.collection i.icon {
1472 background-image: url(images/autocomplete.png);
1473 background-position: -1px -2px;
1474 }
1475
1476 #rcmKSearchpane ul li.collection i.icon {
1477 background-position: -1px -26px;
1478 }
1479
1480 a.dropdown-link {
1481 font-size: 11px;
1482 text-decoration: none;
1483 }
1484
1485 a.dropdown-link:after {
1486 content: ' ▼';
1487 font-size: 10px;
1488 color: #666;
1489 }
1490
1491 .ui-dialog-buttonset a.dropdown-link {
1492 position: relative;
1493 top: 2px;
1494 margin: 0 1em;
1495 color: #333;
1496 }
1497
1498 #calendarsidebar .ui-datepicker-calendar {
1499 table-layout: fixed;
1500 }
1501
1502 .ui-datepicker-calendar .ui-datepicker-week-col {
1503 border: 0;
1504 color: #999;
1505 font-size: 90%;
1506 text-align: right;
1507 padding-right: 6px;
1508 width: 20px;
1509 overflow: hidden;
1510 }
1511
1512 .ui-autocomplete {
1513 max-height: 160px;
1514 overflow-y: auto;
1515 overflow-x: hidden;
1516 }
1517
1518 .ui-autocomplete .ui-menu-item {
1519 white-space: nowrap;
1520 }
1521
1522 * html .ui-autocomplete {
1523 height: 160px;
1524 }
1525
1526 .calendarmain span.spacer {
1527 padding-left: 3em;
1528 }
1529
1530 #agendaoptions {
1531 position: absolute;
1532 bottom: 0;
1533 left: 0;
1534 right: 0;
1535 height: auto;
1536 z-index: 10;
1537 padding: 4px 5px;
1538 border: 1px solid #c3c3c3;
1539 border-top-color: #ddd;
1540 border-bottom-color: #bbb;
1541 border-radius: 0 0 4px 4px;
1542 background: #eaeaea;
1543 }
1544
1545 #agendaoptions label {
1546 text-shadow: 1px 1px #fff;
1547 padding-right: 0.5em;
1548 }
1549
1550 #calendar-kolabform {
1551 position: relative;
1552 margin: 0 -8px;
1553 min-width: 660px;
1554 min-height: 400px;
1555 }
1556
1557 #calendar-kolabform table td.title {
1558 font-weight: bold;
1559 white-space: nowrap;
1560 color: #666;
1561 padding-right: 10px;
1562 }
1563
1564 #resource-selection {
1565 position: absolute;
1566 top: 0;
1567 left: 8px;
1568 right: 0;
1569 bottom: 0;
1570 }
1571
1572 #resource-selection .scroller {
1573 top: 34px;
1574 }
1575
1576 #resource-dialog-left {
1577 position: absolute;
1578 top: 10px;
1579 left: 0;
1580 width: 380px;
1581 bottom: 10px;
1582 }
1583
1584 #resource-dialog-right {
1585 position: absolute;
1586 top: 10px;
1587 left: 392px;
1588 right: 8px;
1589 bottom: 10px;
1590 }
1591
1592 #resource-info {
1593 position: absolute;
1594 top: 0;
1595 left: 0;
1596 right: 0;
1597 height: 48%;
1598 }
1599
1600 #resource-info table {
1601 margin: 8px;
1602 width: 97%;
1603 }
1604
1605 #resource-info thead td {
1606 background: none;
1607 font-weight: bold;
1608 font-size: 14px;
1609 }
1610
1611 #resource-availability {
1612 position: absolute;
1613 bottom: 0;
1614 left: 0;
1615 right: 0;
1616 height: 49%;
1617 }
1618
1619 #resource-freebusy-calendar {
1620 position: absolute;
1621 top: 33px;
1622 left: -1px;
1623 right: -1px;
1624 bottom: -1px;
1625 }
1626
1627 #resource-freebusy-calendar .fc-content {
1628 top: 0;
1629 }
1630
1631 #resource-freebusy-calendar .fc-content .fc-event-bg {
1632 background: 0;
1633 }
1634
1635 #resource-freebusy-calendar .fc-event.status-busy,
1636 #resource-freebusy-calendar .status-busy .fc-event-skin {
1637 border-color: #e26569;
1638 background-color: #e26569;
1639 }
1640
1641 #resource-freebusy-calendar .fc-event.status-tentative,
1642 #resource-freebusy-calendar .status-tentative .fc-event-skin {
1643 border-color: #8383fc;
1644 background: #8383fc;
1645 }
1646
1647 #resource-freebusy-calendar .fc-event.status-outofoffice,
1648 #resource-freebusy-calendar .status-outofoffice .fc-event-skin {
1649 border-color: #fbaa68;
1650 background: #fbaa68;
1651 }
1652
1653 #resourcequicksearch {
1654 padding: 4px;
1655 background: #c7e3ef;
1656 }
1657
1658 #resourcesearchbox {
1659 width: 100%;
1660 height: 26px;
1661 -moz-box-sizing: border-box;
1662 box-sizing: border-box;
1663 }
1664
1665 #resourcequicksearch .iconbutton.searchoptions {
1666 position: absolute;
1667 top: 5px;
1668 left: 6px;
1669 width: 16px;
1670 }
1671
1672 .searchbox .iconbutton.reset {
1673 position: absolute;
1674 top: 4px;
1675 right: 1px;
1676 }
1677
1678
1679
1680 /* fullcalendar style overrides */
1681
1682 .rcube-fc-content {
1683 overflow: hidden;
1684 border: 0;
1685 border-radius: 4px;
1686 }
1687
1688 .calendarmain .fc-content {
1689 position: absolute !important;
1690 top: 40px;
1691 left: 0;
1692 right: 0;
1693 bottom: 0;
1694 background: #fff;
1695 }
1696
1697 .calendarmain.quickview-active .fc-content {
1698 background-image: url('images/focusview.png');
1699 background-position: center;
1700 background-repeat: no-repeat;
1701 }
1702
1703 #fish-eye-view .fc-content {
1704 top: 2px;
1705 bottom: 2px;
1706 }
1707
1708 #quickview-calendar {
1709 padding: 8px;
1710 overflow: hidden;
1711 }
1712
1713 .calendarmain .fc-button,
1714 .calendarmain .fc-button.fc-state-default,
1715 .calendarmain .fc-button.fc-state-hover {
1716 background-color: #f5f5f5;
1717 }
1718
1719 .calendarmain #calendar .fc-button,
1720 .calendarmain #calendar .fc-button.fc-state-default,
1721 .calendarmain #calendar .fc-button.fc-state-hover {
1722 margin: -2px 0 0 0;
1723 height: 24px;
1724 line-height: 24px;
1725 color: #333;
1726 border: 1px solid #ababab;
1727 background: #f1f1f1;
1728 text-decoration: none;
1729 text-shadow: none;
1730 }
1731
1732 .calendarmain #calendar .fc-button.fc-state-disabled {
1733 color: #666;
1734 }
1735
1736 .calendarmain .fc-button.fc-state-active,
1737 .calendarmain .fc-button.fc-state-down,
1738 .calendarmain #calendar .fc-button.fc-state-active,
1739 .calendarmain #calendar .fc-button.fc-state-down {
1740 color: #333;
1741 background: #f1f1f1;
1742 box-shadow: none;
1743 }
1744
1745 .calendarmain #calendar .fc-header .fc-button {
1746 margin-left: -1px;
1747 margin-right: 0;
1748 }
1749
1750 .calendarmain #calendar .fc-header-left .fc-button {
1751 display: inline-block;
1752 margin: 0;
1753 text-align: center;
1754 font-size: 10px;
1755 color: #555;
1756 min-width: 50px;
1757 max-width: 75px;
1758 height: 13px;
1759 line-height: 1em;
1760 overflow: hidden;
1761 text-overflow: ellipsis;
1762 white-space: nowrap;
1763 margin: -7px 0 0 0;
1764 padding: 28px 2px 0 2px;
1765 text-shadow: 0px 1px 1px #EEE;
1766 border: 0;
1767 background: url(images/toolbar.png) center 100px no-repeat;
1768 box-shadow: none;
1769 -o-box-shadow: none;
1770 -webkit-box-shadow: none;
1771 -moz-box-shadow: none;
1772 outline: none;
1773 }
1774
1775 .calendarmain #calendar .fc-header-left .fc-button:focus {
1776 color: #fff;
1777 text-shadow: 0px 1px 1px #666;
1778 background-color: rgba(30,150,192, 0.5);
1779 border-radius: 3px;
1780 }
1781
1782 .calendarmain #calendar .fc-header-left .fc-button.fc-state-active {
1783 font-weight: bold;
1784 color: #222;
1785 text-shadow: none;
1786 background-color: transparent;
1787 }
1788
1789 .calendarmain #calendar .fc-header-left .fc-button-agendaDay {
1790 background-position: center -120px;
1791 }
1792
1793 .calendarmain #calendar .fc-header-left .fc-button-agendaDay.fc-state-active {
1794 background-position: center -160px;
1795 }
1796
1797 .calendarmain #calendar .fc-header-left .fc-button-agendaWeek {
1798 background-position: center -200px;
1799 }
1800
1801 .calendarmain #calendar .fc-header-left .fc-button-agendaWeek.fc-state-active {
1802 background-position: center -240px;
1803 }
1804
1805 .calendarmain #calendar .fc-header-left .fc-button-month {
1806 background-position: center -280px;
1807 }
1808
1809 .calendarmain #calendar .fc-header-left .fc-button-month.fc-state-active {
1810 background-position: center -320px;
1811 }
1812
1813 .calendarmain #calendar .fc-header-left .fc-button-table {
1814 background-position: center -360px;
1815 }
1816
1817 .calendarmain #calendar .fc-header-left .fc-button-table.fc-state-active {
1818 background-position: center -400px;
1819 }
1820
1821 .calendarmain #calendar .fc-header-right {
1822 padding-right: 252px;
1823 padding-top: 4px;
1824 }
1825
1826 .calendarmain #calendar .fc-header-title {
1827 padding-top: 5px;
1828 }
1829
1830 .fc-event {
1831 font-size: 1em !important;
1832 }
1833
1834 .fc-event-hori.fc-type-freebusy,
1835 .fc-event-vert.fc-type-freebusy {
1836 opacity: 0.60;
1837 /*
1838 color: #fff !important;
1839 background: rgba(80,80,80,0.85) !important;
1840 background: -moz-linear-gradient(top, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.9) 100%) !important;
1841 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,0.85)), color-stop(100%,rgba(48,48,48,0.9))) !important;
1842 background: -webkit-linear-gradient(top, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.85) 100%) !important;
1843 background: -o-linear-gradient(top, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.85) 100%) !important;
1844 background: -ms-linear-gradient(top, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.85) 100%) !important;
1845 background: linear-gradient(to bottom, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.85) 100%) !important;
1846 border-color: #444 !important;
1847 cursor: default !important;
1848 */
1849 -moz-box-shadow: inset 0px 1px 0 0px #888;
1850 -webkit-box-shadow: inset 0px 1px 0 0px #888;
1851 -o-box-shadow: inset 0px 1px 0 0px #888;
1852 box-shadow: inset 0px 1px 0 0px #888;
1853 }
1854
1855 .fc-event-row.fc-type-freebusy td {
1856 color: #999;
1857 }
1858
1859 .fc-event-hori.fc-type-freebusy .fc-event-skin,
1860 .fc-event-hori.fc-type-freebusy .fc-event-inner,
1861 .fc-event-vert.fc-type-freebusy .fc-event-skin,
1862 .fc-event-vert.fc-type-freebusy .fc-event-inner {
1863 /*
1864 background-color: transparent !important;
1865 border-color: #444 !important;
1866 color: #fff !important;
1867 text-shadow: 0 1px 1px #000;
1868 */
1869 }
1870
1871 .fc-event-hori.fc-type-freebusy .fc-event-title,
1872 .fc-event-vert.fc-type-freebusy .fc-event-title {
1873 position: absolute;
1874 top: -5000px;
1875 }
1876
1877 .fc-event-vert.fc-invitation-needs-action,
1878 .fc-event-hori.fc-invitation-needs-action {
1879 border: 1px dashed #5757c7 !important;
1880 }
1881
1882 .fc-event-vert.fc-invitation-tentative,
1883 .fc-event-hori.fc-invitation-tentative {
1884 border: 1px dashed #eb8900 !important;
1885 }
1886
1887 .fc-event-vert.fc-invitation-declined,
1888 .fc-event-hori.fc-invitation-declined {
1889 border: 1px dashed #c00 !important;
1890 }
1891
1892 .fc-event-vert.fc-event-ns-other.fc-invitation-declined,
1893 .fc-event-hori.fc-event-ns-other.fc-invitation-declined {
1894 opacity: 0.7;
1895 }
1896
1897 .fc-event-ns-other.fc-invitation-declined .fc-event-title {
1898 text-decoration: line-through;
1899 }
1900
1901 .fc-event-vert.fc-invitation-tentative .fc-event-head,
1902 .fc-event-vert.fc-invitation-declined .fc-event-head,
1903 .fc-event-vert.fc-invitation-needs-action .fc-event-head {
1904 /* background-color: transparent !important; */
1905 }
1906
1907 .fc-event-vert.fc-invitation-tentative .fc-event-bg {
1908 background: url(data:image/gif;base64,R0lGODlhCAAIAPABAOuJAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) 0 0 repeat #fff;
1909 }
1910
1911 .fc-event-vert.fc-invitation-needs-action .fc-event-bg {
1912 background: url(data:image/gif;base64,R0lGODlhCAAIAPABAFdXx////yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) 0 0 repeat #fff;
1913 }
1914
1915 .fc-event-vert.fc-invitation-declined .fc-event-bg {
1916 background: url(data:image/gif;base64,R0lGODlhCAAIAPABAMwAAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) 0 0 repeat #fff;
1917 }
1918
1919 .fc-view-table tr.fc-invitation-tentative td,
1920 .fc-view-table tr.fc-invitation-declined td,
1921 .fc-view-table tr.fc-invitation-needs-action td {
1922 color: #888;
1923 }
1924
1925 .fc-view-table tr.fc-invitation-tentative td.fc-event-title,
1926 .fc-view-table tr.fc-invitation-declined td.fc-event-title,
1927 .fc-view-table tr.fc-invitation-needs-action td.fc-event-title {
1928 font-weight: normal;
1929 }
1930
1931 #quickview-calendar .fc-view-table tr.fc-invitation-tentative td,
1932 #quickview-calendar .fc-view-table tr.fc-invitation-declined td,
1933 #quickview-calendar .fc-view-table tr.fc-invitation-needs-action td {
1934 color: #333;
1935 }
1936
1937 .calendarmain .fc-event:focus {
1938 outline: 1px solid rgba(71,135,177, 0.4);
1939 -webkit-box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
1940 -moz-box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
1941 -o-box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
1942 box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
1943 }
1944 .fc-event-title {
1945 font-weight: bold;
1946 }
1947
1948 .cal-event-status-cancelled .fc-event-title {
1949 text-decoration: line-through;
1950 }
1951
1952 .fc-event-hori .fc-event-title {
1953 font-weight: normal;
1954 white-space: nowrap;
1955 }
1956
1957 .fc-event-hori .fc-event-time {
1958 white-space: nowrap;
1959 font-weight: normal !important;
1960 font-size: 10px;
1961 padding-right: 0.6em;
1962 }
1963
1964 .fc-grid .fc-event-time {
1965 font-weight: normal !important;
1966 padding-right: 0.3em;
1967 }
1968
1969 .calendarmain .fc-event-vert .fc-event-inner {
1970 z-index: 0;
1971 }
1972
1973 .fc-event-cateories {
1974 font-style:italic;
1975 }
1976
1977 div.fc-event-location {
1978 font-size: 90%;
1979 }
1980
1981 .fc-more-link {
1982 color: #999;
1983 padding-top: 1px;
1984 cursor: pointer;
1985 }
1986
1987 .fc-agenda-slots td div {
1988 height: 22px;
1989 }
1990
1991 .fc-sat, .fc-sun {
1992 background-color: rgba(198,198,198, 0.08);
1993 }
1994
1995 .calendarmain .fc-state-highlight {
1996 background-color: rgba(233,198,14, 0.12);
1997 }
1998
1999 .fc-widget-header,
2000 .fc-widget-content {
2001 border-color: #bbd3da !important;
2002 }
2003
2004 .fc-widget-header .fc-agenda-divider-inner {
2005 background: #cad2d9 !important;
2006 }
2007
2008 .fc-widget-header {
2009 background-color: #d6eaf3;
2010 color: #004458;
2011 text-shadow: 0px 1px 1px #fff;
2012 }
2013
2014 .fc-view thead th.fc-widget-header {
2015 padding: 8px 0;
2016 color: #69939e;
2017 }
2018
2019 .fc-day-number {
2020 color: #578da5;
2021 }
2022
2023 .fc-icon-alarms,
2024 .fc-icon-sensitive,
2025 .fc-icon-recurring {
2026 display: inline-block;
2027 width: 11px;
2028 height: 11px;
2029 background: url(images/eventicons.png) 0 0 no-repeat;
2030 margin-left: 3px;
2031 line-height: 10px;
2032 }
2033
2034 .fc-icon-alarms {
2035 background-position: 0 -13px;
2036 }
2037
2038 .fc-icon-sensitive {
2039 background-position: 0 -25px;
2040 }
2041
2042 .fc-list-section .fc-event {
2043 cursor: pointer;
2044 }
2045
2046 .calendarmain .fc-view-table td.fc-list-header {
2047 color: #004458;
2048 font-size: 12px;
2049 }
2050
2051 .calendarmain .fc-view-table tr.fc-event td {
2052 border-color: #bbd3da;
2053 padding: 6px 8px;
2054 white-space: nowrap;
2055 overflow: hidden;
2056 text-overflow: ellipsis;
2057 }
2058
2059 .calendarmain .fc-view-table tr.fc-event td.fc-event-handle {
2060 padding: 6px 0 2px 7px;
2061 width: 12px;
2062 }
2063
2064 .calendarmain .fc-view-table .fc-event-handle .fc-event-skin {
2065 margin: 0;
2066 padding: 0;
2067 display: inline-block;
2068 width: 10px;
2069 height: 10px;
2070 font-size: 6px;
2071 border-radius: 8px;
2072 }
2073
2074 .calendarmain .fc-view-table .fc-event-handle .fc-event-inner {
2075 display: inline-block;
2076 width: 10px;
2077 height: 10px;
2078 padding: 0;
2079 margin: -1px;
2080 font-size: 10px;
2081 border-radius: 8px;
2082 border: 1px solid rgba(0, 0, 0, 0.4);
2083 }
2084
2085 .calendarmain .fc-view-table col.fc-event-location {
2086 width: 25%;
2087 }
2088
2089 .fc-view-table table.fc-list-smart {
2090 /* table-layout: auto; */
2091 }
2092
2093 .fc-listappend {
2094 text-align: center;
2095 margin: 1em 0;
2096 }
2097
2098 .fc-listappend .message {
2099 padding: 0.5em;
2100 margin-bottom: 0.5em;
2101 font-size: 150%;
2102 color: #999;
2103 }
2104
2105 .fc-listappend .formlinks a {
2106 font-size: 12px;
2107 padding: 0 0.3em;
2108 }
2109
2110 .fc-event-temp {
2111 opacity: 0.4;
2112 filter: alpha(opacity=40); /* IE8 */
2113 }
2114
2115 /* Settings section */
2116
2117 fieldset #calendarcategories div {
2118 margin-bottom: 0.3em;
2119 }
2120
2121 /* Invitation UI in mail */
2122
2123 .messagelist tbody .attachment span.ical {
2124 display: inline-block;
2125 vertical-align: middle;
2126 height: 18px;
2127 width: 20px;
2128 padding: 0;
2129 background: url(images/ical-attachment.png) 2px 1px no-repeat;
2130 }
2131
2132 ul.toolbarmenu li a.calendarlink span.calendar,
2133 #attachmentmenu li a.calendarlink span.calendar {
2134 background-position: 0px -2197px;
2135 }
2136
2137 div.calendar-invitebox {
2138 min-height: 20px;
2139 margin: 5px 8px;
2140 padding: 3px 6px 6px 34px;
2141 border: 1px solid #ffdf0e;
2142 background: url(images/calendar.png) 6px 5px no-repeat #fef893;
2143 }
2144
2145 div.calendar-invitebox td.ititle {
2146 font-weight: bold;
2147 padding-right: 0.5em;
2148 }
2149
2150 div.calendar-invitebox td {
2151 padding: 2px;
2152 }
2153
2154 div.calendar-invitebox td.label {
2155 color: #666;
2156 padding-right: 1em;
2157 }
2158
2159 div.calendar-invitebox td.sensitivity {
2160 color: #d31400;
2161 font-weight: bold;
2162 }
2163
2164 div.calendar-invitebox td.recurrence-id {
2165 text-transform: uppercase;
2166 font-style: italic;
2167 }
2168
2169 div.calendar-invitebox td em {
2170 font-weight: bold;
2171 }
2172
2173 div.calendar-invitebox td.date.modified {
2174 font-weight: bold;
2175 color: red;
2176 }
2177
2178 #event-rsvp .rsvp-buttons,
2179 div.calendar-invitebox .itip-buttons div {
2180 margin-top: 0.5em;
2181 }
2182
2183 #event-rsvp input.button,
2184 div.calendar-invitebox input.button {
2185 font-weight: bold;
2186 margin-right: 0.5em;
2187 }
2188
2189 div.calendar-invitebox input.button.preview {
2190 margin-left: 1em;
2191 margin-right: 0;
2192 }
2193
2194 div.calendar-invitebox .folder-select {
2195 font-weight: 10px;
2196 margin-left: 1em;
2197 white-space: nowrap;
2198 }
2199
2200 div.calendar-invitebox .rsvp-status {
2201 padding-left: 2px;
2202 }
2203
2204 div.calendar-invitebox .rsvp-status.loading {
2205 color: #666;
2206 padding: 1px 0 2px 24px;
2207 background: url(images/loading_blue.gif) top left no-repeat;
2208 }
2209
2210 div.calendar-invitebox .rsvp-status.hint {
2211 color: #666;
2212 text-shadow: none;
2213 font-style: italic;
2214 }
2215
2216 #event-partstat .changersvp,
2217 div.calendar-invitebox .rsvp-status.declined,
2218 div.calendar-invitebox .rsvp-status.tentative,
2219 div.calendar-invitebox .rsvp-status.accepted,
2220 div.calendar-invitebox .rsvp-status.delegated,
2221 div.calendar-invitebox .rsvp-status.needs-action {
2222 padding: 0 0 1px 22px;
2223 background: url(images/attendee-status.png) 2px -20px no-repeat;
2224 }
2225
2226 #event-partstat .changersvp.declined,
2227 div.calendar-invitebox .rsvp-status.declined {
2228 background-position: 2px -40px;
2229 }
2230
2231 #event-partstat .changersvp.tentative,
2232 div.calendar-invitebox .rsvp-status.tentative {
2233 background-position: 2px -60px;
2234 }
2235
2236 #event-partstat .changersvp.delegated,
2237 div.calendar-invitebox .rsvp-status.delegated {
2238 background-position: 2px -180px;
2239 }
2240
2241 #event-partstat .changersvp.needs-action,
2242 div.calendar-invitebox .rsvp-status.needs-action {
2243 background-position: 2px 0;
2244 }
2245
2246 div.calendar-invitebox .calendar-agenda-preview {
2247 display: none;
2248 border-top: 1px solid #dfdfdf;
2249 margin-top: 1em;
2250 padding-top: 0.6em;
2251 }
2252
2253 div.calendar-invitebox .calendar-agenda-preview h3.preview-title {
2254 margin: 0 0 0.5em 0;
2255 font-size: 12px;
2256 color: #333;
2257 }
2258
2259 div.calendar-invitebox .calendar-agenda-preview .event-row {
2260 color: #777;
2261 padding: 2px 0;
2262 white-space: nowrap;
2263 overflow: hidden;
2264 text-overflow: ellipsis;
2265 }
2266
2267 div.calendar-invitebox .calendar-agenda-preview .event-row.current {
2268 color: #333;
2269 font-weight: bold;
2270 }
2271
2272 div.calendar-invitebox .calendar-agenda-preview .event-row.no-event {
2273 font-style: italic;
2274 }
2275
2276 div.calendar-invitebox .calendar-agenda-preview .event-date {
2277 display: inline-block;
2278 min-width: 8em;
2279 margin-right: 1em;
2280 white-space: nowrap;
2281 }
2282
2283
2284 /* iTIP attend reply page */
2285
2286 .calendaritipattend .centerbox {
2287 width: 40em;
2288 min-height: 7em;
2289 margin: 80px auto 0 auto;
2290 padding: 10px 10px 10px 90px;
2291 background: url(images/invitation.png) 10px 10px no-repeat #fff;
2292 }
2293
2294 .calendaritipattend #message {
2295 width: 46em;
2296 margin: 0 auto;
2297 padding: 10px;
2298 }
2299
2300 .calendaritipattend .calendar-invitebox {
2301 background: none;
2302 padding-left: 0;
2303 border: 0;
2304 margin: 0 0 2em 0;
2305 }
2306
2307 .calendaritipattend .calendar-invitebox .rsvp-status {
2308 margin-top: 2.5em;
2309 font-size: 110%;
2310 font-weight: bold;
2311 }
2312
2313 .calendaritipattend .calendar-invitebox td.title,
2314 .calendaritipattend .calendar-invitebox td.ititle {
2315 font-size: 120%;
2316 }
2317
2318 .calendaritipattend .itip-reply-controls .noreply-toggle,
2319 .calendaritipattend .itip-reply-controls #noreply-event-rsvp {
2320 display: none;
2321 }
2322
2323 .calendaritipattend .itip-reply-controls a.reply-comment-toggle {
2324 margin-left: 2px;
2325 }
2326