1 | /*!
|
2 | * FullCalendar v3.10.2
|
3 | * Docs & License: https://fullcalendar.io/
|
4 | * (c) 2019 Adam Shaw
|
5 | */
|
6 | /*!
|
7 | * FullCalendar v3.10.2 Print Stylesheet
|
8 | * Docs & License: https://fullcalendar.io/
|
9 | * (c) 2019 Adam Shaw
|
10 | */
|
11 | /*
|
12 | * Include this stylesheet on your page to get a more printer-friendly calendar.
|
13 | * When including this stylesheet, use the media='print' attribute of the <link> tag.
|
14 | * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
|
15 | */
|
16 | .fc {
|
17 | max-width: 100% ; }
|
18 |
|
19 | /* Global Event Restyling
|
20 | --------------------------------------------------------------------------------------------------*/
|
21 | .fc-event {
|
22 | background: #fff ;
|
23 | color: #000 ;
|
24 | page-break-inside: avoid; }
|
25 |
|
26 | .fc-event .fc-resizer {
|
27 | display: none; }
|
28 |
|
29 | /* Table & Day-Row Restyling
|
30 | --------------------------------------------------------------------------------------------------*/
|
31 | .fc th,
|
32 | .fc td,
|
33 | .fc hr,
|
34 | .fc thead,
|
35 | .fc tbody,
|
36 | .fc-row {
|
37 | border-color: #ccc ;
|
38 | background: #fff ; }
|
39 |
|
40 | /* kill the overlaid, absolutely-positioned components */
|
41 | /* common... */
|
42 | .fc-bg,
|
43 | .fc-bgevent-skeleton,
|
44 | .fc-highlight-skeleton,
|
45 | .fc-helper-skeleton,
|
46 | .fc-bgevent-container,
|
47 | .fc-business-container,
|
48 | .fc-highlight-container,
|
49 | .fc-helper-container {
|
50 | display: none; }
|
51 |
|
52 | /* don't force a min-height on rows (for DayGrid) */
|
53 | .fc tbody .fc-row {
|
54 | height: auto ;
|
55 | /* undo height that JS set in distributeHeight */
|
56 | min-height: 0 ;
|
57 | /* undo the min-height from each view's specific stylesheet */ }
|
58 |
|
59 | .fc tbody .fc-row .fc-content-skeleton {
|
60 | position: static;
|
61 | /* undo .fc-rigid */
|
62 | padding-bottom: 0 ;
|
63 | /* use a more border-friendly method for this... */ }
|
64 |
|
65 | .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
|
66 | /* only works in newer browsers */
|
67 | padding-bottom: 1em;
|
68 | /* ...gives space within the skeleton. also ensures min height in a way */ }
|
69 |
|
70 | .fc tbody .fc-row .fc-content-skeleton table {
|
71 | /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
|
72 | making it look more like 3em. for other browers, it will already be this tall */
|
73 | height: 1em; }
|
74 |
|
75 | /* Undo month-view event limiting. Display all events and hide the "more" links
|
76 | --------------------------------------------------------------------------------------------------*/
|
77 | .fc-more-cell,
|
78 | .fc-more {
|
79 | display: none ; }
|
80 |
|
81 | .fc tr.fc-limited {
|
82 | display: table-row ; }
|
83 |
|
84 | .fc td.fc-limited {
|
85 | display: table-cell ; }
|
86 |
|
87 | .fc-popover {
|
88 | display: none;
|
89 | /* never display the "more.." popover in print mode */ }
|
90 |
|
91 | /* TimeGrid Restyling
|
92 | --------------------------------------------------------------------------------------------------*/
|
93 | /* undo the min-height 100% trick used to fill the container's height */
|
94 | .fc-time-grid {
|
95 | min-height: 0 ; }
|
96 |
|
97 | /* don't display the side axis at all ("all-day" and time cells) */
|
98 | .fc-agenda-view .fc-axis {
|
99 | display: none; }
|
100 |
|
101 | /* don't display the horizontal lines */
|
102 | .fc-slats,
|
103 | .fc-time-grid hr {
|
104 | /* this hr is used when height is underused and needs to be filled */
|
105 | display: none ;
|
106 | /* important overrides inline declaration */ }
|
107 |
|
108 | /* let the container that holds the events be naturally positioned and create real height */
|
109 | .fc-time-grid .fc-content-skeleton {
|
110 | position: static; }
|
111 |
|
112 | /* in case there are no events, we still want some height */
|
113 | .fc-time-grid .fc-content-skeleton table {
|
114 | height: 4em; }
|
115 |
|
116 | /* kill the horizontal spacing made by the event container. event margins will be done below */
|
117 | .fc-time-grid .fc-event-container {
|
118 | margin: 0 ; }
|
119 |
|
120 | /* TimeGrid *Event* Restyling
|
121 | --------------------------------------------------------------------------------------------------*/
|
122 | /* naturally position events, vertically stacking them */
|
123 | .fc-time-grid .fc-event {
|
124 | position: static ;
|
125 | margin: 3px 2px ; }
|
126 |
|
127 | /* for events that continue to a future day, give the bottom border back */
|
128 | .fc-time-grid .fc-event.fc-not-end {
|
129 | border-bottom-width: 1px ; }
|
130 |
|
131 | /* indicate the event continues via "..." text */
|
132 | .fc-time-grid .fc-event.fc-not-end:after {
|
133 | content: "..."; }
|
134 |
|
135 | /* for events that are continuations from previous days, give the top border back */
|
136 | .fc-time-grid .fc-event.fc-not-start {
|
137 | border-top-width: 1px ; }
|
138 |
|
139 | /* indicate the event is a continuation via "..." text */
|
140 | .fc-time-grid .fc-event.fc-not-start:before {
|
141 | content: "..."; }
|
142 |
|
143 | /* time */
|
144 | /* undo a previous declaration and let the time text span to a second line */
|
145 | .fc-time-grid .fc-event .fc-time {
|
146 | white-space: normal ; }
|
147 |
|
148 | /* hide the the time that is normally displayed... */
|
149 | .fc-time-grid .fc-event .fc-time span {
|
150 | display: none; }
|
151 |
|
152 | /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
|
153 | .fc-time-grid .fc-event .fc-time:after {
|
154 | content: attr(data-full); }
|
155 |
|
156 | /* Vertical Scroller & Containers
|
157 | --------------------------------------------------------------------------------------------------*/
|
158 | /* kill the scrollbars and allow natural height */
|
159 | .fc-scroller,
|
160 | .fc-day-grid-container,
|
161 | .fc-time-grid-container {
|
162 | /* */
|
163 | overflow: visible ;
|
164 | height: auto ; }
|
165 |
|
166 | /* kill the horizontal border/padding used to compensate for scrollbars */
|
167 | .fc-row {
|
168 | border: 0 ;
|
169 | margin: 0 ; }
|
170 |
|
171 | /* Button Controls
|
172 | --------------------------------------------------------------------------------------------------*/
|
173 | .fc-button-group,
|
174 | .fc button {
|
175 | display: none;
|
176 | /* don't display any button-related controls */ }
|