1 /* |
1 /*! |
2 * FullCalendar v1.4.8 Stylesheet |
2 * FullCalendar v1.6.4 Stylesheet |
3 * |
3 * Docs & License: http://arshaw.com/fullcalendar/ |
4 * Feel free to edit this file to customize the look of FullCalendar. |
4 * (c) 2013 Adam Shaw |
5 * When upgrading to newer versions, please upgrade this file as well, |
|
6 * porting over any customizations afterwards. |
|
7 * |
|
8 * Date: Sat Oct 16 17:10:03 2010 -0700 |
|
9 * |
|
10 */ |
5 */ |
11 |
6 |
12 |
7 |
13 /* TODO: make font sizes look the same in all doctypes */ |
|
14 |
|
15 |
|
16 .fc, |
|
17 .fc .fc-header, |
|
18 .fc .fc-content { |
|
19 font-size: 1em; |
|
20 } |
|
21 |
|
22 .fc { |
8 .fc { |
23 direction: ltr; |
9 direction: ltr; |
24 text-align: left; |
10 text-align: left; |
25 } |
11 } |
26 |
12 |
27 .fc table { |
13 .fc table { |
28 border-collapse: collapse; |
14 border-collapse: collapse; |
29 border-spacing: 0; |
15 border-spacing: 0; |
30 } |
16 } |
31 |
17 |
32 .fc td, .fc th { |
18 html .fc, |
|
19 .fc table { |
|
20 font-size: 1em; |
|
21 } |
|
22 |
|
23 .fc td, |
|
24 .fc th { |
33 padding: 0; |
25 padding: 0; |
34 vertical-align: top; |
26 vertical-align: top; |
35 } |
27 } |
36 |
28 |
37 |
29 |
38 |
30 |
39 /* Header |
31 /* Header |
40 ------------------------------------------------------------------------*/ |
32 ------------------------------------------------------------------------*/ |
41 |
33 |
42 table.fc-header { |
34 .fc-header td { |
43 width: 100%; |
35 white-space: nowrap; |
44 } |
36 } |
45 |
37 |
46 .fc-header-left { |
38 .fc-header-left { |
47 width: 25%; |
39 width: 25%; |
48 } |
40 text-align: left; |
49 |
|
50 .fc-header-left table { |
|
51 float: left; |
|
52 } |
41 } |
53 |
42 |
54 .fc-header-center { |
43 .fc-header-center { |
55 width: 50%; |
|
56 text-align: center; |
44 text-align: center; |
57 } |
|
58 |
|
59 .fc-header-center table { |
|
60 margin: 0 auto; |
|
61 } |
45 } |
62 |
46 |
63 .fc-header-right { |
47 .fc-header-right { |
64 width: 25%; |
48 width: 25%; |
65 } |
49 text-align: right; |
66 |
|
67 .fc-header-right table { |
|
68 float: right; |
|
69 } |
50 } |
70 |
51 |
71 .fc-header-title { |
52 .fc-header-title { |
|
53 display: inline-block; |
|
54 vertical-align: top; |
|
55 } |
|
56 |
|
57 .fc-header-title h2 { |
72 margin-top: 0; |
58 margin-top: 0; |
73 white-space: nowrap; |
59 white-space: nowrap; |
74 } |
60 } |
75 |
61 |
76 .fc-header-space { |
62 .fc .fc-header-space { |
77 padding-left: 10px; |
63 padding-left: 10px; |
78 } |
64 } |
79 |
65 |
80 /* right-to-left */ |
66 .fc-header .fc-button { |
81 |
|
82 .fc-rtl .fc-header-title { |
|
83 direction: rtl; |
|
84 } |
|
85 |
|
86 |
|
87 |
|
88 /* Buttons |
|
89 ------------------------------------------------------------------------*/ |
|
90 |
|
91 .fc-header .fc-state-default, |
|
92 .fc-header .ui-state-default { |
|
93 margin-bottom: 1em; |
67 margin-bottom: 1em; |
94 cursor: pointer; |
68 vertical-align: top; |
95 } |
69 } |
96 |
70 |
97 .fc-header .fc-state-default { |
71 /* buttons edges butting together */ |
98 border-width: 1px 0; |
72 |
99 padding: 0 1px; |
73 .fc-header .fc-button { |
100 } |
74 margin-right: -1px; |
101 |
75 } |
102 .fc-header .fc-state-default, |
76 |
103 .fc-header .fc-state-default a { |
77 .fc-header .fc-corner-right, /* non-theme */ |
104 border-style: solid; |
78 .fc-header .ui-corner-right { /* theme */ |
105 } |
79 margin-right: 0; /* back to normal */ |
106 |
80 } |
107 .fc-header .fc-state-default a { |
81 |
108 display: block; |
82 /* button layering (for border precedence) */ |
109 border-width: 0 1px; |
83 |
110 margin: 0 -1px; |
84 .fc-header .fc-state-hover, |
111 width: 100%; |
85 .fc-header .ui-state-hover { |
112 text-decoration: none; |
86 z-index: 2; |
113 } |
87 } |
114 |
88 |
115 .fc-header .fc-state-default span { |
89 .fc-header .fc-state-down { |
116 display: block; |
90 z-index: 3; |
117 border-style: solid; |
91 } |
118 border-width: 1px 0 1px 1px; |
92 |
119 padding: 3px 5px; |
93 .fc-header .fc-state-active, |
120 } |
94 .fc-header .ui-state-active { |
121 |
95 z-index: 4; |
122 .fc-header .ui-state-default { |
96 } |
123 padding: 4px 6px; |
97 |
124 } |
98 |
125 |
99 |
126 .fc-header .fc-state-default span, |
100 /* Content |
127 .fc-header .ui-state-default span { |
101 ------------------------------------------------------------------------*/ |
128 white-space: nowrap; |
|
129 } |
|
130 |
|
131 /* for adjacent buttons */ |
|
132 |
|
133 .fc-header .fc-no-right { |
|
134 padding-right: 0; |
|
135 } |
|
136 |
|
137 .fc-header .fc-no-right a { |
|
138 margin-right: 0; |
|
139 border-right: 0; |
|
140 } |
|
141 |
|
142 .fc-header .ui-no-right { |
|
143 border-right: 0; |
|
144 } |
|
145 |
|
146 /* for fake rounded corners */ |
|
147 |
|
148 .fc-header .fc-corner-left { |
|
149 margin-left: 1px; |
|
150 padding-left: 0; |
|
151 } |
|
152 |
|
153 .fc-header .fc-corner-right { |
|
154 margin-right: 1px; |
|
155 padding-right: 0; |
|
156 } |
|
157 |
|
158 /* DEFAULT button COLORS */ |
|
159 |
|
160 .fc-header .fc-state-default, |
|
161 .fc-header .fc-state-default a { |
|
162 border-color: #777; /* outer border */ |
|
163 color: #333; |
|
164 } |
|
165 |
|
166 .fc-header .fc-state-default span { |
|
167 border-color: #fff #fff #d1d1d1; /* inner border */ |
|
168 background: #e8e8e8; |
|
169 } |
|
170 |
|
171 /* PRESSED button COLORS (down and active) */ |
|
172 |
|
173 .fc-header .fc-state-active a { |
|
174 color: #fff; |
|
175 } |
|
176 |
|
177 .fc-header .fc-state-down span, |
|
178 .fc-header .fc-state-active span { |
|
179 background: #888; |
|
180 border-color: #808080 #808080 #909090; /* inner border */ |
|
181 } |
|
182 |
|
183 /* DISABLED button COLORS */ |
|
184 |
|
185 .fc-header .fc-state-disabled a { |
|
186 color: #999; |
|
187 } |
|
188 |
|
189 .fc-header .fc-state-disabled, |
|
190 .fc-header .fc-state-disabled a { |
|
191 border-color: #ccc; /* outer border */ |
|
192 } |
|
193 |
|
194 .fc-header .fc-state-disabled span { |
|
195 border-color: #fff #fff #f0f0f0; /* inner border */ |
|
196 background: #f0f0f0; |
|
197 } |
|
198 |
|
199 |
|
200 |
|
201 /* Content Area & Global Cell Styles |
|
202 ------------------------------------------------------------------------*/ |
|
203 |
|
204 .fc-widget-content { |
|
205 border: 1px solid #ccc; /* outer border color */ |
|
206 } |
|
207 |
102 |
208 .fc-content { |
103 .fc-content { |
209 clear: both; |
104 clear: both; |
210 } |
105 zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ |
211 |
106 } |
212 .fc-content .fc-state-default { |
107 |
213 border-style: solid; |
108 .fc-view { |
214 border-color: #ccc; /* inner border color */ |
|
215 } |
|
216 |
|
217 .fc-content .fc-state-highlight { /* today */ |
|
218 background: #ffc; |
|
219 } |
|
220 |
|
221 .fc-content .fc-not-today { /* override jq-ui highlight (TODO: ui-widget-content) */ |
|
222 background: none; |
|
223 } |
|
224 |
|
225 .fc-cell-overlay { /* semi-transparent rectangle while dragging */ |
|
226 background: #9cf; |
|
227 opacity: .2; |
|
228 filter: alpha(opacity=20); /* for IE */ |
|
229 } |
|
230 |
|
231 .fc-view { /* prevents dragging outside of widget */ |
|
232 width: 100%; |
109 width: 100%; |
233 overflow: hidden; |
110 overflow: hidden; |
234 } |
111 } |
235 |
112 |
236 |
113 |
237 |
114 |
238 |
115 /* Cell Styles |
|
116 ------------------------------------------------------------------------*/ |
|
117 |
|
118 .fc-widget-header, /* <th>, usually */ |
|
119 .fc-widget-content { /* <td>, usually */ |
|
120 border: 1px solid #ddd; |
|
121 } |
|
122 |
|
123 .fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */ |
|
124 background: #fcf8e3; |
|
125 } |
|
126 |
|
127 .fc-cell-overlay { /* semi-transparent rectangle while dragging */ |
|
128 background: #bce8f1; |
|
129 opacity: .3; |
|
130 filter: alpha(opacity=30); /* for IE */ |
|
131 } |
|
132 |
|
133 |
|
134 |
|
135 /* Buttons |
|
136 ------------------------------------------------------------------------*/ |
|
137 |
|
138 .fc-button { |
|
139 position: relative; |
|
140 display: inline-block; |
|
141 padding: 0 .6em; |
|
142 overflow: hidden; |
|
143 height: 1.9em; |
|
144 line-height: 1.9em; |
|
145 white-space: nowrap; |
|
146 cursor: pointer; |
|
147 } |
|
148 |
|
149 .fc-state-default { /* non-theme */ |
|
150 border: 1px solid; |
|
151 } |
|
152 |
|
153 .fc-state-default.fc-corner-left { /* non-theme */ |
|
154 border-top-left-radius: 4px; |
|
155 border-bottom-left-radius: 4px; |
|
156 } |
|
157 |
|
158 .fc-state-default.fc-corner-right { /* non-theme */ |
|
159 border-top-right-radius: 4px; |
|
160 border-bottom-right-radius: 4px; |
|
161 } |
|
162 |
|
163 /* |
|
164 Our default prev/next buttons use HTML entities like ‹ › « » |
|
165 and we'll try to make them look good cross-browser. |
|
166 */ |
|
167 |
|
168 .fc-text-arrow { |
|
169 margin: 0 .1em; |
|
170 font-size: 2em; |
|
171 font-family: "Courier New", Courier, monospace; |
|
172 vertical-align: baseline; /* for IE7 */ |
|
173 } |
|
174 |
|
175 .fc-button-prev .fc-text-arrow, |
|
176 .fc-button-next .fc-text-arrow { /* for ‹ › */ |
|
177 font-weight: bold; |
|
178 } |
|
179 |
|
180 /* icon (for jquery ui) */ |
|
181 |
|
182 .fc-button .fc-icon-wrap { |
|
183 position: relative; |
|
184 float: left; |
|
185 top: 50%; |
|
186 } |
|
187 |
|
188 .fc-button .ui-icon { |
|
189 position: relative; |
|
190 float: left; |
|
191 margin-top: -50%; |
|
192 *margin-top: 0; |
|
193 *top: -50%; |
|
194 } |
|
195 |
|
196 /* |
|
197 button states |
|
198 borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) |
|
199 */ |
|
200 |
|
201 .fc-state-default { |
|
202 background-color: #f5f5f5; |
|
203 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); |
|
204 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); |
|
205 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); |
|
206 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); |
|
207 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); |
|
208 background-repeat: repeat-x; |
|
209 border-color: #e6e6e6 #e6e6e6 #bfbfbf; |
|
210 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
211 color: #333; |
|
212 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
|
213 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
214 } |
|
215 |
|
216 .fc-state-hover, |
|
217 .fc-state-down, |
|
218 .fc-state-active, |
|
219 .fc-state-disabled { |
|
220 color: #333333; |
|
221 background-color: #e6e6e6; |
|
222 } |
|
223 |
|
224 .fc-state-hover { |
|
225 color: #333333; |
|
226 text-decoration: none; |
|
227 background-position: 0 -15px; |
|
228 -webkit-transition: background-position 0.1s linear; |
|
229 -moz-transition: background-position 0.1s linear; |
|
230 -o-transition: background-position 0.1s linear; |
|
231 transition: background-position 0.1s linear; |
|
232 } |
|
233 |
|
234 .fc-state-down, |
|
235 .fc-state-active { |
|
236 background-color: #cccccc; |
|
237 background-image: none; |
|
238 outline: 0; |
|
239 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
240 } |
|
241 |
|
242 .fc-state-disabled { |
|
243 cursor: default; |
|
244 background-image: none; |
|
245 opacity: 0.65; |
|
246 filter: alpha(opacity=65); |
|
247 box-shadow: none; |
|
248 } |
|
249 |
|
250 |
239 |
251 |
240 /* Global Event Styles |
252 /* Global Event Styles |
241 ------------------------------------------------------------------------*/ |
253 ------------------------------------------------------------------------*/ |
242 |
254 |
243 .fc-event, |
255 .fc-event-container > * { |
244 .fc-agenda .fc-event-time, |
256 z-index: 8; |
245 .fc-event a { |
257 } |
246 border-style: solid; |
258 |
247 border-color: #36c; /* default BORDER color (probably the same as background-color) */ |
259 .fc-event-container > .ui-draggable-dragging, |
248 background-color: #36c; /* default BACKGROUND color */ |
260 .fc-event-container > .ui-resizable-resizing { |
249 color: #fff; /* default TEXT color */ |
261 z-index: 9; |
250 } |
262 } |
251 |
|
252 /* Use the 'className' CalEvent property and the following |
|
253 * example CSS to change event color on a per-event basis: |
|
254 * |
|
255 * .myclass, |
|
256 * .fc-agenda .myclass .fc-event-time, |
|
257 * .myclass a { |
|
258 * background-color: black; |
|
259 * border-color: black; |
|
260 * color: red; |
|
261 * } |
|
262 */ |
|
263 |
263 |
264 .fc-event { |
264 .fc-event { |
265 text-align: left; |
265 border: 1px solid #3a87ad; /* default BORDER color */ |
266 } |
266 background-color: #3a87ad; /* default BACKGROUND color */ |
267 |
267 color: #fff; /* default TEXT color */ |
268 .fc-event a { |
268 font-size: .85em; |
|
269 cursor: default; |
|
270 } |
|
271 |
|
272 a.fc-event { |
|
273 text-decoration: none; |
|
274 } |
|
275 |
|
276 a.fc-event, |
|
277 .fc-event-draggable { |
|
278 cursor: pointer; |
|
279 } |
|
280 |
|
281 .fc-rtl .fc-event { |
|
282 text-align: right; |
|
283 } |
|
284 |
|
285 .fc-event-inner { |
|
286 width: 100%; |
|
287 height: 100%; |
269 overflow: hidden; |
288 overflow: hidden; |
270 font-size: .85em; |
|
271 text-decoration: none; |
|
272 cursor: pointer; |
|
273 } |
|
274 |
|
275 .fc-event-editable { |
|
276 cursor: pointer; |
|
277 } |
289 } |
278 |
290 |
279 .fc-event-time, |
291 .fc-event-time, |
280 .fc-event-title { |
292 .fc-event-title { |
281 padding: 0 1px; |
293 padding: 0 1px; |
282 } |
294 } |
283 |
|
284 /* for fake rounded corners */ |
|
285 |
|
286 .fc-event a { |
|
287 display: block; |
|
288 position: relative; |
|
289 width: 100%; |
|
290 height: 100%; |
|
291 } |
|
292 |
|
293 /* right-to-left */ |
|
294 |
|
295 .fc-rtl .fc-event a { |
|
296 text-align: right; |
|
297 } |
|
298 |
|
299 /* resizable */ |
|
300 |
295 |
301 .fc .ui-resizable-handle { |
296 .fc .ui-resizable-handle { |
302 display: block; |
297 display: block; |
303 position: absolute; |
298 position: absolute; |
304 z-index: 99999; |
299 z-index: 99999; |
305 border: 0 !important; /* important overrides pre jquery ui 1.7 styles */ |
300 overflow: hidden; /* hacky spaces (IE6/7) */ |
306 background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */ |
301 font-size: 300%; /* */ |
|
302 line-height: 50%; /* */ |
307 } |
303 } |
308 |
304 |
309 |
305 |
310 |
306 |
311 /* Horizontal Events |
307 /* Horizontal Events |
399 making day-numbers bold also fixes the problem */ |
408 making day-numbers bold also fixes the problem */ |
400 } |
409 } |
401 |
410 |
402 .fc-grid .fc-day-content { |
411 .fc-grid .fc-day-content { |
403 clear: both; |
412 clear: both; |
404 padding: 2px 2px 0; /* distance between events and day edges */ |
413 padding: 2px 2px 1px; /* distance between events and day edges */ |
405 } |
414 } |
406 |
415 |
407 /* event styles */ |
416 /* event styles */ |
408 |
417 |
409 .fc-grid .fc-event-time { |
418 .fc-grid .fc-event-time { |
410 font-weight: bold; |
419 font-weight: bold; |
411 } |
420 } |
412 |
421 |
413 /* right-to-left */ |
422 /* right-to-left */ |
414 |
|
415 .fc-rtl .fc-grid { |
|
416 direction: rtl; |
|
417 } |
|
418 |
423 |
419 .fc-rtl .fc-grid .fc-day-number { |
424 .fc-rtl .fc-grid .fc-day-number { |
420 float: left; |
425 float: left; |
421 } |
426 } |
422 |
427 |
423 .fc-rtl .fc-grid .fc-event-time { |
428 .fc-rtl .fc-grid .fc-event-time { |
424 float: right; |
429 float: right; |
425 } |
430 } |
426 |
431 |
|
432 |
|
433 |
427 /* Agenda Week View, Agenda Day View |
434 /* Agenda Week View, Agenda Day View |
428 ------------------------------------------------------------------------*/ |
435 ------------------------------------------------------------------------*/ |
429 |
436 |
430 .fc .fc-agenda th, |
437 .fc-agenda table { |
431 .fc .fc-agenda td { |
438 border-collapse: separate; |
432 border-width: 1px 0 0 1px; |
439 } |
433 } |
440 |
434 |
441 .fc-agenda-days th { |
435 .fc .fc-agenda .fc-leftmost { |
|
436 border-left: 0; |
|
437 } |
|
438 |
|
439 .fc-agenda tr.fc-first th, |
|
440 .fc-agenda tr.fc-first td { |
|
441 border-top: 0; |
|
442 } |
|
443 |
|
444 .fc-agenda-head tr.fc-last th { |
|
445 border-bottom-width: 1px; |
|
446 } |
|
447 |
|
448 .fc .fc-agenda-head td, |
|
449 .fc .fc-agenda-body td { |
|
450 background: none; |
|
451 } |
|
452 |
|
453 .fc-agenda-head th { |
|
454 text-align: center; |
442 text-align: center; |
455 } |
443 } |
456 |
444 |
457 /* the time axis running down the left side */ |
445 .fc-agenda .fc-agenda-axis { |
458 |
|
459 .fc-agenda .fc-axis { |
|
460 width: 50px; |
446 width: 50px; |
461 padding: 0 4px; |
447 padding: 0 4px; |
462 vertical-align: middle; |
448 vertical-align: middle; |
|
449 text-align: right; |
463 white-space: nowrap; |
450 white-space: nowrap; |
464 text-align: right; |
|
465 font-weight: normal; |
451 font-weight: normal; |
466 } |
452 } |
467 |
453 |
468 /* all-day event cells at top */ |
454 .fc-agenda .fc-week-number { |
469 |
455 font-weight: bold; |
470 .fc-agenda-head tr.fc-all-day th { |
456 } |
471 height: 35px; |
457 |
472 } |
458 .fc-agenda .fc-day-content { |
473 |
459 padding: 2px 2px 1px; |
474 .fc-agenda-head td { |
460 } |
475 padding-bottom: 10px; |
461 |
476 } |
462 /* make axis border take precedence */ |
477 |
463 |
478 .fc .fc-divider div { |
464 .fc-agenda-days .fc-agenda-axis { |
479 font-size: 1px; /* for IE6/7 */ |
465 border-right-width: 1px; |
|
466 } |
|
467 |
|
468 .fc-agenda-days .fc-col0 { |
|
469 border-left-width: 0; |
|
470 } |
|
471 |
|
472 /* all-day area */ |
|
473 |
|
474 .fc-agenda-allday th { |
|
475 border-width: 0 1px; |
|
476 } |
|
477 |
|
478 .fc-agenda-allday .fc-day-content { |
|
479 min-height: 34px; /* TODO: doesnt work well in quirksmode */ |
|
480 _height: 34px; |
|
481 } |
|
482 |
|
483 /* divider (between all-day and slots) */ |
|
484 |
|
485 .fc-agenda-divider-inner { |
480 height: 2px; |
486 height: 2px; |
481 } |
487 overflow: hidden; |
482 |
488 } |
483 .fc .fc-divider .fc-state-default { |
489 |
484 background: #eee; /* color for divider between all-day and time-slot events */ |
490 .fc-widget-header .fc-agenda-divider-inner { |
485 } |
491 background: #eee; |
486 |
492 } |
487 /* body styles */ |
493 |
488 |
494 /* slot rows */ |
489 .fc .fc-agenda-body td div { |
495 |
490 height: 20px; /* slot height */ |
496 .fc-agenda-slots th { |
491 } |
497 border-width: 1px 1px 0; |
492 |
498 } |
493 .fc .fc-agenda-body tr.fc-minor th, |
499 |
494 .fc .fc-agenda-body tr.fc-minor td { |
500 .fc-agenda-slots td { |
|
501 border-width: 1px 0 0; |
|
502 background: none; |
|
503 } |
|
504 |
|
505 .fc-agenda-slots td div { |
|
506 height: 20px; |
|
507 } |
|
508 |
|
509 .fc-agenda-slots tr.fc-slot0 th, |
|
510 .fc-agenda-slots tr.fc-slot0 td { |
|
511 border-top-width: 0; |
|
512 } |
|
513 |
|
514 .fc-agenda-slots tr.fc-minor th, |
|
515 .fc-agenda-slots tr.fc-minor td { |
495 border-top-style: dotted; |
516 border-top-style: dotted; |
496 } |
517 } |
497 |
518 |
498 .fc-agenda .fc-day-content { |
519 .fc-agenda-slots tr.fc-minor th.ui-widget-header { |
499 padding: 2px 2px 0; /* distance between events and day edges */ |
520 *border-top-style: solid; /* doesn't work with background in IE6/7 */ |
500 } |
|
501 |
|
502 /* vertical background columns */ |
|
503 |
|
504 .fc .fc-agenda-bg .ui-state-highlight { |
|
505 background-image: none; /* tall column, don't want repeating background image */ |
|
506 } |
521 } |
507 |
522 |
508 |
523 |
509 |
524 |
510 /* Vertical Events |
525 /* Vertical Events |
511 ------------------------------------------------------------------------*/ |
526 ------------------------------------------------------------------------*/ |
512 |
527 |
513 .fc-event-vert { |
528 .fc-event-vert { |
514 border-width: 0 1px; |
529 border-width: 0 1px; |
515 } |
530 } |
516 |
531 |
517 .fc-event-vert a { |
532 .fc-event-vert.fc-event-start { |
518 border-width: 0; |
|
519 } |
|
520 |
|
521 /* for fake rounded corners */ |
|
522 |
|
523 .fc-content .fc-corner-top { |
|
524 margin-top: 1px; |
|
525 } |
|
526 |
|
527 .fc-content .fc-corner-top a { |
|
528 margin-top: -1px; |
|
529 border-top-width: 1px; |
533 border-top-width: 1px; |
530 } |
534 border-top-left-radius: 3px; |
531 |
535 border-top-right-radius: 3px; |
532 .fc-content .fc-corner-bottom { |
536 } |
533 margin-bottom: 1px; |
537 |
534 } |
538 .fc-event-vert.fc-event-end { |
535 |
|
536 .fc-content .fc-corner-bottom a { |
|
537 margin-bottom: -1px; |
|
538 border-bottom-width: 1px; |
539 border-bottom-width: 1px; |
539 } |
540 border-bottom-left-radius: 3px; |
540 |
541 border-bottom-right-radius: 3px; |
541 /* event content */ |
542 } |
542 |
543 |
543 .fc-event-vert span { |
544 .fc-event-vert .fc-event-time { |
544 display: block; |
545 white-space: nowrap; |
|
546 font-size: 10px; |
|
547 } |
|
548 |
|
549 .fc-event-vert .fc-event-inner { |
545 position: relative; |
550 position: relative; |
546 z-index: 2; |
551 z-index: 2; |
547 } |
552 } |
548 |
553 |
549 .fc-event-vert span.fc-event-time { |
554 .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ |
550 white-space: nowrap; |
|
551 _white-space: normal; |
|
552 overflow: hidden; |
|
553 border: 0; |
|
554 font-size: 10px; |
|
555 } |
|
556 |
|
557 .fc-event-vert span.fc-event-title { |
|
558 line-height: 13px; |
|
559 } |
|
560 |
|
561 .fc-event-vert span.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ |
|
562 position: absolute; |
555 position: absolute; |
563 z-index: 1; |
556 z-index: 1; |
564 top: 0; |
557 top: 0; |
565 left: 0; |
558 left: 0; |
566 width: 100%; |
559 width: 100%; |
567 height: 100%; |
560 height: 100%; |
568 background: #fff; |
561 background: #fff; |
569 opacity: .3; |
562 opacity: .25; |
570 filter: alpha(opacity=30); /* for IE */ |
563 filter: alpha(opacity=25); |
|
564 } |
|
565 |
|
566 .fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ |
|
567 .fc-select-helper .fc-event-bg { |
|
568 display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ |
571 } |
569 } |
572 |
570 |
573 /* resizable */ |
571 /* resizable */ |
574 |
572 |
575 .fc-event-vert .ui-resizable-s { |
573 .fc-event-vert .ui-resizable-s { |
576 bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ |
574 bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ |
577 width: 100% !important; |
575 width: 100% !important; |
578 height: 8px !important; |
576 height: 8px !important; |
|
577 overflow: hidden !important; |
579 line-height: 8px !important; |
578 line-height: 8px !important; |
580 font-size: 11px !important; |
579 font-size: 11px !important; |
581 font-family: monospace; |
580 font-family: monospace; |
582 text-align: center; |
581 text-align: center; |
583 cursor: s-resize; |
582 cursor: s-resize; |
584 } |
583 } |
585 |
584 |
586 |
585 .fc-agenda .ui-resizable-resizing { /* TODO: better selector */ |
|
586 _overflow: hidden; |
|
587 } |
|
588 |
|
589 |