root / trunk / web / dojo / dojox / widget / Calendar / Calendar.css
History | View | Annotate | Download (6.61 KB)
1 | 9 | andrej.cim | .dojoxCalendar {
|
---|---|---|---|
2 | width: 182px; |
||
3 | } |
||
4 | .dojoxCalendarContainer {
|
||
5 | cursor: default; |
||
6 | font-family: tahoma, verdana, helvetica; |
||
7 | font-size: 11px; |
||
8 | padding: 0px; |
||
9 | text-align: center; |
||
10 | width: 180px; |
||
11 | overflow: hidden; |
||
12 | } |
||
13 | .dojoxCalendarBody {
|
||
14 | height: 138px; |
||
15 | overflow: hidden; |
||
16 | position: relative; |
||
17 | margin: auto; |
||
18 | width: 180px; |
||
19 | } |
||
20 | .dojoxCalendar .no-header .dojoxCalendarBody { |
||
21 | height: 162px; |
||
22 | } |
||
23 | .dojoxCalendar .dijitCalendarDayLabels, .dojoxCalendarMonthLabels, .dojoxCalendarYearLabels, .dojoxCal-MY-labels { |
||
24 | width: 180px; |
||
25 | height: 138px; |
||
26 | top: 0px; |
||
27 | position: absolute; |
||
28 | left: 0px; |
||
29 | margin: auto; |
||
30 | text-align: center; |
||
31 | } |
||
32 | .dojoxCalendar .dojoxCalendarBody > div { |
||
33 | width: 180px; |
||
34 | } |
||
35 | .dojoxCalendar .dijitCalendarDateTemplate { |
||
36 | padding: 0 1px 0 0 !important; |
||
37 | } |
||
38 | .nihilo .dojoxCalendar .dijitCalendarDateTemplate, |
||
39 | .soria .dojoxCalendar .dijitCalendarDateTemplate { |
||
40 | border: 0px none !important; |
||
41 | } |
||
42 | .soria tr.dojoxCal-MY-btns { |
||
43 | background: url(../../../dijit/themes/soria/images/tabBottomHoverC.gif) repeat-x scroll 0px -21px; |
||
44 | } |
||
45 | .dojoxCalendar .noPointer, .dojoxCalendar .noPointer * { |
||
46 | cursor: auto; |
||
47 | } |
||
48 | .dojoxCalendarContainer table { |
||
49 | font-size: 11px; |
||
50 | border-bottom: 4px solid white; |
||
51 | } |
||
52 | .dojoxCalendarHeader {
|
||
53 | height: 20px; |
||
54 | width: 172px; |
||
55 | padding: 4px 4px 0; |
||
56 | } |
||
57 | .dojoxCalendar .no-header .dojoxCalendarHeader { |
||
58 | display: none; |
||
59 | } |
||
60 | .soria .dojoxCalendarHeader { |
||
61 | background: #BED7F0 url(../../../dijit/themes/soria/images/titleBar.png) repeat-x scroll center top; |
||
62 | } |
||
63 | .dojoxCalendarDecrease, .dojoxCalendarIncrease { |
||
64 | height: 15px; |
||
65 | width: 15px; |
||
66 | cursor: pointer; |
||
67 | } |
||
68 | .dojoxCalendarDecrease {
|
||
69 | background: transparent url(../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png) no-repeat scroll left top; |
||
70 | float: left; |
||
71 | } |
||
72 | .dojoxCalendarIncrease {
|
||
73 | background: transparent url(../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png) no-repeat scroll -30px top; |
||
74 | float: right; |
||
75 | } |
||
76 | .dojoxCalendarMonthLabel {
|
||
77 | cursor: pointer; |
||
78 | height: 35px; |
||
79 | width: 41px; |
||
80 | overflow: hidden; |
||
81 | text-align: center; |
||
82 | padding-top: 10px; |
||
83 | } |
||
84 | .dojoxCalendarYearLabel {
|
||
85 | cursor: pointer; |
||
86 | height: 35px; |
||
87 | width: 41px; |
||
88 | overflow: hidden; |
||
89 | text-align: center; |
||
90 | padding-top: 10px; |
||
91 | } |
||
92 | .dojoxCalendarTitle {
|
||
93 | cursor: pointer; |
||
94 | font-weight: bold; |
||
95 | } |
||
96 | .dojoxCalendar .navToPanel .dojoxCalendarDayYearLabel, |
||
97 | .dojoxCalendar .navToPanel .dojoxCalendarYearHeader, |
||
98 | .dojoxCalendar .navToPanel .dojoxCalendarMonthHeader { |
||
99 | padding-right: 15px; |
||
100 | background: url(../../../dijit/themes/tundra/images/comboArrowDown.gif) right no-repeat; |
||
101 | } |
||
102 | .dojoxCalendar .dijitCalendarDateLabel { |
||
103 | height: 17px; |
||
104 | width: 17px; |
||
105 | padding: 1px 3px 0px 3px; |
||
106 | text-align: center; |
||
107 | border: 1px solid white; |
||
108 | } |
||
109 | .dojoxCalendar .dijitCalendarDayLabel { |
||
110 | cursor: pointer; |
||
111 | height: 17px; |
||
112 | width: 18px; |
||
113 | padding: 0pt 2px; |
||
114 | text-align: center; |
||
115 | } |
||
116 | .dojoxCalendar .dojoxCalendarContainer { |
||
117 | background-color: white; |
||
118 | border: 1px solid #656565; |
||
119 | color: black; |
||
120 | } |
||
121 | .dojoxCalendar .dijitCalendarDisabledDate { |
||
122 | text-decoration:line-through !important; |
||
123 | cursor:default !important; |
||
124 | } |
||
125 | .dojoxCalendar .dojoxCalendarFooter { |
||
126 | border-top: 1px solid #F4F4F4; |
||
127 | height: 15px; |
||
128 | padding-top: 4px; |
||
129 | cursor: pointer; |
||
130 | } |
||
131 | .soria .dojoxCalendar .dojoxCalendarFooter { |
||
132 | border-top: 0px none; |
||
133 | padding-top: 5px; |
||
134 | background: white url(../../../dijit/themes/soria/images/titleBar.png) repeat-x scroll center top |
||
135 | } |
||
136 | .dojoxCalendar .dojoxCalendarMonthLabel { |
||
137 | border: 1px solid white; |
||
138 | } |
||
139 | .dojoxCalendar .dojoxCalendarYearLabel { |
||
140 | border: 1px solid white; |
||
141 | } |
||
142 | .dojoxCalendar .dijitCalendarNextMonth .dijitCalendarDateLabel, |
||
143 | .dojoxCalendar .dijitCalendarPreviousMonth .dijitCalendarDateLabel { |
||
144 | border: 0px; |
||
145 | color: #646464; |
||
146 | padding-left: 0px; |
||
147 | padding-right: 0px; |
||
148 | } |
||
149 | .dojoxCalendar .dijitCalendarNextMonth, .dojoxCalendar .dijitCalendarPreviousMonth { |
||
150 | background-color: #E4E4E4; |
||
151 | } |
||
152 | .dojoxCalendar .dijitCalendarNextMonth .dojoxCalendarYearLabel, |
||
153 | .dojoxCalendar .dijitCalendarPreviousMonth .dojoxCalendarYearLabel { |
||
154 | background-color: white; |
||
155 | border-color: white; |
||
156 | color: #646464; |
||
157 | } |
||
158 | .dojoxCalendar .dijitCalendarSelectedDate, |
||
159 | .tundra .dojoxCalendar .dijitCalendarSelectedDate, |
||
160 | .nihilo .dojoxCalendar .dijitCalendarSelectedDate { |
||
161 | |||
162 | background-color:#ffe284 !important; |
||
163 | color:black !important; |
||
164 | border:#f5b93c solid 1px !important; |
||
165 | } |
||
166 | .soria .dojoxCalendar td.dijitCalendarSelectedDate { |
||
167 | background-color: #B9CBF1 !important; |
||
168 | color: black !important; |
||
169 | border: 1px solid #4B5AAA !important; |
||
170 | } |
||
171 | .soria .dojoxCalendar .dijitCalendarSelectedDate div { |
||
172 | |||
173 | background-color: #B9CBF1 !important; |
||
174 | border: none !important; |
||
175 | } |
||
176 | .dojoxCalendar .dijitCalendarSelectedDate div { |
||
177 | |||
178 | background-color: #FFE284 !important; |
||
179 | border: none !important; |
||
180 | } |
||
181 | div.dojoxCalendar tr.dojoxCal-MY-G-Template td.dijitCalendarSelectedDate { |
||
182 | background-color: transparent; |
||
183 | width: 43px; |
||
184 | } |
||
185 | .dojoxCalendar tr.dojoxCal-MY-G-Template td { |
||
186 | width: 45px; |
||
187 | } |
||
188 | .dojoxCalendar .dijitCalendarSelectedDate div.dijitCalendarDateLabel { |
||
189 | padding: 1px 1px 0px 3px; |
||
190 | } |
||
191 | .dojoxCalendar .monthOnly .dijitCalendarDayLabels, |
||
192 | .dojoxCalendar .yearOnly .dijitCalendarDayLabels, |
||
193 | .dojoxCalendar .monthOnly .dojoxCalendarComma, |
||
194 | .dojoxCalendar .yearOnly .dojoxCalendarComma, |
||
195 | .dojoxCalendar .monthOnly .dojoxCalendarFooter, |
||
196 | .dojoxCalendar .yearOnly .dojoxCalendarFooter, |
||
197 | .dojoxCalendar .monthOnly .dojoxCalendarYearHeader, |
||
198 | .dojoxCalendar .monthOnly .dojoxCalendarIncrease, |
||
199 | .dojoxCalendar .monthOnly .dojoxCalendarDecrease, |
||
200 | .dojoxCalendar .yearOnly .dojoxCalendarMonthLabelNode { |
||
201 | display: none; |
||
202 | } |
||
203 | .dojoxCal-MY-labels .dojoxCalendarMonthLabel, |
||
204 | .dojoxCal-MY-labels .dojoxCalendarYearLabel { |
||
205 | height: 13px; |
||
206 | padding-top: 4px; |
||
207 | padding-bottom: 3px; |
||
208 | } |
||
209 | .dojoxCal-MY-labels td.dojoxCal-MY-btns { |
||
210 | padding-top: 2px; |
||
211 | border-top: 1px solid grey; |
||
212 | text-align: center; |
||
213 | } |
||
214 | .dojoxCal-MY-labels {
|
||
215 | background-color: white; |
||
216 | } |
||
217 | .dojoxCal-MY-labels .dojoxCalendarIncrease, |
||
218 | .dojoxCal-MY-labels .dojoxCalendarDecrease { |
||
219 | float: none; |
||
220 | margin-left: 14px; |
||
221 | } |
||
222 | .dojoxCal-MY-btns button { |
||
223 | font-size: 8pt; |
||
224 | } |
||
225 | .dojoxCalendar .dojoxCal-MY-btns .dijitDisabled button { |
||
226 | color: #999; |
||
227 | } |
||
228 | .dojoxCal-hidden {
|
||
229 | visibility: hidden; |
||
230 | } |
||
231 | .dojoxCalendar .dojoxCal-MY-labels { |
||
232 | height: 164px; |
||
233 | } |
||
234 | .dojoxCalendar .dojoxCal-MY-labels .dijitCalendarSelectedDate div { |
||
235 | padding-top: 3px; |
||
236 | padding-bottom: 2px; |
||
237 | } |
||
238 | .soria .dojoxCal-MY-labels .dijitCalendarSelectedDate div { |
||
239 | padding-top: 4px; |
||
240 | padding-bottom: 3px; |
||
241 | } |
||
242 | .dojoxCal-MY-labels .dojoxCalendarMonthLabel { |
||
243 | width: 38px; |
||
244 | } |
||
245 | .dojoxCal-MY-labels .dojoxCal-MY-M-last { |
||
246 | border-right: 1px grey solid; |
||
247 | } |
||
248 | .soria .dojoxCal-MY-labels .dojoxCal-MY-M-last { |
||
249 | border-right: 1px #B9CBF1 solid; |
||
250 | } |
||
251 | .dojoxCal-MY-labels .dojoxCal-MY-M-last .dojoxCalendarMonthLabel, |
||
252 | .dojoxCal-MY-labels .dojoxCal-MY-G-Template div.dojoxCalendarYearLabel { |
||
253 | width: 42px; |
||
254 | } |
||
255 | .dojoxCalendar .cancel-btn { |
||
256 | margin-left: 11px; |
||
257 | } |
||
258 | .dojoxCalendar .ok-btn { |
||
259 | margin-left: 15px; |
||
260 | } |