PluginProbe
Stream – Activity Log & Audit Trail / 3.8.0
Stream – Activity Log & Audit Trail v3.8.0
4.4.0 4.3.0 4.2.2 4.2.1 trunk 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.0.6 3.0.7 3.1 3.1.1 3.10.0 3.2.0 3.2.1 3.2.2 3.2.3 All 50 releases
stream / ui / css / datepicker.css

datepicker.css in Stream – Activity Log & Audit Trail 3.8.0, at ui/css/datepicker.css

487 lines 13.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Date Picker Styles */
2 .ui-datepicker {
3 width: 17em;
4 padding: .2em .2em 0;
5 display: none;
6 }
7 .ui-datepicker .ui-datepicker-header {
8 position: relative;
9 padding: .2em 0;
10 }
11 .ui-datepicker .ui-datepicker-prev,
12 .ui-datepicker .ui-datepicker-next {
13 position: absolute;
14 top: 2px;
15 }
16 .ui-datepicker .ui-datepicker-prev {
17 left: 12px;
18 }
19 .ui-datepicker .ui-datepicker-next {
20 right: 12px;
21 }
22 .ui-datepicker .ui-datepicker-prev span,
23 .ui-datepicker .ui-datepicker-next span {
24 font-size: 0;
25 width: 12px;
26 height: 12px;
27 display: block;
28 position: absolute;
29 left: 50%;
30 margin-left: -8px;
31 top: 50%;
32 margin-top: -8px;
33 }
34 .ui-datepicker .ui-datepicker-title {
35 margin: 0 2.3em;
36 line-height: 1.8em;
37 text-align: center;
38 }
39 .ui-datepicker .ui-datepicker-title select {
40 font-size: 1em;
41 margin: 1px 0;
42 }
43 .ui-datepicker select.ui-datepicker-month-year {
44 width: 100%;
45 }
46 .ui-datepicker select.ui-datepicker-month,
47 .ui-datepicker select.ui-datepicker-year {
48 width: 49%;
49 }
50 .ui-datepicker table {
51 width: 100%;
52 font-size: .9em;
53 border-collapse: collapse;
54 margin: 0 0 .4em;
55 }
56 .ui-datepicker th {
57 padding: .7em .3em;
58 text-align: center;
59 font-weight: bold;
60 border: 0;
61 }
62 .ui-datepicker td {
63 border: 0;
64 padding: 1px;
65 }
66 .ui-datepicker td span,
67 .ui-datepicker td a {
68 display: block;
69 padding: .2em;
70 text-align: right;
71 text-decoration: none;
72 }
73 .ui-datepicker .ui-datepicker-buttonpane {
74 background-image: none;
75 margin: .7em 0 0 0;
76 padding: 0 .2em;
77 border-left: 0;
78 border-right: 0;
79 border-bottom: 0;
80 }
81 .ui-datepicker .ui-datepicker-buttonpane button {
82 float: right;
83 margin: .5em .2em .4em;
84 cursor: pointer;
85 padding: .2em .6em .3em .6em;
86 width: auto;
87 overflow: visible;
88 }
89 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
90 float: left;
91 }
92
93 /* with multiple calendars */
94 .ui-datepicker.ui-datepicker-multi {
95 width: auto;
96 }
97 .ui-datepicker-multi .ui-datepicker-group {
98 float: left;
99 }
100 .ui-datepicker-multi .ui-datepicker-group table {
101 width: 95%;
102 margin: 0 auto .4em;
103 }
104 .ui-datepicker-multi-2 .ui-datepicker-group {
105 width: 50%;
106 }
107 .ui-datepicker-multi-3 .ui-datepicker-group {
108 width: 33.3%;
109 }
110 .ui-datepicker-multi-4 .ui-datepicker-group {
111 width: 25%;
112 }
113 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
114 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
115 border-left-width: 0;
116 }
117 .ui-datepicker-multi .ui-datepicker-buttonpane {
118 clear: left;
119 }
120 .ui-datepicker-row-break {
121 clear: both;
122 width: 100%;
123 font-size: 0;
124 }
125
126 /* RTL support */
127 .ui-datepicker-rtl {
128 direction: rtl;
129 }
130 .ui-datepicker-rtl .ui-datepicker-prev {
131 right: 2px;
132 left: auto;
133 }
134 .ui-datepicker-rtl .ui-datepicker-next {
135 left: 2px;
136 right: auto;
137 }
138 .ui-datepicker-rtl .ui-datepicker-buttonpane {
139 clear: right;
140 }
141 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
142 float: left;
143 }
144 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
145 .ui-datepicker-rtl .ui-datepicker-group {
146 float: right;
147 }
148 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
149 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
150 border-right-width: 0;
151 border-left-width: 1px;
152 }
153
154 #ui-datepicker-div.stream-datepicker.ui-widget {
155 margin-top: 5px;
156 border: 1px solid #ddd;
157
158 -webkit-border-radius: 0;
159 -moz-border-radius: 0;
160 border-radius: 0;
161 }
162
163 #ui-datepicker-div.stream-datepicker.ui-datepicker * {
164 padding: 0;
165 font-family: 'Open Sans', sans-serif;
166 }
167
168 #ui-datepicker-div.stream-datepicker.ui-datepicker {
169 padding: 0;
170 }
171
172 #ui-datepicker-div.stream-datepicker.ui-datepicker table {
173 font-size: 13px;
174 }
175
176 #ui-datepicker-div.stream-datepicker .ui-datepicker-header {
177 border: none;
178 background: #23282d;
179 color: #fff;
180 font-weight: normal;
181 }
182
183 #ui-datepicker-div.stream-datepicker .ui-datepicker-header .ui-state-hover {
184 background: #23282d;
185 border-color: transparent;
186 cursor: pointer;
187
188 -webkit-border-radius: 0;
189 -moz-border-radius: 0;
190 border-radius: 0;
191 }
192
193 #ui-datepicker-div.stream-datepicker.ui-datepicker thead {
194 background: #23282d;
195 color: #fff;
196 }
197
198 #ui-datepicker-div.stream-datepicker .ui-corner-all {
199 -webkit-border-radius: 0;
200 -moz-border-radius: 0;
201 border-radius: 0;
202 }
203
204 #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-title {
205 color: #fff;
206 font-size: 14px;
207 }
208
209 #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-prev-hover,
210 #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-next-hover,
211 #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-next,
212 #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-prev {
213 top: .33em;
214 border:none;
215 }
216
217 #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-next span,
218 #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-prev span {
219 background-image: url(../stream-icons/datepicker-icons.png);
220 background-position: -32px 0;
221 margin-top: 0;
222 top: 0;
223 font-weight: normal;
224 }
225
226 #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-prev span {
227 background-position: -96px 0;
228 }
229
230 #ui-datepicker-div.stream-datepicker.ui-datepicker table {
231 margin: 0;
232 }
233
234 #ui-datepicker-div.stream-datepicker.ui-datepicker th {
235 padding: 0.75em 0;
236 color: #fff;
237 font-weight: normal;
238 border: none;
239 border-top: 1px solid #32373c;
240 }
241
242 #ui-datepicker-div.stream-datepicker.ui-datepicker td {
243 background: #f1f1f1;
244 border: none;
245 padding: 0;
246 }
247
248 #ui-datepicker-div.stream-datepicker td .ui-state-default {
249 background: transparent;
250 border: none;
251 text-align: center;
252 padding: .5em;
253 margin: 0;
254 font-weight: normal;
255 color: #32373c;
256 }
257
258 #ui-datepicker-div.stream-datepicker.ui-datepicker td.ui-state-disabled,
259 #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-widget-content td.ui-state-disabled,
260 #ui-datepicker-div.stream-datepicker td.ui-state-disabled .ui-state-default {
261 opacity: 1;
262 color: #999;
263 }
264
265 #ui-datepicker-div.stream-datepicker td .ui-state-active,
266 #ui-datepicker-div.stream-datepicker td .ui-state-hover {
267 background: #0074a2;
268 color: #fff;
269 }
270
271 /* Other Datepicker Color Schemes */
272
273 /* Light */
274
275 /* Primary Background Color */
276 .admin-color-light #ui-datepicker-div.stream-datepicker .ui-datepicker-header,
277 .admin-color-light #ui-datepicker-div.stream-datepicker .ui-datepicker-header .ui-state-hover,
278 .admin-color-light #ui-datepicker-div.stream-datepicker.ui-datepicker thead,
279 .admin-color-light #ui-datepicker-div.stream-datepicker td .ui-state-active,
280 .admin-color-light #ui-datepicker-div.stream-datepicker td .ui-state-hover {
281 background: #e5e5e5;
282 }
283
284 /* Table Background */
285 .admin-color-light #ui-datepicker-div.stream-datepicker.ui-datepicker td {
286 background: #fff;
287 }
288
289 .admin-color-light #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-next span,
290 .admin-color-light #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-prev span {
291 background-image: url(../stream-icons/datepicker-icons-gray.png);
292 }
293
294 /* Calendar Top Border */
295 .admin-color-light #ui-datepicker-div.stream-datepicker.ui-datepicker th {
296 border-color: #fff;
297 }
298
299 /* Calendar Title, Dates Color */
300 .admin-color-light #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-title,
301 .admin-color-light #ui-datepicker-div.stream-datepicker td .ui-state-default,
302 .admin-color-light #ui-datepicker-div.stream-datepicker.ui-datepicker th {
303 color: #555;
304 }
305
306 /* Hover State */
307 .admin-color-light #ui-datepicker-div.stream-datepicker td .ui-state-active,
308 .admin-color-light #ui-datepicker-div.stream-datepicker td .ui-state-hover {
309 color: #fff;
310 background: #888;
311 }
312
313 /* Disabled Color */
314 .admin-color-light #ui-datepicker-div.stream-datepicker.ui-datepicker td.ui-state-disabled,
315 .admin-color-light #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-widget-content td.ui-state-disabled,
316 .admin-color-light #ui-datepicker-div.stream-datepicker td.ui-state-disabled .ui-state-default {
317 color: #ccc;
318 }
319
320 /* Blue */
321
322 /* Primary Background Color */
323 .admin-color-blue #ui-datepicker-div.stream-datepicker .ui-datepicker-header,
324 .admin-color-blue #ui-datepicker-div.stream-datepicker .ui-datepicker-header .ui-state-hover,
325 .admin-color-blue #ui-datepicker-div.stream-datepicker.ui-datepicker thead,
326 .admin-color-blue #ui-datepicker-div.stream-datepicker td .ui-state-active,
327 .admin-color-blue #ui-datepicker-div.stream-datepicker td .ui-state-hover {
328 background: #4796B3;
329 }
330
331 /* Calendar Top Border */
332 .admin-color-blue #ui-datepicker-div.stream-datepicker.ui-datepicker th {
333 border-color: #52ACCC;
334 }
335
336 /* Calendar Title, Dates Color */
337 .admin-color-blue #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-title,
338 .admin-color-blue #ui-datepicker-div.stream-datepicker.ui-datepicker th {
339 color: #fff;
340 }
341
342 /* Hover State */
343 .admin-color-blue #ui-datepicker-div.stream-datepicker td .ui-state-active,
344 .admin-color-blue #ui-datepicker-div.stream-datepicker td .ui-state-hover {
345 background: #096484;
346 }
347
348 /* Coffee */
349
350 /* Primary Background Color */
351 .admin-color-coffee #ui-datepicker-div.stream-datepicker .ui-datepicker-header,
352 .admin-color-coffee #ui-datepicker-div.stream-datepicker .ui-datepicker-header .ui-state-hover,
353 .admin-color-coffee #ui-datepicker-div.stream-datepicker.ui-datepicker thead,
354 .admin-color-coffee #ui-datepicker-div.stream-datepicker td .ui-state-active,
355 .admin-color-coffee #ui-datepicker-div.stream-datepicker td .ui-state-hover {
356 background: #46403C;
357 }
358
359 /* Calendar Top Border */
360 .admin-color-coffee #ui-datepicker-div.stream-datepicker.ui-datepicker th {
361 border-color: #59524C;
362 }
363
364 /* Calendar Title, Dates Color */
365 .admin-color-coffee #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-title,
366 .admin-color-coffee #ui-datepicker-div.stream-datepicker.ui-datepicker th {
367 color: #fff;
368 }
369
370 /* Hover State */
371 .admin-color-coffee #ui-datepicker-div.stream-datepicker td .ui-state-active,
372 .admin-color-coffee #ui-datepicker-div.stream-datepicker td .ui-state-hover {
373 background: #C7A589;
374 }
375
376 /* Ectoplasm */
377
378 /* Primary Background Color */
379 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker .ui-datepicker-header,
380 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker .ui-datepicker-header .ui-state-hover,
381 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker.ui-datepicker thead,
382 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker td .ui-state-active,
383 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker td .ui-state-hover {
384 background: #413256;
385 }
386
387 /* Calendar Top Border */
388 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker.ui-datepicker th {
389 border-color: #523F6D;
390 }
391
392 /* Calendar Title, Dates Color */
393 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-title,
394 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker.ui-datepicker th {
395 color: #fff;
396 }
397
398 /* Hover State */
399 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker td .ui-state-active,
400 .admin-color-ectoplasm #ui-datepicker-div.stream-datepicker td .ui-state-hover {
401 background: #A3B745;
402 }
403
404 /* Midnight */
405
406 /* Primary Background Color */
407 .admin-color-midnight #ui-datepicker-div.stream-datepicker .ui-datepicker-header,
408 .admin-color-midnight #ui-datepicker-div.stream-datepicker .ui-datepicker-header .ui-state-hover,
409 .admin-color-midnight #ui-datepicker-div.stream-datepicker.ui-datepicker thead,
410 .admin-color-midnight #ui-datepicker-div.stream-datepicker td .ui-state-active,
411 .admin-color-midnight #ui-datepicker-div.stream-datepicker td .ui-state-hover {
412 background: #26292C;
413 }
414
415 /* Calendar Top Border */
416 .admin-color-midnight #ui-datepicker-div.stream-datepicker.ui-datepicker th {
417 border-color: #363B3F;
418 }
419
420 /* Calendar Title, Dates Color */
421 .admin-color-midnight #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-title,
422 .admin-color-midnight #ui-datepicker-div.stream-datepicker.ui-datepicker th {
423 color: #fff;
424 }
425
426 /* Hover State */
427 .admin-color-midnight #ui-datepicker-div.stream-datepicker td .ui-state-active,
428 .admin-color-midnight #ui-datepicker-div.stream-datepicker td .ui-state-hover {
429 background: #E14D43;
430 }
431
432 /* Ocean */
433
434 /* Primary Background Color */
435 .admin-color-ocean #ui-datepicker-div.stream-datepicker .ui-datepicker-header,
436 .admin-color-ocean #ui-datepicker-div.stream-datepicker .ui-datepicker-header .ui-state-hover,
437 .admin-color-ocean #ui-datepicker-div.stream-datepicker.ui-datepicker thead,
438 .admin-color-ocean #ui-datepicker-div.stream-datepicker td .ui-state-active,
439 .admin-color-ocean #ui-datepicker-div.stream-datepicker td .ui-state-hover {
440 background: #627C83;
441 }
442
443 /* Calendar Top Border */
444 .admin-color-ocean #ui-datepicker-div.stream-datepicker.ui-datepicker th {
445 border-color: #738E96;
446 }
447
448 /* Calendar Title, Dates Color */
449 .admin-color-ocean #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-title,
450 .admin-color-ocean #ui-datepicker-div.stream-datepicker.ui-datepicker th {
451 color: #fff;
452 }
453
454 /* Hover State */
455 .admin-color-ocean #ui-datepicker-div.stream-datepicker td .ui-state-active,
456 .admin-color-ocean #ui-datepicker-div.stream-datepicker td .ui-state-hover {
457 background: #9EBAA0;
458 }
459
460 /* Sunrise */
461
462 /* Primary Background Color */
463 .admin-color-sunrise #ui-datepicker-div.stream-datepicker .ui-datepicker-header,
464 .admin-color-sunrise #ui-datepicker-div.stream-datepicker .ui-datepicker-header .ui-state-hover,
465 .admin-color-sunrise #ui-datepicker-div.stream-datepicker.ui-datepicker thead,
466 .admin-color-sunrise #ui-datepicker-div.stream-datepicker td .ui-state-active,
467 .admin-color-sunrise #ui-datepicker-div.stream-datepicker td .ui-state-hover {
468 background: #BE3631;
469 }
470
471 /* Calendar Top Border */
472 .admin-color-sunrise #ui-datepicker-div.stream-datepicker.ui-datepicker th {
473 border-color: #CF4944;
474 }
475
476 /* Calendar Title, Dates Color */
477 .admin-color-sunrise #ui-datepicker-div.stream-datepicker.ui-datepicker .ui-datepicker-title,
478 .admin-color-sunrise #ui-datepicker-div.stream-datepicker.ui-datepicker th {
479 color: #fff;
480 }
481
482 /* Hover State */
483 .admin-color-sunrise #ui-datepicker-div.stream-datepicker td .ui-state-active,
484 .admin-color-sunrise #ui-datepicker-div.stream-datepicker td .ui-state-hover {
485 background: #DD823B;
486 }
487