comparison plugins/calendar/skins/classic/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;
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-type: square;
58 margin: 2em 0;
59 padding-left: 1em;
60 }
61
62 #calendarlist li {
63 float: left;
64 padding-left: 0;
65 padding-right: 3em;
66 margin-left: 0;
67 font-weight: bold;
68 }
69
70 #calendarlist input,
71 #calendarlist .handle {
72 display: none;
73 }
74
75 .calwidth {
76 width: 700px;
77 margin: 0 auto;
78 }
79
80 .rightalign {
81 float: right;
82 padding-top: 0.3em;
83 }
84
85 @media print {
86 .noprint,
87 .fc-header-right span {
88 display: none;
89 }
90
91 #calendar {
92 margin-top: 0;
93 }
94 }
95
96 /* fullcalendar style overrides */
97
98 .fc-view {
99 overflow: visible;
100 }
101
102 .fc-event-skin,
103 .fc-event-inner .fc-event-skin {
104 color: black;
105 background-color: #fff !important;
106 }
107
108 .fc-event-title {
109 font-weight: bold;
110 }
111
112 .fc-event-hori .fc-event-title {
113 font-weight: normal;
114 white-space: nowrap;
115 }
116
117 .fc-event-hori .fc-event-time {
118 white-space: nowrap;
119 font-weight: normal !important;
120 font-size: 10px;
121 padding-right: 0.6em;
122 }
123
124 .fc-grid .fc-event-time {
125 font-weight: normal !important;
126 padding-right: 0.3em;
127 }
128
129 .fc-event-cateories {
130 font-style: italic;
131 }
132
133 .fc-event-location {
134 font-size: 90%;
135 }
136
137 .fc-agenda-slots td div {
138 height: 1.4em;
139 }
140
141 .fc-widget-header,
142 .fc-mon, .fc-tue, .fc-wed, .fc-thu, .fc-fri {
143 background-color: #fff;
144 }
145
146 .fc-widget-header, .fc-widget-content {
147 border-color: #ccc;
148 }
149
150 .fc-icon-alarms,
151 .fc-icon-recurring {
152 display: inline-block;
153 width: 11px;
154 height: 11px;
155 background: url('images/eventicons.gif') 0 0 no-repeat;
156 margin-left: 3px;
157 line-height: 10px;
158 }
159
160 .fc-icon-alarms {
161 background-position: 0 -13px;
162 }
163
164 .fc-view-list, .fc-view-table {
165 border: 0;
166 }
167
168 .fc-view-list div.fc-list-header,
169 .fc-view-table td.fc-list-header {
170 padding: 0.3em;
171 background: #fff;
172 font-weight: bold;
173 font-size: 1.2em;
174 color: #333;
175 border-color: #333;
176 border-style: solid;
177 border-width: 1px 0;
178 filter: none;
179 }
180
181 .fc-list-section .fc-event {
182 cursor: auto;
183 }
184
185 .fc-view-table tr.fc-event td,
186 .fc-view-table tr.fc-event td.fc-event-handle {
187 border-color: #999;
188 padding-top: 0.5em;
189 padding-bottom: 0.5em;
190 }
191
192 .fc-view-table tr.fc-last td {
193 border: 0;
194 }
195
196 .fc-view-table tr.fc-event .fc-event-description {
197 padding-left: 2em;
198 padding-top: 0em;
199 }
200
201 .fc-event-vert .fc-event-description {
202 font-size: 90%;
203 font-style: italic;
204 }
205
206
207 .fc-view-table col.fc-event-location {
208 width: 20%;
209 }