pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
fullcalendar.less
(10816B)
1 /*
2 * FullCalendar v1.5.4 Stylesheet
3 *
4 * Copyright (c) 2011 Adam Shaw
5 * Dual licensed under the MIT and GPL licenses, located in
6 * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
7 *
8 * Date: Tue Sep 4 23:38:33 2012 -0700
9 *
10 */
11
12
13 .fc {
14 direction: ltr;
15 text-align: left;
16 }
17
18 .fc table {
19 border-collapse: collapse;
20 border-spacing: 0;
21 }
22
23 html .fc,
24 .fc table {
25 font-size: 1em;
26 }
27
28 .fc td,
29 .fc th {
30 padding: 0;
31 vertical-align: top;
32 }
33
34
35
36 /* Header
37 ------------------------------------------------------------------------*/
38
39 .fc-header td {
40 white-space: nowrap;
41 }
42
43 .fc-header-left {
44 width: 25%;
45 text-align: left;
46 }
47
48 .fc-header-center {
49 text-align: center;
50 }
51
52 .fc-header-right {
53 width: 25%;
54 text-align: right;
55 }
56
57 .fc-header-title {
58 display: inline-block;
59 vertical-align: top;
60 }
61
62 .fc-header-title h2 {
63 margin-top: 0;
64 white-space: nowrap;
65 }
66
67 .fc .fc-header-space {
68 padding-left: 10px;
69 }
70
71 .fc-header .fc-button {
72 margin-bottom: 1em;
73 vertical-align: top;
74 }
75
76 /* buttons edges butting together */
77
78 .fc-header .fc-button {
79 margin-right: -1px;
80 }
81
82 .fc-header .fc-corner-right {
83 margin-right: 1px; /* back to normal */
84 }
85
86 .fc-header .ui-corner-right {
87 margin-right: 0; /* back to normal */
88 }
89
90 /* button layering (for border precedence) */
91
92 .fc-header .fc-state-hover,
93 .fc-header .ui-state-hover {
94 z-index: 2;
95 }
96
97 .fc-header .fc-state-down {
98 z-index: 3;
99 }
100
101 .fc-header .fc-state-active,
102 .fc-header .ui-state-active {
103 z-index: 4;
104 }
105
106
107
108 /* Content
109 ------------------------------------------------------------------------*/
110
111 .fc-content {
112 clear: both;
113 }
114
115 .fc-view {
116 width: 100%; /* needed for view switching (when view is absolute) */
117 overflow: hidden;
118 }
119
120
121
122 /* Cell Styles
123 ------------------------------------------------------------------------*/
124
125 .fc-widget-header, /* <th>, usually */
126 .fc-widget-content { /* <td>, usually */
127 border: 1px solid #ccc;
128 }
129
130 .fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
131 background: #ffc;
132 }
133
134 .fc-cell-overlay { /* semi-transparent rectangle while dragging */
135 background: #9cf;
136 opacity: .2;
137 filter: alpha(opacity=20); /* for IE */
138 }
139
140
141
142 /* Buttons
143 ------------------------------------------------------------------------*/
144
145 .fc-button {
146 position: relative;
147 display: inline-block;
148 cursor: pointer;
149 }
150
151 .fc-state-default { /* non-theme */
152 border-style: solid;
153 border-width: 1px 0;
154 }
155
156 .fc-button-inner {
157 position: relative;
158 float: left;
159 overflow: hidden;
160 }
161
162 .fc-state-default .fc-button-inner { /* non-theme */
163 border-style: solid;
164 border-width: 0 1px;
165 }
166
167 .fc-button-content {
168 position: relative;
169 float: left;
170 height: 1.9em;
171 line-height: 1.9em;
172 padding: 0 .6em;
173 white-space: nowrap;
174 }
175
176 /* icon (for jquery ui) */
177
178 .fc-button-content .fc-icon-wrap {
179 position: relative;
180 float: left;
181 top: 50%;
182 }
183
184 .fc-button-content .ui-icon {
185 position: relative;
186 float: left;
187 margin-top: -50%;
188 *margin-top: 0;
189 *top: -50%;
190 }
191
192 /* gloss effect */
193
194 .fc-state-default .fc-button-effect {
195 position: absolute;
196 top: 50%;
197 left: 0;
198 }
199
200 .fc-state-default .fc-button-effect span {
201 position: absolute;
202 top: -100px;
203 left: 0;
204 width: 500px;
205 height: 100px;
206 border-width: 100px 0 0 1px;
207 border-style: solid;
208 border-color: #fff;
209 background: #444;
210 opacity: .09;
211 filter: alpha(opacity=9);
212 }
213
214 /* button states (determines colors) */
215
216 .fc-state-default,
217 .fc-state-default .fc-button-inner {
218 border-style: solid;
219 border-color: #ccc #bbb #aaa;
220 background: #F3F3F3;
221 color: #000;
222 }
223
224 .fc-state-hover,
225 .fc-state-hover .fc-button-inner {
226 border-color: #999;
227 }
228
229 .fc-state-down,
230 .fc-state-down .fc-button-inner {
231 border-color: #555;
232 background: #777;
233 }
234
235 .fc-state-active,
236 .fc-state-active .fc-button-inner {
237 border-color: #555;
238 background: #777;
239 color: #fff;
240 }
241
242 .fc-state-disabled,
243 .fc-state-disabled .fc-button-inner {
244 color: #999;
245 border-color: #ddd;
246 }
247
248 .fc-state-disabled {
249 cursor: default;
250 }
251
252 .fc-state-disabled .fc-button-effect {
253 display: none;
254 }
255
256
257
258 /* Global Event Styles
259 ------------------------------------------------------------------------*/
260
261 .fc-event {
262 border-style: solid;
263 border-width: 0;
264 font-size: .85em;
265 cursor: default;
266 }
267
268 a.fc-event,
269 .fc-event-draggable {
270 cursor: pointer;
271 }
272
273 a.fc-event {
274 text-decoration: none;
275 }
276
277 .fc-rtl .fc-event {
278 text-align: right;
279 }
280
281 .fc-event-skin {
282 color: #FFF;
283 border-right:none !important;
284 cursor: move;
285 }
286
287
288 .fc-event-inner {
289 position: relative;
290 width: 100%;
291 height: 100%;
292 border-style: solid;
293 border-width: 0;
294 overflow: hidden;
295 }
296
297 .fc-event-time,
298 .fc-event-title {
299 padding: 0 1px;
300 }
301
302 .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
303 display: block;
304 position: absolute;
305 z-index: 99999;
306 overflow: hidden; /* hacky spaces (IE6/7) */
307 font-size: 300%; /* */
308 line-height: 50%; /* */
309 }
310
311
312
313 /* Horizontal Events
314 ------------------------------------------------------------------------*/
315
316 .fc-event-hori {
317 border-width: 1px 0;
318 margin-bottom: 1px;
319 }
320
321 /* resizable */
322
323 .fc-event-hori .ui-resizable-e {
324 top: 0 !important; /* importants override pre jquery ui 1.7 styles */
325 right: -3px !important;
326 width: 7px !important;
327 height: 100% !important;
328 cursor: e-resize;
329 }
330
331 .fc-event-hori .ui-resizable-w {
332 top: 0 !important;
333 left: -3px !important;
334 width: 7px !important;
335 height: 100% !important;
336 cursor: w-resize;
337 }
338
339 .fc-event-hori .ui-resizable-handle {
340 _padding-bottom: 14px; /* IE6 had 0 height */
341 }
342
343
344
345 /* Fake Rounded Corners (for buttons and events)
346 ------------------------------------------------------------*/
347
348 .fc-corner-left {
349 margin-left: 1px;
350 }
351
352 .fc-corner-left .fc-button-inner,
353 .fc-corner-left .fc-event-inner {
354 margin-left: -1px;
355 }
356
357 .fc-corner-right {
358 margin-right: 1px;
359 }
360
361 .fc-corner-right .fc-button-inner,
362 .fc-corner-right .fc-event-inner {
363 margin-right: -1px;
364 }
365
366 .fc-corner-top {
367 margin-top: 1px;
368 }
369
370 .fc-corner-top .fc-event-inner {
371 margin-top: -1px;
372 }
373
374 .fc-corner-bottom {
375 margin-bottom: 1px;
376 }
377
378 .fc-corner-bottom .fc-event-inner {
379 margin-bottom: -1px;
380 }
381
382
383
384 /* Fake Rounded Corners SPECIFICALLY FOR EVENTS
385 -----------------------------------------------------------------*/
386
387 .fc-corner-left .fc-event-inner {
388 border-left: 6px solid rgba(0, 0, 0, 0.15);
389 padding-left: 2px;
390 }
391
392 .fc-corner-right .fc-event-inner {
393
394 padding-left: 2px;
395 }
396
397 .fc-corner-top .fc-event-inner {
398 border-top-width: 1px;
399 }
400
401 .fc-corner-bottom .fc-event-inner {
402 border-bottom-width: 1px;
403 }
404
405
406 /* ICONS
407 -----------------------------------------------------------------*/
408 .fc-event-skin .fa:before {
409 display:block;
410 font-size:14px;
411 position:absolute;
412 right:4px;
413 top:3px;
414 }
415
416 /* Reusable Separate-border Table
417 ------------------------------------------------------------*/
418
419 table.fc-border-separate {
420 border-collapse: separate;
421 }
422
423 .fc-border-separate th,
424 .fc-border-separate td {
425 border-width: 1px 0 0 1px;
426 }
427
428 .fc-border-separate th.fc-last,
429 .fc-border-separate td.fc-last {
430 border-right-width: 1px;
431 }
432
433 .fc-border-separate tr.fc-last th,
434 .fc-border-separate tr.fc-last td {
435 border-bottom-width: 1px;
436 }
437
438 .fc-border-separate tbody tr.fc-first td,
439 .fc-border-separate tbody tr.fc-first th {
440 border-top-width: 0;
441 }
442
443
444
445 /* Month View, Basic Week View, Basic Day View
446 ------------------------------------------------------------------------*/
447
448 .fc-grid th {
449 text-align: center;
450 }
451
452 .fc-grid .fc-day-number {
453 float: right;
454 padding: 0 2px;
455 }
456
457 .fc-grid .fc-other-month .fc-day-number {
458 opacity: 0.3;
459 filter: alpha(opacity=30); /* for IE */
460 /* opacity with small font can sometimes look too faded
461 might want to set the 'color' property instead
462 making day-numbers bold also fixes the problem */
463 }
464
465 .fc-grid .fc-day-content {
466 clear: both;
467 padding: 2px 2px 1px; /* distance between events and day edges */
468 }
469
470 /* event styles */
471
472 .fc-grid .fc-event-time {
473 font-weight: bold;
474 }
475
476 /* right-to-left */
477
478 .fc-rtl .fc-grid .fc-day-number {
479 float: left;
480 }
481
482 .fc-rtl .fc-grid .fc-event-time {
483 float: right;
484 }
485
486
487
488 /* Agenda Week View, Agenda Day View
489 ------------------------------------------------------------------------*/
490
491 .fc-agenda table {
492 border-collapse: separate;
493 }
494
495 .fc-agenda-days th {
496 text-align: center;
497 }
498
499 .fc-agenda .fc-agenda-axis {
500 width: 50px;
501 padding: 0 4px;
502 vertical-align: middle;
503 text-align: right;
504 white-space: nowrap;
505 font-weight: normal;
506 }
507
508 .fc-agenda .fc-day-content {
509 padding: 2px 2px 1px;
510 }
511
512 /* make axis border take precedence */
513
514 .fc-agenda-days .fc-agenda-axis {
515 border-right-width: 1px;
516 }
517
518 .fc-agenda-days .fc-col0 {
519 border-left-width: 0;
520 }
521
522 /* all-day area */
523
524 .fc-agenda-allday th {
525 border-width: 0 1px;
526 }
527
528 .fc-agenda-allday .fc-day-content {
529 min-height: 34px; /* TODO: doesnt work well in quirksmode */
530 _height: 34px;
531 }
532
533 /* divider (between all-day and slots) */
534
535 .fc-agenda-divider-inner {
536 height: 2px;
537 overflow: hidden;
538 }
539
540 .fc-widget-header .fc-agenda-divider-inner {
541 background: #eee;
542 }
543
544 /* slot rows */
545
546 .fc-agenda-slots th {
547 border-width: 1px 1px 0;
548 }
549
550 .fc-agenda-slots td {
551 border-width: 1px 0 0;
552 background: none;
553 }
554
555 .fc-agenda-slots td div {
556 height: 20px;
557 }
558
559 .fc-agenda-slots tr.fc-slot0 th,
560 .fc-agenda-slots tr.fc-slot0 td {
561 border-top-width: 0;
562 }
563
564 .fc-agenda-slots tr.fc-minor th,
565 .fc-agenda-slots tr.fc-minor td {
566 border-top-style: dotted;
567 }
568
569 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
570 *border-top-style: solid; /* doesn't work with background in IE6/7 */
571 }
572
573
574
575 /* Vertical Events
576 ------------------------------------------------------------------------*/
577
578 .fc-event-vert {
579 border-width: 0 1px;
580 }
581
582 .fc-event-vert .fc-event-head,
583 .fc-event-vert .fc-event-content {
584 position: relative;
585 z-index: 2;
586 width: 100%;
587 overflow: hidden;
588 }
589
590 .fc-event-vert .fc-event-time {
591 white-space: nowrap;
592 font-size: 10px;
593 }
594
595 .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
596 position: absolute;
597 z-index: 1;
598 top: 0;
599 left: 0;
600 width: 100%;
601 height: 100%;
602 background: #fff;
603 opacity: .3;
604 filter: alpha(opacity=30);
605 }
606
607 .fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
608 .fc-select-helper .fc-event-bg {
609 display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
610 }
611
612 /* resizable */
613
614 .fc-event-vert .ui-resizable-s {
615 bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
616 width: 100% !important;
617 height: 8px !important;
618 overflow: hidden !important;
619 line-height: 8px !important;
620 font-size: 11px !important;
621 font-family: monospace;
622 text-align: center;
623 cursor: s-resize;
624 }
625
626 .fc-agenda .ui-resizable-resizing { /* TODO: better selector */
627 _overflow: hidden;
628 }
629
630