1/*! 2 * FullCalendar v3.10.5 3 * Docs & License: https://fullcalendar.io/ 4 * (c) 2019 Adam Shaw 5 */ 6/*! 7 * FullCalendar v3.10.5 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% !important; } 18 19/* Global Event Restyling 20--------------------------------------------------------------------------------------------------*/ 21.fc-event { 22 background: #fff !important; 23 color: #000 !important; 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 !important; 38 background: #fff !important; } 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 !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 */ } 58 59.fc tbody .fc-row .fc-content-skeleton { 60 position: static; 61 /* undo .fc-rigid */ 62 padding-bottom: 0 !important; 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 !important; } 80 81.fc tr.fc-limited { 82 display: table-row !important; } 83 84.fc td.fc-limited { 85 display: table-cell !important; } 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 !important; } 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 !important; 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 !important; } 119 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; } 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 !important; } 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 !important; } 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 !important; } 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 !important; 164 height: auto !important; } 165 166/* kill the horizontal border/padding used to compensate for scrollbars */ 167.fc-row { 168 border: 0 !important; 169 margin: 0 !important; } 170 171/* Button Controls 172--------------------------------------------------------------------------------------------------*/ 173.fc-button-group, 174.fc button { 175 display: none; 176 /* don't display any button-related controls */ } 177