0
|
1 --- jquery-ui-1.10.4.custom.orig.css 2014-06-17 00:47:00.000000000 +0200
|
|
2 +++ jquery-ui-1.10.4.custom.css 2014-07-31 08:54:40.000000000 +0200
|
|
3 @@ -238,6 +238,8 @@
|
|
4 .ui-button-icons-only .ui-button-text {
|
|
5 padding: .4em;
|
|
6 text-indent: -9999999px;
|
|
7 + width: 1px;
|
|
8 + overflow: hidden;
|
|
9 }
|
|
10 .ui-button-text-icon-primary .ui-button-text,
|
|
11 .ui-button-text-icons .ui-button-text {
|
|
12 @@ -463,20 +465,29 @@
|
|
13 border-left-width: 1px;
|
|
14 }
|
|
15 .ui-dialog {
|
|
16 - overflow: hidden;
|
|
17 position: absolute;
|
|
18 top: 0;
|
|
19 left: 0;
|
|
20 - padding: .2em;
|
|
21 + padding: 3px;
|
|
22 + background: #fff;
|
|
23 + border-radius: 6px !important;
|
|
24 + border: 0 !important;
|
|
25 outline: 0;
|
|
26 + -webkit-box-shadow: #666 1px 1px 12px;
|
|
27 + -moz-box-shadow: 1px 1px 12px #666;
|
|
28 + box-shadow: 1px 1px 18px #666;
|
|
29 }
|
|
30 .ui-dialog .ui-dialog-titlebar {
|
|
31 - padding: .4em 1em;
|
|
32 + padding: 15px 1em 8px 1em;
|
|
33 position: relative;
|
|
34 + border: 0;
|
|
35 + border-radius: 5px 5px 0 0;
|
|
36 }
|
|
37 .ui-dialog .ui-dialog-title {
|
|
38 float: left;
|
|
39 - margin: .1em 0;
|
|
40 + margin: .1em 16px .1em 0;
|
|
41 + font-size: 1.3em;
|
|
42 + text-shadow: 1px 1px 1px #fff;
|
|
43 white-space: nowrap;
|
|
44 width: 90%;
|
|
45 overflow: hidden;
|
|
46 @@ -484,50 +495,84 @@
|
|
47 }
|
|
48 .ui-dialog .ui-dialog-titlebar-close {
|
|
49 position: absolute;
|
|
50 - right: .3em;
|
|
51 - top: 50%;
|
|
52 - width: 20px;
|
|
53 - margin: -10px 0 0 0;
|
|
54 - padding: 1px;
|
|
55 - height: 20px;
|
|
56 + right: -15px;
|
|
57 + top: -15px;
|
|
58 + width: 30px;
|
|
59 + margin: 0;
|
|
60 + padding: 0;
|
|
61 + height: 30px;
|
|
62 + z-index: 99999;
|
|
63 + border-width: 0 !important;
|
|
64 + background: none !important;
|
|
65 + filter: none !important;
|
|
66 + -webkit-box-shadow: none !important;
|
|
67 + -moz-box-shadow: none !important;
|
|
68 + -o-box-shadow: none !important;
|
|
69 + box-shadow: none !important;
|
|
70 +}
|
|
71 +.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
|
|
72 + outline: 2px solid #4fadd5;
|
|
73 +}
|
|
74 +.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
|
|
75 + top: 0;
|
|
76 + left: 0;
|
|
77 + margin: 0;
|
|
78 + width: 30px;
|
|
79 + height: 30px;
|
|
80 + background: url("images/ui-dialog-close.png") 0 0 no-repeat;
|
|
81 +}
|
|
82 +.no-close .ui-dialog-titlebar-close {
|
|
83 + display: none !important;
|
|
84 }
|
|
85 .ui-dialog .ui-dialog-content {
|
|
86 position: relative;
|
|
87 border: 0;
|
|
88 - padding: .5em 1em;
|
|
89 + padding: 1.5em 1em 0.5em 1em;
|
|
90 background: none;
|
|
91 overflow: auto;
|
|
92 }
|
|
93 +.ui-dialog .ui-widget-content {
|
|
94 + border: 0;
|
|
95 +}
|
|
96 .ui-dialog .ui-dialog-buttonpane {
|
|
97 text-align: left;
|
|
98 border-width: 1px 0 0 0;
|
|
99 background-image: none;
|
|
100 - margin-top: .5em;
|
|
101 - padding: .3em 1em .5em .4em;
|
|
102 + border-color: #ddd;
|
|
103 + border-style: solid;
|
|
104 + margin: 0;
|
|
105 + padding: .3em 1em .5em .8em;
|
|
106 }
|
|
107 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
|
108 - float: right;
|
|
109 + float: left;
|
|
110 }
|
|
111 .ui-dialog .ui-dialog-buttonpane button {
|
|
112 margin: .5em .4em .5em 0;
|
|
113 cursor: pointer;
|
|
114 }
|
|
115 .ui-dialog .ui-resizable-se {
|
|
116 - width: 12px;
|
|
117 - height: 12px;
|
|
118 - right: -5px;
|
|
119 - bottom: -5px;
|
|
120 - background-position: 16px 16px;
|
|
121 + width: 14px;
|
|
122 + height: 14px;
|
|
123 + right: 3px;
|
|
124 + bottom: 3px;
|
|
125 + background-position: -80px -224px;
|
|
126 }
|
|
127 .ui-draggable .ui-dialog-titlebar {
|
|
128 cursor: move;
|
|
129 }
|
|
130 .ui-menu {
|
|
131 list-style: none;
|
|
132 - padding: 2px;
|
|
133 + padding: 0;
|
|
134 margin: 0;
|
|
135 display: block;
|
|
136 outline: none;
|
|
137 + background: #444;
|
|
138 + border: 1px solid #999;
|
|
139 + border-radius: 4px !important;
|
|
140 + -webkit-box-shadow: 0 2px 6px 0 #333;
|
|
141 + -moz-box-shadow: 0 2px 6px 0 #333;
|
|
142 + -o-box-shadow: 0 2px 6px 0 #333;
|
|
143 + box-shadow: 0 2px 6px 0 #333;
|
|
144 }
|
|
145 .ui-menu .ui-menu {
|
|
146 margin-top: -3px;
|
|
147 @@ -539,6 +584,16 @@
|
|
148 width: 100%;
|
|
149 /* support: IE10, see #8844 */
|
|
150 list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
|
|
151 + color: #fff;
|
|
152 + white-space: nowrap;
|
|
153 + border-top: 1px solid #5a5a5a;
|
|
154 + border-bottom: 1px solid #333;
|
|
155 +}
|
|
156 +.ui-menu .ui-menu-item:first-child {
|
|
157 + border-top: 0;
|
|
158 +}
|
|
159 +.ui-menu .ui-menu-item:last-child {
|
|
160 + border-bottom: 0;
|
|
161 }
|
|
162 .ui-menu .ui-menu-divider {
|
|
163 margin: 5px -2px 5px -2px;
|
|
164 @@ -550,15 +605,26 @@
|
|
165 .ui-menu .ui-menu-item a {
|
|
166 text-decoration: none;
|
|
167 display: block;
|
|
168 - padding: 2px .4em;
|
|
169 + padding: 6px 10px 4px 10px;
|
|
170 line-height: 1.5;
|
|
171 min-height: 0; /* support: IE7 */
|
|
172 font-weight: normal;
|
|
173 + border: 0;
|
|
174 + margin: 0;
|
|
175 + border-radius: 0;
|
|
176 + color: #fff;
|
|
177 + background: #444;
|
|
178 + text-shadow: 0px 1px 1px #333;
|
|
179 }
|
|
180 .ui-menu .ui-menu-item a.ui-state-focus,
|
|
181 .ui-menu .ui-menu-item a.ui-state-active {
|
|
182 font-weight: normal;
|
|
183 - margin: -1px;
|
|
184 + background: #00aad6;
|
|
185 + background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
|
|
186 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
|
|
187 + background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
|
|
188 + background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
|
|
189 + background: linear-gradient(top, #00aad6 0%, #008fc9 100%);
|
|
190 }
|
|
191
|
|
192 .ui-menu .ui-state-disabled {
|
|
193 @@ -626,7 +692,13 @@
|
|
194 font-size: .7em;
|
|
195 display: block;
|
|
196 border: 0;
|
|
197 - background-position: 0 0;
|
|
198 + background: #019bc6;
|
|
199 + background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
|
|
200 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
|
|
201 + background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
|
|
202 + background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
|
|
203 + background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
|
|
204 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019bc6', endColorstr='#017cb4', GradientType=0);
|
|
205 }
|
|
206
|
|
207 /* For IE8 - See #6727 */
|
|
208 @@ -732,23 +804,41 @@
|
|
209 padding: .2em;
|
|
210 }
|
|
211 .ui-tabs .ui-tabs-nav {
|
|
212 - margin: 0;
|
|
213 - padding: .2em .2em 0;
|
|
214 + margin: 0; padding: 0;
|
|
215 + border: 0;
|
|
216 + background: transparent;
|
|
217 + filter: none;
|
|
218 + height: 44px;
|
|
219 }
|
|
220 .ui-tabs .ui-tabs-nav li {
|
|
221 list-style: none;
|
|
222 - float: left;
|
|
223 position: relative;
|
|
224 + display: inline-block;
|
|
225 top: 0;
|
|
226 - margin: 1px .2em 0 0;
|
|
227 - border-bottom-width: 0;
|
|
228 - padding: 0;
|
|
229 + margin: 0;
|
|
230 + border: 0 !important;
|
|
231 + padding: 0 1px 0 0;
|
|
232 white-space: nowrap;
|
|
233 + background: #f8f8f8;
|
|
234 + background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
|
|
235 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8));
|
|
236 + background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
|
|
237 + background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
|
|
238 + background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
|
|
239 + background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
|
|
240 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d3d3d3', GradientType=0);
|
|
241 +}
|
|
242 +.ui-tabs .ui-tabs-nav li:last-child {
|
|
243 + background: none;
|
|
244 }
|
|
245 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
|
|
246 - float: left;
|
|
247 - padding: .5em 1em;
|
|
248 + display: inline-block;
|
|
249 + padding: 15px;
|
|
250 text-decoration: none;
|
|
251 + font-size: 12px;
|
|
252 + color: #999;
|
|
253 + background: #fafafa;
|
|
254 + border-right: 1px solid #fafafa;
|
|
255 }
|
|
256 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
|
257 margin-bottom: -1px;
|
|
258 @@ -759,14 +849,26 @@
|
|
259 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
|
|
260 cursor: text;
|
|
261 }
|
|
262 +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
|
263 + outline: none;
|
|
264 + color: #004458;
|
|
265 + background: #efefef;
|
|
266 + background: -moz-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
|
|
267 + background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#e4e4e4));
|
|
268 + background: -o-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
|
|
269 + background: -ms-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
|
|
270 + background: linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
|
|
271 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e4e4e4', GradientType=0);
|
|
272 +}
|
|
273 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
|
274 cursor: pointer;
|
|
275 }
|
|
276 .ui-tabs .ui-tabs-panel {
|
|
277 display: block;
|
|
278 border-width: 0;
|
|
279 - padding: 1em 1.4em;
|
|
280 - background: none;
|
|
281 + padding: 0.5em 1em;
|
|
282 + margin-top: 0.2em;
|
|
283 + background: #efefef;
|
|
284 }
|
|
285 .ui-tooltip {
|
|
286 padding: 8px;
|
|
287 @@ -798,15 +900,21 @@
|
|
288 }
|
|
289 .ui-widget-content {
|
|
290 border: 1px solid #aaaaaa;
|
|
291 - background: #fafafa url("images/ui-bg_highlight-soft_75_fafafa_1x100.png") 50% top repeat-x;
|
|
292 - color: 33333;
|
|
293 + background: #fafafa;
|
|
294 + color: #333333;
|
|
295 }
|
|
296 .ui-widget-content a {
|
|
297 - color: 33333;
|
|
298 + color: #0186ba;
|
|
299 }
|
|
300 .ui-widget-header {
|
|
301 border: 1px solid #fafafa;
|
|
302 - background: #e4e4e4 url("images/ui-bg_highlight-soft_90_e4e4e4_1x100.png") 50% 50% repeat-x;
|
|
303 + background: #e4e4e4;
|
|
304 + background: -moz-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
|
|
305 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e4e4e4));
|
|
306 + background: -o-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
|
|
307 + background: -ms-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
|
|
308 + background: linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
|
|
309 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e4e4e4', GradientType=0);
|
|
310 color: #666666;
|
|
311 font-weight: bold;
|
|
312 }
|
|
313 @@ -820,7 +928,7 @@
|
|
314 .ui-widget-content .ui-state-default,
|
|
315 .ui-widget-header .ui-state-default {
|
|
316 border: 1px solid #cccccc;
|
|
317 - background: #f8f8f8 url("images/ui-bg_highlight-hard_75_f8f8f8_1x100.png") 50% 50% repeat-x;
|
|
318 + background: #f8f8f8;
|
|
319 font-weight: bold;
|
|
320 color: #666666;
|
|
321 }
|
|
322 @@ -837,7 +945,7 @@
|
|
323 .ui-widget-content .ui-state-focus,
|
|
324 .ui-widget-header .ui-state-focus {
|
|
325 border: 1px solid #aaaaaa;
|
|
326 - background: #eaeaea url("images/ui-bg_highlight-hard_75_eaeaea_1x100.png") 50% 50% repeat-x;
|
|
327 + background: #eaeaea;
|
|
328 font-weight: bold;
|
|
329 color: #333333;
|
|
330 }
|
|
331 @@ -856,7 +964,7 @@
|
|
332 .ui-widget-content .ui-state-active,
|
|
333 .ui-widget-header .ui-state-active {
|
|
334 border: 1px solid #aaaaaa;
|
|
335 - background: #ffffff url("images/ui-bg_highlight-hard_65_ffffff_1x100.png") 50% 50% repeat-x;
|
|
336 + background: #ffffff;
|
|
337 font-weight: bold;
|
|
338 color: #333333;
|
|
339 }
|
|
340 @@ -873,7 +981,7 @@
|
|
341 .ui-widget-content .ui-state-highlight,
|
|
342 .ui-widget-header .ui-state-highlight {
|
|
343 border: 1px solid #a3a3a3;
|
|
344 - background: #b0ccd7 url("images/ui-bg_highlight-hard_55_b0ccd7_1x100.png") 50% top repeat-x;
|
|
345 + background: #b0ccd7;
|
|
346 color: #004458;
|
|
347 }
|
|
348 .ui-state-highlight a,
|
|
349 @@ -885,7 +993,7 @@
|
|
350 .ui-widget-content .ui-state-error,
|
|
351 .ui-widget-header .ui-state-error {
|
|
352 border: 1px solid #d7211e;
|
|
353 - background: #fef1ec url("images/ui-bg_flat_95_fef1ec_40x100.png") 50% 50% repeat-x;
|
|
354 + background: #fef1ec;
|
|
355 color: #d64040;
|
|
356 }
|
|
357 .ui-state-error a,
|
|
358 @@ -1164,15 +1272,240 @@
|
|
359
|
|
360 /* Overlays */
|
|
361 .ui-widget-overlay {
|
|
362 - background: #333333 url("images/ui-bg_flat_0_333333_40x100.png") 50% 50% repeat-x;
|
|
363 + background: #333333;
|
|
364 opacity: .5;
|
|
365 filter: Alpha(Opacity=50);
|
|
366 }
|
|
367 .ui-widget-shadow {
|
|
368 margin: -6px 0 0 -6px;
|
|
369 padding: 6px;
|
|
370 - background: #666666 url("images/ui-bg_flat_0_666666_40x100.png") 50% 50% repeat-x;
|
|
371 + background: #666666;
|
|
372 opacity: .2;
|
|
373 filter: Alpha(Opacity=20);
|
|
374 border-radius: 8px;
|
|
375 }
|
|
376 +
|
|
377 +/* Roundcube button styling */
|
|
378 +.ui-button.ui-state-default {
|
|
379 + display: inline-block;
|
|
380 + margin: 0 2px;
|
|
381 + padding: 1px 2px;
|
|
382 + text-shadow: 0px 1px 1px #fff;
|
|
383 + border: 1px solid #c6c6c6;
|
|
384 + border-radius: 4px;
|
|
385 + background: #f7f7f7;
|
|
386 + background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
387 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
|
|
388 + background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
389 + background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
390 + background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
391 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
|
|
392 + -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
|
|
393 + -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
|
|
394 + -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
|
|
395 + box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
|
|
396 + text-decoration: none;
|
|
397 + outline: none;
|
|
398 +}
|
|
399 +
|
|
400 +.ui-button.mainaction {
|
|
401 + color: #ededed;
|
|
402 + text-shadow: 0px 1px 1px #333;
|
|
403 + border-color: #1f262c;
|
|
404 + background: #505050;
|
|
405 + background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
|
|
406 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
|
|
407 + background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
|
|
408 + background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
|
|
409 + background: linear-gradient(top, #505050 0%, #2a2e31 100%);
|
|
410 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#2a2e31', GradientType=0);
|
|
411 + -moz-box-shadow: inset 0 1px 0 0 #777;
|
|
412 + -webkit-box-shadow: inset 0 1px 0 0 #777;
|
|
413 + -o-box-shadow: inset 0 1px 0 0 #777;
|
|
414 + box-shadow: inset 0 1px 0 0 #777;
|
|
415 +}
|
|
416 +
|
|
417 +.ui-button.ui-state-focus {
|
|
418 + color: #525252;
|
|
419 + border-color: #4fadd5;
|
|
420 + -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
|
|
421 + -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
|
|
422 + -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
|
|
423 + box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
|
|
424 +}
|
|
425 +
|
|
426 +.ui-button.ui-state-active {
|
|
427 + color: #525252;
|
|
428 + border-color: #aaa;
|
|
429 + background: #e6e6e6;
|
|
430 + background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
|
|
431 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
|
|
432 + background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
|
|
433 + background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
|
|
434 + background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
|
|
435 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f9f9f9', GradientType=0);
|
|
436 +}
|
|
437 +
|
|
438 +.ui-button.ui-state-focus.mainaction,
|
|
439 +.ui-button.ui-state-hover.mainaction {
|
|
440 + color: #fff;
|
|
441 +}
|
|
442 +
|
|
443 +.ui-button.ui-state-focus.mainaction {
|
|
444 + border-color: #1f262c;
|
|
445 + -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
|
|
446 + -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
|
|
447 + -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
|
|
448 + box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
|
|
449 +}
|
|
450 +
|
|
451 +.ui-button.ui-state-active.mainaction {
|
|
452 + color: #fff;
|
|
453 + background: #515151;
|
|
454 + background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
|
|
455 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
|
|
456 + background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
|
|
457 + background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
|
|
458 + background: linear-gradient(top, #2a2e31 0%, #505050 100%);
|
|
459 +}
|
|
460 +
|
|
461 +.ui-button[disabled],
|
|
462 +.ui-button[disabled]:hover,
|
|
463 +.ui-button.mainaction[disabled] {
|
|
464 + color: #aaa !important;
|
|
465 +}
|
|
466 +
|
|
467 +/* Roundcube's specific Datepicker style override */
|
|
468 +.ui-datepicker {
|
|
469 + min-width: 20em;
|
|
470 + padding: 0;
|
|
471 + display: none;
|
|
472 + border: 0;
|
|
473 + border-radius: 3px;
|
|
474 + -webkit-box-shadow: #666 1px 1px 10px;
|
|
475 + -moz-box-shadow: 1px 1px 10px #666;
|
|
476 + box-shadow: 1px 1px 16px #666;
|
|
477 +}
|
|
478 +.ui-datepicker .ui-datepicker-header {
|
|
479 + padding: .3em 0;
|
|
480 + border-radius: 3px 3px 0 0;
|
|
481 + border: 0;
|
|
482 + background: #3a3a3a;
|
|
483 + filter: none;
|
|
484 + color: #fff;
|
|
485 + text-shadow: 0px 1px 1px #000;
|
|
486 +}
|
|
487 +.ui-datepicker .ui-datepicker-prev,
|
|
488 +.ui-datepicker .ui-datepicker-next {
|
|
489 + border: 0;
|
|
490 + background: none;
|
|
491 +}
|
|
492 +.ui-datepicker .ui-datepicker-header .ui-icon {
|
|
493 + background: url("images/ui-icons-datepicker.png") 0 0 no-repeat;
|
|
494 +}
|
|
495 +.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w {
|
|
496 + background-position: 0 2px;
|
|
497 +}
|
|
498 +.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
|
|
499 + background-position: -14px 2px;
|
|
500 +}
|
|
501 +.ui-datepicker .ui-datepicker-prev-hover,
|
|
502 +.ui-datepicker .ui-datepicker-next-hover {
|
|
503 + top: 2px;
|
|
504 + border: 0;
|
|
505 + background: none;
|
|
506 +}
|
|
507 +.ui-datepicker .ui-datepicker-prev,
|
|
508 +.ui-datepicker .ui-datepicker-prev-hover {
|
|
509 + left: 2px;
|
|
510 +}
|
|
511 +.ui-datepicker .ui-datepicker-next,
|
|
512 +.ui-datepicker .ui-datepicker-next-hover {
|
|
513 + right: 2px;
|
|
514 +}
|
|
515 +.ui-datepicker select.ui-datepicker-month,
|
|
516 +.ui-datepicker select.ui-datepicker-year {
|
|
517 + border: 0;
|
|
518 + background: #3a3a3a;
|
|
519 + outline: none;
|
|
520 + color: #fff;
|
|
521 + font-weight: bold;
|
|
522 + width: auto;
|
|
523 + margin-right: 4px;
|
|
524 + padding-right: 4px;
|
|
525 +}
|
|
526 +.ui-datepicker .ui-datepicker-title select::-ms-expand {
|
|
527 + display: none;
|
|
528 +}
|
|
529 +.ie10 .ui-datepicker .ui-datepicker-title select,
|
|
530 +.webkit .ui-datepicker .ui-datepicker-title select,
|
|
531 +.mozilla .ui-datepicker .ui-datepicker-title select {
|
|
532 + background-image: url("images/ui-icons-datepicker.png");
|
|
533 + background-position: right -18px;
|
|
534 + background-repeat: no-repeat;
|
|
535 + padding-right: 14px;
|
|
536 + -webkit-appearance: none;
|
|
537 + -moz-appearance: none;
|
|
538 + appearance: none;
|
|
539 +}
|
|
540 +.mozilla .ui-datepicker .ui-datepicker-title select {
|
|
541 + background-position: right -14px;
|
|
542 + text-indent: 0.01px;
|
|
543 + text-overflow: '';
|
|
544 + padding-right: 10px;
|
|
545 +}
|
|
546 +.ui-datepicker .ui-datepicker-month:focus,
|
|
547 +.ui-datepicker .ui-datepicker-year:focus {
|
|
548 + outline: 1px solid #4fadd5;
|
|
549 +}
|
|
550 +.ui-datepicker table {
|
|
551 + margin: 0;
|
|
552 + border-spacing: 0;
|
|
553 +}
|
|
554 +.ui-datepicker table:focus {
|
|
555 + outline: 2px solid #4fadd5;
|
|
556 + outline-offset: -2px;
|
|
557 +}
|
|
558 +.ui-datepicker td {
|
|
559 + border: 1px solid #bbb;
|
|
560 + padding: 0;
|
|
561 +}
|
|
562 +.ui-datepicker td span, .ui-datepicker td a {
|
|
563 + border: 0;
|
|
564 + padding: .3em;
|
|
565 + text-shadow: 0px 1px 1px #fff;
|
|
566 +}
|
|
567 +.ui-datepicker td a.ui-state-default {
|
|
568 + border: 0px solid #fff;
|
|
569 + border-top-width: 1px;
|
|
570 + border-left-width: 1px;
|
|
571 + background: #e6e6e6;
|
|
572 + background: -moz-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
|
|
573 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d6d6d6));
|
|
574 + background: -o-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
|
|
575 + background: -ms-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
|
|
576 + background: linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
|
|
577 +}
|
|
578 +.ui-datepicker td a.ui-priority-secondary {
|
|
579 + background: #eee;
|
|
580 +}
|
|
581 +.ui-datepicker td a.ui-state-active {
|
|
582 + color: #fff;
|
|
583 + border-color: #0286ac !important;
|
|
584 + text-shadow: 0px 1px 1px #00516e !important;
|
|
585 + background: #00acd4 !important;
|
|
586 + background: -moz-linear-gradient(top, #00acd4 0%, #008fc7 100%);
|
|
587 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acd4), color-stop(100%,#008fc7));
|
|
588 + background: -o-linear-gradient(top, #00acd4 0%, #008fc7 100%);
|
|
589 + background: -ms-linear-gradient(top, #00acd4 0%, #008fc7 100%);
|
|
590 + background: linear-gradient(top, #00acd4 0%, #008fc7 100%);
|
|
591 +}
|
|
592 +.ui-datepicker .ui-state-highlight {
|
|
593 + color: #0081c2;
|
|
594 +}
|
|
595 +.ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default {
|
|
596 + color: #fff;
|
|
597 + border-color: rgba(73,180,210,0.7);
|
|
598 + background: rgba(73,180,210,0.7);
|
|
599 + text-shadow: 0px 1px 1px #666;
|
|
600 +}
|