← Back to branch summary

~pablocapeluto/cds-php/devel-3.1

« back to all changes in this revision

Viewing changes to jscalendar/calendar-tas.css

  • Committer: pcapeluto at gmail
  • Date: 2010-08-20 17:51:08 UTC
  • Revision ID: pcapeluto@gmail.com-20100820175108-jyi8dbyj15uy9p4i
Initial import

Show diffs side-by-side

added added

removed removed

Lines of Context:
jscalendar/calendar-tas.css
 
1
/* The main calendar widget.  DIV containing a table. */
 
2
div.calendar {
 
3
        position: relative;
 
4
}
 
5
 
 
6
.calendar,.calendar table {
 
7
        border: 1px solid #655;
 
8
        font-size: 11px;
 
9
        color: #000;
 
10
        cursor: default;
 
11
        background: #ffd;
 
12
        font-family: tahoma, verdana, sans-serif;
 
13
        filter: progid : DXImageTransform . Microsoft .
 
14
                Gradient(GradientType = 0, StartColorStr = #DDDCCC, EndColorStr =
 
15
                #FFFFFF);
 
16
}
 
17
 
 
18
/* Header part -- contains navigation buttons and day names. */
 
19
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
 
20
        text-align: center; /* They are the navigation buttons */
 
21
        padding: 2px; /* Make the buttons seem like they're pressing */
 
22
        color: #363636;
 
23
}
 
24
 
 
25
.calendar .nav {
 
26
        background: #edc url(menuarrow.gif) no-repeat 100% 100%;
 
27
}
 
