Lib_Js_Calendar - Version 1.0.18800

Version Notes

First stable release

Download this release

Release Info

Developer Magento Core Team
Extension Lib_Js_Calendar
Version 1.0.18800
Comparing to
See all releases


Version 1.0.18800

Files changed (69) hide show
  1. js/calendar/calendar-blue.css +232 -0
  2. js/calendar/calendar-blue2.css +236 -0
  3. js/calendar/calendar-brown.css +225 -0
  4. js/calendar/calendar-green.css +229 -0
  5. js/calendar/calendar-setup.js +21 -0
  6. js/calendar/calendar-system.css +251 -0
  7. js/calendar/calendar-tas.css +239 -0
  8. js/calendar/calendar-win2k-1.css +271 -0
  9. js/calendar/calendar-win2k-2.css +271 -0
  10. js/calendar/calendar-win2k-cold-1.css +265 -0
  11. js/calendar/calendar-win2k-cold-2.css +271 -0
  12. js/calendar/calendar.js +14 -0
  13. js/calendar/img.gif +0 -0
  14. js/calendar/lang/calendar-af.js +39 -0
  15. js/calendar/lang/calendar-al.js +101 -0
  16. js/calendar/lang/calendar-bg.js +124 -0
  17. js/calendar/lang/calendar-big5-utf8.js +123 -0
  18. js/calendar/lang/calendar-big5.js +123 -0
  19. js/calendar/lang/calendar-br.js +108 -0
  20. js/calendar/lang/calendar-ca.js +123 -0
  21. js/calendar/lang/calendar-cs-utf8.js +65 -0
  22. js/calendar/lang/calendar-cs-win.js +65 -0
  23. js/calendar/lang/calendar-da.js +123 -0
  24. js/calendar/lang/calendar-de.js +124 -0
  25. js/calendar/lang/calendar-du.js +45 -0
  26. js/calendar/lang/calendar-el.js +89 -0
  27. js/calendar/lang/calendar-en.js +127 -0
  28. js/calendar/lang/calendar-es.js +129 -0
  29. js/calendar/lang/calendar-fi.js +98 -0
  30. js/calendar/lang/calendar-fr.js +125 -0
  31. js/calendar/lang/calendar-he-utf8.js +123 -0
  32. js/calendar/lang/calendar-hr-utf8.js +49 -0
  33. js/calendar/lang/calendar-hr.js +0 -0
  34. js/calendar/lang/calendar-hu.js +124 -0
  35. js/calendar/lang/calendar-it.js +124 -0
  36. js/calendar/lang/calendar-jp.js +45 -0
  37. js/calendar/lang/calendar-ko-utf8.js +120 -0
  38. js/calendar/lang/calendar-ko.js +120 -0
  39. js/calendar/lang/calendar-lt-utf8.js +114 -0
  40. js/calendar/lang/calendar-lt.js +114 -0
  41. js/calendar/lang/calendar-lv.js +123 -0
  42. js/calendar/lang/calendar-nl.js +73 -0
  43. js/calendar/lang/calendar-no.js +114 -0
  44. js/calendar/lang/calendar-pl-utf8.js +93 -0
  45. js/calendar/lang/calendar-pl.js +56 -0
  46. js/calendar/lang/calendar-pt.js +123 -0
  47. js/calendar/lang/calendar-ro.js +66 -0
  48. js/calendar/lang/calendar-ru.js +123 -0
  49. js/calendar/lang/calendar-ru_win_.js +123 -0
  50. js/calendar/lang/calendar-si.js +94 -0
  51. js/calendar/lang/calendar-sk.js +99 -0
  52. js/calendar/lang/calendar-sp.js +110 -0
  53. js/calendar/lang/calendar-sv.js +93 -0
  54. js/calendar/lang/calendar-tr.js +58 -0
  55. js/calendar/lang/calendar-zh.js +119 -0
  56. js/calendar/lang/cn_utf8.js +123 -0
  57. js/calendar/menuarrow.gif +0 -0
  58. js/calendar/menuarrow2.gif +0 -0
  59. js/calendar/skins/aqua/active-bg.gif +0 -0
  60. js/calendar/skins/aqua/dark-bg.gif +0 -0
  61. js/calendar/skins/aqua/hover-bg.gif +0 -0
  62. js/calendar/skins/aqua/menuarrow.gif +0 -0
  63. js/calendar/skins/aqua/normal-bg.gif +0 -0
  64. js/calendar/skins/aqua/rowhover-bg.gif +0 -0
  65. js/calendar/skins/aqua/status-bg.gif +0 -0
  66. js/calendar/skins/aqua/theme.css +236 -0
  67. js/calendar/skins/aqua/title-bg.gif +0 -0
  68. js/calendar/skins/aqua/today-bg.gif +0 -0
  69. package.xml +18 -0
