Mercurial > hg > rc1

comparison plugins/jqueryui/themes/larry/jquery-ui.css.diff @ 0:1e000243b222

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
vanilla 1.3.3 distro, I hope
author Charlie Root
date Thu, 04 Jan 2018 15:50:29 -0500
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1e000243b222
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 +}