28
 
 
29
.calendar thead .title { /* This holds the current "month, year" */
 
30
        font-weight: bold; /* Pressing it will take you to the current date */
 
31
        text-align: center;
 
32
        background: #654;
 
33
        color: #363636;
 
34
        padding: 2px;
 
35
        filter: progid : DXImageTransform . Microsoft .
 
36
                Gradient(GradientType = 0, StartColorStr = #ffffff, EndColorStr =
 
37
                #dddccc);
 
38
}
 
39
 
 
40
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
 
41
        /*background: #3B86A0;*/
 
42
        color: #363636;
 
43
        font-weight: bold;
 
44
        filter: progid : DXImageTransform . Microsoft .
 
45
                Gradient(GradientType = 0, StartColorStr = #ffffff, EndColorStr =
 
46
                #3b86a0);
 
47
}
 
48
 
 
49
.calendar thead .name { /* Cells <TD> containing the day names */
 
50
        border-bottom: 1px solid #655;
 
51
        padding: 2px;
 
52
        text-align: center;
 
53
        color: #363636;
 
54
        filter: progid : DXImageTransform . Microsoft .
 
55
                Gradient(GradientType = 0, StartColorStr = #DDDCCC, EndColorStr =
 
56
                #FFFFFF);
 
57
}
 
58
 
 
59
.calendar thead .weekend { /* How a weekend day name shows in header */
 
60
        color: #f00;
 
61
}
 
62
 
 
63
.calendar thead .hilite {
 
64
        /* How do the buttons in header appear when hover */
 
65
        background-color: #ffcc86;
 
66
        color: #000;
 
67
        border: 1px solid #b59345;
 
68
        padding: 1px;
 
69
}
 
70
 
 
71
.calendar thead .active { /* Active (pressed) buttons in header */
 
72
        background-color: #c77;
 
73
        padding: 2px 0px 0px 2px;
 
74
}
 
75
 
 
76
.calendar thead .daynames { /* Row <TR> containing the day names */
 
77
        background: #fed;
 
78
}
 
79
 
 
80
/* The body part -- contains all the days in month. */
 
81
.calendar tbody .day { /* Cells <TD> containing month days dates */
 
82
        width: 2em;
 
83
        text-align: right;
 
84
        padding: 2px 4px 2px 2px;
 
85
}
 
86
 
 
87
.calendar tbody .day.othermonth {
 
88
        font-size: 80%;
 
89
        color: #aaa;
 
90
}
 
91
 
 
92
.calendar tbody .day.othermonth.oweekend {
 
93
        color: #faa;
 
94
}
 
95
 
 
96
.calendar table .wn {
 
97
        padding: 2px 3px 2px 2px;
 
98
        border-right: 1px solid #000;
 
99
        background: #fed;
 
100
}
 
101
 
 
102
.calendar tbody .rowhilite td {
 
103
        background: #ddf;
 
104
}
 
105
 
 
106
.calendar tbody .rowhilite td.wn {
 
107
        background: #efe;
 
108
}
 
109
 
 
110
.calendar tbody td.hilite { /* Hovered cells <TD> */
 
111
        background: #ffe;
 
112
        padding: 1px 3px 1px 1px;
 
113
        border: 1px solid #bbb;
 
114
}
 
115
 
 
116
.calendar tbody td.active { /* Active (pressed) cells <TD> */
 
117
        background: #ddc;
 
118
        padding: 2px 2px 0px 2px;
 
119
}
 
120
 
 
121
.calendar tbody td.selected { /* Cell showing today date */
 
122
        font-weight: bold;
 
123
        border: 1px solid #000;
 
124
        padding: 1px 3px 1px 1px;
 
125
        background: #fea;
 
126
}
 
127
 
 
128
.calendar tbody td.weekend { /* Cells showing weekend days */
 
129
        color: #f00;
 
130
}
 
131
 
 
132
.calendar tbody td.today {
 
133
        font-weight: bold;
 
134
}
 
135
 
 
136
.calendar tbody .disabled {
 
137
        color: #999;
 
138
}
 
139
 
 
140
.calendar tbody .emptycell {
 
141
        /* Empty cells (the best is to hide them) */
 
142
        visibility: hidden;
 
143
}
 
144
 
 
145
.calendar tbody .emptyrow {
 
146
        /* Empty row (some months need less than 6 rows) */
 
147
        display: none;
 
148
}
 
149
 
 
150
/* The footer part -- status bar and "Close" button */
 
151
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
 
152
        text-align: center;
 
153
        background: #988;
 
154
        color: #000;
 
155
}
 
156
 
 
157
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
 
158
        border-top: 1px solid #655;
 
159
        background: #dcb;
 
160
        color: #363636;
 
161
        font-weight: bold;
 
162
        filter: progid : DXImageTransform . Microsoft .
 
163
                Gradient(GradientType = 0, StartColorStr = #FFFFFF, EndColorStr =
 
164
                #DDDCCC);
 
165
}
 
166
 
 
167
.calendar tfoot .hilite { /* Hover style for buttons in footer */
 
168
        background: #faa;
 
169
        border: 1px solid #f40;
 
170
        padding: 1px;
 
171
}
 
172
 
 
173
.calendar tfoot .active {
 
174
        /* Active (pressed) style for buttons in footer */
 
175
        background: #c77;
 
176
        padding: 2px 0px 0px 2px;
 
177
}
 
178
 
 
179
/* Combo boxes (menus that display months/years for direct selection) */
 
180
.combo {
 
181
        position: absolute;
 
182
        display: none;
 
183
        top: 0px;
 
184
        left: 0px;
 
185
        width: 4em;
 
186
        cursor: default;
 
187
        border: 1px solid #655;
 
188
        background: #ffe;
 
189
        color: #000;
 
190
        font-size: smaller;
 
191
        z-index: 100;
 
192
}
 
193
 
 
194
.combo .label,.combo .label-IEfix {
 
195
        text-align: center;
 
196
        padding: 1px;
 
197
}
 
198
 
 
199
.combo .label-IEfix {
 
200
        width: 4em;
 
201
}
 
202
 
 
203
.combo .hilite {
 
204
        background: #fc8;
 
205
}
 
206
 
 
207
.combo .active {
 
208
        border-top: 1px solid #a64;
 
209
        border-bottom: 1px solid #a64;
 
210
        background: #fee;
 
211
        font-weight: bold;
 
212
}
 
213
 
 
214
.calendar td.time {
 
215
        border-top: 1px solid #a88;
 
216
        padding: 1px 0px;
 
217
        text-align: center;
 
218
        background-color: #fed;
 
219
}
 
220
 
 
221
.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm
 
222
        {
 
223
        padding: 0px 3px 0px 4px;
 
224
        border: 1px solid #988;
 
225
        font-weight: bold;
 
226
        background-color: #fff;
 
227
}
 
228
 
 
229
.calendar td.time .ampm {
 
230
        text-align: center;
 
231
}
 
232
 
 
233
.calendar td.time .colon {
 
234
        padding: 0px 2px 0px 3px;
 
235
        font-weight: bold;
 
236
}
 
237
 
 
238
.calendar td.time span.hilite {
 
239
        border-color: #000;
 
240
        background-color: #866;
 
241
        color: #fff;
 
242
}
 
243
 
 
244
.calendar td.time span.active {
 
245
        border-color: #f00;
 
246
        background-color: #000;
 
247
        color: #0f0;
 
248
}
 
 
b'\\ No newline at end of file'