]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /*! |
2 | * FullCalendar v2.2.5 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 | } |