Lang file : Update lang french file
[ldapsaisie.git] / trunk / includes / libs / jscalendar / calendar-win2k-1.css
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 }