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: 20%; /* can't make this 25% for some reason */
22 padding: 0px 5px 0px 5px;
23 margin-right: 5%; /* added because of the width issue above */
35 font-family: Arial
, Helvetica
, sans-serif
;
45 font-family: Arial
, Helvetica
, sans-serif
;
49 font-family: Arial
, Helvetica
, sans-serif
;
59 #providerPicker #pc_facility
{
62 #providerPicker #pc_username
{
70 background-color: #FFF3D1;
74 border-collapse: collapse
;
76 vertical-align:middle
;
84 /* these are for the small datepicker DIV */
96 border-collapse: collapse
;
101 font-family: Arial
, Helvetica
, sans-serif
;
103 /* font-size: 9pt; */
105 #datePicker .tdMonthName-small
{
107 font-family: Arial
, Helvetica
, sans-serif
;
110 background-color: #FFF2E8;
112 #datePicker .tdDOW-small
{
113 font-family: Arial
, Helvetica
, sans-serif
;
118 padding: 2px 3px 2px 3px;
119 background-color: #FFF2E8;
121 #datePicker .tdDatePicker
{
122 cursor: pointer
; cursor: hand
;
124 #datePicker .tdWeekend-small
{
125 font-family: Arial
, Helvetica
, sans-serif
;
129 padding: 2px 3px 2px 3px;
130 background-color: #dddddd;
133 #datePicker .tdOtherMonthDay-small
{
134 font-family: Arial
, Helvetica
, sans-serif
;
138 padding: 2px 3px 2px 3px;
139 background-color: #ffffff;
142 #datePicker .tdMonthDay-small
{
143 font-family: Arial
, Helvetica
, sans-serif
;
147 padding: 2px 3px 2px 3px;
148 background-color: #ffffff;
150 #datePicker .currentWeek
{
151 background-color: #DBD5FF;
153 #datePicker .currentDate
{
154 background-color: #A79BE7;
157 #datePicker .tdDatePickerHighlight
{
158 background-color: #A79BE7;
162 /* the DIV of times */
164 border-right: 1px solid
#999;
166 background-color: #FFF3D1;
170 border-collapse: collapse
;
174 background-color: #E7D294;
175 background-color: #FFF3D1;
178 border-bottom: 1px solid
#999;
184 /* height value is tied to two PHP variables in the ajax_*.html files
185 * if you change this value then be sure to change the matching value
192 background-color: #FFF3D1;
193 background-color: #FFF;
197 border: 1px solid
#999999;
200 /* for the header row with provider names */
203 background-color: #EDEAFF;
206 border-bottom: 1px solid lightgrey
;
210 /* for the DIV inside each TD, this DIV contains any events for a single day */
217 /* classes specific to the WEEK view */
219 border-left: 1px solid
#999;
220 border-right: 1px solid
#999;
225 background-color: #DBD5FF;
228 /* classes specific to the MONTH view */
233 background-color: #FFF;
234 padding:1px 2px 1px 2px;
245 /* types of events */
252 vertical-align:middle
;
255 background-color: white
;
259 background-color: lightgray
;
263 background-color: white
;
266 border: 1px solid
#ccc;
269 background-color: pink
;
272 border: 1px solid
#fcc;
275 background-color: pink
;
278 border: 1px solid
#cfc;
282 border-top: 1px solid
#999;
283 border-left: 1px solid
#999;
284 border-right: 2px solid
#666;
285 border-bottom: 2px solid
#666;
287 background-color: black
;