Project

General

Profile

Statistics
| Revision:

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
}