| 9 |
lars |
1 |
/*!
|
|
|
2 |
* FullCalendar v2.2.7 Print Stylesheet
|
|
|
3 |
* Docs & License: http://arshaw.com/fullcalendar/
|
|
|
4 |
* (c) 2013 Adam Shaw
|
|
|
5 |
*/
|
|
|
6 |
|
|
|
7 |
/*
|
|
|
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.
|
|
|
11 |
*/
|
|
|
12 |
|
|
|
13 |
.fc {
|
|
|
14 |
max-width: 100% !important;
|
|
|
15 |
}
|
|
|
16 |
|
|
|
17 |
|
|
|
18 |
/* Global Event Restyling
|
|
|
19 |
--------------------------------------------------------------------------------------------------*/
|
|
|
20 |
|
|
|
21 |
.fc-event {
|
|
|
22 |
background: #fff !important;
|
|
|
23 |
color: #000 !important;
|
|
|
24 |
page-break-inside: avoid;
|
|
|
25 |
}
|
|
|
26 |
|
|
|
27 |
.fc-event .fc-resizer {
|
|
|
28 |
display: none;
|
|
|
29 |
}
|
|
|
30 |
|
|
|
31 |
|
|
|
32 |
/* Table & Day-Row Restyling
|
|
|
33 |
--------------------------------------------------------------------------------------------------*/
|
|
|
34 |
|
|
|
35 |
th,
|
|
|
36 |
td,
|
|
|
37 |
hr,
|
|
|
38 |
thead,
|
|
|
39 |
tbody,
|
|
|
40 |
.fc-row {
|
|
|
41 |
border-color: #ccc !important;
|
|
|
42 |
background: #fff !important;
|
|
|
43 |
}
|
|
|
44 |
|
|
|
45 |
/* kill the overlaid, absolutely-positioned common components */
|
|
|
46 |
.fc-bg,
|
|
|
47 |
.fc-bgevent-skeleton,
|
|
|
48 |
.fc-highlight-skeleton,
|
|
|
49 |
.fc-helper-skeleton {
|
|
|
50 |
display: none;
|
|
|
51 |
}
|
|
|
52 |
|
|
|
53 |
/* don't force a min-height on rows (for DayGrid) */
|
|
|
54 |
.fc tbody .fc-row {
|
|
|
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 */
|
|
|
57 |
}
|
|
|
58 |
|
|
|
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... */
|
|
|
62 |
}
|
|
|
63 |
|
|
|
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 */
|
|
|
66 |
}
|
|
|
67 |
|
|
|
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 */
|
|
|
71 |
height: 1em;
|
|
|
72 |
}
|
|
|
73 |
|
|
|
74 |
|
|
|
75 |
/* Undo month-view event limiting. Display all events and hide the "more" links
|
|
|
76 |
--------------------------------------------------------------------------------------------------*/
|
|
|
77 |
|
|
|
78 |
.fc-more-cell,
|
|
|
79 |
.fc-more {
|
|
|
80 |
display: none !important;
|
|
|
81 |
}
|
|
|
82 |
|
|
|
83 |
.fc tr.fc-limited {
|
|
|
84 |
display: table-row !important;
|
|
|
85 |
}
|
|
|
86 |
|
|
|
87 |
.fc td.fc-limited {
|
|
|
88 |
display: table-cell !important;
|
|
|
89 |
}
|
|
|
90 |
|
|
|
91 |
.fc-popover {
|
|
|
92 |
display: none; /* never display the "more.." popover in print mode */
|
|
|
93 |
}
|
|
|
94 |
|
|
|
95 |
|
|
|
96 |
/* TimeGrid Restyling
|
|
|
97 |
--------------------------------------------------------------------------------------------------*/
|
|
|
98 |
|
|
|
99 |
/* undo the min-height 100% trick used to fill the container's height */
|
|
|
100 |
.fc-time-grid {
|
|
|
101 |
min-height: 0 !important;
|
|
|
102 |
}
|
|
|
103 |
|
|
|
104 |
/* don't display the side axis at all ("all-day" and time cells) */
|
|
|
105 |
.fc-agenda-view .fc-axis {
|
|
|
106 |
display: none;
|
|
|
107 |
}
|
|
|
108 |
|
|
|
109 |
/* don't display the horizontal lines */
|
|
|
110 |
.fc-slats,
|
|
|
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 */
|
|
|
113 |
}
|
|
|
114 |
|
|
|
115 |
/* let the container that holds the events be naturally positioned and create real height */
|
|
|
116 |
.fc-time-grid .fc-content-skeleton {
|
|
|
117 |
position: static;
|
|
|
118 |
}
|
|
|
119 |
|
|
|
120 |
/* in case there are no events, we still want some height */
|
|
|
121 |
.fc-time-grid .fc-content-skeleton table {
|
|
|
122 |
height: 4em;
|
|
|
123 |
}
|
|
|
124 |
|
|
|
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;
|
|
|
128 |
}
|
|
|
129 |
|
|
|
130 |
|
|
|
131 |
/* TimeGrid *Event* Restyling
|
|
|
132 |
--------------------------------------------------------------------------------------------------*/
|
|
|
133 |
|
|
|
134 |
/* naturally position events, vertically stacking them */
|
|
|
135 |
.fc-time-grid .fc-event {
|
|
|
136 |
position: static !important;
|
|
|
137 |
margin: 3px 2px !important;
|
|
|
138 |
}
|
|
|
139 |
|
|
|
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;
|
|
|
143 |
}
|
|
|
144 |
|
|
|
145 |
/* indicate the event continues via "..." text */
|
|
|
146 |
.fc-time-grid .fc-event.fc-not-end:after {
|
|
|
147 |
content: "...";
|
|
|
148 |
}
|
|
|
149 |
|
|
|
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;
|
|
|
153 |
}
|
|
|
154 |
|
|
|
155 |
/* indicate the event is a continuation via "..." text */
|
|
|
156 |
.fc-time-grid .fc-event.fc-not-start:before {
|
|
|
157 |
content: "...";
|
|
|
158 |
}
|
|
|
159 |
|
|
|
160 |
/* time */
|
|
|
161 |
|
|
|
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;
|
|
|
165 |
}
|
|
|
166 |
|
|
|
167 |
/* hide the the time that is normally displayed... */
|
|
|
168 |
.fc-time-grid .fc-event .fc-time span {
|
|
|
169 |
display: none;
|
|
|
170 |
}
|
|
|
171 |
|
|
|
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);
|
|
|
175 |
}
|
|
|
176 |
|
|
|
177 |
|
|
|
178 |
/* Vertical Scroller & Containers
|
|
|
179 |
--------------------------------------------------------------------------------------------------*/
|
|
|
180 |
|
|
|
181 |
/* kill the scrollbars and allow natural height */
|
|
|
182 |
.fc-scroller,
|
|
|
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;
|
|
|
187 |
}
|
|
|
188 |
|
|
|
189 |
/* kill the horizontal border/padding used to compensate for scrollbars */
|
|
|
190 |
.fc-row {
|
|
|
191 |
border: 0 !important;
|
|
|
192 |
margin: 0 !important;
|
|
|
193 |
}
|
|
|
194 |
|
|
|
195 |
|
|
|
196 |
/* Button Controls
|
|
|
197 |
--------------------------------------------------------------------------------------------------*/
|
|
|
198 |
|
|
|
199 |
.fc-button-group,
|
|
|
200 |
.fc button {
|
|
|
201 |
display: none; /* don't display any button-related controls */
|
|
|
202 |
}
|
|
|
203 |
|
|
|
204 |
/* Year View
|
|
|
205 |
--------------------------------------------------------------------------------------------------*/
|
|
|
206 |
|
|
|
207 |
a.fc-year-monthly-name {
|
|
|
208 |
color: black;
|
|
|
209 |
text-decoration: none;
|
|
|
210 |
}
|
|
|
211 |
|
|
|
212 |
span.fc-button {
|
|
|
213 |
display: none;
|
|
|
214 |
}
|