|
| 1 | +/*! |
| 2 | + * FullCalendar v3.9.0 |
| 3 | + * Docs & License: https://fullcalendar.io/ |
| 4 | + * (c) 2018 Adam Shaw |
| 5 | + */ |
| 6 | +/*! |
| 7 | + * FullCalendar v3.9.0 Print Stylesheet |
| 8 | + * Docs & License: https://fullcalendar.io/ |
| 9 | + * (c) 2018 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 */ } |
0 commit comments