~jstys-z/helioviewer.org/timeline

« back to all changes in this revision

Viewing changes to lib/jquery/jquery.ui-1.6rc2/themes/flora/flora.datepicker.css

  • Committer: V. Keith Hughitt
  • Date: 2009-03-26 19:20:57 UTC
  • Revision ID: hughitt1@kore-20090326192057-u0x8rf8sf5lmmnwh
nightly build 03-26-2009: Using alpha-channel JPEG 2000 dataset

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
/* Main Flora Style Sheet for jQuery UI ui-datepicker */
2
 
#ui-datepicker-div, .ui-datepicker-inline {
3
 
        font-family: Arial,Helvetica,sans-serif;
4
 
        font-size: 14px;
5
 
        padding: 0;
6
 
        margin: 0;
7
 
        background: #E0F4D7;
8
 
        width: 185px;
9
 
}
10
 
#ui-datepicker-div {
11
 
        display: none;
12
 
        border: 1px solid #FF9900;
13
 
        z-index: 10;
14
 
}
15
 
.ui-datepicker-inline {
16
 
        float: left;
17
 
        display: block;
18
 
        border: 0;
19
 
}
20
 
.ui-datepicker-rtl {
21
 
        direction: rtl;
22
 
}
23
 
.ui-datepicker-dialog {
24
 
        padding: 5px !important;
25
 
        border: 4px ridge #83C948 !important;
26
 
}
27
 
.ui-datepicker-disabled {
28
 
        position: absolute;
29
 
        z-index: 10;
30
 
        background-color: white;
31
 
        opacity: 0.5;
32
 
}
33
 
button.ui-datepicker-trigger {
34
 
        width: 25px;
35
 
}
36
 
img.ui-datepicker-trigger {
37
 
        margin: 2px;
38
 
        vertical-align: middle;
39
 
}
40
 
.ui-datepicker-prompt {
41
 
        float: left;
42
 
        padding: 2px;
43
 
        background: #E0F4D7;
44
 
        color: #000;
45
 
}
46
 
*html .ui-datepicker-prompt {
47
 
        width: 185px;
48
 
}
49
 
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
50
 
        clear: both;
51
 
        float: left;
52
 
        width: 100%;
53
 
        color: #FFF;
54
 
}
55
 
.ui-datepicker-control {
56
 
        background: #FF9900;
57
 
        padding: 2px 0px;
58
 
}
59
 
.ui-datepicker-links {
60
 
        background: #E0F4D7;
61
 
        padding: 2px 0px;
62
 
}
63
 
.ui-datepicker-control, .ui-datepicker-links {
64
 
        font-weight: bold;
65
 
        font-size: 80%;
66
 
        letter-spacing: 1px;
67
 
}
68
 
.ui-datepicker-links label {
69
 
        padding: 2px 5px;
70
 
        color: #888;
71
 
}
72
 
.ui-datepicker-clear, .ui-datepicker-prev {
73
 
        float: left;
74
 
        width: 34%;
75
 
}
76
 
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
77
 
        float: right;
78
 
        text-align: right;
79
 
}
80
 
.ui-datepicker-current {
81
 
        float: left;
82
 
        width: 30%;
83
 
        text-align: center;
84
 
}
85
 
.ui-datepicker-close, .ui-datepicker-next {
86
 
        float: right;
87
 
        width: 34%;
88
 
        text-align: right;
89
 
}
90
 
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
91
 
        float: left;
92
 
        text-align: left;
93
 
}
94
 
.ui-datepicker-header {
95
 
        padding: 1px 0 3px;
96
 
        background: #83C948;
97
 
        text-align: center;
98
 
        font-weight: bold;
99
 
        height: 1.3em;
100
 
}
101
 
.ui-datepicker-header select {
102
 
        background: #83C948;
103
 
        color: #000;
104
 
        border: 0px;
105
 
        font-weight: bold;
106
 
}
107
 
.ui-datepicker {
108
 
        background: #CCC;
109
 
        text-align: center;
110
 
        font-size: 100%;
111
 
}
112
 
.ui-datepicker a {
113
 
        display: block;
114
 
        width: 100%;
115
 
}
116
 
.ui-datepicker-title-row {
117
 
        background: #B1DB87;
118
 
        color: #000;
119
 
}
120
 
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
121
 
        background: #B1DB87;
122
 
}
123
 
.ui-datepicker-days-row {
124
 
        background: #FFF;
125
 
        color: #666;
126
 
}
127
 
.ui-datepicker-week-col {
128
 
        background: #B1DB87;
129
 
        color: #000;
130
 
}
131
 
.ui-datepicker-days-cell {
132
 
        color: #000;
133
 
        border: 1px solid #DDD;
134
 
}
135
 
.ui-datepicker-days-cell a {
136
 
        display: block;
137
 
}
138
 
.ui-datepicker-week-end-cell {
139
 
        background: #E0F4D7;
140
 
}
141
 
.ui-datepicker-unselectable {
142
 
        color: #888;
143
 
}
144
 
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
145
 
        background: #B1DB87 !important;
146
 
}
147
 
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
148
 
        background: #FFF !important;
149
 
        border: 1px solid #777;
150
 
}
151
 
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
152
 
        background: #B1DB87 !important;
153
 
}
154
 
* html .ui-datepicker-week-end-cell {
155
 
        background: #E0F4D7 !important;
156
 
        border: 1px solid #DDD !important;
157
 
}
158
 
* html .ui-datepicker-days-cell-over {
159
 
        background: #FFF !important;
160
 
        border: 1px solid #777 !important;
161
 
}
162
 
* html .ui-datepicker-current-day {
163
 
        background: #83C948 !important;
164
 
}
165
 
.ui-datepicker-today {
166
 
        background: #B1DB87 !important;
167
 
}
168
 
.ui-datepicker-current-day {
169
 
        background: #83C948 !important;
170
 
}
171
 
.ui-datepicker-status {
172
 
        background: #E0F4D7;
173
 
        width: 100%;
174
 
        font-size: 80%;
175
 
        text-align: center;
176
 
}
177
 
#ui-datepicker-div a, .ui-datepicker-inline a {
178
 
        cursor: pointer;
179
 
        margin: 0;
180
 
        padding: 0;
181
 
        background: none;
182
 
        color: #000;
183
 
}
184
 
.ui-datepicker-inline .ui-datepicker-links a {
185
 
        padding: 0 5px !important;
186
 
}
187
 
.ui-datepicker-control a, .ui-datepicker-links a {
188
 
        padding: 2px 5px !important;
189
 
        color: #000 !important;
190
 
}
191
 
.ui-datepicker-title-row a {
192
 
        color: #000 !important;
193
 
}
194
 
.ui-datepicker-control a:hover {
195
 
        background: #FDD !important;
196
 
        color: #333 !important;
197
 
}
198
 
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
199
 
        background: #FFF !important;
200
 
        color: #333 !important;
201
 
}
202
 
.ui-datepicker-multi .ui-datepicker {
203
 
        border: 1px solid #83C948;
204
 
}
205
 
.ui-datepicker-one-month {
206
 
        float: left;
207
 
        width: 185px;
208
 
}
209
 
.ui-datepicker-new-row {
210
 
        clear: left;
211
 
}
212
 
.ui-datepicker-cover {
213
 
        display: none;
214
 
        display/**/: block;
215
 
        position: absolute;
216
 
        z-index: -1;
217
 
        filter: mask();
218
 
        top: -4px;
219
 
        left: -4px;
220
 
        width: 193px;
221
 
        height: 200px;
222
 
}