comparison plugins/calendar/skins/larry/print.css @ 3:f6fe4b6ae66a

calendar plugin nearly as distributed
author Charlie Root
date Sat, 13 Jan 2018 08:56:12 -0500
parents
children
comparison
equal deleted inserted replaced
2:c828b0fd4a6e 3:f6fe4b6ae66a
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 }