Mercurial > hg > rc1

comparison plugins/calendar/skins/larry/fullcalendar.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 * FullCalendar v1.6.4-rcube-1.0 Stylesheet
3 * Docs & License: http://arshaw.com/fullcalendar/
4 * (c) 2013 Adam Shaw, 2014 Kolab Systems AG
5 */
6
7
8 .fc {
9 direction: ltr;
10 text-align: left;
11 }
12
13 .fc table {
14 border-collapse: collapse;
15 border-spacing: 0;
16 }
17
18 html .fc,
19 .fc table {
20 font-size: 1em;
21 }
22
23 .fc td,
24 .fc th {
25 padding: 0;
26 vertical-align: top;
27 }
28
29
30
31 /* Header
32 ------------------------------------------------------------------------*/
33
34 .fc-header td {
35 white-space: nowrap;
36 }
37
38 .fc-header-left {
39 width: 25%;
40 text-align: left;
41 }
42
43 .fc-header-center {
44 text-align: center;
45 }
46
47 .fc-header-right {
48 width: 25%;
49 text-align: right;
50 }
51
52 .fc-header-title {
53 display: inline-block;
54 vertical-align: top;
55 }
56
57 .fc-header-title h2 {
58 margin-top: 0;
59 white-space: nowrap;
60 }
61
62 .fc .fc-header-space {
63 padding-left: 10px;
64 }
65
66 .fc-header .fc-button {
67 margin-bottom: 1em;
68 vertical-align: top;
69 }
70
71 /* buttons edges butting together */
72
73 .fc-header .fc-button {
74 margin-right: -1px;
75 }
76
77 .fc-header .fc-corner-right, /* non-theme */
78 .fc-header .ui-corner-right { /* theme */
79 margin-right: 0; /* back to normal */
80 }
81
82 /* button layering (for border precedence) */
83
84 .fc-header .fc-state-hover,
85 .fc-header .ui-state-hover {
86 z-index: 2;
87 }
88
89 .fc-header .fc-state-down {
90 z-index: 3;
91 }
92
93 .fc-header .fc-state-active,
94 .fc-header .ui-state-active {
95 z-index: 4;
96 }
97
98
99
100 /* Content
101 ------------------------------------------------------------------------*/
102
103 .fc-content {
104 clear: both;
105 zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
106 }
107
108 .fc-view {
109 width: 100%;
110 overflow: hidden;
111 }
112
113
114
115 /* Cell Styles
116 ------------------------------------------------------------------------*/
117
118 .fc-widget-header, /* <th>, usually */
119 .fc-widget-content { /* <td>, usually */
120 border: 1px solid #ddd;
121 }
122
123 .fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
124 background: #fcf8e3;
125 }
126
127 .fc-cell-overlay { /* semi-transparent rectangle while dragging */
128 background: #bce8f1;
129 opacity: .3;
130 filter: alpha(opacity=30); /* for IE */
131 }
132
133
134
135 /* Buttons
136 ------------------------------------------------------------------------*/
137
138 .fc-button {
139 position: relative;
140 display: inline-block;
141 padding: 0 .6em;
142 overflow: hidden;
143 height: 1.9em;
144 line-height: 1.9em;
145 white-space: nowrap;
146 cursor: pointer;
147 }
148
149 .fc-state-default { /* non-theme */
150 border: 1px solid;
151 }
152
153 .fc-state-default.fc-corner-left { /* non-theme */
154 border-top-left-radius: 4px;
155 border-bottom-left-radius: 4px;
156 }
157
158 .fc-state-default.fc-corner-right { /* non-theme */
159 border-top-right-radius: 4px;
160 border-bottom-right-radius: 4px;
161 }
162
163 /*
164 Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
165 and we'll try to make them look good cross-browser.
166 */
167
168 .fc-text-arrow {
169 margin: 0 .1em;
170 font-size: 2em;
171 font-family: "Courier New", Courier, monospace;
172 vertical-align: baseline; /* for IE7 */
173 }
174
175 .fc-button-prev .fc-text-arrow,
176 .fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
177 font-weight: bold;
178 }
179
180 /* icon (for jquery ui) */
181
182 .fc-button .fc-icon-wrap {
183 position: relative;
184 float: left;
185 top: 50%;
186 }
187
188 .fc-button .ui-icon {
189 position: relative;
190 float: left;
191 margin-top: -50%;
192 *margin-top: 0;
193 *top: -50%;
194 }
195
196 /*
197 button states
198 borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
199 */
200
201 .fc-state-default {
202 background-color: #f5f5f5;
203 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
204 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
205 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
206 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
207 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
208 background-repeat: repeat-x;
209 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
210 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
211 color: #333;
212 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
213 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
214 }
215
216 .fc-state-hover,
217 .fc-state-down,
218 .fc-state-active,
219 .fc-state-disabled {
220 color: #333333;
221 background-color: #e6e6e6;
222 }
223
224 .fc-state-hover {
225 color: #333333;
226 text-decoration: none;
227 background-position: 0 -15px;
228 -webkit-transition: background-position 0.1s linear;
229 -moz-transition: background-position 0.1s linear;
230 -o-transition: background-position 0.1s linear;
231 transition: background-position 0.1s linear;
232 }
233
234 .fc-state-down,
235 .fc-state-active {
236 background-color: #cccccc;
237 background-image: none;
238 outline: 0;
239 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
240 }
241
242 .fc-state-disabled {
243 cursor: default;
244 background-image: none;
245 opacity: 0.65;
246 filter: alpha(opacity=65);
247 box-shadow: none;
248 }
249
250
251
252 /* Global Event Styles
253 ------------------------------------------------------------------------*/
254
255 .fc-event-container > * {
256 z-index: 8;
257 }
258
259 .fc-event-container > .ui-draggable-dragging,
260 .fc-event-container > .ui-resizable-resizing {
261 z-index: 9;
262 }
263
264 .fc-event {
265 border: 1px solid #3a87ad; /* default BORDER color */
266 background-color: #3a87ad; /* default BACKGROUND color */
267 color: #fff; /* default TEXT color */
268 font-size: .85em;
269 cursor: default;
270 }
271
272 .fc-event:focus {
273 outline: 2px solid ActiveBorder;
274 }
275
276 a.fc-event {
277 text-decoration: none;
278 }
279
280 a.fc-event,
281 .fc-event-draggable {
282 cursor: pointer;
283 }
284
285 .fc-rtl .fc-event {
286 text-align: right;
287 }
288
289 .fc-event-inner {
290 width: 100%;
291 height: 100%;
292 overflow: hidden;
293 }
294
295 .fc-event-time,
296 .fc-event-title {
297 padding: 0 1px;
298 }
299
300 .fc .ui-resizable-handle {
301 display: block;
302 position: absolute;
303 z-index: 99999;
304 overflow: hidden; /* hacky spaces (IE6/7) */
305 font-size: 300%; /* */
306 line-height: 50%; /* */
307 }
308
309
310
311 /* Horizontal Events
312 ------------------------------------------------------------------------*/
313
314 .fc-event-hori {
315 border-width: 1px 0;
316 margin-bottom: 1px;
317 }
318
319 .fc-ltr .fc-event-hori.fc-event-start,
320 .fc-rtl .fc-event-hori.fc-event-end {
321 border-left-width: 1px;
322 border-top-left-radius: 3px;
323 border-bottom-left-radius: 3px;
324 }
325
326 .fc-ltr .fc-event-hori.fc-event-end,
327 .fc-rtl .fc-event-hori.fc-event-start {
328 border-right-width: 1px;
329 border-top-right-radius: 3px;
330 border-bottom-right-radius: 3px;
331 }
332
333 /* resizable */
334
335 .fc-event-hori .ui-resizable-e {
336 top: 0 !important; /* importants override pre jquery ui 1.7 styles */
337 right: -3px !important;
338 width: 7px !important;
339 height: 100% !important;
340 cursor: e-resize;
341 }
342
343 .fc-event-hori .ui-resizable-w {
344 top: 0 !important;
345 left: -3px !important;
346 width: 7px !important;
347 height: 100% !important;
348 cursor: w-resize;
349 }
350
351 .fc-event-hori .ui-resizable-handle {
352 _padding-bottom: 14px; /* IE6 had 0 height */
353 }
354
355
356
357 /* Reusable Separate-border Table
358 ------------------------------------------------------------*/
359
360 table.fc-border-separate {
361 border-collapse: separate;
362 }
363
364 .fc-border-separate th,
365 .fc-border-separate td {
366 border-width: 1px 0 0 1px;
367 }
368
369 .fc-border-separate th.fc-last,
370 .fc-border-separate td.fc-last {
371 border-right-width: 1px;
372 }
373
374 .fc-border-separate tr.fc-last th,
375 .fc-border-separate tr.fc-last td {
376 border-bottom-width: 1px;
377 }
378
379 .fc-border-separate tbody tr.fc-first td,
380 .fc-border-separate tbody tr.fc-first th {
381 border-top-width: 0;
382 }
383
384
385
386 /* Month View, Basic Week View, Basic Day View
387 ------------------------------------------------------------------------*/
388
389 .fc-grid th {
390 text-align: center;
391 }
392
393 .fc .fc-week-number {
394 width: 22px;
395 text-align: center;
396 }
397
398 .fc .fc-week-number div {
399 padding: 0 2px;
400 }
401
402 .fc-grid .fc-day-number {
403 float: right;
404 padding: 0 2px;
405 }
406
407 .fc-grid .fc-other-month .fc-day-number {
408 opacity: 0.3;
409 filter: alpha(opacity=30); /* for IE */
410 /* opacity with small font can sometimes look too faded
411 might want to set the 'color' property instead
412 making day-numbers bold also fixes the problem */
413 }
414
415 .fc-grid .fc-day-content {
416 clear: both;
417 padding: 2px 2px 1px; /* distance between events and day edges */
418 }
419
420 /* event styles */
421
422 .fc-grid .fc-event-time {
423 font-weight: bold;
424 }
425
426 /* right-to-left */
427
428 .fc-rtl .fc-grid .fc-day-number {
429 float: left;
430 }
431
432 .fc-rtl .fc-grid .fc-event-time {
433 float: right;
434 }
435
436 .fc-more-link {
437 font-size: 0.85em;
438 white-space: nowrap;
439 text-decoration: none;
440 cursor: pointer;
441 padding: 1px;
442 }
443
444 /* Agenda Week View, Agenda Day View
445 ------------------------------------------------------------------------*/
446
447 .fc-agenda table {
448 border-collapse: separate;
449 }
450
451 .fc-agenda-days th {
452 text-align: center;
453 }
454
455 .fc-agenda .fc-agenda-axis {
456 width: 50px;
457 padding: 0 4px;
458 vertical-align: middle;
459 text-align: right;
460 white-space: nowrap;
461 font-weight: normal;
462 }
463
464 .fc-agenda .fc-week-number {
465 font-weight: bold;
466 }
467
468 .fc-agenda .fc-day-content {
469 padding: 2px 2px 1px;
470 }
471
472 /* make axis border take precedence */
473
474 .fc-agenda-days .fc-agenda-axis {
475 border-right-width: 1px;
476 }
477
478 .fc-agenda-days .fc-col0 {
479 border-left-width: 0;
480 }
481
482 /* all-day area */
483
484 .fc-agenda-allday th {
485 border-width: 0 1px;
486 }
487
488 .fc-agenda-allday .fc-day-content {
489 min-height: 34px; /* TODO: doesnt work well in quirksmode */
490 _height: 34px;
491 }
492
493 /* divider (between all-day and slots) */
494
495 .fc-agenda-divider-inner {
496 height: 2px;
497 overflow: hidden;
498 }
499
500 .fc-widget-header .fc-agenda-divider-inner {
501 background: #eee;
502 }
503
504 /* slot rows */
505
506 .fc-agenda-slots th {
507 border-width: 1px 1px 0;
508 }
509
510 .fc-agenda-slots td {
511 border-width: 1px 0 0;
512 background: none;
513 }
514
515 .fc-agenda-slots td div {
516 height: 20px;
517 }
518
519 .fc-agenda-slots tr.fc-slot0 th,
520 .fc-agenda-slots tr.fc-slot0 td {
521 border-top-width: 0;
522 }
523
524 .fc-agenda-slots tr.fc-minor th,
525 .fc-agenda-slots tr.fc-minor td {
526 border-top-style: dotted;
527 }
528
529 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
530 *border-top-style: solid; /* doesn't work with background in IE6/7 */
531 }
532
533
534
535 /* Vertical Events
536 ------------------------------------------------------------------------*/
537
538 .fc-event-vert {
539 border-width: 0 1px;
540 }
541
542 .fc-event-vert .fc-event-head,
543 .fc-event-vert .fc-event-content {
544 position: relative;
545 z-index: 2;
546 width: 100%;
547 overflow: hidden;
548 }
549
550 .fc-event-vert.fc-event-start {
551 border-top-width: 1px;
552 border-top-left-radius: 3px;
553 border-top-right-radius: 3px;
554 }
555
556 .fc-event-vert.fc-event-end {
557 border-bottom-width: 1px;
558 border-bottom-left-radius: 3px;
559 border-bottom-right-radius: 3px;
560 }
561
562 .fc-event-vert .fc-event-time {
563 white-space: nowrap;
564 font-size: 10px;
565 }
566
567 .fc-event-vert .fc-event-inner {
568 position: relative;
569 z-index: 2;
570 }
571
572 .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
573 position: absolute;
574 z-index: 1;
575 top: 0;
576 left: 0;
577 width: 100%;
578 height: 100%;
579 background: #fff;
580 opacity: .25;
581 filter: alpha(opacity=25);
582 }
583
584 .fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
585 .fc-select-helper .fc-event-bg {
586 display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
587 }
588
589 /* resizable */
590
591 .fc-event-vert .ui-resizable-s {
592 bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
593 width: 100% !important;
594 height: 8px !important;
595 overflow: hidden !important;
596 line-height: 8px !important;
597 font-size: 11px !important;
598 font-family: monospace;
599 text-align: center;
600 cursor: s-resize;
601 }
602
603 .fc-agenda .ui-resizable-resizing { /* TODO: better selector */
604 _overflow: hidden;
605 }
606
607 .fc-timeline {
608 position: absolute;
609 width: 100%;
610 left: 0;
611 margin: 0;
612 padding: 0;
613 border: none;
614 border-top: 2px solid #3ec400;
615 z-index: 999;
616 }
617
618 /* List view (by bruederli@kolabsys.com)
619 ------------------------------------------------------------------------*/
620
621 .fc-view-list,
622 .fc-view-table {
623 border: 1px solid #ccc;
624 width: auto;
625 }
626
627 .fc-view-list .fc-list-header,
628 .fc-view-table td.fc-list-header {
629 border-width: 0;
630 border-bottom-width: 1px;
631 padding: 3px 5px;
632 }
633
634 .fc-view-table .fc-first td.fc-list-header {
635 border-top-width: 0;
636 }
637
638 .fc-list-section {
639 padding: 4px 2px;
640 border-width: 0;
641 border-bottom-width: 1px;
642 }
643
644 .fc-view-list .fc-last {
645 border-bottom-width: 0;
646 }
647
648 .fc-list-section .fc-event {
649 position: relative;
650 margin: 1px 2px 3px 2px;
651 }
652
653 .fc-view-table tr.fc-event {
654 background: inherit;
655 color: inherit;
656 }
657
658 .fc-view-table tr.fc-event td {
659 padding: 2px;
660 border-bottom: 1px solid #ccc;
661 }
662
663 .fc-view-table tr.fc-event td.fc-event-handle {
664 padding: 3px 8px 3px 3px;
665 }
666
667 .fc-view-table .fc-event-handle .fc-event-skin {
668 border-radius: 2px;
669 -moz-border-radius: 2px;
670 }
671
672 .fc-view-table .fc-event-handle .fc-event-inner {
673 display: block;
674 width: 8px;
675 height: 10px;
676 border-radius: 2px;
677 -moz-border-radius: 2px;
678 }
679
680 .fc-view-table table {
681 table-layout: fixed;
682 width: 100%;
683 }
684
685 .fc-view-table col.fc-event-handle {
686 width: 18px;
687 }
688
689 .fc-event-handle .fc-event-inner {
690 border-color: inherit;
691 background-color: inherit;
692 }
693
694 .fc-view-table col.fc-event-date {
695 width: 7em;
696 }
697
698 .fc-view-table .fc-list-day col.fc-event-date {
699 width: 1px;
700 }
701
702 .fc-view-table col.fc-event-time {
703 width: 9em;
704 }
705
706 .fc-view-table td.fc-event-date,
707 .fc-view-table td.fc-event-time {
708 white-space: nowrap;
709 padding-right: 1em;
710 }
711