1 /* ====================================
2 * the style sheet for the ajax_template calendar
3 * ====================================*/
9 font-family: Arial
, Helvetica
, sans-serif
;
11 div
.tiny
{ width:1px; height:1px; font-size:1px; }
13 border: 2px solid blue
;
16 #printview, #dayview
, #weekview
, #monthview
{
17 cursor: pointer
; cursor: hand
;
20 width: 13.5%; /* can't make this 25% for some reason */
22 padding: 0px 5px 0px 5px;
23 margin-right: 0%; /* added because of the width issue above */
26 background-color:#E3E9FF;
30 border-TOP:1px solid black
;
33 background-color:#BBCCFF;
36 border-bottom:1px solid black
;
37 border-TOP:1px solid black
;
41 font-family: Arial
, Helvetica
, sans-serif
;
47 font-family: Arial
, Helvetica
, sans-serif
;
57 font-family: Arial
, Helvetica
, sans-serif
;
61 font-family: Arial
, Helvetica
, sans-serif
;
70 #providerPicker #pc_facility
{
73 #providerPicker #pc_username
{
77 font-family: Arial
, Helvetica
, sans-serif
;
88 border-collapse: collapse
;
95 background-color: #FFF3D1;
97 border-left:1px solid black
;
100 border-collapse: collapse
;
102 vertical-align:middle
;
110 /* these are for the small datepicker DIV */
122 border-collapse: collapse
;
127 font-family: Arial
, Helvetica
, sans-serif
;
130 /* font-size: 9pt; */
132 #datePicker .tdMonthName-small
{
134 font-family: Arial
, Helvetica
, sans-serif
;
137 background-color: #FFF2E8;
139 #datePicker .tdDOW-small
{
140 font-family: Arial
, Helvetica
, sans-serif
;
145 padding: 2px 3px 2px 3px;
146 background-color: #FFF2E8;
148 #datePicker .tdDatePicker
{
149 cursor: pointer
; cursor: hand
;
151 #datePicker .tdWeekend-small
{
152 font-family: Arial
, Helvetica
, sans-serif
;
156 padding: 2px 3px 2px 3px;
157 background-color: #ffffff;
160 #datePicker .tdOtherMonthDay-small
{
161 font-family: Arial
, Helvetica
, sans-serif
;
165 padding: 2px 3px 2px 3px;
166 background-color: #ffffff;
169 #datePicker .tdMonthDay-small
{
170 font-family: Arial
, Helvetica
, sans-serif
;
174 padding: 2px 3px 2px 3px;
175 background-color: #ffffff;
177 #datePicker .currentWeek
{
178 background-color: #DBD5FF;
180 #datePicker .currentDate
{
181 background-color: #A79BE7;
184 #datePicker .tdDatePickerHighlight
{
185 background-color: #A79BE7;
189 /* the DIV of times */
191 border-right: 1px solid
#999;
193 background-color: #FFF3D1;
197 border-collapse: collapse
;
201 background-color: #E7D294;
202 background-color: #FFF3D1;
205 border-bottom: 1px solid
#999;
211 /* height value is tied to two PHP variables in the ajax_*.html files
212 * if you change this value then be sure to change the matching value
219 background-color: #FFF3D1;
220 background-color: #FFF;
224 border: 1px solid
#999999;
227 /* for the header row with provider names */
230 background-color: #EDEAFF;
233 border-bottom: 1px solid lightgrey
;
237 /* for the DIV inside each TD, this DIV contains any events for a single day */
244 /* classes specific to the WEEK view */
246 border-left: 1px solid
#999;
247 border-right: 1px solid
#999;
252 background-color: #DBD5FF;
255 /* classes specific to the MONTH view */
260 background-color: #FFF;
261 padding:1px 2px 1px 2px;
272 /* types of events */
279 vertical-align:middle
;
282 background-color: white
;
286 background-color: lightgray
;
290 background-color: white
;
293 border: 1px solid
#ccc;
296 background-color: pink
;
299 border: 1px solid
#fcc;
302 background-color: pink
;
305 border: 1px solid
#cfc;
309 border-top: 1px solid
#999;
310 border-left: 1px solid
#999;
311 border-right: 2px solid
#666;
312 border-bottom: 2px solid
#666;
314 background-color: black
;
320 background-color:#94D6E7;