js/calendar/calendar-blue.css ADDED
@@ -0,0 +1,232 @@
1
+ /* The main calendar widget. DIV containing a table. */
2
+
3
+ div.calendar { position: relative; }
4
+
5
+ .calendar, .calendar table {
6
+ border: 1px solid #556;
7
+ font-size: 11px;
8
+ color: #000;
9
+ cursor: default;
10
+ background: #eef;
11
+ font-family: tahoma,verdana,sans-serif;
12
+ }
13
+
14
+ /* Header part -- contains navigation buttons and day names. */
15
+
16
+ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
17
+ text-align: center; /* They are the navigation buttons */
18
+ padding: 2px; /* Make the buttons seem like they're pressing */
19
+ }
20
+
21
+ .calendar .nav {
22
+ background: #778 url(menuarrow.gif) no-repeat 100% 100%;
23
+ }
24
+
25
+ .calendar thead .title { /* This holds the current "month, year" */
26
+ font-weight: bold; /* Pressing it will take you to the current date */
27
+ text-align: center;
28
+ background: #fff;
29
+ color: #000;
30
+ padding: 2px;
31
+ }
32
+
33
+ .calendar thead .headrow { /* Row <TR> containing navigation buttons */
34
+ background: #778;
35
+ color: #fff;
36
+ }
37
+
38
+ .calendar thead .daynames { /* Row <TR> containing the day names */
39
+ background: #bdf;
40
+ }
41
+
42
+ .calendar thead .name { /* Cells <TD> containing the day names */
43
+ border-bottom: 1px solid #556;
44
+ padding: 2px;
45
+ text-align: center;
46
+ color: #000;
47
+ }
48
+
49
+ .calendar thead .weekend { /* How a weekend day name shows in header */
50
+ color: #a66;
51
+ }
52
+
53
+ .calendar thead .hilite { /* How do the buttons in header appear when hover */
54
+ background-color: #aaf;
55
+ color: #000;
56
+ border: 1px solid #04f;
57
+ padding: 1px;
58
+ }
59
+
60
+ .calendar thead .active { /* Active (pressed) buttons in header */
61
+ background-color: #77c;
62
+ padding: 2px 0px 0px 2px;
63
+ }
64
+
65
+ /* The body part -- contains all the days in month. */
66
+
67
+ .calendar tbody .day { /* Cells <TD> containing month days dates */
68
+ width: 2em;
69
+ color: #456;
70
+ text-align: right;
71
+ padding: 2px 4px 2px 2px;
72
+ }
73
+ .calendar tbody .day.othermonth {
74
+ font-size: 80%;
75
+ color: #bbb;
76
+ }
77
+ .calendar tbody .day.othermonth.oweekend {
78
+ color: #fbb;
79
+ }
80
+
81
+ .calendar table .wn {
82
+ padding: 2px 3px 2px 2px;
83
+ border-right: 1px solid #000;
84
+ background: #bdf;
85
+ }
86
+
87
+ .calendar tbody .rowhilite td {
88
+ background: #def;
89
+ }
90
+
91
+ .calendar tbody .rowhilite td.wn {
92
+ background: #eef;
93
+ }
94
+
95
+ .calendar tbody td.hilite { /* Hovered cells <TD> */
96
+ background: #def;
97
+ padding: 1px 3px 1px 1px;
98
+ border: 1px solid #bbb;
99
+ }
100
+
101
+ .calendar tbody td.active { /* Active (pressed) cells <TD> */
102
+ background: #cde;
103
+ padding: 2px 2px 0px 2px;
104
+ }
105
+
106
+ .calendar tbody td.selected { /* Cell showing today date */
107
+ font-weight: bold;
108
+ border: 1px solid #000;
109
+ padding: 1px 3px 1px 1px;
110
+ background: #fff;
111
+ color: #000;
112
+ }
113
+
114
+ .calendar tbody td.weekend { /* Cells showing weekend days */
115
+ color: #a66;
116
+ }
117
+
118
+ .calendar tbody td.today { /* Cell showing selected date */
119
+ font-weight: bold;
120
+ color: #00f;
121
+ }
122
+
123
+ .calendar tbody .disabled { color: #999; }
124
+
125
+ .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
126
+ visibility: hidden;
127
+ }
128
+
129
+ .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
130
+ display: none;
131
+ }
132
+
133
+ /* The footer part -- status bar and "Close" button */
134
+
135
+ .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
136
+ text-align: center;
137
+ background: #556;
138
+ color: #fff;
139
+ }
140
+
141
+ .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
142
+ background: #fff;
143
+ color: #445;
144
+ border-top: 1px solid #556;
145
+ padding: 1px;
146
+ }
147
+
148
+ .calendar tfoot .hilite { /* Hover style for buttons in footer */
149
+ background: #aaf;
150
+ border: 1px solid #04f;
151
+ color: #000;
152
+ padding: 1px;
153
+ }
154
+
155
+ .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
156
+ background: #77c;
157
+ padding: 2px 0px 0px 2px;
158
+ }
159
+
160
+ /* Combo boxes (menus that display months/years for direct selection) */
161
+
162
+ .calendar .combo {
163
+ position: absolute;
164
+ display: none;
165
+ top: 0px;
166
+ left: 0px;
167
+ width: 4em;
168
+ cursor: default;
169
+ border: 1px solid #655;
170
+ background: #def;
171
+ color: #000;
172
+ font-size: 90%;
173
+ z-index: 100;
174
+ }
175
+
176
+ .calendar .combo .label,
177
+ .calendar .combo .label-IEfix {
178
+ text-align: center;
179
+ padding: 1px;
180
+ }
181
+
182
+ .calendar .combo .label-IEfix {
183
+ width: 4em;
184
+ }
185
+
186
+ .calendar .combo .hilite {
187
+ background: #acf;
188
+ }
189
+
190
+ .calendar .combo .active {
191
+ border-top: 1px solid #46a;
192
+ border-bottom: 1px solid #46a;
193
+ background: #eef;
194
+ font-weight: bold;
195
+ }
196
+
197
+ .calendar td.time {
198
+ border-top: 1px solid #000;
199
+ padding: 1px 0px;
200
+ text-align: center;
201
+ background-color: #f4f0e8;
202
+ }
203
+
204
+ .calendar td.time .hour,
205
+ .calendar td.time .minute,
206
+ .calendar td.time .ampm {
207
+ padding: 0px 3px 0px 4px;
208
+ border: 1px solid #889;
209
+ font-weight: bold;
210
+ background-color: #fff;
211
+ }
212
+
213
+ .calendar td.time .ampm {
214
+ text-align: center;
215
+ }
216
+
217
+ .calendar td.time .colon {
218
+ padding: 0px 2px 0px 3px;
219
+ font-weight: bold;
220
+ }
221
+
222
+ .calendar td.time span.hilite {
223
+ border-color: #000;
224
+ background-color: #667;
225
+ color: #fff;
226
+ }
227
+
228
+ .calendar td.time span.active {
229
+ border-color: #f00;
230
+ background-color: #000;
231
+ color: #0f0;
232
+ }
js/calendar/calendar-blue2.css ADDED
@@ -0,0 +1,236 @@
1
+ /* The main calendar widget. DIV containing a table. */
2
+
3
+ div.calendar { position: relative; }
4
+
5
+ .calendar, .calendar table {
6
+ border: 1px solid #206A9B;
7
+ font-size: 11px;
8
+ color: #000;
9
+ cursor: default;
10
+ background: #F1F8FC;
11
+ font-family: tahoma,verdana,sans-serif;
12
+ }
13
+
14
+ /* Header part -- contains navigation buttons and day names. */
15
+
16
+ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
17
+ text-align: center; /* They are the navigation buttons */
18
+ padding: 2px; /* Make the buttons seem like they're pressing */
19
+ }
20
+
21
+ .calendar .nav {
22
+ background: #007ED1 url(menuarrow2.gif) no-repeat 100% 100%;
23
+ }
24
+
25
+ .calendar thead .title { /* This holds the current "month, year" */
26
+ font-weight: bold; /* Pressing it will take you to the current date */
27
+ text-align: center;
28
+ background: #000;
29
+ color: #fff;
30
+ padding: 2px;
31
+ }
32
+
33
+ .calendar thead tr { /* Row <TR> containing navigation buttons */
34
+ background: #007ED1;
35
+ color: #fff;
36
+ }
37
+
38
+ .calendar thead .daynames { /* Row <TR> containing the day names */
39
+ background: #C7E1F3;
40
+ }
41
+
42
+ .calendar thead .name { /* Cells <TD> containing the day names */
43
+ border-bottom: 1px solid #206A9B;
44
+ padding: 2px;
45
+ text-align: center;
46
+ color: #000;
47
+ }
48
+
49
+ .calendar thead .weekend { /* How a weekend day name shows in header */
50
+ color: #a66;
51
+ }
52
+
53
+ .calendar thead .hilite { /* How do the buttons in header appear when hover */
54
+ background-color: #34ABFA;
55
+ color: #000;
56
+ border: 1px solid #016DC5;
57
+ padding: 1px;
58
+ }
59
+
60
+ .calendar thead .active { /* Active (pressed) buttons in header */
61
+ background-color: #006AA9;
62
+ border: 1px solid #008AFF;
63
+ padding: 2px 0px 0px 2px;
64
+ }
65
+
66
+ /* The body part -- contains all the days in month. */
67
+
68
+ .calendar tbody .day { /* Cells <TD> containing month days dates */
69
+ width: 2em;
70
+ color: #456;
71
+ text-align: right;
72
+ padding: 2px 4px 2px 2px;
73
+ }
74
+ .calendar tbody .day.othermonth {
75
+ font-size: 80%;
76
+ color: #bbb;
77
+ }
78
+ .calendar tbody .day.othermonth.oweekend {
79
+ color: #fbb;
80
+ }
81
+
82
+ .calendar table .wn {
83
+ padding: 2px 3px 2px 2px;
84
+ border-right: 1px solid #000;
85
+ background: #C7E1F3;
86
+ }
87
+
88
+ .calendar tbody .rowhilite td {
89
+ background: #def;
90
+ }
91
+
92
+ .calendar tbody .rowhilite td.wn {
93
+ background: #F1F8FC;
94
+ }
95
+
96
+ .calendar tbody td.hilite { /* Hovered cells <TD> */
97
+ background: #def;
98
+ padding: 1px 3px 1px 1px;
99
+ border: 1px solid #8FC4E8;
100
+ }
101
+
102
+ .calendar tbody td.active { /* Active (pressed) cells <TD> */
103
+ background: #cde;
104
+ padding: 2px 2px 0px 2px;
105
+ }
106
+
107
+ .calendar tbody td.selected { /* Cell showing today date */
108
+ font-weight: bold;
109
+ border: 1px solid #000;
110
+ padding: 1px 3px 1px 1px;
111
+ background: #fff;
112
+ color: #000;
113
+ }
114
+
115
+ .calendar tbody td.weekend { /* Cells showing weekend days */
116
+ color: #a66;
117
+ }
118
+
119
+ .calendar tbody td.today { /* Cell showing selected date */
120
+ font-weight: bold;
121
+ color: #D50000;
122
+ }
123
+
124
+ .calendar tbody .disabled { color: #999; }
125
+
126
+ .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
127
+ visibility: hidden;
128
+ }
129
+
130
+ .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
131
+ display: none;
132
+ }
133
+
134
+ /* The footer part -- status bar and "Close" button */
135
+
136
+ .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
137
+ text-align: center;
138
+ background: #206A9B;
139
+ color: #fff;
140
+ }
141
+
142
+ .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
143
+ background: #000;
144
+ color: #fff;
145
+ border-top: 1px solid #206A9B;
146
+ padding: 1px;
147
+ }
148
+
149
+ .calendar tfoot .hilite { /* Hover style for buttons in footer */
150
+ background: #B8DAF0;
151
+ border: 1px solid #178AEB;
152
+ color: #000;
153
+ padding: 1px;
154
+ }
155
+
156
+ .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
157
+ background: #006AA9;
158
+ padding: 2px 0px 0px 2px;
159
+ }
160
+
161
+ /* Combo boxes (menus that display months/years for direct selection) */
162
+
163
+ .calendar .combo {
164
+ position: absolute;
165
+ display: none;
166
+ top: 0px;
167
+ left: 0px;
168
+ width: 4em;
169
+ cursor: default;
170
+ border: 1px solid #655;
171
+ background: #def;
172
+ color: #000;
173
+ font-size: 90%;
174
+ z-index: 100;
175
+ }
176
+
177
+ .calendar .combo .label,
178
+ .calendar .combo .label-IEfix {
179
+ text-align: center;
180
+ padding: 1px;
181
+ }
182
+
183
+ .calendar .combo .label-IEfix {
184
+ width: 4em;
185
+ }
186
+
187
+ .calendar .combo .hilite {
188
+ background: #34ABFA;
189
+ border-top: 1px solid #46a;
190
+ border-bottom: 1px solid #46a;
191
+ font-weight: bold;
192
+ }
193
+
194
+ .calendar .combo .active {
195
+ border-top: 1px solid #46a;
196
+ border-bottom: 1px solid #46a;
197
+ background: #F1F8FC;
198
+ font-weight: bold;
199
+ }
200
+
201
+ .calendar td.time {
202
+ border-top: 1px solid #000;
203
+ padding: 1px 0px;
204
+ text-align: center;
205
+ background-color: #E3F0F9;
206
+ }
207
+
208
+ .calendar td.time .hour,
209
+ .calendar td.time .minute,
210
+ .calendar td.time .ampm {
211
+ padding: 0px 3px 0px 4px;
212
+ border: 1px solid #889;
213
+ font-weight: bold;
214
+ background-color: #F1F8FC;
215
+ }
216
+
217
+ .calendar td.time .ampm {
218
+ text-align: center;
219
+ }
220
+
221
+ .calendar td.time .colon {
222
+ padding: 0px 2px 0px 3px;
223
+ font-weight: bold;
224
+ }
225
+
226
+ .calendar td.time span.hilite {
227
+ border-color: #000;
228
+ background-color: #267DB7;
229
+ color: #fff;
230
+ }
231
+
232
+ .calendar td.time span.active {
233
+ border-color: red;
234
+ background-color: #000;
235
+ color: #A5FF00;
236
+ }
js/calendar/calendar-brown.css ADDED
@@ -0,0 +1,225 @@
1
+ /* The main calendar widget. DIV containing a table. */
2
+
3
+ div.calendar { position: relative; }
4
+
5
+ .calendar, .calendar table {
6
+ border: 1px solid #655;
7
+ font-size: 11px;
8
+ color: #000;
9
+ cursor: default;
10
+ background: #ffd;
11
+ font-family: tahoma,verdana,sans-serif;
12
+ }
13
+
14
+ /* Header part -- contains navigation buttons and day names. */
15
+
16
+ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
17
+ text-align: center; /* They are the navigation buttons */
18
+ padding: 2px; /* Make the buttons seem like they're pressing */
19
+ }
20
+
21
+ .calendar .nav {
22
+ background: #edc url(menuarrow.gif) no-repeat 100% 100%;
23
+ }
24
+
25
+ .calendar thead .title { /* This holds the current "month, year" */
26
+ font-weight: bold; /* Pressing it will take you to the current date */
27
+ text-align: center;
28
+ background: #654;
29
+ color: #fed;
30
+ padding: 2px;
31
+ }
32
+
33
+ .calendar thead .headrow { /* Row <TR> containing navigation buttons */
34
+ background: #edc;
35
+ color: #000;
36
+ }
37
+
38
+ .calendar thead .name { /* Cells <TD> containing the day names */
39
+ border-bottom: 1px solid #655;
40
+ padding: 2px;
41
+ text-align: center;
42
+ color: #000;
43
+ }
44
+
45
+ .calendar thead .weekend { /* How a weekend day name shows in header */
46
+ color: #f00;
47
+ }
48
+
49
+ .calendar thead .hilite { /* How do the buttons in header appear when hover */
50
+ background-color: #faa;
51
+ color: #000;
52
+ border: 1px solid #f40;
53
+ padding: 1px;
54
+ }
55
+
56
+ .calendar thead .active { /* Active (pressed) buttons in header */
57
+ background-color: #c77;
58
+ padding: 2px 0px 0px 2px;
59
+ }
60
+
61
+ .calendar thead .daynames { /* Row <TR> containing the day names */
62
+ background: #fed;
63
+ }
64
+
65
+ /* The body part -- contains all the days in month. */
66
+
67
+ .calendar tbody .day { /* Cells <TD> containing month days dates */
68
+ width: 2em;
69
+ text-align: right;
70
+ padding: 2px 4px 2px 2px;
71
+ }
72
+ .calendar tbody .day.othermonth {
73
+ font-size: 80%;
74
+ color: #bbb;
75
+ }
76
+ .calendar tbody .day.othermonth.oweekend {
77
+ color: #fbb;
78
+ }
79
+
80
+ .calendar table .wn {
81
+ padding: 2px 3px 2px 2px;
82
+ border-right: 1px solid #000;
83
+ background: #fed;
84
+ }
85
+
86
+ .calendar tbody .rowhilite td {
87
+ background: #ddf;
88
+ }
89
+
90
+ .calendar tbody .rowhilite td.wn {
91
+ background: #efe;
92
+ }
93
+
94
+ .calendar tbody td.hilite { /* Hovered cells <TD> */
95
+ background: #ffe;
96
+ padding: 1px 3px 1px 1px;
97
+ border: 1px solid #bbb;
98
+ }
99
+
100
+ .calendar tbody td.active { /* Active (pressed) cells <TD> */
101
+ background: #ddc;
102
+ padding: 2px 2px 0px 2px;
103
+ }
104
+
105
+ .calendar tbody td.selected { /* Cell showing today date */
106
+ font-weight: bold;
107
+ border: 1px solid #000;
108
+ padding: 1px 3px 1px 1px;
109
+ background: #fea;
110
+ }
111
+
112
+ .calendar tbody td.weekend { /* Cells showing weekend days */
113
+ color: #f00;
114
+ }
115
+
116
+ .calendar tbody td.today { font-weight: bold; }
117
+
118
+ .calendar tbody .disabled { color: #999; }
119
+
120
+ .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
121
+ visibility: hidden;
122
+ }
123
+
124
+ .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
125
+ display: none;
126
+ }
127
+
128
+ /* The footer part -- status bar and "Close" button */
129
+
130
+ .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
131
+ text-align: center;
132
+ background: #988;
133
+ color: #000;
134
+ }
135
+
136
+ .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
137
+ border-top: 1px solid #655;
138
+ background: #dcb;
139
+ color: #840;
140
+ }
141
+
142
+ .calendar tfoot .hilite { /* Hover style for buttons in footer */
143
+ background: #faa;
144
+ border: 1px solid #f40;
145
+ padding: 1px;
146
+ }
147
+
148
+ .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
149
+ background: #c77;
150
+ padding: 2px 0px 0px 2px;
151
+ }
152
+
153
+ /* Combo boxes (menus that display months/years for direct selection) */
154
+
155
+ .calendar .combo {
156
+ position: absolute;
157
+ display: none;
158
+ top: 0px;
159
+ left: 0px;
160
+ width: 4em;
161
+ cursor: default;
162
+ border: 1px solid #655;
163
+ background: #ffe;
164
+ color: #000;
165
+ font-size: 90%;
166
+ z-index: 100;
167
+ }
168
+
169
+ .calendar .combo .label,
170
+ .calendar .combo .label-IEfix {
171
+ text-align: center;
172
+ padding: 1px;
173
+ }
174
+
175
+ .calendar .combo .label-IEfix {
176
+ width: 4em;
177
+ }
178
+
179
+ .calendar .combo .hilite {
180
+ background: #fc8;
181
+ }
182
+
183
+ .calendar .combo .active {
184
+ border-top: 1px solid #a64;
185
+ border-bottom: 1px solid #a64;
186
+ background: #fee;
187
+ font-weight: bold;
188
+ }
189
+
190
+ .calendar td.time {
191
+ border-top: 1px solid #a88;
192
+ padding: 1px 0px;
193
+ text-align: center;
194
+ background-color: #fed;
195
+ }
196
+
197
+ .calendar td.time .hour,
198
+ .calendar td.time .minute,
199
+ .calendar td.time .ampm {
200
+ padding: 0px 3px 0px 4px;
201
+ border: 1px solid #988;
202
+ font-weight: bold;
203
+ background-color: #fff;
204
+ }
205
+
206
+ .calendar td.time .ampm {
207
+ text-align: center;
208
+ }
209
+
210
+ .calendar td.time .colon {
211
+ padding: 0px 2px 0px 3px;
212
+ font-weight: bold;
213
+ }
214
+
215
+ .calendar td.time span.hilite {
216
+ border-color: #000;
217
+ background-color: #866;
218
+ color: #fff;
219
+ }
220
+
221
+ .calendar td.time span.active {
222
+ border-color: #f00;
223
+ background-color: #000;
224
+ color: #0f0;
225
+ }
js/calendar/calendar-green.css ADDED
@@ -0,0 +1,229 @@
1
+ /* The main calendar widget. DIV containing a table. */
2
+
3
+ div.calendar { position: relative; }
4
+
5
+ .calendar, .calendar table {
6
+ border: 1px solid #565;
7
+ font-size: 11px;
8
+ color: #000;
9
+ cursor: default;
10
+ background: #efe;
11
+ font-family: tahoma,verdana,sans-serif;
12
+ }
13
+
14
+ /* Header part -- contains navigation buttons and day names. */
15
+
16
+ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
17
+ text-align: center; /* They are the navigation buttons */
18
+ padding: 2px; /* Make the buttons seem like they're pressing */
19
+ background: #676;
20
+ color: #fff;
21
+ font-size: 90%;
22
+ }
23
+
24
+ .calendar .nav {
25
+ background: #676 url(menuarrow.gif) no-repeat 100% 100%;
26
+ }
27
+
28
+ .calendar thead .title { /* This holds the current "month, year" */
29
+ font-weight: bold; /* Pressing it will take you to the current date */
30
+ text-align: center;
31
+ padding: 2px;
32
+ background: #250;
33
+ color: #efa;
34
+ }
35
+
36
+ .calendar thead .headrow { /* Row <TR> containing navigation buttons */
37
+ }
38
+
39
+ .calendar thead .name { /* Cells <TD> containing the day names */
40
+ border-bottom: 1px solid #565;
41
+ padding: 2px;
42
+ text-align: center;
43
+ color: #000;
44
+ }
45
+
46
+ .calendar thead .weekend { /* How a weekend day name shows in header */
47
+ color: #a66;
48
+ }
49
+
50
+ .calendar thead .hilite { /* How do the buttons in header appear when hover */
51
+ background-color: #afa;
52
+ color: #000;
53
+ border: 1px solid #084;
54
+ padding: 1px;
55
+ }
56
+
57
+ .calendar thead .active { /* Active (pressed) buttons in header */
58
+ background-color: #7c7;
59
+ padding: 2px 0px 0px 2px;
60
+ }
61
+
62
+ .calendar thead .daynames { /* Row <TR> containing the day names */
63
+ background: #dfb;
64
+ }
65
+
66
+ /* The body part -- contains all the days in month. */
67
+
68
+ .calendar tbody .day { /* Cells <TD> containing month days dates */
69
+ width: 2em;
70
+ color: #564;
71
+ text-align: right;
72
+ padding: 2px 4px 2px 2px;
73
+ }
74
+ .calendar tbody .day.othermonth {
75
+ font-size: 80%;
76
+ color: #bbb;
77
+ }
78
+ .calendar tbody .day.othermonth.oweekend {
79
+ color: #fbb;
80
+ }
81
+
82
+ .calendar table .wn {
83
+ padding: 2px 3px 2px 2px;
84
+ border-right: 1px solid #8a8;
85
+ background: #dfb;
86
+ }
87
+
88
+ .calendar tbody .rowhilite td {
89
+ background: #dfd;
90
+ }
91
+
92
+ .calendar tbody .rowhilite td.wn {
93
+ background: #efe;
94
+ }
95
+
96
+ .calendar tbody td.hilite { /* Hovered cells <TD> */
97
+ background: #efd;
98
+ padding: 1px 3px 1px 1px;
99
+ border: 1px solid #bbb;
100
+ }
101
+
102
+ .calendar tbody td.active { /* Active (pressed) cells <TD> */
103
+ background: #dec;
104
+ padding: 2px 2px 0px 2px;
105
+ }
106
+
107
+ .calendar tbody td.selected { /* Cell showing today date */
108
+ font-weight: bold;
109
+ border: 1px solid #000;
110
+ padding: 1px 3px 1px 1px;
111
+ background: #f8fff8;
112
+ color: #000;
113
+ }
114
+
115
+ .calendar tbody td.weekend { /* Cells showing weekend days */
116
+ color: #a66;
117
+ }
118
+
119
+ .calendar tbody td.today { font-weight: bold; color: #0a0; }
120
+
121
+ .calendar tbody .disabled { color: #999; }
122
+
123
+ .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
124
+ visibility: hidden;
125
+ }
126
+
127
+ .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
128
+ display: none;
129
+ }
130
+
131
+ /* The footer part -- status bar and "Close" button */
132
+
133
+ .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
134
+ text-align: center;
135
+ background: #565;
136
+ color: #fff;
137
+ }
138
+
139
+ .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
140
+ padding: 2px;
141
+ background: #250;
142
+ color: #efa;
143
+ }
144
+
145
+ .calendar tfoot .hilite { /* Hover style for buttons in footer */
146
+ background: #afa;
147
+ border: 1px solid #084;
148
+ color: #000;
149
+ padding: 1px;
150
+ }
151
+
152
+ .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
153
+ background: #7c7;
154
+ padding: 2px 0px 0px 2px;
155
+ }
156
+
157
+ /* Combo boxes (menus that display months/years for direct selection) */
158
+
159
+ .calendar .combo {
160
+ position: absolute;
161
+ display: none;
162
+ top: 0px;
163
+ left: 0px;
164
+ width: 4em;
165
+ cursor: default;
166
+ border: 1px solid #565;
167
+ background: #efd;
168
+ color: #000;
169
+ font-size: 90%;
170
+ z-index: 100;
171
+ }
172
+
173
+ .calendar .combo .label,
174
+ .calendar .combo .label-IEfix {
175
+ text-align: center;
176
+ padding: 1px;
177
+ }
178
+
179
+ .calendar .combo .label-IEfix {
180
+ width: 4em;
181
+ }
182
+
183
+ .calendar .combo .hilite {
184
+ background: #af8;
185
+ }
186
+
187
+ .calendar .combo .active {
188
+ border-top: 1px solid #6a4;
189
+ border-bottom: 1px solid #6a4;
190
+ background: #efe;
191
+ font-weight: bold;
192
+ }
193
+
194
+ .calendar td.time {
195
+ border-top: 1px solid #8a8;
196
+ padding: 1px 0px;
197
+ text-align: center;
198
+ background-color: #dfb;
199
+ }
200
+
201
+ .calendar td.time .hour,
202
+ .calendar td.time .minute,
203
+ .calendar td.time .ampm {
204
+ padding: 0px 3px 0px 4px;
205
+ border: 1px solid #898;
206
+ font-weight: bold;
207
+ background-color: #fff;
208
+ }
209
+
210
+ .calendar td.time .ampm {
211
+ text-align: center;
212
+ }
213
+
214
+ .calendar td.time .colon {
215
+ padding: 0px 2px 0px 3px;
216
+ font-weight: bold;
217
+ }
218
+
219
+ .calendar td.time span.hilite {
220
+ border-color: #000;
221
+ background-color: #686;
222
+ color: #fff;
223
+ }
224
+
225
+ .calendar td.time span.active {
226
+ border-color: #f00;
227
+ background-color: #000;
228
+ color: #0f0;
229
+ }
js/calendar/calendar-setup.js ADDED
@@ -0,0 +1,21 @@
1
+ /* Copyright Mihai Bazon, 2002, 2003 | http://dynarch.com/mishoo/
2
+ * ---------------------------------------------------------------------------
3
+ *
4
+ * The DHTML Calendar
5
+ *
6
+ * Details and latest version at:
7
+ * http://dynarch.com/mishoo/calendar.epl
8
+ *
9
+ * This script is distributed under the GNU Lesser General Public License.
10
+ * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
11
+ *
12
+ * This file defines helper functions for setting up the calendar. They are
13
+ * intended to help non-programmers get a working calendar on their site
14
+ * quickly. This script should not be seen as part of the calendar. It just
15
+ * shows you what one can do with the calendar, while in the same time
16
+ * providing a quick and simple method for setting it up. If you need
17
+ * exhaustive customization of the calendar creation process feel free to
18
+ * modify this code to suit your needs (this is recommended and much better
19
+ * than modifying calendar.js itself).
20
+ */
21
+ Calendar.setup=function(params){function param_default(pname,def){if(typeof params[pname]=="undefined"){params[pname]=def;}};param_default("inputField",null);param_default("displayArea",null);param_default("button",null);param_default("eventName","click");param_default("ifFormat","%Y/%m/%d");param_default("daFormat","%Y/%m/%d");param_default("singleClick",true);param_default("disableFunc",null);param_default("dateStatusFunc",params["disableFunc"]);param_default("dateText",null);param_default("firstDay",null);param_default("align","Br");param_default("range",[1900,2999]);param_default("weekNumbers",true);param_default("flat",null);param_default("flatCallback",null);param_default("onSelect",null);param_default("onClose",null);param_default("onUpdate",null);param_default("date",null);param_default("showsTime",false);param_default("timeFormat","24");param_default("electric",true);param_default("step",2);param_default("position",null);param_default("cache",false);param_default("showOthers",false);param_default("multiple",null);var tmp=["inputField","displayArea","button"];for(var i in tmp){if(typeof params[tmp[i]]=="string"){params[tmp[i]]=document.getElementById(params[tmp[i]]);}}if(!(params.flat||params.multiple||params.inputField||params.displayArea||params.button)){alert("Calendar.setup:\n Nothing to setup (no fields found). Please check your code");return false;}function onSelect(cal){var p=cal.params;var update=(cal.dateClicked||p.electric);if(update&&p.inputField){p.inputField.value=cal.date.print(p.ifFormat);if(typeof p.inputField.onchange=="function")p.inputField.onchange();}if(update&&p.displayArea)p.displayArea.innerHTML=cal.date.print(p.daFormat);if(update&&typeof p.onUpdate=="function")p.onUpdate(cal);if(update&&p.flat){if(typeof p.flatCallback=="function")p.flatCallback(cal);}if(update&&p.singleClick&&cal.dateClicked)cal.callCloseHandler();};if(params.flat!=null){if(typeof params.flat=="string")params.flat=document.getElementById(params.flat);if(!params.flat){alert("Calendar.setup:\n Flat specified but can't find parent.");return false;}var cal=new Calendar(params.firstDay,params.date,params.onSelect||onSelect);cal.showsOtherMonths=params.showOthers;cal.showsTime=params.showsTime;cal.time24=(params.timeFormat=="24");cal.params=params;cal.weekNumbers=params.weekNumbers;cal.setRange(params.range[0],params.range[1]);cal.setDateStatusHandler(params.dateStatusFunc);cal.getDateText=params.dateText;if(params.ifFormat){cal.setDateFormat(params.ifFormat);}if(params.inputField&&typeof params.inputField.value=="string"){cal.parseDate(params.inputField.value);}cal.create(params.flat);cal.show();return false;}var triggerEl=params.button||params.displayArea||params.inputField;triggerEl["on"+params.eventName]=function(){var dateEl=params.inputField||params.displayArea;var dateFmt=params.inputField?params.ifFormat:params.daFormat;var mustCreate=false;var cal=window.calendar;if(dateEl)params.date=Date.parseDate(dateEl.value||dateEl.innerHTML,dateFmt);if(!(cal&&params.cache)){window.calendar=cal=new Calendar(params.firstDay,params.date,params.onSelect||onSelect,params.onClose||function(cal){cal.hide();});cal.showsTime=params.showsTime;cal.time24=(params.timeFormat=="24");cal.weekNumbers=params.weekNumbers;mustCreate=true;}else{if(params.date)cal.setDate(params.date);cal.hide();}if(params.multiple){cal.multiple={};for(var i=params.multiple.length;--i>=0;){var d=params.multiple[i];var ds=d.print("%Y%m%d");cal.multiple[ds]=d;}}cal.showsOtherMonths=params.showOthers;cal.yearStep=params.step;cal.setRange(params.range[0],params.range[1]);cal.params=params;cal.setDateStatusHandler(params.dateStatusFunc);cal.getDateText=params.dateText;cal.setDateFormat(dateFmt);if(mustCreate)cal.create();cal.refresh();if(!params.position)cal.showAtElement(params.button||params.displayArea||params.inputField,params.align);else cal.showAt(params.position[0],params.position[1]);return false;};return cal;};
js/calendar/calendar-system.css ADDED
@@ -0,0 +1,251 @@
1
+ /* The main calendar widget. DIV containing a table. */
2
+
3
+ .calendar {
4
+ position: relative;
5
+ display: none;
6
+ border: 1px solid;
7
+ border-color: #fff #000 #000 #fff;
8
+ font-size: 11px;
9
+ cursor: default;
10
+ background: Window;
11
+ color: WindowText;
12
+ font-family: tahoma,verdana,sans-serif;
13
+ }
14
+
15
+ .calendar table {
16
+ border: 1px solid;
17
+ border-color: #fff #000 #000 #fff;
18
+ font-size: 11px;
19
+ cursor: default;
20
+ background: Window;
21
+ color: WindowText;
22
+ font-family: tahoma,verdana,sans-serif;
23
+ }
24
+
25
+ /* Header part -- contains navigation buttons and day names. */
26
+
27
+ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
28
+ text-align: center;
29
+ padding: 1px;
30
+ border: 1px solid;
31
+ border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
32
+ background: ButtonFace;
33
+ }
34
+
35
+ .calendar .nav {
36
+ background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
37
+ }
38
+
39
+ .calendar thead .title { /* This holds the current "month, year" */
40
+ font-weight: bold;
41
+ padding: 1px;
42
+ border: 1px solid #000;
43
+ background: ActiveCaption;
44
+ color: CaptionText;
45
+ text-align: center;
46
+ }
47
+
48
+ .calendar thead .headrow { /* Row <TR> containing navigation buttons */
49
+ }
50
+
51
+ .calendar thead .daynames { /* Row <TR> containing the day names */
52
+ }
53
+
54
+ .calendar thead .name { /* Cells <TD> containing the day names */
55
+ border-bottom: 1px solid ButtonShadow;
56
+ padding: 2px;
57
+ text-align: center;
58
+ background: ButtonFace;
59
+ color: ButtonText;
60
+ }
61
+
62
+ .calendar thead .weekend { /* How a weekend day name shows in header */
63
+ color: #f00;
64
+ }
65
+
66
+ .calendar thead .hilite { /* How do the buttons in header appear when hover */
67
+ border: 2px solid;
68
+ padding: 0px;
69
+ border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
70
+ }
71
+
72
+ .calendar thead .active { /* Active (pressed) buttons in header */
73
+ border-width: 1px;
74
+ padding: 2px 0px 0px 2px;
75
+ border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
76
+ }
77
+
78
+ /* The body part -- contains all the days in month. */
79
+
80
+ .calendar tbody .day { /* Cells <TD> containing month days dates */
81
+ width: 2em;
82
+ text-align: right;
83
+ padding: 2px 4px 2px 2px;
84
+ }
85
+ .calendar tbody .day.othermonth {
86
+ font-size: 80%;
87
+ color: #aaa;
88
+ }
89
+ .calendar tbody .day.othermonth.oweekend {
90
+ color: #faa;
91
+ }
92
+
93
+ .calendar table .wn {
94
+ padding: 2px 3px 2px 2px;
95
+ border-right: 1px solid ButtonShadow;
96
+ background: ButtonFace;
97
+ color: ButtonText;
98
+ }
99
+
100
+ .calendar tbody .rowhilite td {
101
+ background: Highlight;
102
+ color: HighlightText;
103
+ }
104
+
105
+ .calendar tbody td.hilite { /* Hovered cells <TD> */
106
+ padding: 1px 3px 1px 1px;
107
+ border-top: 1px solid #fff;
108
+ border-right: 1px solid #000;
109
+ border-bottom: 1px solid #000;
110
+ border-left: 1px solid #fff;
111
+ }
112
+
113
+ .calendar tbody td.active { /* Active (pressed) cells <TD> */
114
+ padding: 2px 2px 0px 2px;
115
+ border: 1px solid;
116
+ border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
117
+ }
118
+
119
+ .calendar tbody td.selected { /* Cell showing selected date */
120
+ font-weight: bold;
121
+ border: 1px solid;
122
+ border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
123
+ padding: 2px 2px 0px 2px;
124
+ background: ButtonFace;
125
+ color: ButtonText;
126
+ }
127
+
128
+ .calendar tbody td.weekend { /* Cells showing weekend days */
129
+ color: #f00;
130
+ }
131
+
132
+ .calendar tbody td.today { /* Cell showing today date */
133
+ font-weight: bold;
134
+ color: #00f;
135
+ }
136
+
137
+ .calendar tbody td.disabled { color: GrayText; }
138
+
139
+ .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
140
+ visibility: hidden;
141
+ }
142
+
143
+ .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
144
+ display: none;
145
+ }
146
+
147
+ /* The footer part -- status bar and "Close" button */
148
+
149
+ .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
150
+ }
151
+
152
+ .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
153
+ background: ButtonFace;
154
+ padding: 1px;
155
+ border: 1px solid;
156
+ border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
157
+ color: ButtonText;
158
+ text-align: center;
159
+ }
160
+
161
+ .calendar tfoot .hilite { /* Hover style for buttons in footer */
162
+ border-top: 1px solid #fff;
163
+ border-right: 1px solid #000;
164
+ border-bottom: 1px solid #000;
165
+ border-left: 1px solid #fff;
166
+ padding: 1px;
167
+ background: #e4e0d8;
168
+ }
169
+
170
+ .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
171
+ padding: 2px 0px 0px 2px;
172
+ border-top: 1px solid #000;
173
+ border-right: 1px solid #fff;
174
+ border-bottom: 1px solid #fff;
175
+ border-left: 1px solid #000;
176
+ }
177
+
178
+ /* Combo boxes (menus that display months/years for direct selection) */
179
+
180
+ .calendar .combo {
181
+ position: absolute;
182
+ display: none;
183
+ width: 4em;
184
+ top: 0px;
185
+ left: 0px;
186
+ cursor: default;
187
+ border: 1px solid;
188
+ border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
189
+ background: Menu;
190
+ color: MenuText;
191
+ font-size: 90%;
192
+ padding: 1px;
193
+ z-index: 100;
194
+ }
195
+
196
+ .calendar .combo .label,
197
+ .calendar .combo .label-IEfix {
198
+ text-align: center;
199
+ padding: 1px;
200
+ }
201
+
202
+ .calendar .combo .label-IEfix {
203
+ width: 4em;
204
+ }
205
+
206
+ .calendar .combo .active {
207
+ padding: 0px;
208
+ border: 1px solid #000;
209
+ }
210
+
211
+ .calendar .combo .hilite {
212
+ background: Highlight;
213
+ color: HighlightText;
214
+ }
215
+
216
+ .calendar td.time {
217
+ border-top: 1px solid ButtonShadow;
218
+ padding: 1px 0px;
219
+ text-align: center;
220
+ background-color: ButtonFace;
221
+ }
222
+
223
+ .calendar td.time .hour,
224
+ .calendar td.time .minute,
225
+ .calendar td.time .ampm {
226
+ padding: 0px 3px 0px 4px;
227
+ border: 1px solid #889;
228
+ font-weight: bold;
229
+ background-color: Menu;
230
+ }
231
+
232
+ .calendar td.time .ampm {
233
+ text-align: center;
234
+ }
235
+
236
+ .calendar td.time .colon {
237
+ padding: 0px 2px 0px 3px;
238
+ font-weight: bold;
239
+ }
240
+
241
+ .calendar td.time span.hilite {
242
+ border-color: #000;
243
+ background-color: Highlight;
244
+ color: HighlightText;
245
+ }
246
+
247
+ .calendar td.time span.active {
248
+ border-color: #f00;
249
+ background-color: #000;
250
+ color: #0f0;
251
+ }
js/calendar/calendar-tas.css ADDED
@@ -0,0 +1,239 @@
1
+ /* The main calendar widget. DIV containing a table. */
2
+
3
+ div.calendar { position: relative; }
4
+
5
+ .calendar, .calendar table {
6
+ border: 1px solid #655;
7
+ font-size: 11px;
8
+ color: #000;
9
+ cursor: default;
10
+ background: #ffd;
11
+ font-family: tahoma,verdana,sans-serif;
12
+ filter:
13
+ progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
14
+ }
15
+
16
+ /* Header part -- contains navigation buttons and day names. */
17
+
18
+ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
19
+ text-align: center; /* They are the navigation buttons */
20
+ padding: 2px; /* Make the buttons seem like they're pressing */
21
+ color:#363636;
22
+ }
23
+
24
+ .calendar .nav {
25
+ background: #edc url(menuarrow.gif) no-repeat 100% 100%;
26
+ }
27
+
28
+ .calendar thead .title { /* This holds the current "month, year" */
29
+ font-weight: bold; /* Pressing it will take you to the current date */
30
+ text-align: center;
31
+ background: #654;
32
+ color: #363636;
33
+ padding: 2px;
34
+ filter:
35
+ progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#dddccc);
36
+ }
37
+
38
+ .calendar thead .headrow { /* Row <TR> containing navigation buttons */
39
+ /*background: #3B86A0;*/
40
+ color: #363636;
41
+ font-weight: bold;
42
+ filter:
43
+ progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#3b86a0);
44
+ }
45
+
46
+ .calendar thead .name { /* Cells <TD> containing the day names */
47
+ border-bottom: 1px solid #655;
48
+ padding: 2px;
49
+ text-align: center;
50
+ color: #363636;
51
+ filter:
52
+ progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
53
+ }
54
+
55
+ .calendar thead .weekend { /* How a weekend day name shows in header */
56
+ color: #f00;
57
+ }
58
+
59
+ .calendar thead .hilite { /* How do the buttons in header appear when hover */
60
+ background-color: #ffcc86;
61
+ color: #000;
62
+ border: 1px solid #b59345;
63
+ padding: 1px;
64
+ }
65
+
66
+ .calendar thead .active { /* Active (pressed) buttons in header */
67
+ background-color: #c77;
68
+ padding: 2px 0px 0px 2px;
69
+ }
70
+
71
+ .calendar thead .daynames { /* Row <TR> containing the day names */
72
+ background: #fed;
73
+ }
74
+
75
+ /* The body part -- contains all the days in month. */
76
+
77
+ .calendar tbody .day { /* Cells <TD> containing month days dates */
78
+ width: 2em;
79
+ text-align: right;
80
+ padding: 2px 4px 2px 2px;
81
+ }
82
+ .calendar tbody .day.othermonth {
83
+ font-size: 80%;
84
+ color: #aaa;
85
+ }
86
+ .calendar tbody .day.othermonth.oweekend {
87
+ color: #faa;
88
+ }
89
+
90
+ .calendar table .wn {
91
+ padding: 2px 3px 2px 2px;
92
+ border-right: 1px solid #000;
93
+ background: #fed;
94
+ }
95
+
96
+ .calendar tbody .rowhilite td {
97
+ background: #ddf;
98
+
99
+ }
100
+
101
+ .calendar tbody .rowhilite td.wn {
102
+ background: #efe;
103
+ }
104
+
105
+ .calendar tbody td.hilite { /* Hovered cells <TD> */
106
+ background: #ffe;
107
+ padding: 1px 3px 1px 1px;
108
+ border: 1px solid #bbb;
109
+ }
110
+
111
+ .calendar tbody td.active { /* Active (pressed) cells <TD> */
112
+ background: #ddc;
113
+ padding: 2px 2px 0px 2px;
114
+ }
115
+
116
+ .calendar tbody td.selected { /* Cell showing today date */
117
+ font-weight: bold;
118
+ border: 1px solid #000;
119
+ padding: 1px 3px 1px 1px;
120
+ background: #fea;
121
+ }
122
+
123
+ .calendar tbody td.weekend { /* Cells showing weekend days */
124
+ color: #f00;
125
+ }
126
+
127
+ .calendar tbody td.today { font-weight: bold; }
128
+
129
+ .calendar tbody .disabled { color: #999; }
130
+
131
+ .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
132
+ visibility: hidden;
133
+ }
134
+
135
+ .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
136
+ display: none;
137
+ }
138
+
139
+ /* The footer part -- status bar and "Close" button */
140
+
141
+ .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
142
+ text-align: center;
143
+ background: #988;
144
+ color: #000;
145
+
146
+ }
147
+
148
+ .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
149
+ border-top: 1px solid #655;
150
+ background: #dcb;
151
+ color: #363636;
152
+ font-weight: bold;
153
+ filter:
154
+ progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#DDDCCC);
155
+ }
156
+ .calendar tfoot .hilite { /* Hover style for buttons in footer */
157
+ background: #faa;
158
+ border: 1px solid #f40;
159
+ padding: 1px;
160
+ }
161
+
162
+ .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
163
+ background: #c77;
164
+ padding: 2px 0px 0px 2px;
165
+ }
166
+
167
+ /* Combo boxes (menus that display months/years for direct selection) */
168
+
169
+ .combo {
170
+ position: absolute;
171
+ display: none;
172
+ top: 0px;
173
+ left: 0px;
174
+ width: 4em;
175
+ cursor: default;
176
+ border: 1px solid #655;
177
+ background: #ffe;
178
+ color: #000;
179
+ font-size: smaller;
180
+ z-index: 100;
181
+ }
182
+
183
+ .combo .label,
184
+ .combo .label-IEfix {
185
+ text-align: center;
186
+ padding: 1px;
187
+ }
188
+
189
+ .combo .label-IEfix {
190
+ width: 4em;
191
+ }
192
+
193
+ .combo .hilite {
194
+ background: #fc8;
195
+ }
196
+
197
+ .combo .active {
198
+ border-top: 1px solid #a64;
199
+ border-bottom: 1px solid #a64;
200
+ background: #fee;
201
+ font-weight: bold;
202
+ }
203
+
204
+ .calendar td.time {
205
+ border-top: 1px solid #a88;
206
+ padding: 1px 0px;
207
+ text-align: center;
208
+ background-color: #fed;
209
+ }
210
+
211
+ .calendar td.time .hour,
212
+ .calendar td.time .minute,
213
+ .calendar td.time .ampm {
214
+ padding: 0px 3px 0px 4px;
215
+ border: 1px solid #988;
216
+ font-weight: bold;
217
+ background-color: #fff;
218
+ }
219
+
220
+ .calendar td.time .ampm {
221
+ text-align: center;
222
+ }
223
+
224
+ .calendar td.time .colon {
225
+ padding: 0px 2px 0px 3px;
226
+ font-weight: bold;
227
+ }
228
+
229
+ .calendar td.time span.hilite {
230
+ border-color: #000;
231
+ background-color: #866;
232
+ color: #fff;
233
+ }
234
+
235
+ .calendar td.time span.active {
236
+ border-color: #f00;
237
+ background-color: #000;
238
+ color: #0f0;
239
+ }
js/calendar/calendar-win2k-1.css ADDED
@@ -0,0 +1,271 @@
1
+ /* The main calendar widget. DIV containing a table. */
2
+
3
+ .calendar {
4
+ position: relative;
5
+ display: none;
6
+ border-top: 2px solid #fff;
7
+ border-right: 2px solid #000;
8
+ border-bottom: 2px solid #000;
9
+ border-left: 2px solid #fff;
10
+ font-size: 11px;
11
+ color: #000;
12
+ cursor: default;
13
+ background: #d4d0c8;
14
+ font-family: tahoma,verdana,sans-serif;
15
+ }
16
+
17
+ .calendar table {
18
+ border-top: 1px solid #000;
19
+ border-right: 1px solid #fff;
20
+ border-bottom: 1px solid #fff;
21
+ border-left: 1px solid #000;
22
+ font-size: 11px;
23
+ color: #000;
24
+ cursor: default;
25
+ background: #d4d0c8;
26
+ font-family: tahoma,verdana,sans-serif;
27
+ }
28
+
29
+ /* Header part -- contains navigation buttons and day names. */
30
+
31
+ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
32
+ text-align: center;
33
+ padding: 1px;
34
+ border-top: 1px solid #fff;
35
+ border-right: 1px solid #000;
36
+ border-bottom: 1px solid #000;
37
+ border-left: 1px solid #fff;
38
+ }
39
+
40
+ .calendar .nav {
41
+ background: transparent url(menuarrow.gif) no-repeat 100% 100%;
42
+ }
43
+
44
+ .calendar thead .title { /* This holds the current "month, year" */
45
+ font-weight: bold;
46
+ padding: 1px;
47
+ border: 1px solid #000;
48
+ background: #848078;
49
+ color: #fff;
50
+ text-align: center;
51
+ }
52
+
53
+ .calendar thead .headrow { /* Row <TR> containing navigation buttons */
54
+ }
55
+
56
+ .calendar thead .daynames { /* Row <TR> containing the day names */
57
+ }
58
+
59
+ .calendar thead .name { /* Cells <TD> containing the day names */
60
+ border-bottom: 1px solid #000;
61
+ padding: 2px;
62
+ text-align: center;
63
+ background: #f4f0e8;
64
+ }
65
+
66
+ .calendar thead .weekend { /* How a weekend day name shows in header */
67
+ color: #f00;
68
+ }
69
+
70
+ .calendar thead .hilite { /* How do the buttons in header appear when hover */
71
+ border-top: 2px solid #fff;
72
+ border-right: 2px solid #000;
73
+ border-bottom: 2px solid #000;
74
+ border-left: 2px solid #fff;
75
+ padding: 0px;
76
+ background-color: #e4e0d8;
77
+ }
78
+
79
+ .calendar thead .active { /* Active (pressed) buttons in header */
80
+ padding: 2px 0px 0px 2px;
81
+ border-top: 1px solid #000;
82
+ border-right: 1px solid #fff;
83
+ border-bottom: 1px solid #fff;
84
+ border-left: 1px solid #000;
85
+ background-color: #c4c0b8;
86
+ }
87
+
88
+ /* The body part -- contains all the days in month. */
89
+
90
+ .calendar tbody .day { /* Cells <TD> containing month days dates */
91
+ width: 2em;
92
+ text-align: right;
93
+ padding: 2px 4px 2px 2px;
94
+ }
95
+ .calendar tbody .day.othermonth {
96
+ font-size: 80%;
97
+ color: #aaa;
98
+ }
99
+ .calendar tbody .day.othermonth.oweekend {
100
+ color: #faa;
101
+ }
102
+
103
+ .calendar table .wn {
104
+ padding: 2px 3px 2px 2px;
105
+ border-right: 1px solid #000;
106
+ background: #f4f0e8;
107
+ }
108
+
109
+ .calendar tbody .rowhilite td {
110
+ background: #e4e0d8;
111
+ }
112
+
113
+ .calendar tbody .rowhilite td.wn {
114
+ background: #d4d0c8;
115
+ }
116
+
117
+ .calendar tbody td.hilite { /* Hovered cells <TD> */
118
+ padding: 1px 3px 1px 1px;
119
+ border-top: 1px solid #fff;
120
+ border-right: 1px solid #000;
121
+ border-bottom: 1px solid #000;
122
+ border-left: 1px solid #fff;
123
+ }
124
+
125
+ .calendar tbody td.active { /* Active (pressed) cells <TD> */
126
+ padding: 2px 2px 0px 2px;
127
+ border-top: 1px solid #000;
128
+ border-right: 1px solid #fff;
129
+ border-bottom: 1px solid #fff;
130
+ border-left: 1px solid #000;
131
+ }
132
+
133
+ .calendar tbody td.selected { /* Cell showing selected date */
134
+ font-weight: bold;
135
+ border-top: 1px solid #000;
136
+ border-right: 1px solid #fff;
137
+ border-bottom: 1px solid #fff;
138
+ border-left: 1px solid #000;
139
+ padding: 2px 2px 0px 2px;
140
+ background: #e4e0d8;
141
+ }
142
+
143
+ .calendar tbody td.weekend { /* Cells showing weekend days */
144
+ color: #f00;
145
+ }
146
+
147
+ .calendar tbody td.today { /* Cell showing today date */
148
+ font-weight: bold;
149
+ color: #00f;
150
+ }
151
+
152
+ .calendar tbody .disabled { color: #999; }
153
+
154
+ .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
155
+ visibility: hidden;
156
+ }
157
+
158
+ .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
159
+ display: none;
160
+ }
161
+
162
+ /* The footer part -- status bar and "Close" button */
163
+
164
+ .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
165
+ }
166
+
167
+ .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
168
+ background: #f4f0e8;
169
+ padding: 1px;
170
+ border: 1px solid #000;
171
+ background: #848078;
172
+ color: #fff;
173
+ text-align: center;
174
+ }
175
+
176
+ .calendar tfoot .hilite { /* Hover style for buttons in footer */
177
+ border-top: 1px solid #fff;
178
+ border-right: 1px solid #000;
179
+ border-bottom: 1px solid #000;
180
+ border-left: 1px solid #fff;
181
+ padding: 1px;
182
+ background: #e4e0d8;
183
+ }
184
+
185
+ .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
186
+ padding: 2px 0px 0px 2px;
187
+ border-top: 1px solid #000;
188
+ border-right: 1px solid #fff;
189
+ border-bottom: 1px solid #fff;
190
+ border-left: 1px solid #000;
191
+ }
192
+
193
+ /* Combo boxes (menus that display months/years for direct selection) */
194
+
195
+ .calendar .combo {
196
+ position: absolute;
197
+ display: none;
198
+ width: 4em;
199
+ top: 0px;
200
+ left: 0px;
201
+ cursor: default;
202
+ border-top: 1px solid #fff;
203
+ border-right: 1px solid #000;
204
+ border-bottom: 1px solid #000;
205
+ border-left: 1px solid #fff;
206
+ background: #e4e0d8;
207
+ font-size: 90%;
208
+ padding: 1px;
209
+ z-index: 100;
210
+ }
211
+
212
+ .calendar .combo .label,
213
+ .calendar .combo .label-IEfix {
214
+ text-align: center;
215
+ padding: 1px;
216
+ }
217
+
218
+ .calendar .combo .label-IEfix {
219
+ width: 4em;
220
+ }
221
+
222
+ .calendar .combo .active {
223
+ background: #c4c0b8;
224
+ padding: 0px;
225
+ border-top: 1px solid #000;
226
+ border-right: 1px solid #fff;
227
+ border-bottom: 1px solid #fff;
228
+ border-left: 1px solid #000;
229
+ }
230
+
231
+ .calendar .combo .hilite {
232
+ background: #048;
233
+ color: #fea;
234
+ }
235
+
236
+ .calendar td.time {
237
+ border-top: 1px solid #000;
238
+ padding: 1px 0px;
239
+ text-align: center;
240
+ background-color: #f4f0e8;
241
+ }
242
+
243
+ .calendar td.time .hour,
244
+ .calendar td.time .minute,
245
+ .calendar td.time .ampm {
246
+ padding: 0px 3px 0px 4px;
247
+ border: 1px solid #889;
248
+ font-weight: bold;
249
+ background-color: #fff;
250
+ }
251
+
252
+ .calendar td.time .ampm {
253
+ text-align: center;
254
+ }
255
+
256
+ .calendar td.time .colon {
257
+ padding: 0px 2px 0px 3px;
258
+ font-weight: bold;
259
+ }
260
+
261
+ .calendar td.time span.hilite {
262
+ border-color: #000;
263
+ background-color: #766;
264
+ color: #fff;
265
+ }
266
+
267
+ .calendar td.time span.active {
268
+ border-color: #f00;
269
+ background-color: #000;
270
+ color: #0f0;
271
+ }
js/calendar/calendar-win2k-2.css ADDED
@@ -0,0 +1,271 @@
1
+ /* The main calendar widget. DIV containing a table. */
2
+
3
+ .calendar {
4
+ position: relative;
5
+ display: none;
6
+ border-top: 2px solid #fff;
7
+ border-right: 2px solid #000;
8
+ border-bottom: 2px solid #000;
9
+ border-left: 2px solid #fff;
10
+ font-size: 11px;
11
+ color: #000;
12
+ cursor: default;
13
+ background: #d4c8d0;
14
+ font-family: tahoma,verdana,sans-serif;
15
+ }
16
+
17
+ .calendar table {
18
+ border-top: 1px solid #000;
19
+ border-right: 1px solid #fff;
20
+ border-bottom: 1px solid #fff;
21
+ border-left: 1px solid #000;
22
+ font-size: 11px;
23
+ color: #000;
24
+ cursor: default;
25
+ background: #d4c8d0;
26
+ font-family: tahoma,verdana,sans-serif;
27
+ }
28
+
29
+ /* Header part -- contains navigation buttons and day names. */
30
+
31
+ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
32
+ text-align: center;
33
+ padding: 1px;
34
+ border-top: 1px solid #fff;
35
+ border-right: 1px solid #000;
36
+ border-bottom: 1px solid #000;
37
+ border-left: 1px solid #fff;
38
+ }
39
+
40
+ .calendar .nav {
41
+ background: transparent url(menuarrow.gif) no-repeat 100% 100%;
42
+ }
43
+
44
+ .calendar thead .title { /* This holds the current "month, year" */
45
+ font-weight: bold;
46
+ padding: 1px;
47
+ border: 1px solid #000;
48
+ background: #847880;
49
+ color: #fff;
50
+ text-align: center;
51
+ }
52
+
53
+ .calendar thead .headrow { /* Row <TR> containing navigation buttons */
54
+ }
55
+
56
+ .calendar thead .daynames { /* Row <TR> containing the day names */
57
+ }
58
+
59
+ .calendar thead .name { /* Cells <TD> containing the day names */
60
+ border-bottom: 1px solid #000;
61
+ padding: 2px;
62
+ text-align: center;
63
+ background: #f4e8f0;
64
+ }
65
+
66
+ .calendar thead .weekend { /* How a weekend day name shows in header */
67
+ color: #f00;
68
+ }
69
+
70
+ .calendar thead .hilite { /* How do the buttons in header appear when hover */
71
+ border-top: 2px solid #fff;
72
+ border-right: 2px solid #000;
73
+ border-bottom: 2px solid #000;
74
+ border-left: 2px solid #fff;
75
+ padding: 0px;
76
+ background-color: #e4d8e0;
77
+ }
78
+
79
+ .calendar thead .active { /* Active (pressed) buttons in header */
80
+ padding: 2px 0px 0px 2px;
81
+ border-top: 1px solid #000;
82
+ border-right: 1px solid #fff;
83
+ border-bottom: 1px solid #fff;
84
+ border-left: 1px solid #000;
85
+ background-color: #c4b8c0;
86
+ }
87
+
88
+ /* The body part -- contains all the days in month. */
89
+
90
+ .calendar tbody .day { /* Cells <TD> containing month days dates */
91
+ width: 2em;
92
+ text-align: right;
93
+ padding: 2px 4px 2px 2px;
94
+ }
95
+ .calendar tbody .day.othermonth {
96
+ font-size: 80%;
97
+ color: #aaa;
98
+ }
99
+ .calendar tbody .day.othermonth.oweekend {
100
+ color: #faa;
101
+ }
102
+
103
+ .calendar table .wn {
104
+ padding: 2px 3px 2px 2px;
105
+ border-right: 1px solid #000;
106
+ background: #f4e8f0;
107
+ }
108
+
109
+ .calendar tbody .rowhilite td {
110
+ background: #e4d8e0;
111
+ }
112
+
113
+ .calendar tbody .rowhilite td.wn {
114
+ background: #d4c8d0;
115
+ }
116
+
117
+ .calendar tbody td.hilite { /* Hovered cells <TD> */
118
+ padding: 1px 3px 1px 1px;
119
+ border-top: 1px solid #fff;
120
+ border-right: 1px solid #000;
121
+ border-bottom: 1px solid #000;
122
+ border-left: 1px solid #fff;
123
+ }
124
+
125
+ .calendar tbody td.active { /* Active (pressed) cells <TD> */
126
+ padding: 2px 2px 0px 2px;
127
+ border-top: 1px solid #000;
128
+ border-right: 1px solid #fff;
129
+ border-bottom: 1px solid #fff;
130
+ border-left: 1px solid #000;
131
+ }
132
+
133
+ .calendar tbody td.selected { /* Cell showing selected date */
134
+ font-weight: bold;
135
+ border-top: 1px solid #000;
136
+ border-right: 1px solid #fff;
137
+ border-bottom: 1px solid #fff;
138
+ border-left: 1px solid #000;
139
+ padding: 2px 2px 0px 2px;
140
+ background: #e4d8e0;
141
+ }
142
+
143
+ .calendar tbody td.weekend { /* Cells showing weekend days */
144
+ color: #f00;
145
+ }
146
+
147
+ .calendar tbody td.today { /* Cell showing today date */
148
+ font-weight: bold;
149
+ color: #00f;
150
+ }
151
+
152
+ .calendar tbody .disabled { color: #999; }
153
+
154
+ .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
155
+ visibility: hidden;
156
+ }
157
+
158
+ .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
159
+ display: none;
160
+ }
161
+
162
+ /* The footer part -- status bar and "Close" button */
163
+
164
+ .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
165
+ }
166
+
167
+ .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
168
+ background: #f4e8f0;
169
+ padding: 1px;
170
+ border: 1px solid #000;
171
+ background: #847880;
172
+ color: #fff;
173
+ text-align: center;
174
+ }
175
+
176
+ .calendar tfoot .hilite { /* Hover style for buttons in footer */
177
+ border-top: 1px solid #fff;
178
+ border-right: 1px solid #000;
179
+ border-bottom: 1px solid #000;
180
+ border-left: 1px solid #fff;
181
+ padding: 1px;
182
+ background: #e4d8e0;
183
+ }
184
+
185
+ .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
186
+ padding: 2px 0px 0px 2px;
187
+ border-top: 1px solid #000;
188
+ border-right: 1px solid #fff;
189
+ border-bottom: 1px solid #fff;
190
+ border-left: 1px solid #000;
191
+ }
192
+
193
+ /* Combo boxes (menus that display months/years for direct selection) */
194
+
195
+ .calendar .combo {
196
+ position: absolute;
197
+ display: none;
198
+ width: 4em;
199
+ top: 0px;
200
+ left: 0px;
201
+ cursor: default;
202
+ border-top: 1px solid #fff;
203
+ border-right: 1px solid #000;
204
+ border-bottom: 1px solid #000;
205
+ border-left: 1px solid #fff;
206
+ background: #e4d8e0;
207
+ font-size: 90%;
208
+ padding: 1px;
209
+ z-index: 100;
210
+ }
211
+
212
+ .calendar .combo .label,
213
+ .calendar .combo .label-IEfix {
214
+ text-align: center;
215
+ padding: 1px;
216
+ }
217
+
218
+ .calendar .combo .label-IEfix {
219
+ width: 4em;
220
+ }
221
+
222
+ .calendar .combo .active {
223
+ background: #d4c8d0;
224
+ padding: 0px;
225
+ border-top: 1px solid #000;
226
+ border-right: 1px solid #fff;
227
+ border-bottom: 1px solid #fff;
228
+ border-left: 1px solid #000;
229
+ }
230
+
231
+ .calendar .combo .hilite {
232
+ background: #408;
233
+ color: #fea;
234
+ }
235
+
236
+ .calendar td.time {
237
+ border-top: 1px solid #000;
238
+ padding: 1px 0px;
239
+ text-align: center;
240
+ background-color: #f4f0e8;
241
+ }
242
+
243
+ .calendar td.time .hour,
244
+ .calendar td.time .minute,
245
+ .calendar td.time .ampm {
246
+ padding: 0px 3px 0px 4px;
247
+ border: 1px solid #889;
248
+ font-weight: bold;
249
+ background-color: #fff;
250
+ }
251
+
252
+ .calendar td.time .ampm {
253