root / trunk / web / dojo / dijit / themes / claro / Calendar.css
History | View | Annotate | Download (4.96 KB)
1 |
|
---|---|
2 |
.claro .dijitCalendar { |
3 |
border:solid 1px #b5bcc7; |
4 |
background-color:#d4ebff; |
5 |
background-image:url("images/calendarContainerImages.png"); |
6 |
background-position:0px -448px; |
7 |
background-repeat:repeat-x; |
8 |
text-align:center; |
9 |
padding:6px 5px 3px 5px; |
10 |
-moz-border-radius:4px; |
11 |
-webkit-border-radius:4px; |
12 |
} |
13 |
.dj_ie6 .claro .dijitCalendar { |
14 |
background-image:none; |
15 |
} |
16 |
.claro .dijitCalendar img { |
17 |
border:none; |
18 |
} |
19 |
.claro .dijitCalendarHover, |
20 |
.claro .dijitCalendarActive { |
21 |
background-color: #b7dcff; |
22 |
border:solid 1px #769dc0; |
23 |
} |
24 |
.claro .dijitCalendarMonthContainer th { |
25 |
text-align:center; |
26 |
padding-bottom:4px; |
27 |
vertical-align:middle; |
28 |
} |
29 |
.claro .dijitCalendarMonthLabelSpacer { |
30 |
display:none; |
31 |
} |
32 |
.claro .dijitCalendarMonthLabel { |
33 |
color:#000000; |
34 |
font-size: 1.091em; |
35 |
display: block; |
36 |
} |
37 |
.claro .dijitCalendarIncrementControl { |
38 |
width:18px; |
39 |
height:16px; |
40 |
background-image: url("images/calendarArrows.png"); |
41 |
background-repeat: no-repeat; |
42 |
} |
43 |
.dj_ie6 .claro .dijitCalendarIncrementControl { |
44 |
background-image: url("images/calendarArrows8bit.png"); |
45 |
} |
46 |
.claro .dijitCalendarIncrease { |
47 |
background-position:-18px 0px; |
48 |
} |
49 |
.claro .dijitCalendarArrowHover .dijitCalendarDecrease { |
50 |
background-position:-36px 0px; |
51 |
} |
52 |
.claro .dijitCalendarArrowHover .dijitCalendarIncrease { |
53 |
background-position:-55px 0px; |
54 |
} |
55 |
.claro .dijitCalendarArrowActive .dijitCalendarDecrease { |
56 |
background-position:-72px 0px; |
57 |
} |
58 |
.claro .dijitCalendarArrowActive .dijitCalendarIncrease { |
59 |
background-position:-91px 0px; |
60 |
} |
61 |
.claro .dijitA11ySideArrow { |
62 |
|
63 |
display: none; |
64 |
} |
65 |
.claro .dijitDayLabels th { |
66 |
padding:0px 4px 0px 4px; |
67 |
border-bottom:solid 1px #99b5cd; |
68 |
font-weight:bold; |
69 |
text-align:center; |
70 |
} |
71 |
.claro .dijitCalendarDayLabelTemplate { |
72 |
padding-bottom:0em; |
73 |
text-align:center; |
74 |
border-bottom:1px solid #99B5CD; |
75 |
font-size:0.909em; |
76 |
padding:0 3px 2px; |
77 |
} |
78 |
.claro .dijitCalendarDateTemplate { |
79 |
text-align:center; |
80 |
background-color:#fff; |
81 |
background-image:url("images/calendarContainerImages.png"); |
82 |
background-position:0px 0px; |
83 |
background-repeat:repeat-x; |
84 |
border-bottom: 1px solid #dadde1; |
85 |
padding-top:0px; |
86 |
font-size:0.909em; |
87 |
font-family: Arial; |
88 |
font-weight:bold; |
89 |
letter-spacing:.05em; |
90 |
text-align:center; |
91 |
} |
92 |
.dj_ie6 .claro .dijitCalendarDateTemplate { |
93 |
background-image: none; |
94 |
} |
95 |
.claro .dijitCalendarPreviousMonth, |
96 |
.claro .dijitCalendarNextMonth { |
97 |
background-color:#ebf3f9; |
98 |
background-image:none; |
99 |
border-bottom:solid 1px #d2dae8; |
100 |
color:#547da1; |
101 |
} |
102 |
.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel { |
103 |
text-decoration:none; |
104 |
display:block; |
105 |
padding:3px 5px 3px 4px; |
106 |
border:solid 1px #fff; |
107 |
color:#1e1e1e; |
108 |
background-color:rgba(171,212,251,0); |
109 |
-webkit-transition-property:background-color, border; |
110 |
-webkit-transition-duration:.35s; |
111 |
} |
112 |
.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, |
113 |
.claro .dijitCalendarNextMonth .dijitCalendarDateLabel{ |
114 |
color:#547da1; |
115 |
border-color:#ebf3f9; |
116 |
} |
117 |
.claro .dijitCalendarYearContainer { |
118 |
vertical-align:middle; |
119 |
} |
120 |
.claro .dijitCalendarYearControl { |
121 |
padding: 1px 2px 2px 2px; |
122 |
} |
123 |
.claro .dijitCalendarYearLabel { |
124 |
padding:2px 0px 0px 0px; |
125 |
margin:0; |
126 |
} |
127 |
.claro .dijitCalendarYearLabel span { |
128 |
|
129 |
vertical-align:middle; |
130 |
} |
131 |
.claro .dijitCalendarSelectedYear { |
132 |
padding:0px 3px; |
133 |
} |
134 |
.claro .dijitCalendarNextYear, |
135 |
.claro .dijitCalendarPreviousYear { |
136 |
padding: 1px 6px 1px 6px; |
137 |
font-size:0.909em; |
138 |
} |
139 |
.claro .dijitCalendarSelectedYear { |
140 |
font-size:1.091em; |
141 |
color:#000; |
142 |
} |
143 |
.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel{ |
144 |
background-color:#abd4fb; |
145 |
border:solid 1px #729dc2; |
146 |
color:#000; |
147 |
-webkit-transition-duration:.2s; |
148 |
} |
149 |
.claro .dijitCalendarNextYearHover, |
150 |
.claro .dijitCalendarPreviousYearHover { |
151 |
color:#000; |
152 |
border:solid 1px #fefefe; |
153 |
padding: 0px 5px 0px 5px; |
154 |
background-color:#eaf4fe; |
155 |
} |
156 |
.claro .dijitCalendarNextYearActive, |
157 |
.claro .dijitCalendarPreviousYearActive { |
158 |
border: solid 1px #87b3d9; |
159 |
padding: 0px 5px 0px 5px; |
160 |
background-color:#90bde6; |
161 |
} |
162 |
.claro .dijitCalendarActiveDate .dijitCalendarDateLabel { |
163 |
background-image:url("images/calendarContainerImages.png"); |
164 |
background-position:0px -300px; |
165 |
background-color:#75b5f0; |
166 |
border:solid 1px #fff; |
167 |
-webkit-transition-duration:.1s; |
168 |
} |
169 |
.dj_ie6 .claro .dijitCalendarActiveDate .dijitCalendarDateLabel { |
170 |
background-image:none; |
171 |
} |
172 |
.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel { |
173 |
color:#000; |
174 |
background-color:#e7f4ff; |
175 |
border-color:#accfed; |
176 |
} |
177 |
.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel { |
178 |
text-decoration:line-through; |
179 |
|
180 |
|
181 |
background-color: transparent; |
182 |
border-width: 0px; |
183 |
padding: 4px 6px 4px 5px; |
184 |
color: #547DA1; |
185 |
} |
186 |
.claro .dijitCalendarMonthContainer .dijitMenu{ |
187 |
|
188 |
top: 20px !important; |
189 |
left: 0px; |
190 |
border-color: #769dc0; |
191 |
background-color: #fff; |
192 |
text-align:center; |
193 |
background-image: none; |
194 |
} |
195 |
.claro .dijitCalendarMonthContainer .dijitMenu .dijitCalendarMonthLabel{ |
196 |
border-top: solid 1px #fff; |
197 |
border-bottom: solid 1px #fff; |
198 |
padding: 2px 20px; |
199 |
} |
200 |
.claro .dijitCalendarMonthContainer .dijitMenu .dijitMenuItemHover { |
201 |
background-color: #abd6ff; |
202 |
border-color: #769dc0; |
203 |
border-width:1px 0px; |
204 |
background-image: url("images/commonHighlight.png"); |
205 |
background-repeat:repeat-x; |
206 |
} |