jenkins-bot has submitted this change and it was merged. Change subject: Update jquery.ui Vector theme to 1.9.2 ......................................................................
Update jquery.ui Vector theme to 1.9.2 Follows-up 3cb2ccd87863abb8a99ed7d970730ae9e4138fcc. Various structural changes were made in jQuery UI 1.9, and the Vector theme was not updated to accommodate for those changes. There have also been lots of small improvements to the base theme (which is substituted inside the Vector theme) that were made over the past few releases that weren't backported (such as Ib099282484b for bug 67243). And there were two new modules in jQuery UI 1.9 (menu and spinner) that were lacking Vector theme stylesheets. Source files generated with http://jqueryui.com/themeroller by downloading the theme for v1.9.2 (except for jquery.ui.button.css). See the permalink in jquery.ui.theme.css. For jquery.ui.button.css, use latest master of jQuery UI 1.11.2-alpha: * https://github.com/jquery/jquery-ui/blob/8825d93dc8/themes/base/button.css This is from a newer version of jQuery UI but user MarkTraceur suggested the file for jquery.ui.button had fixes that were not backported to 1.9 and does not cause problems with Wikimedia Commons. Documented our patches in a PATCHES file. Change-Id: I2a31e4a3d969a966935a50392deafd756e2b9fca (cherry picked from commit d60c8d61aab352e70e33d387ddaab02746336ad6) --- M Vector.php A skinStyles/jquery.ui/PATCHES D skinStyles/jquery.ui/images/ui-anim_basic_16x16.gif A skinStyles/jquery.ui/images/ui-bg_flat_100_000000_40x100.png M skinStyles/jquery.ui/images/ui-bg_flat_15_cd0a0a_40x100.png M skinStyles/jquery.ui/images/ui-bg_flat_70_000000_40x100.png M skinStyles/jquery.ui/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png M skinStyles/jquery.ui/images/ui-bg_highlight-hard_80_d7ebf9_1x100.png M skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_e4f1fb_1x100.png M skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_ffffff_1x100.png M skinStyles/jquery.ui/images/ui-bg_highlight-soft_25_ffef8f_1x100.png M skinStyles/jquery.ui/images/ui-bg_inset-hard_100_f0f0f0_1x100.png M skinStyles/jquery.ui/images/ui-icons_2694e8_256x240.png M skinStyles/jquery.ui/images/ui-icons_3d80b3_256x240.png M skinStyles/jquery.ui/images/ui-icons_666666_256x240.png M skinStyles/jquery.ui/images/ui-icons_72a7cf_256x240.png M skinStyles/jquery.ui/images/ui-icons_ffffff_256x240.png M skinStyles/jquery.ui/jquery.ui.autocomplete.css M skinStyles/jquery.ui/jquery.ui.button.css M skinStyles/jquery.ui/jquery.ui.datepicker.css M skinStyles/jquery.ui/jquery.ui.dialog.css A skinStyles/jquery.ui/jquery.ui.menu.css M skinStyles/jquery.ui/jquery.ui.resizable.css A skinStyles/jquery.ui/jquery.ui.spinner.css M skinStyles/jquery.ui/jquery.ui.theme.css A skinStyles/jquery.ui/jquery.ui.tooltip.css 26 files changed, 251 insertions(+), 116 deletions(-) Approvals: Krinkle: Looks good to me, approved jenkins-bot: Verified diff --git a/Vector.php b/Vector.php index 7893f9c..2ffc3a7 100644 --- a/Vector.php +++ b/Vector.php @@ -94,11 +94,14 @@ 'jquery.ui.button' => 'skinStyles/jquery.ui/jquery.ui.button.css', 'jquery.ui.datepicker' => 'skinStyles/jquery.ui/jquery.ui.datepicker.css', 'jquery.ui.dialog' => 'skinStyles/jquery.ui/jquery.ui.dialog.css', + 'jquery.ui.menu' => 'skinStyles/jquery.ui/jquery.ui.menu.css', 'jquery.ui.progressbar' => 'skinStyles/jquery.ui/jquery.ui.progressbar.css', 'jquery.ui.resizable' => 'skinStyles/jquery.ui/jquery.ui.resizable.css', 'jquery.ui.selectable' => 'skinStyles/jquery.ui/jquery.ui.selectable.css', 'jquery.ui.slider' => 'skinStyles/jquery.ui/jquery.ui.slider.css', + 'jquery.ui.spinner' => 'skinStyles/jquery.ui/jquery.ui.spinner.css', 'jquery.ui.tabs' => 'skinStyles/jquery.ui/jquery.ui.tabs.css', + 'jquery.ui.tooltips' => 'skinStyles/jquery.ui/jquery.ui.tooltips.css', 'mediawiki.notification' => 'skinStyles/mediawiki.notification.less', 'mediawiki.special' => 'skinStyles/mediawiki.special.less', 'mediawiki.special.preferences' => 'skinStyles/mediawiki.special.preferences.less', diff --git a/skinStyles/jquery.ui/PATCHES b/skinStyles/jquery.ui/PATCHES new file mode 100644 index 0000000..0f2a008 --- /dev/null +++ b/skinStyles/jquery.ui/PATCHES @@ -0,0 +1,23 @@ +jquery.ui.button.css +* Picked from jQuery UI 1.11.2-alpha instead of 1.9.2. +* Extra customizations. + +jquery.ui.datepicker.css +* Add @noflip to prevent CSSJanus flipping. + +jquery.ui.dialog.css +* Extra customizations. + +jquery.ui.resizable.css +* Add @noflip to prevent CSSJanus flipping. + +jquery.ui.theme.css +* Add @embed instructions for CSSMin. +* Change font-size from 1.0em to 0.8em. +* Join ".ui-icon", ".ui-widget-content .ui-icon" and ".ui-widget-header .ui-icon" rules + to optimise image embedding. + +images: +* Add close.png and titlebar-fade.png (used in customizations for + jquery.ui.dialog.css) +* Change chmod from 755 to 644. \ No newline at end of file diff --git a/skinStyles/jquery.ui/images/ui-anim_basic_16x16.gif b/skinStyles/jquery.ui/images/ui-anim_basic_16x16.gif deleted file mode 100644 index 085ccae..0000000 --- a/skinStyles/jquery.ui/images/ui-anim_basic_16x16.gif +++ /dev/null Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-bg_flat_100_000000_40x100.png b/skinStyles/jquery.ui/images/ui-bg_flat_100_000000_40x100.png new file mode 100644 index 0000000..162ef61 --- /dev/null +++ b/skinStyles/jquery.ui/images/ui-bg_flat_100_000000_40x100.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-bg_flat_15_cd0a0a_40x100.png b/skinStyles/jquery.ui/images/ui-bg_flat_15_cd0a0a_40x100.png index 09de537..debc52e 100644 --- a/skinStyles/jquery.ui/images/ui-bg_flat_15_cd0a0a_40x100.png +++ b/skinStyles/jquery.ui/images/ui-bg_flat_15_cd0a0a_40x100.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-bg_flat_70_000000_40x100.png b/skinStyles/jquery.ui/images/ui-bg_flat_70_000000_40x100.png index c06dd56..13032d6 100644 --- a/skinStyles/jquery.ui/images/ui-bg_flat_70_000000_40x100.png +++ b/skinStyles/jquery.ui/images/ui-bg_flat_70_000000_40x100.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png b/skinStyles/jquery.ui/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png index 5308b46..7ccbbd0 100644 --- a/skinStyles/jquery.ui/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png +++ b/skinStyles/jquery.ui/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-bg_highlight-hard_80_d7ebf9_1x100.png b/skinStyles/jquery.ui/images/ui-bg_highlight-hard_80_d7ebf9_1x100.png index 0c8997f..d09a874 100644 --- a/skinStyles/jquery.ui/images/ui-bg_highlight-hard_80_d7ebf9_1x100.png +++ b/skinStyles/jquery.ui/images/ui-bg_highlight-hard_80_d7ebf9_1x100.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_e4f1fb_1x100.png b/skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_e4f1fb_1x100.png index 3149255..8d46985 100644 --- a/skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_e4f1fb_1x100.png +++ b/skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_e4f1fb_1x100.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_ffffff_1x100.png b/skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_ffffff_1x100.png index 09b2376..26e4666 100644 --- a/skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_ffffff_1x100.png +++ b/skinStyles/jquery.ui/images/ui-bg_highlight-soft_100_ffffff_1x100.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-bg_highlight-soft_25_ffef8f_1x100.png b/skinStyles/jquery.ui/images/ui-bg_highlight-soft_25_ffef8f_1x100.png index 66627c1..d044ef6 100644 --- a/skinStyles/jquery.ui/images/ui-bg_highlight-soft_25_ffef8f_1x100.png +++ b/skinStyles/jquery.ui/images/ui-bg_highlight-soft_25_ffef8f_1x100.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-bg_inset-hard_100_f0f0f0_1x100.png b/skinStyles/jquery.ui/images/ui-bg_inset-hard_100_f0f0f0_1x100.png index ccb6dc0..47e1f07 100644 --- a/skinStyles/jquery.ui/images/ui-bg_inset-hard_100_f0f0f0_1x100.png +++ b/skinStyles/jquery.ui/images/ui-bg_inset-hard_100_f0f0f0_1x100.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-icons_2694e8_256x240.png b/skinStyles/jquery.ui/images/ui-icons_2694e8_256x240.png index 998ac3b..252bf0f 100644 --- a/skinStyles/jquery.ui/images/ui-icons_2694e8_256x240.png +++ b/skinStyles/jquery.ui/images/ui-icons_2694e8_256x240.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-icons_3d80b3_256x240.png b/skinStyles/jquery.ui/images/ui-icons_3d80b3_256x240.png index ec129a8..ff1c26f 100644 --- a/skinStyles/jquery.ui/images/ui-icons_3d80b3_256x240.png +++ b/skinStyles/jquery.ui/images/ui-icons_3d80b3_256x240.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-icons_666666_256x240.png b/skinStyles/jquery.ui/images/ui-icons_666666_256x240.png index a32c57d..76cecfc 100644 --- a/skinStyles/jquery.ui/images/ui-icons_666666_256x240.png +++ b/skinStyles/jquery.ui/images/ui-icons_666666_256x240.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-icons_72a7cf_256x240.png b/skinStyles/jquery.ui/images/ui-icons_72a7cf_256x240.png index 88fad1a..9d07914 100644 --- a/skinStyles/jquery.ui/images/ui-icons_72a7cf_256x240.png +++ b/skinStyles/jquery.ui/images/ui-icons_72a7cf_256x240.png Binary files differ diff --git a/skinStyles/jquery.ui/images/ui-icons_ffffff_256x240.png b/skinStyles/jquery.ui/images/ui-icons_ffffff_256x240.png index 29ba7d2..4f624bb 100644 --- a/skinStyles/jquery.ui/images/ui-icons_ffffff_256x240.png +++ b/skinStyles/jquery.ui/images/ui-icons_ffffff_256x240.png Binary files differ diff --git a/skinStyles/jquery.ui/jquery.ui.autocomplete.css b/skinStyles/jquery.ui/jquery.ui.autocomplete.css index da6de45..4ef3497 100644 --- a/skinStyles/jquery.ui/jquery.ui.autocomplete.css +++ b/skinStyles/jquery.ui/jquery.ui.autocomplete.css @@ -1,40 +1,19 @@ -/* Autocomplete -----------------------------------*/ -.ui-autocomplete { position: absolute; cursor: default; } -.ui-autocomplete-loading { /* @embed */ background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } +/*! + * jQuery UI Autocomplete 1.9.2 + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Autocomplete#theming + */ +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ - -/* Menu -----------------------------------*/ -.ui-menu { - list-style:none; - padding: 2px; - margin: 0; - display:block; - float: left; -} -.ui-menu .ui-menu { - margin-top: -3px; -} -.ui-menu .ui-menu-item { - margin:0; - padding: 0; - zoom: 1; - float: left; - clear: left; - width: 100%; -} -.ui-menu .ui-menu-item a { - text-decoration:none; - display:block; - padding:.2em .4em; - line-height:1.5; - zoom:1; -} -.ui-menu .ui-menu-item a.ui-state-hover, -.ui-menu .ui-menu-item a.ui-state-active { - font-weight: normal; - margin: -1px; -} diff --git a/skinStyles/jquery.ui/jquery.ui.button.css b/skinStyles/jquery.ui/jquery.ui.button.css index 8c2286d..d3bb727 100644 --- a/skinStyles/jquery.ui/jquery.ui.button.css +++ b/skinStyles/jquery.ui/jquery.ui.button.css @@ -1,92 +1,118 @@ -/* Button -----------------------------------*/ - +/*! + * jQuery UI Button 1.11.2-alpha + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/button/#theming + */ .ui-button { display: inline-block; position: relative; padding: 0; + line-height: normal; margin-right: .1em; - text-decoration: none !important; cursor: pointer; + vertical-align: middle; text-align: center; - zoom: 1; - overflow: visible; /* the overflow property removes extra width in IE */ + overflow: visible; /* removes extra width in IE */ +} +.ui-button, +.ui-button:link, +.ui-button:visited, +.ui-button:hover, +.ui-button:active { + text-decoration: none; +} +/* to make room for the icon, a width needs to be set here */ +.ui-button-icon-only { + width: 2.2em; +} +/* button elements seem to need a little more width */ +button.ui-button-icon-only { + width: 2.4em; +} +.ui-button-icons-only { + width: 3.4em; +} +button.ui-button-icons-only { + width: 3.7em; } -/*button text element */ +/* button text element */ .ui-button .ui-button-text { display: block; - line-height: 1.4; - text-shadow: 0 1px 1px #fff; + line-height: normal; } .ui-button-text-only .ui-button-text { - padding: 0.3em 1em 0.25em 1em; + padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { - padding: 0.3em; + padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { - padding: 0.3em 1em 0.25em 2.1em; + padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { - padding: 0.3em 2.1em 0.25em 1em; + padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } - /* no icon support for input elements, provide padding by default */ input.ui-button { - padding: 0.3em 1em; + padding: .4em 1em; } -/*button icon element(s) */ +/* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, -.ui-button-text-icon .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; - margin-top: -9px; + margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, -.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { - left: 0.5em; + left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, -.ui-button-text-icon .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { - right: 0.5em; + right: .5em; } -/*button sets*/ +/* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; - margin-right: -.4em; + margin-right: -.3em; } /* workarounds */ +/* reset extra padding in Firefox, see h5bp.com/l */ +input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; - padding: 0; /* reset extra padding in Firefox */ + padding: 0; } + /* Disables the annoying dashed border Firefox puts on active buttons */ body button.ui-button::-moz-focus-inner { border: 0; @@ -187,6 +213,8 @@ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0); /* IE6-8 */ } +/* Customizations for MediaWiki Vector */ + /* Green buttons */ body .ui-button-green, body .ui-button-green .ui-button-text { diff --git a/skinStyles/jquery.ui/jquery.ui.datepicker.css b/skinStyles/jquery.ui/jquery.ui.datepicker.css index 871bf69..b28332f 100644 --- a/skinStyles/jquery.ui/jquery.ui.datepicker.css +++ b/skinStyles/jquery.ui/jquery.ui.datepicker.css @@ -1,5 +1,13 @@ -/* Datepicker -----------------------------------*/ +/*! + * jQuery UI Datepicker 1.9.2 + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Datepicker#theming + */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } @@ -10,7 +18,7 @@ .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } -.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; padding:1px 0; } +.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} @@ -18,7 +26,7 @@ .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } -.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .2em 0 0 0; padding: 0 .2em; border-top: 1px solid #DDDDDD; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } @@ -32,7 +40,7 @@ .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } -.ui-datepicker-row-break { clear:both; width:100%; } +.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ /* @noflip */ .ui-datepicker-rtl { direction: rtl; } @@ -49,8 +57,6 @@ /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { - display: none; /*sorry for IE5*/ - display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ diff --git a/skinStyles/jquery.ui/jquery.ui.dialog.css b/skinStyles/jquery.ui/jquery.ui.dialog.css index cd85f14..f7c47a7 100644 --- a/skinStyles/jquery.ui/jquery.ui.dialog.css +++ b/skinStyles/jquery.ui/jquery.ui.dialog.css @@ -1,17 +1,28 @@ -/* Dialog -----------------------------------*/ -.ui-dialog { position: absolute; padding: 0; width: 300px; } -.ui-dialog .ui-dialog-titlebar { padding: .75em; position: relative; } -.ui-dialog .ui-dialog-title { float: left; margin: 0; } -.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .75em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } +/*! + * jQuery UI Dialog 1.9.2 + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Dialog#theming + */ +.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; } +.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } +.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } +.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } -.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } +.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } +.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } -/* Customizations */ + +/* Customizations for MediaWiki Vector */ + body .ui-dialog .ui-dialog-titlebar-close:hover { text-decoration: none; } diff --git a/skinStyles/jquery.ui/jquery.ui.menu.css b/skinStyles/jquery.ui/jquery.ui.menu.css new file mode 100644 index 0000000..83fd84e --- /dev/null +++ b/skinStyles/jquery.ui/jquery.ui.menu.css @@ -0,0 +1,30 @@ +/*! + * jQuery UI Menu 1.9.2 + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Menu#theming + */ +.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } +.ui-menu .ui-menu { margin-top: -3px; position: absolute; } +.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } +.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } +.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } +.ui-menu .ui-menu-item a.ui-state-focus, +.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } + +.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } +.ui-menu .ui-state-disabled a { cursor: default; } + +/* icon support */ +.ui-menu-icons { position: relative; } +.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } + +/* left-aligned */ +.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } + +/* right-aligned */ +.ui-menu .ui-menu-icon { position: static; float: right; } diff --git a/skinStyles/jquery.ui/jquery.ui.resizable.css b/skinStyles/jquery.ui/jquery.ui.resizable.css index f1bd7c5..f8822e8 100644 --- a/skinStyles/jquery.ui/jquery.ui.resizable.css +++ b/skinStyles/jquery.ui/jquery.ui.resizable.css @@ -1,7 +1,15 @@ -/* Resizable -----------------------------------*/ +/*! + * jQuery UI Resizable 1.9.2 + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Resizable#theming + */ .ui-resizable { position: relative;} -.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} +.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } diff --git a/skinStyles/jquery.ui/jquery.ui.spinner.css b/skinStyles/jquery.ui/jquery.ui.spinner.css new file mode 100644 index 0000000..e89b720 --- /dev/null +++ b/skinStyles/jquery.ui/jquery.ui.spinner.css @@ -0,0 +1,23 @@ +/*! + * jQuery UI Spinner 1.9.2 + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Spinner#theming + */ +.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } +.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } +.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } +.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */ +.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */ +.ui-spinner-up { top: 0; } +.ui-spinner-down { bottom: 0; } + +/* TR overrides */ +.ui-spinner .ui-icon-triangle-1-s { + /* need to fix icons sprite */ + background-position:-65px -16px; +} diff --git a/skinStyles/jquery.ui/jquery.ui.theme.css b/skinStyles/jquery.ui/jquery.ui.theme.css index 6bde5d3..20d432f 100644 --- a/skinStyles/jquery.ui/jquery.ui.theme.css +++ b/skinStyles/jquery.ui/jquery.ui.theme.css @@ -1,11 +1,15 @@ - - -/* -* jQuery UI CSS Framework -* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) -* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. -* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=sans-serif&fwDefault=normal&fsDefault=1.0em&cornerRadius=3px&bgColorHeader=ffffff&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=f0f0f0&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=cccccc&fcActive=000000&iconColorActive=666666&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=000000&bgTextureOverlay=21_glow_ball.png&bgImgOpacityOverlay=100&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=70&opacityShadow=20&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px -*/ +/*! + * jQuery UI CSS Framework 1.9.2 + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + * + * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=sans-serif&fwDefault=normal&fsDefault=1.0em&cornerRadius=3px&bgColorHeader=ffffff&bgTextureHeader=highlight_soft&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=highlight_hard&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=highlight_soft&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=f0f0f0&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=cccccc&fcActive=000000&iconColorActive=666666&bgColorHighlight=ffef8f&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=flat&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=000000&bgTextureOverlay=flat&bgImgOpacityOverlay=100&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=70&opacityShadow=20&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px + */ /* Component containers @@ -13,41 +17,45 @@ .ui-widget { font-family: sans-serif; font-size: 0.8em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: sans-serif; font-size: 1em; } -.ui-widget-content { border: 1px solid #cccccc; /* @embed */ background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; } -.ui-widget-header { border-bottom: 1px solid #bbbbbb; line-height: 1em; /* @embed */ background: #ffffff url(images/ui-bg_highlight-soft_100_ffffff_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } +.ui-widget-content { border: 1px solid #cccccc; /* @embed */ background: #f2f5f7 url("images/ui-bg_highlight-hard_100_f2f5f7_1x100.png") 50% top repeat-x; color: #362b36; } +.ui-widget-content a { color: #362b36; } +.ui-widget-header { border: 1px solid #aed0ea; /* @embed */ background: #ffffff url("images/ui-bg_highlight-soft_100_ffffff_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } +.ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ -.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #aed0ea; /* @embed */ background: #d7ebf9 url(images/ui-bg_highlight-hard_80_d7ebf9_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #2779aa; } +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #aed0ea; /* @embed */ background: #d7ebf9 url("images/ui-bg_highlight-hard_80_d7ebf9_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #2779aa; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2779aa; text-decoration: none; } -.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; /* @embed */ background: #e4f1fb url(images/ui-bg_highlight-soft_100_e4f1fb_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #0070a3; } -.ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; } -.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #cccccc; background: #f0f0f0 /* @embed */ url(images/ui-bg_inset-hard_100_f0f0f0_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; /* @embed */ background: #e4f1fb url("images/ui-bg_highlight-soft_100_e4f1fb_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #0070a3; } +.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #0070a3; text-decoration: none; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #cccccc; background: #f0f0f0 /* @embed */ url("images/ui-bg_inset-hard_100_f0f0f0_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #000000; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; } -.ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ -.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #f9dd34; background: #ffef8f /* @embed */ url(images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x; color: #363636; } +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #f9dd34; background: #ffef8f /* @embed */ url("images/ui-bg_highlight-soft_25_ffef8f_1x100.png") 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } -.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a /* @embed */ url(images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x; color: #ffffff; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a /* @embed */ url("images/ui-bg_flat_15_cd0a0a_40x100.png") 50% 50% repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } +.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } -.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon { /* @embed */ background-image: url(images/ui-icons_72a7cf_256x240.png); } -.ui-state-default .ui-icon { /* @embed */ background-image: url(images/ui-icons_3d80b3_256x240.png); } -.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { /* @embed */ background-image: url(images/ui-icons_2694e8_256x240.png); } -.ui-state-active .ui-icon { /* @embed */ background-image: url(images/ui-icons_666666_256x240.png); } -.ui-state-highlight .ui-icon { /* @embed */ background-image: url(images/ui-icons_2e83ff_256x240.png); } -.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { /* @embed */ background-image: url(images/ui-icons_ffffff_256x240.png); } +.ui-icon, +.ui-widget-content .ui-icon, +.ui-widget-header .ui-icon { /* @embed */ background-image: url("images/ui-icons_72a7cf_256x240.png"); } +.ui-state-default .ui-icon { /* @embed */ background-image: url("images/ui-icons_3d80b3_256x240.png"); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { /* @embed */ background-image: url("images/ui-icons_2694e8_256x240.png"); } +.ui-state-active .ui-icon { /* @embed */ background-image: url("images/ui-icons_666666_256x240.png"); } +.ui-state-highlight .ui-icon { /* @embed */ background-image: url("images/ui-icons_2e83ff_256x240.png"); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { /* @embed */ background-image: url("images/ui-icons_ffffff_256x240.png"); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } @@ -176,8 +184,8 @@ .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } -.ui-icon-radio-off { background-position: -96px -144px; } -.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } @@ -231,16 +239,11 @@ ----------------------------------*/ /* Corner radius */ -.ui-corner-tl { border-top-left-radius: 0; } -.ui-corner-tr { border-top-right-radius: 0; } -.ui-corner-bl { border-bottom-left-radius: 0; } -.ui-corner-br { border-bottom-right-radius: 0; } -.ui-corner-top { border-top-left-radius: 0; border-top-right-radius: 0; } -.ui-corner-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -.ui-corner-right { border-top-right-radius: 0; border-bottom-right-radius: 0; } -.ui-corner-left { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.ui-corner-all { border-radius: 0; } +.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; } +.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } /* Overlays */ -.ui-widget-overlay { background: #000000; opacity: .75;filter:Alpha(Opacity=75); } -.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; /* @embed */ background: #000000 url(images/ui-bg_flat_70_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); border-radius: 8px; } +.ui-widget-overlay { /* @embed */ background: #000000 url("images/ui-bg_flat_100_000000_40x100.png") 50% 50% repeat-x; opacity: .5;filter:Alpha(Opacity=50); } +.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; /* @embed */ background: #000000 url("images/ui-bg_flat_70_000000_40x100.png") 50% 50% repeat-x; opacity: .2;filter:Alpha(Opacity=20); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } diff --git a/skinStyles/jquery.ui/jquery.ui.tooltip.css b/skinStyles/jquery.ui/jquery.ui.tooltip.css new file mode 100644 index 0000000..88b0d02 --- /dev/null +++ b/skinStyles/jquery.ui/jquery.ui.tooltip.css @@ -0,0 +1,21 @@ +/*! + * jQuery UI Tooltip 1.9.2 + * http://jqueryui.com + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + */ +.ui-tooltip { + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; + -webkit-box-shadow: 0 0 5px #aaa; + box-shadow: 0 0 5px #aaa; +} +/* Fades and background-images don't work well together in IE6, drop the image */ +* html .ui-tooltip { + background-image: none; +} +body .ui-tooltip { border-width: 2px; } -- To view, visit https://gerrit.wikimedia.org/r/185977 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: merged Gerrit-Change-Id: I2a31e4a3d969a966935a50392deafd756e2b9fca Gerrit-PatchSet: 2 Gerrit-Project: mediawiki/skins/Vector Gerrit-Branch: REL1_24 Gerrit-Owner: Paladox <[email protected]> Gerrit-Reviewer: Edokter <[email protected]> Gerrit-Reviewer: Jdlrobson <[email protected]> Gerrit-Reviewer: Krinkle <[email protected]> Gerrit-Reviewer: Legoktm <[email protected]> Gerrit-Reviewer: Paladox <[email protected]> Gerrit-Reviewer: Reedy <[email protected]> Gerrit-Reviewer: jenkins-bot <> _______________________________________________ MediaWiki-commits mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
