]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* |
2 | * Plugin: Full Calendar | |
3 | * --------------------- | |
4 | */ | |
5 | //Fullcalendar buttons | |
6 | .fc-button { | |
7 | background: #f4f4f4; | |
8 | background-image: none; | |
9 | color: #444; | |
10 | border-color: #ddd; | |
11 | border-bottom-color: #ddd; | |
12 | &:hover, | |
13 | &:active, | |
14 | &.hover { | |
15 | background-color: #e9e9e9; | |
16 | } | |
17 | } | |
18 | ||
19 | // Calendar title | |
20 | .fc-header-title h2 { | |
21 | font-size: 15px; | |
22 | line-height: 1.6em; | |
23 | color: #666; | |
24 | margin-left: 10px; | |
25 | } | |
26 | ||
27 | .fc-header-right { | |
28 | padding-right: 10px; | |
29 | } | |
30 | ||
31 | .fc-header-left { | |
32 | padding-left: 10px; | |
33 | } | |
34 | ||
35 | // Calendar table header cells | |
36 | .fc-widget-header { | |
37 | background: #fafafa; | |
38 | } | |
39 | ||
40 | .fc-grid { | |
41 | width: 100%; | |
42 | border: 0; | |
43 | } | |
44 | ||
45 | .fc-widget-header:first-of-type, | |
46 | .fc-widget-content:first-of-type { | |
47 | border-left: 0; | |
48 | border-right: 0; | |
49 | } | |
50 | ||
51 | .fc-widget-header:last-of-type, | |
52 | .fc-widget-content:last-of-type { | |
53 | border-right: 0; | |
54 | } | |
55 | ||
56 | .fc-toolbar { | |
57 | padding: @box-padding; | |
58 | margin: 0; | |
59 | } | |
60 | ||
61 | .fc-day-number { | |
62 | font-size: 20px; | |
63 | font-weight: 300; | |
64 | padding-right: 10px; | |
65 | } | |
66 | ||
67 | .fc-color-picker { | |
68 | list-style: none; | |
69 | margin: 0; | |
70 | padding: 0; | |
71 | > li { | |
72 | float: left; | |
73 | font-size: 30px; | |
74 | margin-right: 5px; | |
75 | line-height: 30px; | |
76 | .fa { | |
77 | .transition-transform(linear .3s); | |
78 | &:hover { | |
79 | .rotate(30deg); | |
80 | } | |
81 | } | |
82 | } | |
83 | } | |
84 | ||
85 | #add-new-event { | |
86 | .transition(all linear .3s); | |
87 | } | |
88 | ||
89 | .external-event { | |
90 | padding: 5px 10px; | |
91 | font-weight: bold; | |
92 | margin-bottom: 4px; | |
93 | box-shadow: @box-boxshadow; | |
94 | text-shadow: @box-boxshadow; | |
95 | border-radius: @box-border-radius; | |
96 | cursor: move; | |
97 | &:hover { | |
98 | box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); | |
99 | } | |
100 | } |