Initial commit
[eevladatepicker.git] / web / css / vlaCal-v2.1.css
1 /***************/\r
2 /* vlaCalendar */\r
3 /***************/\r
4 \r
5 /* Picker */\r
6 \r
7 .vlaCalendarPicker {\r
8         position: absolute;\r
9         z-index: 999;\r
10         \r
11         margin-top: -5px;\r
12         margin-left: -2px;\r
13         \r
14         display: none;\r
15 }\r
16 \r
17 .vlaCalendarPicker .pickerBackground {\r
18         background: transparent url('/eeVlaDatePickerPlugin/images/calendar_background.png') no-repeat top center;\r
19         padding: 16px;\r
20         height: 130px;\r
21         width: 166px;\r
22         overflow: hidden;\r
23 }\r
24 \r
25 /* Background for IE6 - code does not validate as it is a hack */\r
26 *html .vlaCalendarPicker .pickerBackground {\r
27         background-image: url('/eeVlaDatePickerPlugin/images/calendar_background.gif');\r
28 }\r
29 \r
30 /* Main calendar */\r
31 \r
32 .vlaCalendar, .vlaCalendar table {\r
33         font-family: calibri, arial !important;\r
34         color: black;\r
35         font-size: 12px !important;\r
36 }\r
37 \r
38 .vlaCalendar {\r
39         display: block;\r
40         width: 164px;\r
41 }\r
42 .vlaCalendar .container, .vlaCalendar .container div {\r
43         width: 164px;\r
44         height: 130px;\r
45         text-align: left;\r
46         position: absolute;\r
47         overflow: hidden;\r
48 }\r
49 \r
50 .vlaCalendar span.indication {\r
51         display: block;\r
52         text-align: center;\r
53 }\r
54 \r
55 .vlaCalendar table {\r
56         margin-top: 8px;\r
57         text-align: right;\r
58         border-collapse: collapse;\r
59         background-color: white; /* <- IE ugly text in transition fix  */\r
60 }\r
61 \r
62 .vlaCalendar .picker td {\r
63         cursor: pointer;\r
64 }\r
65 \r
66 /* Label & arrows */\r
67 \r
68 .vlaCalendar .label:hover {\r
69         color: #0066cc;\r
70         cursor: pointer;\r
71 }\r
72 .vlaCalendar .noHover:hover {\r
73         color: black;\r
74         cursor: default;\r
75 }\r
76 \r
77 .vlaCalendar .arrowLeft, .vlaCalendar .arrowRight {\r
78         background: transparent url('/eeVlaDatePickerPlugin/images/arrowleft.gif') no-repeat center;\r
79         height: 12px;\r
80         width: 10px;\r
81         cursor: pointer;\r
82 }\r
83 .vlaCalendar .arrowLeft {\r
84         margin-left: 5px;\r
85         float: left;\r
86 }\r
87 .vlaCalendar .arrowLeft:hover {\r
88         background-image: url('/eeVlaDatePickerPlugin/images/arrowleft_hover.gif');\r
89 }\r
90 .vlaCalendar .arrowRight {\r
91         margin-right: 5px;\r
92         float: right;\r
93         background-image: url('/eeVlaDatePickerPlugin/images/arrowright.gif');\r
94 }\r
95 .vlaCalendar .arrowRight:hover {\r
96         background-image: url('/eeVlaDatePickerPlugin/images/arrowright_hover.gif');\r
97 }\r
98 \r
99 /* Month */\r
100 \r
101 .vlaCalendar .month th {\r
102         text-align: center;\r
103         font-weight: normal;\r
104         width: 24px;\r
105         padding-bottom: 1px;\r
106         border-bottom: 1px solid #f5f5f5;\r
107 }\r
108 \r
109 .vlaCalendar .month td {\r
110         padding-right: 3px;\r
111         height: 15px;\r
112 }\r
113 \r
114 .vlaCalendar .month tr.firstRow td {\r
115         padding-top: 2px;\r
116 }\r
117 \r
118 .vlaCalendar .month td:hover {\r
119         background: url('/eeVlaDatePickerPlugin/images/day_hover.gif') bottom no-repeat;\r
120         color: #0066cc;\r
121 }\r
122 \r
123 .vlaCalendar .month td.selected {\r
124         background: url('/eeVlaDatePickerPlugin/images/day_selected.gif') bottom no-repeat;\r
125         color: #0066cc;\r
126 }\r
127 .vlaCalendar .month td.selected:hover {\r
128         background-image: url('/eeVlaDatePickerPlugin/images/day_selected_hover.gif');\r
129 }\r
130 \r
131 .vlaCalendar .month td.outsideDay {\r
132         color: #a8a8a8;\r
133 }\r
134 .vlaCalendar .month td.outsideDay:hover {\r
135         color: #b1c5fc;\r
136 }\r
137 \r
138 /* Year & decade */\r
139 \r
140 .vlaCalendar .year {\r
141         margin-left: 2px;\r
142 }\r
143 \r
144 .vlaCalendar .year td {\r
145         width: 40px;\r
146         height: 35px;\r
147         text-align: center;\r
148         cursor: pointer;\r
149 }\r
150 .vlaCalendar .year td:hover {\r
151         background: url('/eeVlaDatePickerPlugin/images/month_hover.gif') center no-repeat;\r
152         color: #0066cc;\r
153 }\r
154 \r
155 .vlaCalendar .year td.selected {\r
156         background: url('/eeVlaDatePickerPlugin/images/month_selected.gif') center no-repeat;\r
157 }\r
158 .vlaCalendar .year td.selected:hover {\r
159         background-image: url('/eeVlaDatePickerPlugin/images/month_selected_hover.gif');\r
160 }\r
161 \r
162 .vlaCalendar .year td.current {\r
163         background: url('/eeVlaDatePickerPlugin/images/month_current.gif') center no-repeat;\r
164         color: #0066cc;\r
165 }\r
166 .vlaCalendar .year td.current:hover {\r
167         background-image: url('/eeVlaDatePickerPlugin/images/month_current_hover.gif');\r
168 }\r
169 \r
170 .vlaCalendar .year td.selectedcurrent {\r
171         background: url('/eeVlaDatePickerPlugin/images/month_selectedcurrent.gif') center no-repeat;\r
172 }\r
173 .vlaCalendar .year td.selectedcurrent:hover {\r
174         background-image: url('/eeVlaDatePickerPlugin/images/month_selectedcurrent_hover.gif');\r
175 }\r
176 \r
177 .vlaCalendar .year td.outsideYear {\r
178         color: #a8a8a8;\r
179 }\r
180 .vlaCalendar .year td.outsideYear:hover {\r
181         color: #b1c5fc;\r
182 }\r