| 4113 |
efrain |
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% !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 */ }
|