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