source: Dev/branches/rest-dojo-ui/client/dojox/widget/Calendar/Calendar.css @ 256

Last change on this file since 256 was 256, checked in by hendrikvanantwerpen, 13 years ago

Reworked project structure based on REST interaction and Dojo library. As
soon as this is stable, the old jQueryUI branch can be removed (it's
kept for reference).

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