Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / widget / Calendar / Calendar.css @ 12

History | View | Annotate | Download (6.61 KB)

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
.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
}