| 103 |
- |
1 |
/* the div that holds the date picker calendar */
|
|
|
2 |
.dpDiv {
|
|
|
3 |
}
|
|
|
4 |
|
|
|
5 |
|
|
|
6 |
/* the table (within the div) that holds the date picker calendar */
|
|
|
7 |
.dpTable {
|
|
|
8 |
font-family: Tahoma, Arial, Helvetica, sans-serif;
|
|
|
9 |
font-size: 12px;
|
|
|
10 |
text-align: center;
|
|
|
11 |
color: #505050;
|
|
|
12 |
background-color: #ece9d8;
|
|
|
13 |
border: 1px solid #AAAAAA;
|
|
|
14 |
}
|
|
|
15 |
|
|
|
16 |
|
|
|
17 |
/* a table row that holds date numbers (either blank or 1-31) */
|
|
|
18 |
.dpTR {
|
|
|
19 |
}
|
|
|
20 |
|
|
|
21 |
|
|
|
22 |
/* the top table row that holds the month, year, and forward/backward buttons */
|
|
|
23 |
.dpTitleTR {
|
|
|
24 |
}
|
|
|
25 |
|
|
|
26 |
|
|
|
27 |
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
|
|
|
28 |
.dpDayTR {
|
|
|
29 |
}
|
|
|
30 |
|
|
|
31 |
|
|
|
32 |
/* the bottom table row, that has the "This Month" and "Close" buttons */
|
|
|
33 |
.dpTodayButtonTR {
|
|
|
34 |
}
|
|
|
35 |
|
|
|
36 |
|
|
|
37 |
/* a table cell that holds a date number (either blank or 1-31) */
|
|
|
38 |
.dpTD {
|
|
|
39 |
border: 1px solid #ece9d8;
|
|
|
40 |
}
|
|
|
41 |
|
|
|
42 |
|
|
|
43 |
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
|
|
|
44 |
.dpDayHighlightTD {
|
|
|
45 |
background-color: #CCCCCC;
|
|
|
46 |
border: 1px solid #AAAAAA;
|
|
|
47 |
}
|
|
|
48 |
|
|
|
49 |
|
|
|
50 |
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
|
|
|
51 |
.dpTDHover {
|
|
|
52 |
background-color: #aca998;
|
|
|
53 |
border: 1px solid #888888;
|
|
|
54 |
cursor: pointer;
|
|
|
55 |
color: red;
|
|
|
56 |
}
|
|
|
57 |
|
|
|
58 |
|
|
|
59 |
/* the table cell that holds the name of the month and the year */
|
|
|
60 |
.dpTitleTD {
|
|
|
61 |
}
|
|
|
62 |
|
|
|
63 |
|
|
|
64 |
/* a table cell that holds one of the forward/backward buttons */
|
|
|
65 |
.dpButtonTD {
|
|
|
66 |
}
|
|
|
67 |
|
|
|
68 |
|
|
|
69 |
/* the table cell that holds the "This Month" or "Close" button at the bottom */
|
|
|
70 |
.dpTodayButtonTD {
|
|
|
71 |
}
|
|
|
72 |
|
|
|
73 |
|
|
|
74 |
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
|
|
|
75 |
.dpDayTD {
|
|
|
76 |
background-color: #CCCCCC;
|
|
|
77 |
border: 1px solid #AAAAAA;
|
|
|
78 |
color: white;
|
|
|
79 |
}
|
|
|
80 |
|
|
|
81 |
|
|
|
82 |
/* additional style information for the text that indicates the month and year */
|
|
|
83 |
.dpTitleText {
|
|
|
84 |
font-size: 12px;
|
|
|
85 |
color: gray;
|
|
|
86 |
font-weight: bold;
|
|
|
87 |
}
|
|
|
88 |
|
|
|
89 |
|
|
|
90 |
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
|
|
|
91 |
.dpDayHighlight {
|
|
|
92 |
color: 4060ff;
|
|
|
93 |
font-weight: bold;
|
|
|
94 |
}
|
|
|
95 |
|
|
|
96 |
|
|
|
97 |
/* the forward/backward buttons at the top */
|
|
|
98 |
.dpButton {
|
|
|
99 |
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
|
|
|
100 |
font-size: 10px;
|
|
|
101 |
color: gray;
|
|
|
102 |
background: #d8e8ff;
|
|
|
103 |
font-weight: bold;
|
|
|
104 |
padding: 0px;
|
|
|
105 |
}
|
|
|
106 |
|
|
|
107 |
|
|
|
108 |
/* the "This Month" and "Close" buttons at the bottom */
|
|
|
109 |
.dpTodayButton {
|
|
|
110 |
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
|
|
|
111 |
font-size: 10px;
|
|
|
112 |
color: gray;
|
|
|
113 |
background: #d8e8ff;
|
|
|
114 |
font-weight: bold;
|
|
|
115 |
}
|