3 * Docs & License: https://fullcalendar.io/
7 * FullCalendar v3.9.0 Print Stylesheet
8 * Docs & License: https://fullcalendar.io/
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.
17 max-width: 100% !important
; }
19 /* Global Event Restyling
20 --------------------------------------------------------------------------------------------------*/
22 background: #fff !important
;
23 color: #000 !important
;
24 page-break-inside: avoid
; }
26 .fc-event .fc-resizer {
29 /* Table & Day-Row Restyling
30 --------------------------------------------------------------------------------------------------*/
37 border-color: #ccc !important
;
38 background: #fff !important
; }
40 /* kill the overlaid, absolutely-positioned components */
44 .fc-highlight-skeleton
,
46 .fc-bgevent-container
,
47 .fc-business-container
,
48 .fc-highlight-container
,
49 .fc-helper-container {
52 /* don't force a min-height on rows (for DayGrid) */
54 height: auto
!important
;
55 /* undo height that JS set in distributeHeight */
56 min-height: 0 !important
;
57 /* undo the min-height from each view's specific stylesheet */ }
59 .fc tbody .fc-row .fc-content-skeleton {
62 padding-bottom: 0 !important
;
63 /* use a more border-friendly method for this... */ }
65 .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
66 /* only works in newer browsers */
68 /* ...gives space within the skeleton. also ensures min height in a way */ }
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 */
75 /* Undo month-view event limiting. Display all events and hide the "more" links
76 --------------------------------------------------------------------------------------------------*/
79 display: none
!important
; }
82 display: table-row
!important
; }
85 display: table-cell
!important
; }
89 /* never display the "more.." popover in print mode */ }
92 --------------------------------------------------------------------------------------------------*/
93 /* undo the min-height 100% trick used to fill the container's height */
95 min-height: 0 !important
; }
97 /* don't display the side axis at all ("all-day" and time cells) */
98 .fc-agenda-view .fc-axis {
101 /* don't display the horizontal lines */
104 /* this hr is used when height is underused and needs to be filled */
105 display: none
!important
;
106 /* important overrides inline declaration */ }
108 /* let the container that holds the events be naturally positioned and create real height */
109 .fc-time-grid .fc-content-skeleton {
112 /* in case there are no events, we still want some height */
113 .fc-time-grid .fc-content-skeleton table {
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 !important
; }
120 /* TimeGrid *Event* Restyling
121 --------------------------------------------------------------------------------------------------*/
122 /* naturally position events, vertically stacking them */
123 .fc-time-grid .fc-event {
124 position: static
!important
;
125 margin: 3px 2px !important
; }
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 !important
; }
131 /* indicate the event continues via "..." text */
132 .fc-time-grid .fc-event.fc-not-end:after {
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 !important
; }
139 /* indicate the event is a continuation via "..." text */
140 .fc-time-grid .fc-event.fc-not-start:before {
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
!important
; }
148 /* hide the the time that is normally displayed... */
149 .fc-time-grid .fc-event .fc-time span {
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
); }
156 /* Vertical Scroller & Containers
157 --------------------------------------------------------------------------------------------------*/
158 /* kill the scrollbars and allow natural height */
160 .fc-day-grid-container
,
161 .fc-time-grid-container {
163 overflow: visible
!important
;
164 height: auto
!important
; }
166 /* kill the horizontal border/padding used to compensate for scrollbars */
168 border: 0 !important
;
169 margin: 0 !important
; }
172 --------------------------------------------------------------------------------------------------*/
176 /* don't display any button-related controls */ }