|
3
|
1 /*** Printing styles for Calendar plugin ***/
|
|
|
2
|
|
|
3 body {
|
|
|
4 margin: 0 0 1em 0;
|
|
|
5 color: #000;
|
|
|
6 background: #fff;
|
|
|
7 }
|
|
|
8
|
|
|
9 body, td, th, div, p, h3, select, input, textarea {
|
|
|
10 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
|
|
|
11 font-size: 8pt;
|
|
|
12 }
|
|
|
13
|
|
|
14 #calendar {
|
|
|
15 position: relative;
|
|
|
16 top: 0;
|
|
|
17 left: 0;
|
|
|
18 height: auto;
|
|
|
19 margin: 5em auto 0 auto;
|
|
|
20 overflow: visible;
|
|
|
21 }
|
|
|
22
|
|
|
23 #calendar .fc-header-right {
|
|
|
24 padding-right: 0;
|
|
|
25 }
|
|
|
26
|
|
|
27 #printconfig {
|
|
|
28 position: fixed;
|
|
|
29 top: 0;
|
|
|
30 left: 0;
|
|
|
31 width: 100%;
|
|
|
32 z-index: 10000;
|
|
|
33 padding: 0.5em;
|
|
|
34 background: #ebebeb;
|
|
|
35 border-bottom: 1px solid #999;
|
|
|
36 box-shadow: 0 3px 4px #ccc;
|
|
|
37 -moz-box-shadow: 0 3px 4px #ccc;
|
|
|
38 -webkit-box-shadow: 0 3px 4px #ccc;
|
|
|
39 }
|
|
|
40
|
|
|
41 #printconfig .prop {
|
|
|
42 padding-right: 2em;
|
|
|
43 }
|
|
|
44
|
|
|
45 #message {
|
|
|
46 position: absolute;
|
|
|
47 top: 5.5em;
|
|
|
48 left: 1em;
|
|
|
49 }
|
|
|
50
|
|
|
51 #message div.loading {
|
|
|
52 color: #666;
|
|
|
53 font-style: italic;
|
|
|
54 }
|
|
|
55
|
|
|
56 #calendarlist {
|
|
|
57 list-style: none;
|
|
|
58 margin: 2em 0;
|
|
|
59 padding-left: 1em;
|
|
|
60 }
|
|
|
61
|
|
|
62 #calendarlist ul {
|
|
|
63 float: left;
|
|
|
64 list-style: none;
|
|
|
65 padding-left: 0;
|
|
|
66 }
|
|
|
67
|
|
|
68 #calendarlist li {
|
|
|
69 float: left;
|
|
|
70 padding-left: 0;
|
|
|
71 padding-right: 0;
|
|
|
72 margin-left: 0;
|
|
|
73 font-weight: bold;
|
|
|
74 }
|
|
|
75
|
|
|
76 #calendarlist li div {
|
|
|
77 float: left;
|
|
|
78 padding-right: 3em;
|
|
|
79 padding-bottom: 1em;
|
|
|
80 }
|
|
|
81
|
|
|
82 #calendarlist input,
|
|
|
83 #calendarlist .handle {
|
|
|
84 display: none;
|
|
|
85 }
|
|
|
86
|
|
|
87 #calendarlist li.x-invitations div {
|
|
|
88 color: #999;
|
|
|
89 font-style: italic;
|
|
|
90 }
|
|
|
91
|
|
|
92 .calwidth {
|
|
|
93 width: 700px;
|
|
|
94 margin: 0 auto;
|
|
|
95 }
|
|
|
96
|
|
|
97 .rightalign {
|
|
|
98 float: right;
|
|
|
99 padding-top: 0.3em;
|
|
|
100 }
|
|
|
101
|
|
|
102 @media print {
|
|
|
103 .noprint,
|
|
|
104 .fc-header-right span {
|
|
|
105 display: none;
|
|
|
106 }
|
|
|
107
|
|
|
108 #calendar {
|
|
|
109 margin-top: 0;
|
|
|
110 }
|
|
|
111 }
|
|
|
112
|
|
|
113 /* fullcalendar style overrides */
|
|
|
114
|
|
|
115 .fc-view {
|
|
|
116 overflow: visible;
|
|
|
117 }
|
|
|
118
|
|
|
119 .fc-event-skin,
|
|
|
120 .fc-event-inner .fc-event-skin {
|
|
|
121 color: black;
|
|
|
122 background-color: #fff !important;
|
|
|
123 }
|
|
|
124
|
|
|
125 .fc-event-title {
|
|
|
126 font-weight: bold;
|
|
|
127 }
|
|
|
128
|
|
|
129 .fc-event-hori .fc-event-title {
|
|
|
130 font-weight: normal;
|
|
|
131 white-space: nowrap;
|
|
|
132 }
|
|
|
133
|
|
|
134 .fc-event-hori .fc-event-time {
|
|
|
135 white-space: nowrap;
|
|
|
136 font-weight: normal !important;
|
|
|
137 font-size: 10px;
|
|
|
138 padding-right: 0.6em;
|
|
|
139 }
|
|
|
140
|
|
|
141 .fc-grid .fc-event-time {
|
|
|
142 font-weight: normal !important;
|
|
|
143 padding-right: 0.3em;
|
|
|
144 }
|
|
|
145
|
|
|
146 .fc-event-cateories {
|
|
|
147 font-style: italic;
|
|
|
148 }
|
|
|
149
|
|
|
150 .fc-event-location {
|
|
|
151 font-size: 90%;
|
|
|
152 }
|
|
|
153
|
|
|
154 .fc-agenda-slots td div {
|
|
|
155 height: 1.4em;
|
|
|
156 }
|
|
|
157
|
|
|
158 .fc-widget-header,
|
|
|
159 .fc-mon, .fc-tue, .fc-wed, .fc-thu, .fc-fri {
|
|
|
160 background-color: #fff;
|
|
|
161 }
|
|
|
162
|
|
|
163 .fc-widget-header, .fc-widget-content {
|
|
|
164 border-color: #ccc;
|
|
|
165 }
|
|
|
166
|
|
|
167 .fc-icon-alarms,
|
|
|
168 .fc-icon-recurring {
|
|
|
169 display: inline-block;
|
|
|
170 width: 11px;
|
|
|
171 height: 11px;
|
|
|
172 background: url('images/eventicons.gif') 0 0 no-repeat;
|
|
|
173 margin-left: 3px;
|
|
|
174 line-height: 10px;
|
|
|
175 }
|
|
|
176
|
|
|
177 .fc-icon-alarms {
|
|
|
178 background-position: 0 -13px;
|
|
|
179 }
|
|
|
180
|
|
|
181 .fc-view-list, .fc-view-table {
|
|
|
182 border: 0;
|
|
|
183 }
|
|
|
184
|
|
|
185 .fc-view-list div.fc-list-header,
|
|
|
186 .fc-view-table td.fc-list-header {
|
|
|
187 padding: 0.3em;
|
|
|
188 background: #fff;
|
|
|
189 font-weight: bold;
|
|
|
190 font-size: 1.2em;
|
|
|
191 color: #333;
|
|
|
192 border-color: #333;
|
|
|
193 border-style: solid;
|
|
|
194 border-width: 1px 0;
|
|
|
195 filter: none;
|
|
|
196 }
|
|
|
197
|
|
|
198 .fc-list-section .fc-event {
|
|
|
199 cursor: auto;
|
|
|
200 }
|
|
|
201
|
|
|
202 .fc-view-table tr.fc-event td,
|
|
|
203 .fc-view-table tr.fc-event td.fc-event-handle {
|
|
|
204 border-color: #999;
|
|
|
205 padding-top: 0.5em;
|
|
|
206 padding-bottom: 0.5em;
|
|
|
207 }
|
|
|
208
|
|
|
209 .fc-view-table tr.fc-last td {
|
|
|
210 border: 0;
|
|
|
211 }
|
|
|
212
|
|
|
213 .fc-view-table tr.fc-event .fc-event-description {
|
|
|
214 padding-left: 2em;
|
|
|
215 padding-top: 0em;
|
|
|
216 }
|
|
|
217
|
|
|
218 .fc-event-vert .fc-event-description {
|
|
|
219 font-size: 90%;
|
|
|
220 font-style: italic;
|
|
|
221 }
|
|
|
222
|
|
|
223 .fc-view-month .fc-event-hori .fc-event-inner {
|
|
|
224 background: #fff !important;
|
|
|
225 }
|
|
|
226
|
|
|
227 .fc-view-table col.fc-event-location {
|
|
|
228 width: 20%;
|
|
|
229 }
|
