← Back to branch summary

~pablocapeluto/cds-php/devel-3.1

« back to all changes in this revision

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