2 * FullCalendar v2.2.5 Print Stylesheet
3 * Docs & License: http://arshaw.com/fullcalendar/
8 * Include this stylesheet on your page to get a more printer-friendly calendar.
9 * When including this stylesheet, use the media='print' attribute of the <link> tag.
10 * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
14 max-width: 100% !important;
18 /* Global Event Restyling
19 --------------------------------------------------------------------------------------------------*/
22 background: #fff !important;
23 color: #000 !important;
24 page-break-inside: avoid;
27 .fc-event .fc-resizer {
32 /* Table & Day-Row Restyling
33 --------------------------------------------------------------------------------------------------*/
41 border-color: #ccc !important;
42 background: #fff !important;
45 /* kill the overlaid, absolutely-positioned common components */
48 .fc-highlight-skeleton,
53 /* don't force a min-height on rows (for DayGrid) */
55 height: auto !important; /* undo height that JS set in distributeHeight */
56 min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
59 .fc tbody .fc-row .fc-content-skeleton {
60 position: static; /* undo .fc-rigid */
61 padding-bottom: 0 !important; /* use a more border-friendly method for this... */
64 .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
65 padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
68 .fc tbody .fc-row .fc-content-skeleton table {
69 /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
70 making it look more like 3em. for other browers, it will already be this tall */
75 /* Undo month-view event limiting. Display all events and hide the "more" links
76 --------------------------------------------------------------------------------------------------*/
80 display: none !important;
84 display: table-row !important;
88 display: table-cell !important;
92 display: none; /* never display the "more.." popover in print mode */
97 --------------------------------------------------------------------------------------------------*/
99 /* undo the min-height 100% trick used to fill the container's height */
101 min-height: 0 !important;
104 /* don't display the side axis at all ("all-day" and time cells) */
105 .fc-agenda-view .fc-axis {
109 /* don't display the horizontal lines */
111 .fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
112 display: none !important; /* important overrides inline declaration */
115 /* let the container that holds the events be naturally positioned and create real height */
116 .fc-time-grid .fc-content-skeleton {
120 /* in case there are no events, we still want some height */
121 .fc-time-grid .fc-content-skeleton table {
125 /* kill the horizontal spacing made by the event container. event margins will be done below */
126 .fc-time-grid .fc-event-container {
127 margin: 0 !important;
131 /* TimeGrid *Event* Restyling
132 --------------------------------------------------------------------------------------------------*/
134 /* naturally position events, vertically stacking them */
135 .fc-time-grid .fc-event {
136 position: static !important;
137 margin: 3px 2px !important;
140 /* for events that continue to a future day, give the bottom border back */
141 .fc-time-grid .fc-event.fc-not-end {
142 border-bottom-width: 1px !important;
145 /* indicate the event continues via "..." text */
146 .fc-time-grid .fc-event.fc-not-end:after {
150 /* for events that are continuations from previous days, give the top border back */
151 .fc-time-grid .fc-event.fc-not-start {
152 border-top-width: 1px !important;
155 /* indicate the event is a continuation via "..." text */
156 .fc-time-grid .fc-event.fc-not-start:before {
162 /* undo a previous declaration and let the time text span to a second line */
163 .fc-time-grid .fc-event .fc-time {
164 white-space: normal !important;
167 /* hide the the time that is normally displayed... */
168 .fc-time-grid .fc-event .fc-time span {
172 /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
173 .fc-time-grid .fc-event .fc-time:after {
174 content: attr(data-full);
178 /* Vertical Scroller & Containers
179 --------------------------------------------------------------------------------------------------*/
181 /* kill the scrollbars and allow natural height */
183 .fc-day-grid-container, /* these divs might be assigned height, which we need to cleared */
184 .fc-time-grid-container { /* */
185 overflow: visible !important;
186 height: auto !important;
189 /* kill the horizontal border/padding used to compensate for scrollbars */
191 border: 0 !important;
192 margin: 0 !important;
197 --------------------------------------------------------------------------------------------------*/
201 display: none; /* don't display any button-related controls */