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

Last change on this file since 15932 was 15884, 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 {
134font-weight: bold; color: #444; text-shadow: 1px 1px 1px #777; }
135
136.DynarchCalendar-navBtn {
137 position: absolute;
138 top: 5px;
139 z-index: 10;
140}
141
142.DynarchCalendar-navBtn div {
143 background-repeat: no-repeat;
144 background-position: 50% 50%;
145 height: 15px;
146 width: 16px;
147 padding: 1px;
148}
149.DynarchCalendar-hover-navBtn div {
150 border: 1px solid #000;
151 padding: 0;
152 background-color: #fff;
153}
154.DynarchCalendar-navDisabled {
155 opacity: 0.3;
156 filter: alpha(opacity=30);
157}
158.DynarchCalendar-pressed-navBtn div {
159 border: 1px solid #000;
160 padding: 0;
161 background-color: #777;
162 color: #fff;
163}
164
165.DynarchCalendar-prevMonth {
166 left: 25px;
167}
168
169.DynarchCalendar-nextMonth {
170 left: 100%;
171 margin-left: -43px;
172}
173
174.DynarchCalendar-prevYear {
175 left: 5px;
176}
177
178.DynarchCalendar-nextYear {
179 left: 100%;
180 margin-left: -23px;
181}
182
183.DynarchCalendar-prevMonth div {
184 background-image: url("img/nav-left.gif");
185}
186
187.DynarchCalendar-nextMonth div {
188 background-image: url("img/nav-right.gif");
189}
190
191.DynarchCalendar-prevYear div {
192 background-image: url("img/nav-left-x2.gif");
193}
194
195.DynarchCalendar-nextYear div {
196 background-image: url("img/nav-right-x2.gif");
197}
198
199.DynarchCalendar-menu {
200 position: absolute;
201 left: 0;
202 top: 0;
203 width: 100%;
204 height: 100%;
205 background-color: #ddd;
206 overflow: hidden;
207 opacity: 0.85;
208 filter: alpha(opacity=85);
209}
210
211.DynarchCalendar-menu table td div {
212 text-align: center;
213 font-weight: bold;
214 padding: 3px 5px;
215}
216.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
217 width: 4em;
218 text-align: center;
219}
220.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
221 border: 1px solid #000;
222 padding: 2px 4px;
223 background-color: #fff;
224 color: #000;
225}
226.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
227 border: 1px solid #000;
228 padding: 2px 4px;
229 background-color: #777;
230 color: #fff !important;
231}
232
233.DynarchCalendar-menu-year {
234 text-align: center;
235 font: 16px "lucida grande",tahoma,verdana,sans-serif;
236 font-weight: bold;
237}
238
239.DynarchCalendar-menu-sep {
240 height: 1px; font-size: 1px; line-height: 1px;
241 overflow: hidden;
242 border-top: 1px solid #888;
243 background: #fff;
244 margin-top: 4px; margin-bottom: 3px;
245}
246
247.DynarchCalendar-time td { font-weight: bold; font-size: 120%; }
248.DynarchCalendar-time-hour, .DynarchCalendar-time-minute {
249padding: 1px 3px; }
250.DynarchCalendar-time-down {
251background: url("img/time-down.png") no-repeat 50% 50%;
252width: 11px; height: 8px; opacity: 0.5; }
253.DynarchCalendar-time-up { background: url("img/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
254.DynarchCalendar-time-sep { padding: 0 2px; }
255.DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; }
256.DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; }
257.DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; }
258
259/* body */
260
261.DynarchCalendar-hover-week { background-color: #ddd; }
262
263.DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber {
264 width: 1.7em;
265 padding: 3px 4px;
266 text-align: center;
267}
268.DynarchCalendar-weekNumber {
269 border-right: 1px solid #aaa;
270 margin-right: 4px;
271 width: 2em !important;
272 padding-right: 8px !important;
273}
274
275.DynarchCalendar-day {
276 text-align: right; color: #222;
277}
278.DynarchCalendar-day-othermonth { color: #888; }
279.DynarchCalendar-weekend { color: #c22; }
280.DynarchCalendar-day-today { color: #00f; font-weight: bold; }
281
282.DynarchCalendar-day-disabled {
283 opacity: 0.5;
284 text-shadow: 2px 1px 1px #fff;
285}
286
287.DynarchCalendar-hover-date {
288 padding: 2px 3px;
289 background-color: #eef;
290 border: 1px solid #88c;
291 margin: 0 !important;
292 color: #000;
293}
294
295.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { border-color: #aaa; color: #888; }
296
297.DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #c22; }
298.DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #d88; }
299
300.DynarchCalendar-day-selected {
301 padding: 2px 3px;
302 margin: 1px;
303 background-color: #aaa;
304 color: #000 !important;
305}
306.DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; }
307
308/* focus */
309
310.DynarchCalendar-focusLink {
311 position: absolute;
312 opacity: 0;
313 filter: alpha(opacity=0);
314}
315
316.DynarchCalendar-focused {
317 border-color: #000;
318}
319
320.DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar {
321 background-color: #ccc;
322 border-color: #336;
323}
324
325.DynarchCalendar-focused .DynarchCalendar-hover-week {
326 background-color: #ccc;
327}
328
329.DynarchCalendar-tooltip {
330 position: absolute;
331 top: 100%;
332 width: 100%;
333}
334
335.DynarchCalendar-tooltipCont {
336 margin: 0 5px 0 5px;
337 border: 1px solid #aaa;
338 border-top: 0;
339 padding: 3px 6px;
340 background: #ddd;
341}
342
343.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
344 background: #ccc;
345 border-color: #000;
346}
347
348@media print {
349 .DynarchCalendar-day-selected {
350 padding: 2px 3px;
351 border: 1px solid #000;
352 margin: 0 !important;
353 }
354}
Note: See TracBrowser for help on using the repository browser.