提交 | 用户 | 时间
|
58d006
|
1 |
/*! |
A |
2 |
* FullCalendar v2.5.0 Print Stylesheet |
|
3 |
* Docs & License: http://fullcalendar.io/ |
|
4 |
* (c) 2015 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 |
} |