source: schedule/Module/src/css/jscal2.css@ 15849

Last change on this file since 15849 was 15754, checked in by tanio, 11 years ago
File size: 7.2 KB
Line 
1/* CSS */
2
3.DynarchCalendar {
4 border: 1px solid #aaa;
5 -moz-user-select: none;
6 -webkit-user-select: none;
7 user-select: none;
8 background: #e8e8e8;
9 font: 11px "lucida grande",tahoma,verdana,sans-serif;
10 line-height: 14px;
11 position: relative;
12 cursor: default;
13}
14
15.DynarchCalendar table {
16 border-collapse: collapse;
17 font: 11px "lucida grande",tahoma,verdana,sans-serif;
18 line-height: 14px;
19}
20
21.DynarchCalendar-topBar {
22 border-bottom: 1px solid #aaa;
23 background: #ddd;
24 padding: 5px 0 0 0;
25}
26
27table.DynarchCalendar-titleCont {
28 font-size: 130%; font-weight: bold;
29 color: #444;
30 text-align: center;
31 z-index: 9;
32 position: relative;
33 margin-top: -6px;
34}
35
36.DynarchCalendar-title div {
37 padding: 5px 80px;
38 text-shadow: 1px 1px 1px #777;
39}
40.DynarchCalendar-hover-title div {
41 background-color: #fff;
42 border: 1px solid #000;
43 padding: 4px 16px;
44 background-image: url("img/drop-down.gif");
45 background-repeat: no-repeat;
46 background-position: 100% 50%;
47}
48.DynarchCalendar-pressed-title div {
49 border: 1px solid #000;
50 padding: 4px 16px;
51 background-color: #777;
52 color: #fff;
53 background-image: url("img/drop-up.gif");
54 background-repeat: no-repeat;
55 background-position: 100% 50%;
56}
57
58
59
60
61
62
63.DynarchCalendar-bottomBar {
64 border-top: 1px solid #aaa;
65 background: #ddd;
66 padding: 2px;
67 position: relative;
68 text-align: center;
69}
70
71.DynarchCalendar-bottomBar-today {
72 padding: 2px 15px;
73}
74
75.DynarchCalendar-hover-bottomBar-today {
76 border: 1px solid #000;
77 background-color: #fff;
78 padding: 1px 14px;
79}
80.DynarchCalendar-pressed-bottomBar-today {
81 border: 1px solid #000;
82 background-color: #777;
83 color: #fff;
84 padding: 1px 14px;
85}
86
87
88
89
90
91
92.DynarchCalendar-body {
93 position: relative;
94 overflow: hidden;
95 padding-top: 5px;
96 padding-bottom: 5px;
97}
98
99.DynarchCalendar-first-col { padding-left: 5px; }
100.DynarchCalendar-last-col { padding-right: 5px; }
101
102.DynarchCalendar-animBody-backYear {
103 position: absolute;
104 top: -100%;
105 left: 0;
106}
107.DynarchCalendar-animBody-back {
108 position: absolute;
109 top: 5px;
110 left: -100%;
111}
112.DynarchCalendar-animBody-fwd {
113 position: absolute;
114 top: 5px;
115 left: 100%;
116}
117.DynarchCalendar-animBody-now {
118 position: absolute;
119 top: 5px;
120 left: 0;
121}
122.DynarchCalendar-animBody-fwdYear {
123 position: absolute;
124 top: 100%;
125 left: 0;
126}
127
128.DynarchCalendar-dayNames {
129 padding-left: 5px;
130 padding-right: 5px;
131}
132
133.DynarchCalendar-dayNames div { font-weight: bold; color: #444; text-shadow: 1px 1px 1px #777; }
134
135.DynarchCalendar-navBtn {
136 position: absolute;
137 top: 5px;
138 z-index: 10;
139}
140
141.DynarchCalendar-navBtn div {
142 background-repeat: no-repeat;
143 background-position: 50% 50%;
144 height: 15px;
145 width: 16px;
146 padding: 1px;
147}
148.DynarchCalendar-hover-navBtn div {
149 border: 1px solid #000;
150 padding: 0;
151 background-color: #fff;
152}
153.DynarchCalendar-navDisabled {
154 opacity: 0.3;
155 filter: alpha(opacity=30);
156}
157.DynarchCalendar-pressed-navBtn div {
158 border: 1px solid #000;
159 padding: 0;
160 background-color: #777;
161 color: #fff;
162}
163
164.DynarchCalendar-prevMonth {
165 left: 25px;
166}
167
168.DynarchCalendar-nextMonth {
169 left: 100%;
170 margin-left: -43px;
171}
172
173.DynarchCalendar-prevYear {
174 left: 5px;
175}
176
177.DynarchCalendar-nextYear {
178 left: 100%;
179 margin-left: -23px;
180}
181
182.DynarchCalendar-prevMonth div {
183 background-image: url("img/nav-left.gif");
184}
185
186.DynarchCalendar-nextMonth div {
187 background-image: url("img/nav-right.gif");
188}
189
190.DynarchCalendar-prevYear div {
191 background-image: url("img/nav-left-x2.gif");
192}
193
194.DynarchCalendar-nextYear div {
195 background-image: url("img/nav-right-x2.gif");
196}
197
198.DynarchCalendar-menu {
199 position: absolute;
200 left: 0;
201 top: 0;
202 width: 100%;
203 height: 100%;
204 background-color: #ddd;
205 overflow: hidden;
206 opacity: 0.85;
207 filter: alpha(opacity=85);
208}
209
210.DynarchCalendar-menu table td div {
211 text-align: center;
212 font-weight: bold;
213 padding: 3px 5px;
214}
215.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
216 width: 4em;
217 text-align: center;
218}
219.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
220 border: 1px solid #000;
221 padding: 2px 4px;
222 background-color: #fff;
223 color: #000;
224}
225.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
226 border: 1px solid #000;
227 padding: 2px 4px;
228 background-color: #777;
229 color: #fff !important;
230}
231
232.DynarchCalendar-menu-year {
233 text-align: center;
234 font: 16px "lucida grande",tahoma,verdana,sans-serif;
235 font-weight: bold;
236}
237
238.DynarchCalendar-menu-sep {
239 height: 1px; font-size: 1px; line-height: 1px;
240 overflow: hidden;
241 border-top: 1px solid #888;
242 background: #fff;
243 margin-top: 4px; margin-bottom: 3px;
244}
245
246.DynarchCalendar-time td { font-weight: bold; font-size: 120%; }
247.DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; }
248.DynarchCalendar-time-down { background: url("img/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
249.DynarchCalendar-time-up { background: url("img/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
250.DynarchCalendar-time-sep { padding: 0 2px; }
251.DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; }
252.DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; }
253.DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; }
254
255/* body */
256
257.DynarchCalendar-hover-week { background-color: #ddd; }
258
259.DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber {
260 width: 1.7em;
261 padding: 3px 4px;
262 text-align: center;
263}
264.DynarchCalendar-weekNumber {
265 border-right: 1px solid #aaa;
266 margin-right: 4px;
267 width: 2em !important;
268 padding-right: 8px !important;
269}
270
271.DynarchCalendar-day {
272 text-align: right; color: #222;
273}
274.DynarchCalendar-day-othermonth { color: #888; }
275.DynarchCalendar-weekend { color: #c22; }
276.DynarchCalendar-day-today { color: #00f; font-weight: bold; }
277
278.DynarchCalendar-day-disabled {
279 opacity: 0.5;
280 text-shadow: 2px 1px 1px #fff;
281}
282
283.DynarchCalendar-hover-date {
284 padding: 2px 3px;
285 background-color: #eef;
286 border: 1px solid #88c;
287 margin: 0 !important;
288 color: #000;
289}
290
291.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { border-color: #aaa; color: #888; }
292
293.DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #c22; }
294.DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #d88; }
295
296.DynarchCalendar-day-selected {
297 padding: 2px 3px;
298 margin: 1px;
299 background-color: #aaa;
300 color: #000 !important;
301}
302.DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; }
303
304/* focus */
305
306.DynarchCalendar-focusLink {
307 position: absolute;
308 opacity: 0;
309 filter: alpha(opacity=0);
310}
311
312.DynarchCalendar-focused {
313 border-color: #000;
314}
315
316.DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar {
317 background-color: #ccc;
318 border-color: #336;
319}
320
321.DynarchCalendar-focused .DynarchCalendar-hover-week {
322 background-color: #ccc;
323}
324
325.DynarchCalendar-tooltip {
326 position: absolute;
327 top: 100%;
328 width: 100%;
329}
330
331.DynarchCalendar-tooltipCont {
332 margin: 0 5px 0 5px;
333 border: 1px solid #aaa;
334 border-top: 0;
335 padding: 3px 6px;
336 background: #ddd;
337}
338
339.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
340 background: #ccc;
341 border-color: #000;
342}
343
344@media print {
345 .DynarchCalendar-day-selected {
346 padding: 2px 3px;
347 border: 1px solid #000;
348 margin: 0 !important;
349 }
350}
Note: See TracBrowser for help on using the repository browser.