|
3
|
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
|
