From 291f2c051996355fd82c5fc9f1399e06e66d7a65 Mon Sep 17 00:00:00 2001 From: "James D. Forrester" Date: Tue, 8 Nov 2016 17:22:51 -0800 Subject: [PATCH] Update OOjs UI to v0.18.0 Release notes: https://phabricator.wikimedia.org/diffusion/GOJU/browse/master/History.md;v0.18.0 Change-Id: I2b8ef74e090c10a0abc0938e2f3e51ebe3553a6b Depends-On: I791df74d96b82d53530a365281407704ad1bd122 --- composer.json | 2 +- resources/lib/oojs-ui/i18n/ar.json | 11 +- resources/lib/oojs-ui/i18n/bg.json | 11 +- resources/lib/oojs-ui/i18n/da.json | 3 +- resources/lib/oojs-ui/i18n/mr.json | 10 +- resources/lib/oojs-ui/i18n/nds.json | 10 +- resources/lib/oojs-ui/i18n/tr.json | 5 +- resources/lib/oojs-ui/oojs-ui-apex.js | 4 +- resources/lib/oojs-ui/oojs-ui-core-apex.css | 1252 ++++++------ .../lib/oojs-ui/oojs-ui-core-mediawiki.css | 1794 +++++++++-------- resources/lib/oojs-ui/oojs-ui-core.js | 322 +-- resources/lib/oojs-ui/oojs-ui-mediawiki.js | 4 +- .../lib/oojs-ui/oojs-ui-toolbars-apex.css | 478 ++--- .../oojs-ui/oojs-ui-toolbars-mediawiki.css | 401 ++-- resources/lib/oojs-ui/oojs-ui-toolbars.js | 24 +- .../lib/oojs-ui/oojs-ui-widgets-apex.css | 1030 +++++----- .../lib/oojs-ui/oojs-ui-widgets-mediawiki.css | 1148 +++++------ resources/lib/oojs-ui/oojs-ui-widgets.js | 81 +- .../lib/oojs-ui/oojs-ui-windows-apex.css | 423 ++-- .../lib/oojs-ui/oojs-ui-windows-mediawiki.css | 445 ++-- resources/lib/oojs-ui/oojs-ui-windows.js | 38 +- .../lib/oojs-ui/themes/apex/icons-media.json | 4 - .../themes/apex/images/icons/bigger-ltr.png | Bin 322 -> 349 bytes .../themes/apex/images/icons/bigger-ltr.svg | 7 +- .../themes/apex/images/icons/bigger-rtl.png | Bin 326 -> 348 bytes .../themes/apex/images/icons/bigger-rtl.svg | 7 +- .../themes/apex/images/icons/smaller-ltr.png | Bin 325 -> 352 bytes .../themes/apex/images/icons/smaller-ltr.svg | 7 +- .../themes/apex/images/icons/smaller-rtl.png | Bin 326 -> 350 bytes .../themes/apex/images/icons/smaller-rtl.svg | 7 +- .../oojs-ui/themes/mediawiki/icons-media.json | 4 - .../images/icons/bigger-ltr-invert.png | Bin 331 -> 371 bytes .../images/icons/bigger-ltr-invert.svg | 7 +- .../images/icons/bigger-ltr-progressive.png | Bin 474 -> 536 bytes .../images/icons/bigger-ltr-progressive.svg | 7 +- .../mediawiki/images/icons/bigger-ltr.png | Bin 322 -> 349 bytes .../mediawiki/images/icons/bigger-ltr.svg | 7 +- .../images/icons/bigger-rtl-invert.png | Bin 333 -> 357 bytes .../images/icons/bigger-rtl-invert.svg | 7 +- .../images/icons/bigger-rtl-progressive.png | Bin 475 -> 549 bytes .../images/icons/bigger-rtl-progressive.svg | 7 +- .../mediawiki/images/icons/bigger-rtl.png | Bin 326 -> 348 bytes .../mediawiki/images/icons/bigger-rtl.svg | 7 +- .../images/icons/smaller-ltr-invert.png | Bin 332 -> 359 bytes .../images/icons/smaller-ltr-invert.svg | 7 +- .../images/icons/smaller-ltr-progressive.png | Bin 473 -> 539 bytes .../images/icons/smaller-ltr-progressive.svg | 7 +- .../mediawiki/images/icons/smaller-ltr.png | Bin 325 -> 352 bytes .../mediawiki/images/icons/smaller-ltr.svg | 7 +- .../images/icons/smaller-rtl-invert.png | Bin 331 -> 371 bytes .../images/icons/smaller-rtl-invert.svg | 7 +- .../images/icons/smaller-rtl-progressive.png | Bin 474 -> 537 bytes .../images/icons/smaller-rtl-progressive.svg | 7 +- .../mediawiki/images/icons/smaller-rtl.png | Bin 326 -> 350 bytes .../mediawiki/images/icons/smaller-rtl.svg | 7 +- 55 files changed, 3927 insertions(+), 3689 deletions(-) diff --git a/composer.json b/composer.json index fdbd0cd7d7..e1d9f47962 100644 --- a/composer.json +++ b/composer.json @@ -25,7 +25,7 @@ "ext-xml": "*", "liuggio/statsd-php-client": "1.0.18", "mediawiki/at-ease": "1.1.0", - "oojs/oojs-ui": "0.17.10", + "oojs/oojs-ui": "0.18.0", "oyejorge/less.php": "1.7.0.10", "php": ">=5.5.9", "psr/log": "1.0.0", diff --git a/resources/lib/oojs-ui/i18n/ar.json b/resources/lib/oojs-ui/i18n/ar.json index 610e1eee9c..50a8cade9d 100644 --- a/resources/lib/oojs-ui/i18n/ar.json +++ b/resources/lib/oojs-ui/i18n/ar.json @@ -12,7 +12,8 @@ "ترجمان05", "Abanima", "محمد أحمد عبد الفتاح", - "Hiba Alshawi" + "Hiba Alshawi", + "Meno25" ] }, "ooui-outline-control-move-down": "انقل العنصر للأسفل", @@ -27,8 +28,8 @@ "ooui-dialog-process-dismiss": "أغلق", "ooui-dialog-process-retry": "حاول مرة أخرى", "ooui-dialog-process-continue": "استمر", - "ooui-selectfile-button-select": "أختر ملف", - "ooui-selectfile-not-supported": "تحديد الملفات غير مدعوم", - "ooui-selectfile-placeholder": "لم يختر أي ملف", - "ooui-selectfile-dragdrop-placeholder": "ترك ملف هنا" + "ooui-selectfile-button-select": "اختر ملفا", + "ooui-selectfile-not-supported": "اختيار الملفات غير مدعوم", + "ooui-selectfile-placeholder": "لم يتم اختيار أي ملف", + "ooui-selectfile-dragdrop-placeholder": "اترك الملف هنا" } diff --git a/resources/lib/oojs-ui/i18n/bg.json b/resources/lib/oojs-ui/i18n/bg.json index dce3593c5d..5a3a93dc15 100644 --- a/resources/lib/oojs-ui/i18n/bg.json +++ b/resources/lib/oojs-ui/i18n/bg.json @@ -5,9 +5,12 @@ "Hristofor.mirchev", "පසිඳු කාවින්ද", "Mitzev", - "Aquilax" + "Aquilax", + "Vodnokon4e" ] }, + "ooui-outline-control-move-down": "Преместване на елемента надолу", + "ooui-outline-control-move-up": "Преместване на елемента нагоре", "ooui-outline-control-remove": "Премахване на обекта", "ooui-toolbar-more": "Още", "ooui-toolgroup-expand": "Още", @@ -17,5 +20,9 @@ "ooui-dialog-process-error": "Нещо се обърка", "ooui-dialog-process-dismiss": "Затвори", "ooui-dialog-process-retry": "Опитайте отново", - "ooui-dialog-process-continue": "Продължаване" + "ooui-dialog-process-continue": "Продължаване", + "ooui-selectfile-button-select": "Избиране на файл", + "ooui-selectfile-not-supported": "Избраният файл не се поддържа", + "ooui-selectfile-placeholder": "Не е избран файл", + "ooui-selectfile-dragdrop-placeholder": "Пуснете файла тук" } diff --git a/resources/lib/oojs-ui/i18n/da.json b/resources/lib/oojs-ui/i18n/da.json index e193fb0a45..7e1cd568b5 100644 --- a/resources/lib/oojs-ui/i18n/da.json +++ b/resources/lib/oojs-ui/i18n/da.json @@ -21,5 +21,6 @@ "ooui-dialog-message-reject": "Afbryd", "ooui-dialog-process-error": "Noget gik galt", "ooui-dialog-process-retry": "Prøv igen", - "ooui-dialog-process-continue": "Fortsæt" + "ooui-dialog-process-continue": "Fortsæt", + "ooui-selectfile-button-select": "Vælg en fil" } diff --git a/resources/lib/oojs-ui/i18n/mr.json b/resources/lib/oojs-ui/i18n/mr.json index 15a5de3962..de8d6f1ea7 100644 --- a/resources/lib/oojs-ui/i18n/mr.json +++ b/resources/lib/oojs-ui/i18n/mr.json @@ -13,10 +13,18 @@ }, "ooui-outline-control-move-down": "घटक (आयटम) खाली सरकवा", "ooui-outline-control-move-up": "घटक (आयटम) वर सरकवा", + "ooui-outline-control-remove": "बाब हटवा", "ooui-toolbar-more": "अधिक", "ooui-toolgroup-expand": "अधिक", + "ooui-toolgroup-collapse": "कमी", "ooui-dialog-message-accept": "ठिक आहे", "ooui-dialog-message-reject": "रद्द करा", + "ooui-dialog-process-error": "काहीतरी गडबड झाली", "ooui-dialog-process-dismiss": "रद्द करा", - "ooui-dialog-process-continue": "चालू ठेवा" + "ooui-dialog-process-retry": "पुन्हा प्रयत्न करा", + "ooui-dialog-process-continue": "चालू ठेवा", + "ooui-selectfile-button-select": "संचिका निवडा", + "ooui-selectfile-not-supported": "संचिका निवडणे साहाय्यीकृत नाही", + "ooui-selectfile-placeholder": "संचिका निवडल्या गेली नाही", + "ooui-selectfile-dragdrop-placeholder": "संचिका येथे टाका" } diff --git a/resources/lib/oojs-ui/i18n/nds.json b/resources/lib/oojs-ui/i18n/nds.json index 1e5b83dd9a..9dee2f5543 100644 --- a/resources/lib/oojs-ui/i18n/nds.json +++ b/resources/lib/oojs-ui/i18n/nds.json @@ -1,10 +1,16 @@ { "@metadata": { "authors": [ - "Zylbath" + "Zylbath", + "Joachim Mos" ] }, "ooui-outline-control-move-down": "Element na ünnen schuven", "ooui-outline-control-move-up": "Element na baven schuven", - "ooui-toolbar-more": "Mehr" + "ooui-toolbar-more": "Mehr", + "ooui-dialog-message-accept": "OK", + "ooui-dialog-message-reject": "Afbreken", + "ooui-dialog-process-error": "Do is wat in'e Büx goan", + "ooui-dialog-process-continue": "Wiedermaken", + "ooui-selectfile-button-select": "En Datei utwählen" } diff --git a/resources/lib/oojs-ui/i18n/tr.json b/resources/lib/oojs-ui/i18n/tr.json index 3e54e85317..dbe9f86a8d 100644 --- a/resources/lib/oojs-ui/i18n/tr.json +++ b/resources/lib/oojs-ui/i18n/tr.json @@ -10,7 +10,8 @@ "TurkishStyles", "Sayginer", "Meelo", - "McAang" + "McAang", + "Uğurkent" ] }, "ooui-outline-control-move-down": "Ögeyi aşağı taşı", @@ -25,5 +26,7 @@ "ooui-dialog-process-dismiss": "Kapat", "ooui-dialog-process-retry": "Tekrar dene", "ooui-dialog-process-continue": "Devam et", + "ooui-selectfile-button-select": "Dosya seç", + "ooui-selectfile-not-supported": "Dosya seçimi desteklenmiyor", "ooui-selectfile-placeholder": "Herhangi bir dosya seçilmedi" } diff --git a/resources/lib/oojs-ui/oojs-ui-apex.js b/resources/lib/oojs-ui/oojs-ui-apex.js index d72957dafb..542447dcc3 100644 --- a/resources/lib/oojs-ui/oojs-ui-apex.js +++ b/resources/lib/oojs-ui/oojs-ui-apex.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:01Z + * Date: 2016-11-09T00:52:37Z */ ( function ( OO ) { diff --git a/resources/lib/oojs-ui/oojs-ui-core-apex.css b/resources/lib/oojs-ui/oojs-ui-core-apex.css index 2f811da0fd..bcc3778cc2 100644 --- a/resources/lib/oojs-ui/oojs-ui-core-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-core-apex.css @@ -1,226 +1,221 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:06Z + * Date: 2016-11-09T00:52:42Z */ .oo-ui-element-hidden { - display: none !important; - /* stylelint-disable-line declaration-no-important */ + display: none !important; + /* stylelint-disable-line declaration-no-important */ } .oo-ui-buttonElement { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonElement > .oo-ui-buttonElement-button { - cursor: pointer; - display: inline-block; - vertical-align: middle; - font-family: inherit; - font-size: inherit; - line-height: normal; - white-space: nowrap; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + cursor: pointer; + display: inline-block; + vertical-align: middle; + font-family: inherit; + font-size: inherit; + line-height: normal; + white-space: nowrap; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - display: none; + display: none; } .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - cursor: default; -} -.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - z-index: 2; + cursor: default; } .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonElement-frameless { - position: relative; + position: relative; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - vertical-align: top; - text-align: center; + vertical-align: top; + text-align: center; } .oo-ui-buttonElement > .oo-ui-buttonElement-button { - color: #333; + color: #333; } .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: 0; + margin-left: 0; } .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin: 0.46875em; + margin: 0.46875em; } .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-left: 0.46875em; + margin-left: 0.46875em; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { - outline: none; + outline: none; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon { - opacity: 1; + opacity: 1; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #000; + color: #000; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #333; + color: #333; } .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin-left: 0.25em; + margin-left: 0.25em; } .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button { - padding-left: 0.25em; - color: #333; + padding-left: 0.25em; + color: #333; } .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus { - color: #000; + color: #000; } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #087ecc; + color: #087ecc; } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #76ab36; + color: #76ab36; } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #d45353; + color: #d45353; } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #ccc; + color: #ccc; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - padding: 0.2em 0.8em; - border-radius: 0.3em; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); - border: 1px #c9c9c9 solid; - -webkit-transition: border-color 100ms ease; - -moz-transition: border-color 100ms ease; - transition: border-color 100ms ease; - background-color: #eee; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd)); - background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%); - background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%); - background-image: linear-gradient(to bottom, #fff 0, #ddd 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffffff\', endColorstr=\'#ffdddddd\' )'; + padding: 0.2em 0.8em; + border-radius: 0.3em; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); + border: 1px #c9c9c9 solid; + -webkit-transition: border-color 100ms ease; + -moz-transition: border-color 100ms ease; + transition: border-color 100ms ease; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd)); + background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%); + background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%); + background-image: linear-gradient(to bottom, #fff 0, #ddd 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )"; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { - border-color: #aaa; - outline: none; + border-color: #aaa; + outline: none; } .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - line-height: 1.875em; + line-height: 1.875em; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); - color: #000; - border-color: #c9c9c9; - background-color: #eee; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff)); - background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%); - background-image: -moz-linear-gradient(top, #ddd 0, #fff 100%); - background-image: linear-gradient(to bottom, #ddd 0, #fff 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffdddddd\', endColorstr=\'#ffffffff\' )'; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + color: #000; + border-color: #c9c9c9; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff)); + background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%); + background-image: -moz-linear-gradient(top, #ddd 0, #fff 100%); + background-image: linear-gradient(to bottom, #ddd 0, #fff 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )"; } .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: -0.5em; - margin-right: -0.5em; + margin-left: -0.5em; + margin-right: -0.5em; } .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-right: 0.3em; + margin-right: 0.3em; } .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-left: -0.005em; - margin-right: -0.005em; + margin-left: -0.005em; + margin-right: -0.005em; } .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-left: 0.46875em; - margin-right: -0.275em; + margin-left: 0.46875em; + margin-right: -0.275em; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - border: 1px solid #a6cee1; - background-color: #cde7f4; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee)); - background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); - background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); - background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffeaf4fa\', endColorstr=\'#ffb0d9ee\' )'; + border: 1px solid #a6cee1; + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee)); + background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )"; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { - border-color: #9dc2d4; + border-color: #9dc2d4; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - border: 1px solid #a6cee1; - background-color: #cde7f4; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa)); - background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); - background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); - background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffb0d9ee\', endColorstr=\'#ffeaf4fa\' )'; + border: 1px solid #a6cee1; + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )"; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - border: 1px solid #b8d892; - background-color: #daf0bd; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f0fbe1), color-stop(100%, #c3e59a)); - background-image: -webkit-linear-gradient(top, #f0fbe1 0, #c3e59a 100%); - background-image: -moz-linear-gradient(top, #f0fbe1 0, #c3e59a 100%); - background-image: linear-gradient(to bottom, #f0fbe1 0, #c3e59a 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fff0fbe1\', endColorstr=\'#ffc3e59a\' )'; + border: 1px solid #b8d892; + background-color: #daf0bd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f0fbe1), color-stop(100%, #c3e59a)); + background-image: -webkit-linear-gradient(top, #f0fbe1 0, #c3e59a 100%); + background-image: -moz-linear-gradient(top, #f0fbe1 0, #c3e59a 100%); + background-image: linear-gradient(to bottom, #f0fbe1 0, #c3e59a 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0fbe1', endColorstr='#ffc3e59a' )"; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { - border-color: #adcb89; + border-color: #adcb89; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - border: 1px solid #b8d892; - background-color: #daf0bd; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #c3e59a), color-stop(100%, #f0fbe1)); - background-image: -webkit-linear-gradient(top, #c3e59a 0, #f0fbe1 100%); - background-image: -moz-linear-gradient(top, #c3e59a 0, #f0fbe1 100%); - background-image: linear-gradient(to bottom, #c3e59a 0, #f0fbe1 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffc3e59a\', endColorstr=\'#fff0fbe1\' )'; + border: 1px solid #b8d892; + background-color: #daf0bd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #c3e59a), color-stop(100%, #f0fbe1)); + background-image: -webkit-linear-gradient(top, #c3e59a 0, #f0fbe1 100%); + background-image: -moz-linear-gradient(top, #c3e59a 0, #f0fbe1 100%); + background-image: linear-gradient(to bottom, #c3e59a 0, #f0fbe1 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc3e59a', endColorstr='#fff0fbe1' )"; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - color: #d45353; + color: #d45353; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - opacity: 0.5; - -webkit-transform: translate3d(0, 0, 0); - box-shadow: none; - color: #333; - background: #eee; - border-color: #ccc; + opacity: 0.5; + -webkit-transform: translate3d(0, 0, 0); + box-shadow: none; + color: #333; + background: #eee; + border-color: #ccc; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover, @@ -228,965 +223,1002 @@ .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus { - border-color: #ccc; - box-shadow: none; + border-color: #ccc; + box-shadow: none; } .oo-ui-clippableElement-clippable { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-floatableElement-hidden { - display: none; + display: none; } .oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-iconElement.oo-ui-iconElement-icon { - background-size: contain; - background-position: center center; - background-repeat: no-repeat; - min-width: 24px; - width: 1.875em; - min-height: 24px; - height: 1.875em; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + min-width: 24px; + width: 1.875em; + min-height: 24px; + height: 1.875em; } .oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-iconElement.oo-ui-iconElement-icon { - opacity: 0.8; + opacity: 0.8; } .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator { - background-size: contain; - background-position: center center; - background-repeat: no-repeat; - min-width: 12px; - width: 0.9375em; - min-height: 12px; - height: 0.9375em; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + min-width: 12px; + width: 0.9375em; + min-height: 12px; + height: 0.9375em; } .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator { - opacity: 0.8; + opacity: 0.8; } .oo-ui-labelElement .oo-ui-labelElement-label-highlight { - font-weight: bold; + font-weight: bold; } .oo-ui-pendingElement-pending { - background-image: /* @embed */ url(themes/apex/images/textures/pending.gif); + background-image: /* @embed */ url(themes/apex/images/textures/pending.gif); } .oo-ui-fieldLayout { - display: block; - margin-bottom: 1em; + display: block; + margin-bottom: 1em; } .oo-ui-fieldLayout:before, .oo-ui-fieldLayout:after { - content: ' '; - display: table; + content: ' '; + display: table; } .oo-ui-fieldLayout:after { - clear: both; + clear: both; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - display: block; - float: left; + display: block; + float: left; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - text-align: right; + text-align: right; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { - display: table; + display: table; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - display: table-cell; - vertical-align: middle; + display: table-cell; + vertical-align: middle; } .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - display: inline-block; + display: inline-block; } .oo-ui-fieldLayout > .oo-ui-fieldLayout-help { - float: right; + float: right; } .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; + z-index: 1; } .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content { - padding: 0.5em 0.75em; - line-height: 1.5; + padding: 0.5em 0.75em; + line-height: 1.5; } .oo-ui-fieldLayout:last-child { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding-top: 0.5em; - margin-right: 5%; - width: 35%; + padding-top: 0.5em; + margin-right: 5%; + width: 35%; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - width: 60%; + width: 60%; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline { - margin-bottom: 1.25em; + margin-bottom: 1.25em; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding: 0.25em 0.25em 0.25em 0.5em; + padding: 0.25em 0.25em 0.25em 0.5em; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding: 0.5em 0; + padding: 0.5em 0; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget { - margin-right: 0; - margin-top: 0.25em; + margin-right: 0; + margin-top: 0.25em; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - color: #ccc; + color: #ccc; } .oo-ui-fieldLayout-messages { - list-style: none none; - margin: 0; - padding: 0; - margin-top: 0.25em; - margin-left: 0.25em; + list-style: none none; + margin: 0; + padding: 0; + margin-top: 0.25em; + margin-left: 0.25em; } .oo-ui-fieldLayout-messages > li { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .oo-ui-fieldLayout-messages .oo-ui-iconWidget { - display: none; + display: none; } .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error { - color: #d45353; + color: #d45353; } .oo-ui-fieldLayout-messages .oo-ui-labelWidget { - padding: 0.1em 0; - line-height: 1.5em; - vertical-align: middle; + padding: 0.1em 0; + line-height: 1.5em; + vertical-align: middle; } .oo-ui-actionFieldLayout { - max-width: 50em; + max-width: 50em; } .oo-ui-actionFieldLayout-input, .oo-ui-actionFieldLayout-button { - display: table-cell; - vertical-align: middle; + display: table-cell; + vertical-align: middle; } .oo-ui-actionFieldLayout-input { - padding-right: 1em; + padding-right: 1em; } .oo-ui-actionFieldLayout-button { - width: 1%; - white-space: nowrap; + width: 1%; + white-space: nowrap; } .oo-ui-fieldsetLayout { - position: relative; - min-width: 0; - margin: 0; - border: 0; - padding: 0.01px 0 0 0; + position: relative; + min-width: 0; + margin: 0; + border: 0; + padding: 0.01px 0 0 0; } body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { - display: table-cell; + display: table-cell; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - display: block; - position: absolute; + display: block; + position: absolute; } .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { - color: inherit; - display: inline-table; - box-sizing: border-box; - max-width: 100%; - padding: 0; - white-space: normal; - float: left; + color: inherit; + display: inline-table; + box-sizing: border-box; + max-width: 100%; + padding: 0; + white-space: normal; + float: left; } .oo-ui-fieldsetLayout-group { - clear: both; + clear: both; } .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help { - float: right; + float: right; } .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; + z-index: 1; } .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content { - padding: 0.5em 0.75em; - line-height: 1.5; + padding: 0.5em 0.75em; + line-height: 1.5; } .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout, .oo-ui-fieldsetLayout + .oo-ui-formLayout { - margin-top: 2em; + margin-top: 2em; } .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { - font-size: 1.1em; - margin-bottom: 0.5em; - padding: 0.25em 0; - font-weight: bold; + font-size: 1.1em; + margin-bottom: 0.5em; + padding: 0.25em 0; + font-weight: bold; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { - padding-left: 2em; - line-height: 1.8em; + padding-left: 2em; + line-height: 1.8em; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - left: 0; - top: 0.25em; + left: 0; + top: 0.25em; } .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget { - margin-right: 0; + margin-right: 0; } .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-formLayout + .oo-ui-fieldsetLayout, .oo-ui-formLayout + .oo-ui-formLayout { - margin-top: 2em; + margin-top: 2em; } .oo-ui-panelLayout { - position: relative; + position: relative; } .oo-ui-panelLayout-scrollable { - overflow-y: auto; + overflow-y: auto; } .oo-ui-panelLayout-expanded { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; } .oo-ui-panelLayout-padded { - padding: 1.25em; + padding: 1.25em; } .oo-ui-panelLayout-framed { - border-radius: 0.5em; - box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); + border-radius: 0.5em; + box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); } .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed { - margin: 1em 0; + margin: 1em 0; } .oo-ui-horizontalLayout > .oo-ui-widget { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-horizontalLayout > .oo-ui-layout { - display: inline-block; + display: inline-block; } .oo-ui-horizontalLayout > .oo-ui-layout, .oo-ui-horizontalLayout > .oo-ui-widget { - margin-right: 0.5em; + margin-right: 0.5em; } .oo-ui-horizontalLayout > .oo-ui-layout:last-child, .oo-ui-horizontalLayout > .oo-ui-widget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-horizontalLayout > .oo-ui-layout { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-optionWidget { - position: relative; - display: block; - padding: 0.25em 0.5em; - border: 0; + position: relative; + display: block; + padding: 0.25em 0.5em; + border: 0; } .oo-ui-optionWidget.oo-ui-widget-enabled { - cursor: pointer; + cursor: pointer; } .oo-ui-optionWidget.oo-ui-widget-disabled { - cursor: default; + cursor: default; } .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .oo-ui-optionWidget-highlighted { - background-color: #e1f3ff; + background-color: #e1f3ff; } .oo-ui-optionWidget .oo-ui-labelElement-label { - line-height: 1.5em; + line-height: 1.5em; } .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected { - background-color: #a7dcff; + background-color: #a7dcff; } .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed, .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted, .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { - background-color: #a7dcff; + background-color: #a7dcff; } .oo-ui-optionWidget.oo-ui-widget-disabled { - color: #ccc; + color: #ccc; } .oo-ui-decoratedOptionWidget { - padding: 0.5em 2em 0.5em 3em; + padding: 0.5em 2em 0.5em 3em; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - position: absolute; + position: absolute; } .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - top: 0; - height: 100%; + top: 0; + height: 100%; } .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0.5em; + left: 0.5em; } .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - right: 0.5em; + right: 0.5em; } .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.2; + opacity: 0.2; } .oo-ui-radioOptionWidget { - cursor: default; - padding: 0; - background-color: transparent; + cursor: default; + padding: 0; + background-color: transparent; } .oo-ui-radioOptionWidget .oo-ui-radioInputWidget, .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected, .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed, .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted { - background-color: transparent; + background-color: transparent; } .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - padding-left: 0.5em; + padding-left: 0.5em; } .oo-ui-radioOptionWidget .oo-ui-radioInputWidget { - margin-right: 0; + margin-right: 0; } .oo-ui-labelWidget { - display: inline-block; - padding: 0.5em 0; + display: inline-block; + padding: 0.5em 0; } .oo-ui-iconWidget { - display: inline-block; - vertical-align: middle; - line-height: 2.5em; + display: inline-block; + vertical-align: middle; + line-height: 2.5em; } .oo-ui-iconWidget.oo-ui-widget-disabled { - opacity: 0.2; + opacity: 0.2; } .oo-ui-indicatorWidget { - display: inline-block; - vertical-align: middle; - line-height: 2.5em; - margin: 0.46875em; + display: inline-block; + vertical-align: middle; + line-height: 2.5em; + margin: 0.46875em; } .oo-ui-indicatorWidget.oo-ui-widget-disabled { - opacity: 0.2; + opacity: 0.2; } .oo-ui-buttonWidget { - margin-right: 0.5em; + margin-right: 0.5em; } .oo-ui-buttonWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonGroupWidget { - display: inline-block; - white-space: nowrap; - border-radius: 0.3em; - margin-right: 0.5em; + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; + margin-right: 0.5em; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-active .oo-ui-buttonElement-button { + cursor: default; } .oo-ui-buttonGroupWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; + border-radius: 0; + margin-left: -1px; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 0.3em; - border-top-left-radius: 0.3em; - margin-left: 0; + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; + margin-left: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 0.3em; - border-top-right-radius: 0.3em; + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; } .oo-ui-popupWidget { - position: absolute; - /* @noflip */ - left: 0; + position: absolute; + /* @noflip */ + left: 0; } .oo-ui-popupWidget-popup { - position: relative; - overflow: hidden; - z-index: 1; + position: relative; + overflow: hidden; + z-index: 1; } .oo-ui-popupWidget-anchor { - display: none; - z-index: 1; + display: none; + z-index: 1; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { - display: block; - position: absolute; - top: 0; - /* @noflip */ - left: 0; - background-repeat: no-repeat; + display: block; + position: absolute; + top: 0; + /* @noflip */ + left: 0; + background-repeat: no-repeat; } .oo-ui-popupWidget-head { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-popupWidget-head > .oo-ui-buttonWidget { - float: right; + float: right; } .oo-ui-popupWidget-head > .oo-ui-labelElement-label { - float: left; - cursor: default; + float: left; + cursor: default; } .oo-ui-popupWidget-body { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .oo-ui-popupWidget-popup { - background-color: #fff; - border: 1px solid #ccc; - border-radius: 0.25em; - box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + border: 1px solid #ccc; + border-radius: 0.25em; + box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { - margin-top: 6px; + margin-top: 6px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - content: ''; - position: absolute; - width: 0; - height: 0; - border-style: solid; - border-color: transparent; - border-top: 0; + content: ''; + position: absolute; + width: 0; + height: 0; + border-style: solid; + border-color: transparent; + border-top: 0; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before { - bottom: -7px; - left: -6px; - border-bottom-color: #aaa; - border-width: 7px; + bottom: -7px; + left: -6px; + border-bottom-color: #aaa; + border-width: 7px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - bottom: -7px; - left: -5px; - border-bottom-color: #fff; - border-width: 6px; + bottom: -7px; + left: -5px; + border-bottom-color: #fff; + border-width: 6px; } .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { - -webkit-transition: width 100ms ease, height 100ms ease, left 100ms ease; - -moz-transition: width 100ms ease, height 100ms ease, left 100ms ease; - transition: width 100ms ease, height 100ms ease, left 100ms ease; + -webkit-transition: width 100ms ease, height 100ms ease, left 100ms ease; + -moz-transition: width 100ms ease, height 100ms ease, left 100ms ease; + transition: width 100ms ease, height 100ms ease, left 100ms ease; } .oo-ui-popupWidget-head { - height: 2.5em; + height: 2.5em; } .oo-ui-popupWidget-head > .oo-ui-buttonWidget { - margin: 0.25em; + margin: 0.25em; } .oo-ui-popupWidget-head > .oo-ui-labelElement-label { - margin: 0.75em 1em; + margin: 0.75em 1em; } .oo-ui-popupWidget-body-padded { - padding: 0 1em; + padding: 0 1em; } .oo-ui-popupButtonWidget { - position: relative; + position: relative; } .oo-ui-popupButtonWidget .oo-ui-popupWidget { - position: absolute; - cursor: auto; + position: absolute; + cursor: auto; } .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget { - /* @noflip */ - left: 0.9375em; + /* @noflip */ + left: 0.9375em; } .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget { - /* @noflip */ - left: 1.2375em; + /* @noflip */ + left: 1.2375em; } .oo-ui-inputWidget { - margin-right: 0.5em; + margin-right: 0.5em; } .oo-ui-inputWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonInputWidget > button, .oo-ui-buttonInputWidget > input { - border: 0; - padding: 0; - background-color: transparent; + border: 0; + padding: 0; + background-color: transparent; } .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-dropdownInputWidget { - position: relative; - vertical-align: middle; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - max-width: 50em; + position: relative; + vertical-align: middle; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + max-width: 50em; } .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget, .oo-ui-dropdownInputWidget select { - display: block; + display: block; } .oo-ui-dropdownInputWidget select { - width: 100%; - cursor: pointer; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dropdownInputWidget select { - background-color: #fff; - height: 2.5em; - padding: 0.5em; - font-size: inherit; - font-family: inherit; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0.25em; + background-color: #fff; + height: 2.5em; + padding: 0.5em; + font-size: inherit; + font-family: inherit; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0.25em; } .oo-ui-dropdownInputWidget option { - font-size: inherit; - font-family: inherit; - height: 1.5em; - padding: 0.5em 1em; + font-size: inherit; + font-family: inherit; + height: 1.5em; + padding: 0.5em 1em; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { - border-color: rgba(0, 0, 0, 0.2); - outline: none; + border-color: rgba(0, 0, 0, 0.2); + outline: none; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { - color: #ccc; - border-color: #ddd; - background-color: #f3f3f3; + color: #ccc; + border-color: #ddd; + background-color: #f3f3f3; } .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-textInputWidget { - position: relative; - vertical-align: middle; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - max-width: 50em; + position: relative; + vertical-align: middle; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + max-width: 50em; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - display: block; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + display: block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-textInputWidget textarea { - overflow: auto; - resize: none; + overflow: auto; + resize: none; } .oo-ui-textInputWidget [type='number'] { - -moz-appearance: textfield; + -moz-appearance: textfield; } .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button, .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; + -webkit-appearance: none; + margin: 0; } .oo-ui-textInputWidget [type='search'] { - -webkit-appearance: textfield; + -webkit-appearance: textfield; } .oo-ui-textInputWidget [type='search']::-ms-clear { - display: none; + display: none; } .oo-ui-textInputWidget [type='search']::-webkit-search-decoration, .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button { - display: none; + display: none; } .oo-ui-textInputWidget > .oo-ui-iconElement-icon, .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator, .oo-ui-textInputWidget > .oo-ui-labelElement-label { - display: none; + display: none; } .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon, .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator { - display: block; - position: absolute; - top: 0; - height: 100%; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + display: block; + position: absolute; + top: 0; + height: 100%; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator { - cursor: text; + cursor: text; } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator { - cursor: pointer; + cursor: pointer; } .oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label { - display: block; + display: block; } .oo-ui-textInputWidget > .oo-ui-iconElement-icon, .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label { - left: 0; + left: 0; } .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator, .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label { - right: 0; + right: 0; } .oo-ui-textInputWidget > .oo-ui-labelElement-label { - position: absolute; - top: 0; + position: absolute; + top: 0; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - padding: 0.5em; - line-height: 1.275em; - font-size: inherit; - font-family: inherit; - background-color: #fff; - color: #000; - border: 1px solid #ccc; - box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd; - border-radius: 0.25em; - -webkit-transition: border-color 250ms ease, box-shadow 250ms ease; - -moz-transition: border-color 250ms ease, box-shadow 250ms ease; - transition: border-color 250ms ease, box-shadow 250ms ease; + padding: 0.5em; + line-height: 1.275em; + font-size: inherit; + font-family: inherit; + background-color: #fff; + color: #000; + border: 1px solid #ccc; + box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd; + border-radius: 0.25em; + -webkit-transition: border-color 250ms ease, box-shadow 250ms ease; + -moz-transition: border-color 250ms ease, box-shadow 250ms ease; + transition: border-color 250ms ease, box-shadow 250ms ease; } .oo-ui-textInputWidget input.oo-ui-pendingElement-pending, .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending { - background-color: transparent; + background-color: transparent; } .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { - outline: none; - border-color: #a7dcff; - box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff; + outline: none; + border-color: #a7dcff; + box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff; } .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { - color: #777; + color: #777; } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input, .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea { - background-color: #fdd; + background-color: #fdd; } .oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea { - color: #ccc; - text-shadow: 0 1px 1px #fff; - border-color: #ddd; - background-color: #f3f3f3; + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.2; + opacity: 0.2; } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label { - color: #ddd; - text-shadow: 0 1px 1px #fff; + color: #ddd; + text-shadow: 0 1px 1px #fff; } .oo-ui-textInputWidget.oo-ui-iconElement input, .oo-ui-textInputWidget.oo-ui-iconElement textarea { - padding-left: 2.475em; + padding-left: 2.475em; } .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - max-height: 2.375em; - margin-left: 0.3em; + max-height: 2.375em; + margin-left: 0.3em; } .oo-ui-textInputWidget.oo-ui-indicatorElement input, .oo-ui-textInputWidget.oo-ui-indicatorElement textarea { - padding-right: 2.4875em; + padding-right: 2.4875em; } .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - max-height: 2.375em; - margin-right: 0.775em; + max-height: 2.375em; + margin-right: 0.775em; } .oo-ui-textInputWidget > .oo-ui-labelElement-label { - padding: 0.4em; - line-height: 1.5em; - color: #888; + padding: 0.4em; + line-height: 1.5em; + color: #888; } .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { - margin-right: 2.0875em; + margin-right: 2.0875em; } .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label { - margin-left: 2.075em; + margin-left: 2.075em; } .oo-ui-menuSelectWidget { - position: absolute; - width: 100%; - z-index: 4; - background-color: #fff; - margin-top: -1px; - border: 1px solid #ccc; - border-radius: 0 0 0.25em 0.25em; - box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2); + position: absolute; + width: 100%; + z-index: 4; + background-color: #fff; + margin-top: -1px; + border: 1px solid #ccc; + border-radius: 0 0 0.25em 0.25em; + box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2); } .oo-ui-menuSelectWidget input { - position: absolute; - width: 0; - height: 0; - overflow: hidden; - opacity: 0; + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; } .oo-ui-menuOptionWidget { - position: relative; + position: relative; } .oo-ui-menuOptionWidget .oo-ui-iconElement-icon { - display: none; + display: none; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: block; + display: block; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { - background-color: transparent; + background-color: transparent; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { - background-color: #e1f3ff; + background-color: #e1f3ff; } .oo-ui-menuSectionOptionWidget { - cursor: default; - padding: 0.33em 0.75em; - color: #888; + cursor: default; + padding: 0.33em 0.75em; + color: #888; } .oo-ui-dropdownWidget { - display: inline-block; - position: relative; - width: 100%; - max-width: 50em; - background-color: #fff; - margin-right: 0.5em; + display: inline-block; + position: relative; + width: 100%; + max-width: 50em; + background-color: #fff; + margin-right: 0.5em; } .oo-ui-dropdownWidget-handle { - width: 100%; - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - cursor: default; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + cursor: default; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - position: absolute; + position: absolute; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { - cursor: pointer; + cursor: pointer; } .oo-ui-dropdownWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-dropdownWidget-handle { - height: 2.5em; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0.25em; + height: 2.5em; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0.25em; } .oo-ui-dropdownWidget-handle:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { - top: 0; - right: 0; - margin: 0.775em; + top: 0; + right: 0; + margin: 0.775em; } .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - top: 0; - left: 0.25em; - margin: 0.3em; + top: 0; + left: 0.25em; + margin: 0.3em; } .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - line-height: 2.5em; - margin: 0 0.5em; + line-height: 2.5em; + margin: 0 0.5em; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { - color: #ccc; - text-shadow: 0 1px 1px #fff; - border-color: #ddd; - background-color: #f3f3f3; + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus { - outline: 0; + outline: 0; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.2; + opacity: 0.2; } .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-left: 3em; + margin-left: 3em; } .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-right: 2em; + margin-right: 2em; } .oo-ui-comboBoxInputWidget { - display: inline-block; - width: 100%; - max-width: 50em; - margin-right: 0.5em; -} -.oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator { - cursor: pointer; + display: inline-block; + position: relative; + width: 100%; + max-width: 50em; + margin-right: 0.5em; +} +.oo-ui-comboBoxInputWidget-field { + display: table; + width: 100%; + table-layout: fixed; +} +.oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input { + display: table-cell; + vertical-align: middle; + position: relative; + overflow: hidden; +} +.oo-ui-comboBoxInputWidget-dropdownButton { + display: table-cell; +} +.oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button { + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; +} +.oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton { + display: none; } .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator { - opacity: 0; - position: absolute; - right: 0; - top: 0; - height: 2.5em; - width: 2.5em; - padding: 0; + opacity: 0; + position: absolute; + right: 0; + top: 0; + height: 2.5em; + width: 2.5em; + padding: 0; } .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator { - pointer-events: none; + pointer-events: none; } .oo-ui-comboBoxInputWidget:last-child { - margin-right: 0; + margin-right: 0; +} +.oo-ui-comboBoxInputWidget-dropdownButton { + position: absolute; + top: 0; + right: 0; + visibility: hidden; +} +.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button { + padding: 0; +} +.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator.oo-ui-indicator-down { + visibility: visible; + margin: 0.775em; } -.oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, -.oo-ui-comboBoxInputWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - cursor: default; - opacity: 0.2; +.oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + cursor: default; + opacity: 0.2; } .oo-ui-multioptionWidget { - position: relative; - display: block; + position: relative; + display: block; } .oo-ui-multioptionWidget.oo-ui-widget-enabled { - cursor: pointer; + cursor: pointer; } .oo-ui-multioptionWidget.oo-ui-widget-disabled { - cursor: default; + cursor: default; } .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .oo-ui-multioptionWidget .oo-ui-labelElement-label { - line-height: 1.5em; + line-height: 1.5em; } .oo-ui-multioptionWidget.oo-ui-widget-disabled { - color: #ccc; + color: #ccc; } .oo-ui-checkboxMultioptionWidget { - cursor: default; - padding: 0; + cursor: default; + padding: 0; } .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget, .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - padding-left: 0.5em; + padding-left: 0.5em; } .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget { - margin-right: 0; + margin-right: 0; } .oo-ui-progressBarWidget { - max-width: 50em; - background-color: #fff; - border: 1px solid #ccc; - border-radius: 0.25em; - overflow: hidden; + max-width: 50em; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 0.25em; + overflow: hidden; } .oo-ui-progressBarWidget-bar { - height: 1em; - border-right: 1px solid #ccc; - -webkit-transition: width 250ms ease, margin-left 250ms ease; - -moz-transition: width 250ms ease, margin-left 250ms ease; - transition: width 250ms ease, margin-left 250ms ease; - background-color: #cde7f4; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee)); - background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); - background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); - background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffeaf4fa\', endColorstr=\'#ffb0d9ee\' )'; + height: 1em; + border-right: 1px solid #ccc; + -webkit-transition: width 250ms ease, margin-left 250ms ease; + -moz-transition: width 250ms ease, margin-left 250ms ease; + transition: width 250ms ease, margin-left 250ms ease; + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee)); + background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )"; } .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar { - -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - animation: oo-ui-progressBarWidget-slide 2s infinite linear; - width: 40%; - margin-left: -10%; - border-left: 1px solid #a6cee1; + -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + animation: oo-ui-progressBarWidget-slide 2s infinite linear; + width: 40%; + margin-left: -10%; + border-left: 1px solid #a6cee1; } .oo-ui-progressBarWidget.oo-ui-widget-disabled { - opacity: 0.6; + opacity: 0.6; } @-webkit-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } } @-moz-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } } @keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } } diff --git a/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css index 9a3d7eb5eb..e7c2ee03c8 100644 --- a/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css @@ -1,1604 +1,1666 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:06Z + * Date: 2016-11-09T00:52:42Z */ .oo-ui-element-hidden { - display: none !important; - /* stylelint-disable-line declaration-no-important */ + display: none !important; + /* stylelint-disable-line declaration-no-important */ } .oo-ui-buttonElement { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonElement > .oo-ui-buttonElement-button { - cursor: pointer; - display: inline-block; - vertical-align: middle; - font-family: inherit; - font-size: inherit; - line-height: normal; - white-space: nowrap; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + cursor: pointer; + display: inline-block; + vertical-align: middle; + font-family: inherit; + font-size: inherit; + line-height: normal; + white-space: nowrap; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - display: none; + display: none; } .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - cursor: default; -} -.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - z-index: 2; + cursor: default; } .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonElement-frameless { - position: relative; + position: relative; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - vertical-align: top; - text-align: center; + vertical-align: top; + text-align: center; } .oo-ui-buttonElement > .oo-ui-buttonElement-button { - font-weight: bold; - text-decoration: none; + font-weight: bold; + text-decoration: none; } .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { - border-radius: 2px; - outline: 0; + border-radius: 2px; + outline: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button:focus::-moz-focus-inner { + border-color: transparent; } .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: 0; + margin-left: 0; } .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-right: 0.25em; - margin-left: 0.46875em; + margin-right: 0.25em; + margin-left: 0.46875em; } .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button { - -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; - -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; - transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; + -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; + transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; } .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - opacity: 0.87; - -webkit-transition: opacity 100ms; - -moz-transition: opacity 100ms; - transition: opacity 100ms; + opacity: 0.87; + -webkit-transition: opacity 100ms; + -moz-transition: opacity 100ms; + transition: opacity 100ms; } .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon.oo-ui-image-invert, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator.oo-ui-image-invert { - opacity: 1; + opacity: 1; } .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator { - opacity: 0.73; + opacity: 0.73; } .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon.oo-ui-image-invert, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator.oo-ui-image-invert { - opacity: 1; + opacity: 1; } .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - opacity: 1; + opacity: 1; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin-left: 0.25em; - margin-right: 0.25em; + margin-left: 0.25em; + margin-right: 0.25em; } .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button { - padding-left: 0.25em; - padding-right: 0.25em; + padding-left: 0.25em; + padding-right: 0.25em; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { - color: #222; + color: #222; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - color: #444; + color: #444; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c; + box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:active { - color: #000; + color: #000; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #36c; + color: #36c; } -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label { - color: #447ff5; +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label { + color: #447ff5; } -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #2a4b8d; - box-shadow: none; +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #2a4b8d; + box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #36c; + color: #36c; } -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label { - color: #447ff5; +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label { + color: #447ff5; } -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #2a4b8d; - box-shadow: none; +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #2a4b8d; + box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #c33; + color: #c33; } -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label { - color: #e53939; +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label { + color: #e53939; } -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #873636; - box-shadow: none; +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #873636; + box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - opacity: 1; + opacity: 1; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator { - opacity: 0.73; + opacity: 0.73; } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - color: #72777d; + color: #72777d; } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - opacity: 0.51; + opacity: 0.51; } .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { - padding-left: 2.4em; + padding-left: 2.4em; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - padding: 0.5em 1em; - min-height: 1.2em; - min-width: 1em; - border-radius: 2px; - position: relative; + padding: 0.546875em 1em; + min-height: 1.25em; + min-width: 1em; + border-radius: 2px; + position: relative; } .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - line-height: 1.2; + line-height: 1.25; } .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - position: absolute; - top: 0.2em; - left: 0.5625em; + position: absolute; + top: 0.2em; + left: 0.5625em; } .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin-left: 0.3em; + margin-left: 0.3em; } .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-left: 0.46875em; - margin-right: -0.275em; + margin-left: 0.46875em; + margin-right: -0.275em; } .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - position: relative; - left: 0.2em; + position: relative; + left: 0.2em; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - background-color: #c8ccd1; - color: #fff; - border: 1px solid #c8ccd1; + background-color: #c8ccd1; + color: #fff; + border: 1px solid #c8ccd1; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { - border-left-color: #fff; + border-left-color: #fff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { - background-color: #f8f9fa; - color: #222; - border: 1px solid #9aa0a7; + background-color: #f8f9fa; + color: #222; + border: 1px solid #a2a9b1; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - background-color: #fff; - color: #444; - border-color: #a2a9b1; + background-color: #fff; + color: #444; + border-color: #a2a9b1; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c; + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - background-color: #d9d9d9; - color: #000; - border-color: #72777d; + background-color: #d9d9d9; + color: #000; + border-color: #72777d; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #2a4b8d; - color: #fff; - border-color: #2a4b8d; - z-index: 3; + background-color: #2a4b8d; + color: #fff; + border-color: #2a4b8d; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - color: #36c; + color: #36c; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - background-color: #fff; - border-color: #859dcc; +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { + background-color: #fff; + border-color: #859dcc; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #eff3fa; - color: #2a4b8d; - border-color: #2a4b8d; - box-shadow: none; +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #eff3fa; + color: #2a4b8d; + border-color: #2a4b8d; + box-shadow: none; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c; +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - color: #36c; + color: #36c; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - background-color: #fff; - border-color: #859dcc; +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { + background-color: #fff; + border-color: #859dcc; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #eff3fa; - color: #2a4b8d; - border-color: #2a4b8d; - box-shadow: none; +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #eff3fa; + color: #2a4b8d; + border-color: #2a4b8d; + box-shadow: none; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c; +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - color: #c33; + color: #c33; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - background-color: #fff; - border-color: #b77c79; +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { + background-color: #fff; + border-color: #b77c79; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #fbf4f4; - color: #873636; - border-color: #873636; - box-shadow: none; +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #fbf4f4; + color: #873636; + border-color: #873636; + box-shadow: none; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - border-color: #c33; - box-shadow: inset 0 0 0 1px #c33; +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + border-color: #c33; + box-shadow: inset 0 0 0 1px #c33; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - color: #fff; - background-color: #36c; - border-color: #36c; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - background-color: #447ff5; - border-color: #447ff5; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - color: #fff; - background-color: #2a4b8d; - border-color: #2a4b8d; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; + color: #fff; + background-color: #36c; + border-color: #36c; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { + background-color: #447ff5; + border-color: #447ff5; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + color: #fff; + background-color: #2a4b8d; + border-color: #2a4b8d; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - color: #fff; - background-color: #36c; - border-color: #36c; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - background-color: #447ff5; - border-color: #447ff5; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - color: #fff; - background-color: #2a4b8d; - border-color: #2a4b8d; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; + color: #fff; + background-color: #36c; + border-color: #36c; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { + background-color: #447ff5; + border-color: #447ff5; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + color: #fff; + background-color: #2a4b8d; + border-color: #2a4b8d; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - color: #fff; - background-color: #c33; - border-color: #c33; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - background-color: #e53939; - border-color: #e53939; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - color: #fff; - background-color: #873636; - border-color: #873636; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - border-color: #c33; - box-shadow: inset 0 0 0 1px #c33, inset 0 0 0 2px #fff; + color: #fff; + background-color: #c33; + border-color: #c33; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { + background-color: #e53939; + border-color: #e53939; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + color: #fff; + background-color: #873636; + border-color: #873636; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + border-color: #c33; + box-shadow: inset 0 0 0 1px #c33, inset 0 0 0 2px #fff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - opacity: 1; + opacity: 1; } .oo-ui-clippableElement-clippable { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-floatableElement-hidden { - display: none; + display: none; } .oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-iconElement.oo-ui-iconElement-icon { - background-size: contain; - background-position: center center; - background-repeat: no-repeat; - min-width: 24px; - width: 1.875em; - min-height: 24px; - height: 1.875em; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + min-width: 24px; + width: 1.875em; + min-height: 24px; + height: 1.875em; } .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator { - background-size: contain; - background-position: center center; - background-repeat: no-repeat; - min-width: 12px; - width: 0.9375em; - min-height: 12px; - height: 0.9375em; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + min-width: 12px; + width: 0.9375em; + min-height: 12px; + height: 0.9375em; } .oo-ui-labelElement .oo-ui-labelElement-label-highlight { - font-weight: bold; + font-weight: bold; } .oo-ui-pendingElement-pending { - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); + background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); } .oo-ui-fieldLayout { - display: block; - margin-bottom: 1em; + display: block; + margin-bottom: 1em; } .oo-ui-fieldLayout:before, .oo-ui-fieldLayout:after { - content: ' '; - display: table; + content: ' '; + display: table; } .oo-ui-fieldLayout:after { - clear: both; + clear: both; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - display: block; - float: left; + display: block; + float: left; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - text-align: right; + text-align: right; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { - display: table; + display: table; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - display: table-cell; - vertical-align: middle; + display: table-cell; + vertical-align: middle; } .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - display: inline-block; + display: inline-block; } .oo-ui-fieldLayout > .oo-ui-fieldLayout-help { - float: right; + float: right; } .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; + z-index: 1; } .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content { - padding: 0.5em 0.75em; - line-height: 1.5; + padding: 0.5em 0.75em; + line-height: 1.5; } .oo-ui-fieldLayout:last-child { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding-top: 0.5em; - margin-right: 5%; - width: 35%; + padding-top: 0.5em; + margin-right: 5%; + width: 35%; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - width: 60%; + width: 60%; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline { - margin-bottom: 1.25em; + margin-bottom: 1.25em; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding: 0.25em 0.25em 0.25em 0.5em; + padding: 0.25em 0.25em 0.25em 0.5em; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding-top: 0.25em; - padding-bottom: 0.5em; + padding-top: 0.25em; + padding-bottom: 0.5em; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget { - margin-right: 0; + margin-right: 0; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - color: #72777d; + color: #72777d; } .oo-ui-fieldLayout-messages { - list-style: none none; - margin: 0.25em 0 0 0.25em; - padding: 0; + list-style: none none; + margin: 0.25em 0 0 0.25em; + padding: 0; } .oo-ui-fieldLayout-messages > li { - margin: 0; - padding: 0; - display: table; + margin: 0; + padding: 0; + display: table; } .oo-ui-fieldLayout-messages .oo-ui-iconWidget { - display: table-cell; - border-right: 0.5em solid transparent; + display: table-cell; + border-right: 0.5em solid transparent; } .oo-ui-fieldLayout-messages .oo-ui-labelWidget { - display: table-cell; - padding: 0.1em 0; - line-height: 1.5; - vertical-align: middle; + display: table-cell; + padding: 0.1em 0; + line-height: 1.5; + vertical-align: middle; } .oo-ui-actionFieldLayout { - max-width: 50em; + max-width: 50em; } .oo-ui-actionFieldLayout-input, .oo-ui-actionFieldLayout-button { - display: table-cell; - vertical-align: middle; + display: table-cell; + vertical-align: middle; } .oo-ui-actionFieldLayout-input { - padding-right: 1em; + padding-right: 1em; } .oo-ui-actionFieldLayout-button { - width: 1%; - white-space: nowrap; + width: 1%; + white-space: nowrap; } .oo-ui-fieldsetLayout { - position: relative; - min-width: 0; - margin: 0; - border: 0; - padding: 0.01px 0 0 0; + position: relative; + min-width: 0; + margin: 0; + border: 0; + padding: 0.01px 0 0 0; } body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { - display: table-cell; + display: table-cell; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - display: block; - position: absolute; + display: block; + position: absolute; } .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { - color: inherit; - display: inline-table; - box-sizing: border-box; - max-width: 100%; - padding: 0; - white-space: normal; - float: left; + color: inherit; + display: inline-table; + box-sizing: border-box; + max-width: 100%; + padding: 0; + white-space: normal; + float: left; } .oo-ui-fieldsetLayout-group { - clear: both; + clear: both; } .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help { - float: right; + float: right; } .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; + z-index: 1; } .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content { - padding: 0.5em 0.75em; - line-height: 1.5; + padding: 0.5em 0.75em; + line-height: 1.5; } .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout, .oo-ui-fieldsetLayout + .oo-ui-formLayout { - margin-top: 2em; + margin-top: 2em; } .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { - margin-bottom: 0.5em; - font-size: 1.1em; - font-weight: bold; + margin-bottom: 0.5em; + font-size: 1.1em; + font-weight: bold; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { - padding-left: 2em; - line-height: 1.8; + padding-left: 2em; + line-height: 1.8; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - left: 0; - top: 0.25em; + top: 0; + left: 0; } .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget { - margin-right: 0; + margin-right: 0; } .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-formLayout + .oo-ui-fieldsetLayout, .oo-ui-formLayout + .oo-ui-formLayout { - margin-top: 2em; + margin-top: 2em; } .oo-ui-panelLayout { - position: relative; + position: relative; } .oo-ui-panelLayout-scrollable { - overflow-y: auto; + overflow-y: auto; } .oo-ui-panelLayout-expanded { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; } .oo-ui-panelLayout-padded { - padding: 1.25em; + padding: 1.25em; } .oo-ui-panelLayout-framed { - border: 1px solid #a2a9b1; - border-radius: 2px; - box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); + border: 1px solid #a2a9b1; + border-radius: 2px; + box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); } .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed { - margin: 1em 0; + margin: 1em 0; } .oo-ui-horizontalLayout > .oo-ui-widget { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-horizontalLayout > .oo-ui-layout { - display: inline-block; + display: inline-block; } .oo-ui-horizontalLayout > .oo-ui-layout, .oo-ui-horizontalLayout > .oo-ui-widget { - margin-right: 0.5em; + margin-right: 0.5em; } .oo-ui-horizontalLayout > .oo-ui-layout:last-child, .oo-ui-horizontalLayout > .oo-ui-widget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-horizontalLayout > .oo-ui-layout { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-optionWidget { - position: relative; - display: block; - border: 0; - padding: 0.25em 0.5em; + position: relative; + display: block; + border: 0; + padding: 0.25em 0.5em; } .oo-ui-optionWidget.oo-ui-widget-enabled { - cursor: pointer; + cursor: pointer; } .oo-ui-optionWidget.oo-ui-widget-disabled { - cursor: default; + cursor: default; } .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .oo-ui-optionWidget .oo-ui-labelElement-label { - line-height: 1.5; + line-height: 1.5; } .oo-ui-optionWidget-selected .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - opacity: 1; + opacity: 1; } .oo-ui-optionWidget.oo-ui-widget-disabled { - color: #72777d; + color: #72777d; } .oo-ui-decoratedOptionWidget { - padding: 0.5em 2em 0.5em 3em; + padding: 0.5em 2em 0.5em 3em; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - position: absolute; + position: absolute; } .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - top: 0; - height: 100%; + top: 0; + height: 100%; } .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0.5em; + left: 0.5em; } .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - right: 0.5em; + right: 0.5em; } .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.51; + opacity: 0.51; } .oo-ui-radioSelectWidget:focus { - outline: 0; + outline: 0; } .oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before { - border-color: #fff; + border-color: #fff; } .oo-ui-radioOptionWidget { - cursor: default; - padding: 0.25em 0; - background-color: transparent; + cursor: default; + padding: 0.25em 0; + background-color: transparent; } .oo-ui-radioOptionWidget .oo-ui-radioInputWidget, .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected, .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed, .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted { - background-color: transparent; + background-color: transparent; } .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - padding: 0.25em 0.25em 0.25em 0.5em; + padding: 0.25em 0.25em 0.25em 0.5em; } .oo-ui-radioOptionWidget .oo-ui-radioInputWidget { - margin-right: 0; + margin-right: 0; } .oo-ui-labelWidget { - display: inline-block; + display: inline-block; } .oo-ui-iconWidget { - display: inline-block; - vertical-align: middle; - line-height: 2.5; + display: inline-block; + vertical-align: middle; + line-height: 2.5; } .oo-ui-iconWidget.oo-ui-widget-disabled { - opacity: 0.51; + opacity: 0.51; } .oo-ui-indicatorWidget { - display: inline-block; - vertical-align: middle; - line-height: 2.5; - margin: 0.46875em; + display: inline-block; + vertical-align: middle; + line-height: 2.5; + margin: 0.46875em; } .oo-ui-indicatorWidget.oo-ui-widget-disabled { - opacity: 0.51; + opacity: 0.51; } .oo-ui-buttonWidget { - margin-right: 0.5em; + margin-right: 0.5em; } .oo-ui-buttonWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonGroupWidget { - display: inline-block; - white-space: nowrap; - border-radius: 2px; - margin-right: 0.5em; + display: inline-block; + white-space: nowrap; + border-radius: 2px; + margin-right: 0.5em; + z-index: 0; + position: relative; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-active .oo-ui-buttonElement-button { + cursor: default; } .oo-ui-buttonGroupWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; + border-radius: 0; + margin-left: -1px; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - margin-left: 0; + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + margin-left: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { + z-index: 1; } -.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement .oo-ui-buttonElement-button:focus { - border-color: #36c; - z-index: 3; +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { + z-index: 2; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + z-index: 3; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + z-index: -1; } .oo-ui-popupWidget { - position: absolute; - /* @noflip */ - left: 0; + position: absolute; + /* @noflip */ + left: 0; } .oo-ui-popupWidget-popup { - position: relative; - overflow: hidden; - z-index: 1; + position: relative; + overflow: hidden; + z-index: 1; } .oo-ui-popupWidget-anchor { - display: none; - z-index: 1; + display: none; + z-index: 1; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { - display: block; - position: absolute; - top: 0; - /* @noflip */ - left: 0; - background-repeat: no-repeat; + display: block; + position: absolute; + top: 0; + /* @noflip */ + left: 0; + background-repeat: no-repeat; } .oo-ui-popupWidget-head { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-popupWidget-head > .oo-ui-buttonWidget { - float: right; + float: right; } .oo-ui-popupWidget-head > .oo-ui-labelElement-label { - float: left; - cursor: default; + float: left; + cursor: default; } .oo-ui-popupWidget-body { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .oo-ui-popupWidget-popup { - background-color: #fff; - border: 1px solid #a2a9b1; - border-radius: 2px; - box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); + background-color: #fff; + border: 1px solid #a2a9b1; + border-radius: 2px; + box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { - margin-top: 9px; + margin-top: 9px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before, .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - content: ''; - position: absolute; - width: 0; - height: 0; - border-style: solid; - border-color: transparent; - border-top: 0; + content: ''; + position: absolute; + width: 0; + height: 0; + border-style: solid; + border-color: transparent; + border-top: 0; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before { - bottom: -10px; - left: -9px; - border-bottom-color: #888; - border-width: 10px; + bottom: -10px; + left: -9px; + border-bottom-color: #888; + border-width: 10px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - bottom: -10px; - left: -8px; - border-bottom-color: #fff; - border-width: 9px; + bottom: -10px; + left: -8px; + border-bottom-color: #fff; + border-width: 9px; } .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { - -webkit-transition: width 100ms, height 100ms, left 100ms; - -moz-transition: width 100ms, height 100ms, left 100ms; - transition: width 100ms, height 100ms, left 100ms; + -webkit-transition: width 100ms, height 100ms, left 100ms; + -moz-transition: width 100ms, height 100ms, left 100ms; + transition: width 100ms, height 100ms, left 100ms; } .oo-ui-popupWidget-head { - height: 2.5em; + height: 2.5em; } .oo-ui-popupWidget-head > .oo-ui-buttonWidget { - margin: 0.25em; + margin: 0.25em; } .oo-ui-popupWidget-head > .oo-ui-labelElement-label { - margin: 0.75em 1em; + margin: 0.75em 1em; } .oo-ui-popupWidget-body-padded { - padding: 0 1em; + padding: 0 1em; } .oo-ui-popupButtonWidget { - position: relative; + position: relative; } .oo-ui-popupButtonWidget .oo-ui-popupWidget { - position: absolute; - cursor: auto; + position: absolute; + cursor: auto; } .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget { - /* @noflip */ - left: 0.9375em; + /* @noflip */ + left: 0.9375em; } .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget { - /* @noflip */ - left: 1.5em; + /* @noflip */ + left: 1.5em; } .oo-ui-inputWidget { - margin-right: 0.5em; + margin-right: 0.5em; } .oo-ui-inputWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonInputWidget > button, .oo-ui-buttonInputWidget > input { - border: 0; - padding: 0; - background-color: transparent; + border: 0; + padding: 0; + background-color: transparent; } .oo-ui-checkboxInputWidget { - position: relative; - line-height: 1.6em; - white-space: nowrap; + position: relative; + line-height: 1.6em; + white-space: nowrap; } .oo-ui-checkboxInputWidget * { - font: inherit; - vertical-align: middle; + font: inherit; + vertical-align: middle; } .oo-ui-checkboxInputWidget [type='checkbox'] { - position: relative; - max-width: none; - width: 1.6em; - height: 1.6em; - margin: 0; - opacity: 0; - z-index: 1; + position: relative; + max-width: none; + width: 1.6em; + height: 1.6em; + margin: 0; + opacity: 0; + z-index: 1; } .oo-ui-checkboxInputWidget [type='checkbox'] + span { - background-color: #fff; - background-origin: border-box; - background-position: center center; - background-repeat: no-repeat; - background-size: 0 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - position: absolute; - left: 0; - width: 1.6em; - height: 1.6em; - border: 1px solid #72777d; - border-radius: 2px; + background-color: #fff; + background-origin: border-box; + background-position: center center; + background-repeat: no-repeat; + background-size: 0 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + width: 1.6em; + height: 1.6em; + border: 1px solid #72777d; + border-radius: 2px; } .oo-ui-checkboxInputWidget [type='checkbox']:checked + span { - background-image: url('themes/mediawiki/images/icons/check-invert.png'); - background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg'); - background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg'); - background-image: -o-linear-gradient(transparent, transparent), url('themes/mediawiki/images/icons/check-invert.png'); - background-size: 90% 90%; + background-image: url('themes/mediawiki/images/icons/check-invert.png'); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg'); + background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg'); + background-image: -o-linear-gradient(transparent, transparent), url('themes/mediawiki/images/icons/check-invert.png'); + background-size: 90% 90%; } .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span { - background-color: #c8ccd1; - border-color: #c8ccd1; + background-color: #c8ccd1; + border-color: #c8ccd1; } .oo-ui-checkboxInputWidget [type='checkbox']:disabled:hover + span { - background-color: #c8ccd1; - border-color: #c8ccd1; + background-color: #c8ccd1; + border-color: #c8ccd1; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] { - cursor: pointer; + cursor: pointer; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span { - cursor: pointer; - -webkit-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; - -moz-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; - transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; + cursor: pointer; + -webkit-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; + transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span { - border-color: #36c; + border-color: #36c; } -.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span { - background-color: #2a4b8d; - border-color: #2a4b8d; +.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span, +.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:focus + span { + background-color: #2a4b8d; + border-color: #2a4b8d; + box-shadow: inset 0 0 0 1px #2a4b8d; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c; + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span { - background-color: #2a4b8d; - border-color: #2a4b8d; + background-color: #36c; + border-color: #36c; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus:hover + span { - background-color: #36c; - border-color: #36c; + background-color: #447ff5; + border-color: #447ff5; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, -.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:hover + span { - background-color: #2a4b8d; - border-color: #2a4b8d; +.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:hover + span, +.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:focus + span { + background-color: #2a4b8d; + border-color: #2a4b8d; + box-shadow: inset 0 0 0 1px #2a4b8d; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span { - background-color: #2a4b8d; - border-color: #2a4b8d; - box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; + background-color: #36c; + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; } .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body { - padding: 0.25em 0; + padding: 0.25em 0; } .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label { - line-height: 1.5; + line-height: 1.5; } .oo-ui-dropdownInputWidget { - position: relative; - vertical-align: middle; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - max-width: 50em; + position: relative; + vertical-align: middle; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + max-width: 50em; } .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget, .oo-ui-dropdownInputWidget select { - display: block; + display: block; } .oo-ui-dropdownInputWidget select { - width: 100%; - cursor: pointer; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dropdownInputWidget select { - background-color: #fff; - height: 2.275em; - font-size: inherit; - font-family: inherit; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #9aa0a7; - border-radius: 2px; - padding-left: 1em; - vertical-align: middle; + background-color: #fff; + height: 2.275em; + font-size: inherit; + font-family: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #a2a9b1; + border-radius: 2px; + padding-left: 1em; + vertical-align: middle; } .oo-ui-dropdownInputWidget option { - font-size: inherit; - font-family: inherit; - height: 1.5em; - padding: 0.5em 1em; + font-size: inherit; + font-family: inherit; + height: 1.5em; + padding: 0.5em 1em; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { - border-color: #a2a9b1; - outline: 0; + outline: 0; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { - color: #72777d; - border-color: #c8ccd1; - background-color: #eaecf0; + color: #72777d; + border-color: #c8ccd1; + background-color: #eaecf0; } .oo-ui-radioInputWidget { - position: relative; - line-height: 1.6em; - white-space: nowrap; + position: relative; + line-height: 1.6em; + white-space: nowrap; } .oo-ui-radioInputWidget * { - font: inherit; - vertical-align: middle; + font: inherit; + vertical-align: middle; } .oo-ui-radioInputWidget [type='radio'] { - position: relative; - max-width: none; - width: 1.6em; - height: 1.6em; - margin: 0; - opacity: 0; - z-index: 1; + position: relative; + max-width: none; + width: 1.6em; + height: 1.6em; + margin: 0; + opacity: 0; + z-index: 1; } .oo-ui-radioInputWidget [type='radio'] + span { - background-color: #fff; - position: absolute; - left: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 1.6em; - height: 1.6em; - border: 1px solid #72777d; - border-radius: 100%; + background-color: #fff; + position: absolute; + left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 1.6em; + height: 1.6em; + border: 1px solid #72777d; + border-radius: 100%; } .oo-ui-radioInputWidget [type='radio'] + span:before { - content: ' '; - position: absolute; - top: -4px; - left: -4px; - right: -4px; - bottom: -4px; - border: 1px solid transparent; - border-radius: 100%; + content: ' '; + position: absolute; + top: -4px; + left: -4px; + right: -4px; + bottom: -4px; + border: 1px solid transparent; + border-radius: 100%; } .oo-ui-radioInputWidget [type='radio']:checked + span { - border-width: 0.4em; + border-width: 0.4em; } .oo-ui-radioInputWidget [type='radio']:checked:hover + span, .oo-ui-radioInputWidget [type='radio']:checked:focus:hover + span { - border-width: 0.4em; + border-width: 0.4em; } .oo-ui-radioInputWidget [type='radio']:disabled + span { - background-color: #c8ccd1; - border-color: #c8ccd1; + background-color: #c8ccd1; + border-color: #c8ccd1; } .oo-ui-radioInputWidget [type='radio']:disabled:checked + span { - background-color: #fff; + background-color: #fff; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] { - cursor: pointer; + cursor: pointer; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span { - cursor: pointer; - -webkit-transition: background-color 100ms, border-color 100ms, border-width 100ms; - -moz-transition: background-color 100ms, border-color 100ms, border-width 100ms; - transition: background-color 100ms, border-color 100ms, border-width 100ms; + cursor: pointer; + -webkit-transition: background-color 100ms, border-color 100ms, border-width 100ms; + -moz-transition: background-color 100ms, border-color 100ms, border-width 100ms; + transition: background-color 100ms, border-color 100ms, border-width 100ms; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span { - border-color: #36c; + border-color: #36c; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span { - background-color: #2a4b8d; - border-color: #2a4b8d; + background-color: #2a4b8d; + border-color: #2a4b8d; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span { - border-color: #2a4b8d; + border-color: #36c; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span { - border-color: #36c; + border-color: #447ff5; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover:focus + span { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c; + border-color: #447ff5; + box-shadow: inset 0 0 0 1px #447ff5; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span { - border-color: #2a4b8d; - box-shadow: inset 0 0 0 1px #2a4b8d; + border-color: #2a4b8d; + box-shadow: inset 0 0 0 1px #2a4b8d; +} +.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before, +.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span:before { + border-color: #2a4b8d; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span { - box-shadow: inset 0 0 0 1px #36c; + box-shadow: inset 0 0 0 1px #36c; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before { - border-color: #fff; - top: -3px; - right: -3px; - bottom: -3px; - left: -3px; + border-color: #fff; + top: -3px; + right: -3px; + bottom: -3px; + left: -3px; } .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body { - padding: 0.25em 0; + padding: 0.25em 0; } .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label { - line-height: 1.5; + line-height: 1.5; } .oo-ui-textInputWidget { - position: relative; - vertical-align: middle; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - max-width: 50em; + position: relative; + vertical-align: middle; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + max-width: 50em; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - display: block; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + display: block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-textInputWidget textarea { - overflow: auto; - resize: none; + overflow: auto; + resize: none; } .oo-ui-textInputWidget [type='number'] { - -moz-appearance: textfield; + -moz-appearance: textfield; } .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button, .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; + -webkit-appearance: none; + margin: 0; } .oo-ui-textInputWidget [type='search'] { - -webkit-appearance: textfield; + -webkit-appearance: textfield; } .oo-ui-textInputWidget [type='search']::-ms-clear { - display: none; + display: none; } .oo-ui-textInputWidget [type='search']::-webkit-search-decoration, .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button { - display: none; + display: none; } .oo-ui-textInputWidget > .oo-ui-iconElement-icon, .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator, .oo-ui-textInputWidget > .oo-ui-labelElement-label { - display: none; + display: none; } .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon, .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator { - display: block; - position: absolute; - top: 0; - height: 100%; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + display: block; + position: absolute; + top: 0; + height: 100%; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator { - cursor: text; + cursor: text; } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator { - cursor: pointer; + cursor: pointer; } .oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label { - display: block; + display: block; } .oo-ui-textInputWidget > .oo-ui-iconElement-icon, .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label { - left: 0; + left: 0; } .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator, .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label { - right: 0; + right: 0; } .oo-ui-textInputWidget > .oo-ui-labelElement-label { - position: absolute; - top: 0; + position: absolute; + top: 0; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - padding: 0.5em; - margin: 0; - font-size: inherit; - font-family: inherit; - background-color: #fff; - color: #000; - border: 1px solid #9aa0a7; - border-radius: 2px; + margin: 0; + font-size: inherit; + font-family: inherit; + background-color: #fff; + color: #000; + border: 1px solid #a2a9b1; + border-radius: 2px; + padding: 0.625em 0.546875em 0.546875em; +} +.oo-ui-textInputWidget input { + line-height: 1.172em; } .oo-ui-textInputWidget textarea { - line-height: 1.275; + line-height: 1.275; } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { - background-color: transparent; + background-color: transparent; } .oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea { - box-shadow: inset 0 0 0 0.1em #fff; - -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + box-shadow: inset 0 0 0 0.1em #fff; + -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); } .oo-ui-textInputWidget.oo-ui-widget-enabled input:hover, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover { - border-color: #72777d; + border-color: #72777d; } .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { - outline: 0; - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c; + outline: 0; + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c; } .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { - color: #777; - text-shadow: 0 1px 1px #fff; + color: #72777d; } .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:hover, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:hover { - border-color: #ccc; + border-color: #c8ccd1; } .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus { - border-color: #ccc; - box-shadow: inset 0 0 0 0.1em #ccc; + border-color: #c8ccd1; + box-shadow: inset 0 0 0 1px #c8ccd1; } .oo-ui-textInputWidget.oo-ui-widget-enabled :-moz-placeholder { - color: #54595d; - opacity: 1; + color: #72777d; + opacity: 1; } .oo-ui-textInputWidget.oo-ui-widget-enabled ::-moz-placeholder { - color: #54595d; - opacity: 1; + color: #72777d; + opacity: 1; } .oo-ui-textInputWidget.oo-ui-widget-enabled :-ms-input-placeholder { - color: #54595d; + color: #72777d; } .oo-ui-textInputWidget.oo-ui-widget-enabled ::-webkit-input-placeholder { - color: #54595d; + color: #72777d; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled :placeholder-shown { + color: #72777d; } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input, .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea { - border-color: #f00; + border-color: #f00; } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:hover, .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:hover { - border-color: #f00; + border-color: #f00; } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus { - border-color: #f00; - box-shadow: inset 0 0 0 0.1em #f00; + border-color: #f00; + box-shadow: inset 0 0 0 0.1em #f00; } .oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea { - background-color: #eaecf0; - color: #72777d; - text-shadow: 0 1px 1px #fff; - border-color: #c8ccd1; + background-color: #eaecf0; + color: #72777d; + text-shadow: 0 1px 1px #fff; + border-color: #c8ccd1; } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.51; + opacity: 0.51; } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label { - color: #72777d; - text-shadow: 0 1px 1px #fff; + color: #72777d; + text-shadow: 0 1px 1px #fff; } .oo-ui-textInputWidget.oo-ui-iconElement input, .oo-ui-textInputWidget.oo-ui-iconElement textarea { - padding-left: 2.875em; + padding-left: 2.875em; } .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0; - height: 100%; - max-height: 2.375em; - margin-left: 0.5em; - background-position: right center; + left: 0; + height: 100%; + max-height: 2.375em; + margin-left: 0.5em; + background-position: right center; } .oo-ui-textInputWidget.oo-ui-indicatorElement input, .oo-ui-textInputWidget.oo-ui-indicatorElement textarea { - padding-right: 2.4875em; + padding-right: 2.4875em; } .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - height: 100%; - max-height: 2.375em; - margin: 0 0.775em; + height: 100%; + max-height: 2.375em; + margin: 0 0.775em; } .oo-ui-textInputWidget > .oo-ui-labelElement-label { - padding: 0.4em; - line-height: 1.5; - color: #888; + color: #72777d; + padding: 0.4em; + line-height: 1.5; } .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { - margin-right: 2.0875em; + margin-right: 2.0875em; } .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label { - margin-left: 2.475em; + margin-left: 2.475em; } .oo-ui-menuSelectWidget { - position: absolute; - width: 100%; - z-index: 4; - background-color: #fff; - margin-top: -1px; - border: 1px solid #a2a9b1; - border-radius: 0 0 2px 2px; - box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); + position: absolute; + width: 100%; + z-index: 4; + background-color: #fff; + margin-top: -1px; + border: 1px solid #a2a9b1; + border-radius: 0 0 2px 2px; + box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); } .oo-ui-menuSelectWidget input { - position: absolute; - width: 0; - height: 0; - overflow: hidden; - opacity: 0; + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; } .oo-ui-menuOptionWidget { - position: relative; - padding: 0.5em 1em; - -webkit-transition: background-color 100ms, color 100ms; - -moz-transition: background-color 100ms, color 100ms; - transition: background-color 100ms, color 100ms; + position: relative; + padding: 0.5em 1em; + -webkit-transition: background-color 100ms, color 100ms; + -moz-transition: background-color 100ms, color 100ms; + transition: background-color 100ms, color 100ms; } .oo-ui-menuOptionWidget .oo-ui-iconElement-icon { - display: none; + display: none; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: block; + display: block; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { - background-color: #eaecf0; - color: #000; + background-color: #eaecf0; + color: #000; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { - background-color: #eaf3ff; - color: #36c; + background-color: #eaf3ff; + color: #36c; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: none; + display: none; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { - background-color: rgba(41, 98, 204, 0.1); - color: #36c; + background-color: rgba(41, 98, 204, 0.1); + color: #36c; } .oo-ui-menuSectionOptionWidget { - cursor: default; - padding: 0.33em 0.75em; - color: #888; + cursor: default; + color: #72777d; + padding: 0.33em 0.75em; } .oo-ui-dropdownWidget { - display: inline-block; - position: relative; - width: 100%; - max-width: 50em; - margin-right: 0.5em; + display: inline-block; + position: relative; + width: 100%; + max-width: 50em; + margin-right: 0.5em; } .oo-ui-dropdownWidget-handle { - width: 100%; - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - cursor: default; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + cursor: default; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - position: absolute; + position: absolute; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { - cursor: pointer; + cursor: pointer; } .oo-ui-dropdownWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-dropdownWidget-handle { - padding: 0.5em 0; - height: 2.275em; - line-height: 1.275; - border: 1px solid #9aa0a7; - border-radius: 2px; + padding: 0.546875em 0; + height: 2.5em; + line-height: 1.275; + border: 1px solid #a2a9b1; + border-radius: 2px; } .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { - top: 0; - right: 0; - margin: 0.775em; + top: 0; + right: 0; + margin: 0.775em; } .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - top: 0; - left: 0.25em; - margin: 0.3em; + top: 0; + left: 0.25em; + margin: 0.3em; } .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin: 0 1em; + margin: 0 1em; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { - background-color: #f8f9fa; - color: #222; - -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; - -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; - transition: background-color 100ms, border-color 100ms, box-shadow 100ms; + background-color: #f8f9fa; + color: #222; + -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; + transition: background-color 100ms, border-color 100ms, box-shadow 100ms; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { - background-color: #fff; - border-color: #a2a9b1; + background-color: #fff; + border-color: #a2a9b1; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-iconElement-icon, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator { - opacity: 0.73; + opacity: 0.73; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { - border-color: #36c; - outline: 0; - box-shadow: inset 0 0 0 1px #36c; + border-color: #36c; + outline: 0; + box-shadow: inset 0 0 0 1px #36c; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { - opacity: 0.87; - -webkit-transition: opacity 100ms; - -moz-transition: opacity 100ms; - transition: opacity 100ms; + opacity: 0.87; + -webkit-transition: opacity 100ms; + -moz-transition: opacity 100ms; + transition: opacity 100ms; } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { - background-color: #fff; + background-color: #fff; } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { - opacity: 1; + opacity: 1; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { - color: #72777d; - text-shadow: 0 1px 1px #fff; - border-color: #c8ccd1; - background-color: #eaecf0; + color: #72777d; + text-shadow: 0 1px 1px #fff; + border-color: #c8ccd1; + background-color: #eaecf0; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus { - outline: 0; + outline: 0; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.15; + opacity: 0.15; } .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-left: 3em; + margin-left: 3em; } .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-right: 2em; + margin-right: 2em; } .oo-ui-comboBoxInputWidget { - display: inline-block; + display: inline-block; + position: relative; +} +.oo-ui-comboBoxInputWidget-field { + display: table; + width: 100%; + table-layout: fixed; +} +.oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input { + display: table-cell; + vertical-align: middle; + position: relative; + overflow: hidden; +} +.oo-ui-comboBoxInputWidget-dropdownButton { + display: table-cell; } -.oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator { - cursor: pointer; +.oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button { + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; +} +.oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton { + display: none; } .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator { - opacity: 0; - position: absolute; - right: 0; - top: 0; - height: 2.5em; - width: 2.5em; - padding: 0; + opacity: 0; + position: absolute; + right: 0; + top: 0; + height: 2.5em; + width: 2.5em; + padding: 0; } .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator { - pointer-events: none; + pointer-events: none; } .oo-ui-comboBoxInputWidget input, .oo-ui-comboBoxInputWidget textarea { - height: 2.35em; + height: 2.5em; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-width: 0; +} +.oo-ui-comboBoxInputWidget-dropdownButton { + width: 2.5em; +} +.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button { + min-height: 2.5em; + padding: 0.546875em; } -.oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover input, -.oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover textarea { - border-color: #a2a9b1; +.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button, +.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button:focus { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover input:focus, -.oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover textarea:focus { - border-color: #36c; +.oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty input, +.oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty textarea { + border-right-width: 1px; } .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.15; + opacity: 1; } .oo-ui-multioptionWidget { - position: relative; - display: block; + position: relative; + display: block; } .oo-ui-multioptionWidget.oo-ui-widget-enabled { - cursor: pointer; + cursor: pointer; } .oo-ui-multioptionWidget.oo-ui-widget-disabled { - cursor: default; + cursor: default; } .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .oo-ui-multioptionWidget .oo-ui-labelElement-label { - line-height: 1.5; + line-height: 1.5; } .oo-ui-multioptionWidget.oo-ui-widget-disabled { - color: #72777d; + color: #72777d; } .oo-ui-checkboxMultioptionWidget { - cursor: default; - padding: 0.25em 0; + cursor: default; + padding: 0.25em 0; } .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget, .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - padding: 0.25em 0.25em 0.25em 0.5em; + padding: 0.25em 0.25em 0.25em 0.5em; } .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget { - margin-right: 0; + margin-right: 0; } .oo-ui-progressBarWidget { - max-width: 50em; - background-color: #fff; - border: 1px solid #9aa0a7; - border-radius: 2px; - overflow: hidden; + max-width: 50em; + background-color: #fff; + border: 1px solid #a2a9b1; + border-radius: 2px; + overflow: hidden; } .oo-ui-progressBarWidget-bar { - background-color: #ddd; - height: 1em; - -webkit-transition: width 200ms, margin-left 200ms; - -moz-transition: width 200ms, margin-left 200ms; - transition: width 200ms, margin-left 200ms; + background-color: #36c; + height: 1em; + -webkit-transition: width 200ms, margin-left 200ms; + -moz-transition: width 200ms, margin-left 200ms; + transition: width 200ms, margin-left 200ms; } .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar { - -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - animation: oo-ui-progressBarWidget-slide 2s infinite linear; - width: 40%; - margin-left: -10%; - border-left-width: 1px; + -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + animation: oo-ui-progressBarWidget-slide 2s infinite linear; + width: 40%; + margin-left: -10%; + border-left-width: 1px; } .oo-ui-progressBarWidget.oo-ui-widget-disabled { - opacity: 0.6; + opacity: 0.6; } @-webkit-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } } @-moz-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } } @keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } } diff --git a/resources/lib/oojs-ui/oojs-ui-core.js b/resources/lib/oojs-ui/oojs-ui-core.js index 109645b48d..fd4e033ab3 100644 --- a/resources/lib/oojs-ui/oojs-ui-core.js +++ b/resources/lib/oojs-ui/oojs-ui-core.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:01Z + * Date: 2016-11-09T00:52:37Z */ ( function ( OO ) { @@ -260,6 +260,18 @@ OO.ui.debounce = function ( func, wait, immediate ) { }; }; +/** + * Puts a console warning with provided message. + * + * @param {string} message + */ +OO.ui.warnDeprecation = function ( message ) { + if ( OO.getProp( window, 'console', 'warn' ) !== undefined ) { + // eslint-disable-next-line no-console + console.warn( message ); + } +}; + /** * Returns a function, that, when invoked, will only be triggered at most once * during a given window of time. If called again during that window, it will @@ -312,30 +324,6 @@ OO.ui.now = Date.now || function () { return new Date().getTime(); }; -/** - * Proxy for `node.addEventListener( eventName, handler, true )`. - * - * @param {HTMLElement} node - * @param {string} eventName - * @param {Function} handler - * @deprecated since 0.15.0 - */ -OO.ui.addCaptureEventListener = function ( node, eventName, handler ) { - node.addEventListener( eventName, handler, true ); -}; - -/** - * Proxy for `node.removeEventListener( eventName, handler, true )`. - * - * @param {HTMLElement} node - * @param {string} eventName - * @param {Function} handler - * @deprecated since 0.15.0 - */ -OO.ui.removeCaptureEventListener = function ( node, eventName, handler ) { - node.removeEventListener( eventName, handler, true ); -}; - /** * Reconstitute a JavaScript object corresponding to a widget created by * the PHP implementation. @@ -747,6 +735,7 @@ OO.ui.Element.static.unsafeInfuse = function ( idOrNode, domPromise ) { // pick up dynamic state, like focus, value of form inputs, scroll position, etc. state = cls.static.gatherPreInfuseState( $elem[ 0 ], data ); // rebuild widget + // eslint-disable-next-line new-cap obj = new cls( data ); // now replace old DOM with this new DOM. if ( top ) { @@ -1610,7 +1599,6 @@ OO.ui.Theme.prototype.getElementClasses = function () { * For elements with theme logic hooks, this should be called any time there's a state change. * * @param {OO.ui.Element} element Element for which to update classes - * @return {Object.} Categorized class names with `on` and `off` lists */ OO.ui.Theme.prototype.updateElementClasses = function ( element ) { var $elements = $( [] ), @@ -1871,13 +1859,18 @@ OO.ui.mixin.ButtonElement.prototype.setButtonElement = function ( $button ) { this.$button = $button .addClass( 'oo-ui-buttonElement-button' ) - .attr( { role: 'button' } ) .on( { mousedown: this.onMouseDownHandler, keydown: this.onKeyDownHandler, click: this.onClickHandler, keypress: this.onKeyPressHandler } ); + + // Add `role="button"` on `` elements, where it's needed + // `toUppercase()` is added for XHTML documents + if ( this.$button.prop( 'tagName' ).toUpperCase() === 'A' ) { + this.$button.attr( 'role', 'button' ); + } }; /** @@ -3393,31 +3386,14 @@ OO.mixinClass( OO.ui.ButtonWidget, OO.ui.mixin.FlaggedElement ); OO.mixinClass( OO.ui.ButtonWidget, OO.ui.mixin.TabIndexedElement ); OO.mixinClass( OO.ui.ButtonWidget, OO.ui.mixin.AccessKeyedElement ); -/* Methods */ - -/** - * @inheritdoc - */ -OO.ui.ButtonWidget.prototype.onMouseDown = function ( e ) { - if ( !this.isDisabled() ) { - // Remove the tab-index while the button is down to prevent the button from stealing focus - this.$button.removeAttr( 'tabindex' ); - } - - return OO.ui.mixin.ButtonElement.prototype.onMouseDown.call( this, e ); -}; +/* Static Properties */ /** * @inheritdoc */ -OO.ui.ButtonWidget.prototype.onMouseUp = function ( e ) { - if ( !this.isDisabled() ) { - // Restore the tab-index after the button is up to restore the button's accessibility - this.$button.attr( 'tabindex', this.tabIndex ); - } +OO.ui.ButtonWidget.static.cancelButtonMouseDownEvents = false; - return OO.ui.mixin.ButtonElement.prototype.onMouseUp.call( this, e ); -}; +/* Methods */ /** * Get hyperlink location. @@ -7582,18 +7558,6 @@ OO.ui.InputWidget.prototype.getValue = function () { return this.value; }; -/** - * Set the directionality of the input, either RTL (right-to-left) or LTR (left-to-right). - * - * @deprecated since v0.13.1; use #setDir directly - * @param {boolean} isRTL Directionality is right-to-left - * @chainable - */ -OO.ui.InputWidget.prototype.setRTL = function ( isRTL ) { - this.setDir( isRTL ? 'rtl' : 'ltr' ); - return this; -}; - /** * Set the directionality of the input. * @@ -8612,7 +8576,7 @@ OO.ui.CheckboxMultiselectInputWidget.prototype.setOptions = function ( options ) * @constructor * @param {Object} [config] Configuration options * @cfg {string} [type='text'] The value of the HTML `type` attribute: 'text', 'password', 'search', - * 'email', 'url', 'date' or 'number'. Ignored if `multiline` is true. + * 'email', 'url', 'date', 'month' or 'number'. Ignored if `multiline` is true. * * Some values of `type` result in additional behaviors: * @@ -8646,17 +8610,14 @@ OO.ui.TextInputWidget = function OoUiTextInputWidget( config ) { type: 'text', labelPosition: 'after' }, config ); + if ( config.type === 'search' ) { + OO.ui.warnDeprecation( 'TextInputWidget: config.type=\'search\' is deprecated. Use the SearchInputWidget instead. See T148471 for details.' ); if ( config.icon === undefined ) { config.icon = 'search'; } // indicator: 'clear' is set dynamically later, depending on value } - if ( config.required ) { - if ( config.indicator === undefined ) { - config.indicator = 'required'; - } - } // Parent constructor OO.ui.TextInputWidget.parent.call( this, config ); @@ -8670,6 +8631,7 @@ OO.ui.TextInputWidget = function OoUiTextInputWidget( config ) { // Properties this.type = this.getSaneType( config ); this.readOnly = false; + this.required = false; this.multiline = !!config.multiline; this.autosize = !!config.autosize; this.minRows = config.rows !== undefined ? config.rows : ''; @@ -8713,6 +8675,7 @@ OO.ui.TextInputWidget = function OoUiTextInputWidget( config ) { .addClass( 'oo-ui-textInputWidget oo-ui-textInputWidget-type-' + this.type ) .append( this.$icon, this.$indicator ); this.setReadOnly( !!config.readOnly ); + this.setRequired( !!config.required ); this.updateSearchIndicator(); if ( config.placeholder !== undefined ) { this.$input.attr( 'placeholder', config.placeholder ); @@ -8723,10 +8686,6 @@ OO.ui.TextInputWidget = function OoUiTextInputWidget( config ) { if ( config.autofocus ) { this.$input.attr( 'autofocus', 'autofocus' ); } - if ( config.required ) { - this.$input.attr( 'required', 'required' ); - this.$input.attr( 'aria-required', 'true' ); - } if ( config.autocomplete === false ) { this.$input.attr( 'autocomplete', 'off' ); // Turning off autocompletion also disables "form caching" when the user navigates to a @@ -8925,6 +8884,42 @@ OO.ui.TextInputWidget.prototype.setReadOnly = function ( state ) { return this; }; +/** + * Check if the input is {@link #required required}. + * + * @return {boolean} + */ +OO.ui.TextInputWidget.prototype.isRequired = function () { + return this.required; +}; + +/** + * Set the {@link #required required} state of the input. + * + * @param {boolean} state Make input required + * @chainable + */ +OO.ui.TextInputWidget.prototype.setRequired = function ( state ) { + this.required = !!state; + if ( this.required ) { + this.$input + .attr( 'required', 'required' ) + .attr( 'aria-required', 'true' ); + if ( this.getIndicator() === null ) { + this.setIndicator( 'required' ); + } + } else { + this.$input + .removeAttr( 'required' ) + .removeAttr( 'aria-required' ); + if ( this.getIndicator() === 'required' ) { + this.setIndicator( null ); + } + } + this.updateSearchIndicator(); + return this; +}; + /** * Support function for making #onElementAttach work across browsers. * @@ -9100,6 +9095,7 @@ OO.ui.TextInputWidget.prototype.getSaneType = function ( config ) { 'email', 'url', 'date', + 'month', 'number' ]; return allowedTypes.indexOf( config.type ) !== -1 ? config.type : 'text'; @@ -9297,30 +9293,6 @@ OO.ui.TextInputWidget.prototype.setValidityFlag = function ( isValid ) { } }; -/** - * Check if a value is valid. - * - * This method returns a promise that resolves with a boolean `true` if the current value is - * considered valid according to the supplied {@link #validate validation pattern}. - * - * @deprecated since v0.12.3 - * @return {jQuery.Promise} A promise that resolves to a boolean `true` if the value is valid. - */ -OO.ui.TextInputWidget.prototype.isValid = function () { - var result; - - if ( this.validate instanceof Function ) { - result = this.validate( this.getValue() ); - if ( result && $.isFunction( result.promise ) ) { - return result.promise(); - } else { - return $.Deferred().resolve( !!result ).promise(); - } - } else { - return $.Deferred().resolve( !!this.getValue().match( this.validate ) ).promise(); - } -}; - /** * Get the validity of current value. * @@ -9449,6 +9421,99 @@ OO.ui.TextInputWidget.prototype.restorePreInfuseState = function ( state ) { } }; +/** + * @class + * @extends OO.ui.TextInputWidget + * + * @constructor + * @param {Object} [config] Configuration options + */ +OO.ui.SearchInputWidget = function OoUiSearchInputWidget( config ) { + config = $.extend( { + icon: 'search' + }, config ); + + // Set type to text so that TextInputWidget doesn't + // get stuck in an infinite loop. + config.type = 'text'; + + // Parent constructor + OO.ui.SearchInputWidget.parent.call( this, config ); + + // Initialization + this.$element.addClass( 'oo-ui-textInputWidget-type-search' ); + this.updateSearchIndicator(); + this.connect( this, { + disable: 'onDisable' + } ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.SearchInputWidget, OO.ui.TextInputWidget ); + +/* Methods */ + +/** + * @inheritdoc + * @protected + */ +OO.ui.SearchInputWidget.prototype.getInputElement = function () { + return $( '' ).attr( 'type', 'search' ); +}; + +/** + * @inheritdoc + */ +OO.ui.SearchInputWidget.prototype.onIndicatorMouseDown = function ( e ) { + if ( e.which === OO.ui.MouseButtons.LEFT ) { + // Clear the text field + this.setValue( '' ); + this.$input[ 0 ].focus(); + return false; + } +}; + +/** + * Update the 'clear' indicator displayed on type: 'search' text + * fields, hiding it when the field is already empty or when it's not + * editable. + */ +OO.ui.SearchInputWidget.prototype.updateSearchIndicator = function () { + if ( this.getValue() === '' || this.isDisabled() || this.isReadOnly() ) { + this.setIndicator( null ); + } else { + this.setIndicator( 'clear' ); + } +}; + +/** + * @inheritdoc + */ +OO.ui.SearchInputWidget.prototype.onChange = function () { + OO.ui.SearchInputWidget.parent.prototype.onChange.call( this ); + this.updateSearchIndicator(); +}; + +/** + * Handle disable events. + * + * @param {boolean} disabled Element is disabled + * @private + */ +OO.ui.SearchInputWidget.prototype.onDisable = function () { + this.updateSearchIndicator(); +}; + +/** + * @inheritdoc + */ +OO.ui.SearchInputWidget.prototype.setReadOnly = function ( state ) { + OO.ui.SearchInputWidget.parent.prototype.setReadOnly.call( this, state ); + this.updateSearchIndicator(); + return this; +}; + /** * ComboBoxInputWidgets combine a {@link OO.ui.TextInputWidget text input} (where a value * can be entered manually) and a {@link OO.ui.MenuSelectWidget menu of options} (from which @@ -9511,17 +9576,19 @@ OO.ui.TextInputWidget.prototype.restorePreInfuseState = function ( state ) { OO.ui.ComboBoxInputWidget = function OoUiComboBoxInputWidget( config ) { // Configuration initialization config = $.extend( { - indicator: 'down', autocomplete: false }, config ); - // For backwards-compatibility with ComboBoxWidget config - $.extend( config, config.input ); // Parent constructor OO.ui.ComboBoxInputWidget.parent.call( this, config ); // Properties this.$overlay = config.$overlay || this.$element; + this.dropdownButton = new OO.ui.ButtonWidget( { + classes: [ 'oo-ui-comboBoxInputWidget-dropdownButton' ], + indicator: 'down', + disabled: this.disabled + } ); this.menu = new OO.ui.FloatingMenuSelectWidget( $.extend( { widget: this, @@ -9531,18 +9598,15 @@ OO.ui.ComboBoxInputWidget = function OoUiComboBoxInputWidget( config ) { }, config.menu ) ); - // For backwards-compatibility with ComboBoxWidget - this.input = this; // Events - this.$indicator.on( { - click: this.onIndicatorClick.bind( this ), - keypress: this.onIndicatorKeyPress.bind( this ) - } ); this.connect( this, { change: 'onInputChange', enter: 'onInputEnter' } ); + this.dropdownButton.connect( this, { + click: 'onDropdownButtonClick' + } ); this.menu.connect( this, { choose: 'onMenuChoose', add: 'onMenuItemsChange', @@ -9558,8 +9622,12 @@ OO.ui.ComboBoxInputWidget = function OoUiComboBoxInputWidget( config ) { if ( config.options !== undefined ) { this.setOptions( config.options ); } - // Extra class for backwards-compatibility with ComboBoxWidget - this.$element.addClass( 'oo-ui-comboBoxInputWidget oo-ui-comboBoxWidget' ); + this.$field = $( '
' ) + .addClass( 'oo-ui-comboBoxInputWidget-field' ) + .append( this.$input, this.dropdownButton.$element ); + this.$element + .addClass( 'oo-ui-comboBoxInputWidget' ) + .append( this.$field ); this.$overlay.append( this.menu.$element ); this.onMenuItemsChange(); }; @@ -9608,42 +9676,24 @@ OO.ui.ComboBoxInputWidget.prototype.onInputChange = function ( value ) { }; /** - * Handle mouse click events. - * - * @private - * @param {jQuery.Event} e Mouse click event - */ -OO.ui.ComboBoxInputWidget.prototype.onIndicatorClick = function ( e ) { - if ( !this.isDisabled() && e.which === OO.ui.MouseButtons.LEFT ) { - this.menu.toggle(); - this.$input[ 0 ].focus(); - } - return false; -}; - -/** - * Handle key press events. + * Handle input enter events. * * @private - * @param {jQuery.Event} e Key press event */ -OO.ui.ComboBoxInputWidget.prototype.onIndicatorKeyPress = function ( e ) { - if ( !this.isDisabled() && ( e.which === OO.ui.Keys.SPACE || e.which === OO.ui.Keys.ENTER ) ) { - this.menu.toggle(); - this.$input[ 0 ].focus(); - return false; +OO.ui.ComboBoxInputWidget.prototype.onInputEnter = function () { + if ( !this.isDisabled() ) { + this.menu.toggle( false ); } }; /** - * Handle input enter events. + * Handle button click events. * * @private */ -OO.ui.ComboBoxInputWidget.prototype.onInputEnter = function () { - if ( !this.isDisabled() ) { - this.menu.toggle( false ); - } +OO.ui.ComboBoxInputWidget.prototype.onDropdownButtonClick = function () { + this.menu.toggle(); + this.$input[ 0 ].focus(); }; /** @@ -9677,6 +9727,9 @@ OO.ui.ComboBoxInputWidget.prototype.setDisabled = function ( disabled ) { // Parent method OO.ui.ComboBoxInputWidget.parent.prototype.setDisabled.call( this, disabled ); + if ( this.dropdownButton ) { + this.dropdownButton.setDisabled( this.isDisabled() ); + } if ( this.menu ) { this.menu.setDisabled( this.isDisabled() ); } @@ -9703,12 +9756,6 @@ OO.ui.ComboBoxInputWidget.prototype.setOptions = function ( options ) { return this; }; -/** - * @class - * @deprecated since 0.13.2; use OO.ui.ComboBoxInputWidget instead - */ -OO.ui.ComboBoxWidget = OO.ui.ComboBoxInputWidget; - /** * FieldLayouts are used with OO.ui.FieldsetLayout. Each FieldLayout requires a field-widget, * which is a widget that is specified by reference before any optional configuration settings. @@ -10015,6 +10062,7 @@ OO.ui.FieldLayout.prototype.updateMessages = function () { * @constructor * @param {OO.ui.Widget} fieldWidget Field widget * @param {OO.ui.ButtonWidget} buttonWidget Button widget + * @param {Object} config */ OO.ui.ActionFieldLayout = function OoUiActionFieldLayout( fieldWidget, buttonWidget, config ) { // Allow passing positional parameters inside the config object diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.js b/resources/lib/oojs-ui/oojs-ui-mediawiki.js index 616f78eec7..17bca7e491 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki.js +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:01Z + * Date: 2016-11-09T00:52:37Z */ ( function ( OO ) { diff --git a/resources/lib/oojs-ui/oojs-ui-toolbars-apex.css b/resources/lib/oojs-ui/oojs-ui-toolbars-apex.css index d6ed767b95..7fb36c4d8d 100644 --- a/resources/lib/oojs-ui/oojs-ui-toolbars-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-toolbars-apex.css @@ -1,502 +1,502 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:06Z + * Date: 2016-11-09T00:52:42Z */ .oo-ui-popupTool .oo-ui-popupWidget-popup, .oo-ui-popupTool .oo-ui-popupWidget-anchor { - z-index: 4; + z-index: 4; } .oo-ui-popupTool .oo-ui-popupWidget { - /* @noflip */ - margin-left: 1.25em; + /* @noflip */ + margin-left: 1.25em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup { - border: 0; - border-radius: 0; - margin: 0; + border: 0; + border-radius: 0; + margin: 0; } .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup { - border-top-left-radius: 0.3125em; - border-bottom-left-radius: 0.3125em; + border-top-left-radius: 0.3125em; + border-bottom-left-radius: 0.3125em; } .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup { - border-top-right-radius: 0.3125em; - border-bottom-right-radius: 0.3125em; + border-top-right-radius: 0.3125em; + border-bottom-right-radius: 0.3125em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle { - height: 1.875em; - padding: 0.3125em; + height: 1.875em; + padding: 0.3125em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - height: 1.875em; - width: 1.875em; + height: 1.875em; + width: 1.875em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.1em; + line-height: 2.1em; } .oo-ui-toolGroup { - display: inline-block; - vertical-align: middle; - margin: 0.375em; - border-radius: 0.3125em; - border: 1px solid transparent; - -webkit-transition: border-color 250ms ease; - -moz-transition: border-color 250ms ease; - transition: border-color 250ms ease; + display: inline-block; + vertical-align: middle; + margin: 0.375em; + border-radius: 0.3125em; + border: 1px solid transparent; + -webkit-transition: border-color 250ms ease; + -moz-transition: border-color 250ms ease; + transition: border-color 250ms ease; } .oo-ui-toolGroup-empty { - display: none; + display: none; } .oo-ui-toolGroup .oo-ui-tool-link { - text-decoration: none; - cursor: pointer; + text-decoration: none; + cursor: pointer; } .oo-ui-toolGroup.oo-ui-widget-disabled .oo-ui-tool-link, .oo-ui-toolGroup .oo-ui-widget-disabled > .oo-ui-tool-link { - outline: 0; - cursor: default; + outline: 0; + cursor: default; } .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup { - margin-left: 0; + margin-left: 0; } .oo-ui-toolGroup.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.1); + border-color: rgba(0, 0, 0, 0.1); } .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { - color: #000; + color: #000; } .oo-ui-barToolGroup > .oo-ui-iconElement-icon, .oo-ui-barToolGroup > .oo-ui-labelElement-label { - display: none; + display: none; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool { - display: inline-block; - position: relative; - vertical-align: top; + display: inline-block; + position: relative; + vertical-align: top; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { - display: block; + display: block; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel { - display: none; + display: none; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title { - display: none; + display: none; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title { - display: inline; + display: inline; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool { - margin: -1px 0 -1px -1px; - border: 1px solid transparent; + margin: -1px 0 -1px -1px; + border: 1px solid transparent; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool:first-child { - border-top-left-radius: 0.3125em; - border-bottom-left-radius: 0.3125em; + border-top-left-radius: 0.3125em; + border-bottom-left-radius: 0.3125em; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool:last-child { - margin-right: -1px; - border-top-right-radius: 0.3125em; - border-bottom-right-radius: 0.3125em; + margin-right: -1px; + border-top-right-radius: 0.3125em; + border-bottom-right-radius: 0.3125em; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { - height: 1.875em; - padding: 0.3125em; + height: 1.875em; + padding: 0.3125em; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.875em; - width: 1.875em; + height: 1.875em; + width: 1.875em; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { - line-height: 2.1em; + line-height: 2.1em; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled { - border-color: rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07); - background-color: #f8fbfd; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f1f7fb), color-stop(100%, #fff)); - background-image: -webkit-linear-gradient(top, #f1f7fb 0, #fff 100%); - background-image: -moz-linear-gradient(top, #f1f7fb 0, #fff 100%); - background-image: linear-gradient(to bottom, #f1f7fb 0, #fff 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fff1f7fb\', endColorstr=\'#ffffffff\' )'; + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07); + background-color: #f8fbfd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #F1F7FB), color-stop(100%, #fff)); + background-image: -webkit-linear-gradient(top, #F1F7FB 0, #fff 100%); + background-image: -moz-linear-gradient(top, #F1F7FB 0, #fff 100%); + background-image: linear-gradient(to bottom, #F1F7FB 0, #fff 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f7fb', endColorstr='#ffffffff' )"; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { - border-left-color: rgba(0, 0, 0, 0.1); + border-left-color: rgba(0, 0, 0, 0.1); } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link:focus { - outline: 0; + outline: 0; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title { - color: #ccc; + color: #ccc; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 1; + opacity: 1; } .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool:focus { - outline: 0; + outline: 0; } .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link:focus { - outline: 0; + outline: 0; } .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { - color: #ccc; + color: #ccc; } .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-popupToolGroup { - position: relative; - height: 2.5em; - min-width: 2.5em; + position: relative; + height: 2.5em; + min-width: 2.5em; } .oo-ui-popupToolGroup-handle { - display: block; - cursor: pointer; + display: block; + cursor: pointer; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - position: absolute; + position: absolute; } .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { - outline: 0; - cursor: default; + outline: 0; + cursor: default; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - display: none; - position: absolute; - z-index: 4; + display: none; + position: absolute; + z-index: 4; } .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { - display: block; + display: block; } .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { - left: 0; + left: 0; } .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { - right: 0; + right: 0; } .oo-ui-popupToolGroup .oo-ui-tool-link { - display: table; - width: 100%; - vertical-align: middle; - white-space: nowrap; + display: table; + width: 100%; + vertical-align: middle; + white-space: nowrap; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: table-cell; - vertical-align: middle; + display: table-cell; + vertical-align: middle; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { - text-align: right; + text-align: right; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) { - padding-left: 3em; + padding-left: 3em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup { - min-width: 1.875em; + min-width: 1.875em; } .oo-ui-popupToolGroup.oo-ui-iconElement { - min-width: 3.125em; + min-width: 3.125em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement { - min-width: 2.5em; + min-width: 2.5em; } .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 4.375em; + min-width: 4.375em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 3.75em; + min-width: 3.75em; } .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.6em; - margin: 0 1em; + line-height: 2.6em; + margin: 0 1em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin: 0 0.5em; + margin: 0 0.5em; } .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-left: 3em; + margin-left: 3em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-left: 2.5em; + margin-left: 2.5em; } .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 2.25em; + margin-right: 2.25em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 1.75em; + margin-right: 1.75em; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - width: 0.9375em; - height: 0.9375em; - margin: 0.78125em; - top: 0; - right: 0; + width: 0.9375em; + height: 0.9375em; + margin: 0.78125em; + top: 0; + right: 0; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - right: -0.3125em; + right: -0.3125em; } .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - width: 1.875em; - height: 1.875em; - margin: 0.3125em; - top: 0; - left: 0.3125em; + width: 1.875em; + height: 1.875em; + margin: 0.3125em; + top: 0; + left: 0.3125em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - left: 0; + left: 0; } .oo-ui-popupToolGroup-header { - line-height: 2.6em; - margin: 0 0.6em; - font-weight: bold; + line-height: 2.6em; + margin: 0 0.6em; + font-weight: bold; } .oo-ui-popupToolGroup-active.oo-ui-widget-enabled { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07); - background-color: #f8fbfd; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f1f7fb), color-stop(100%, #fff)); - background-image: -webkit-linear-gradient(top, #f1f7fb 0, #fff 100%); - background-image: -moz-linear-gradient(top, #f1f7fb 0, #fff 100%); - background-image: linear-gradient(to bottom, #f1f7fb 0, #fff 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fff1f7fb\', endColorstr=\'#ffffffff\' )'; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07); + background-color: #f8fbfd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #F1F7FB), color-stop(100%, #fff)); + background-image: -webkit-linear-gradient(top, #F1F7FB 0, #fff 100%); + background-image: -moz-linear-gradient(top, #F1F7FB 0, #fff 100%); + background-image: linear-gradient(to bottom, #F1F7FB 0, #fff 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f7fb', endColorstr='#ffffffff' )"; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - top: 2.5em; - margin: 0 -1px; - border: 1px solid #ccc; - background-color: #fff; - box-shadow: 0 0.3125em 1.25em rgba(0, 0, 0, 0.25); + top: 2.5em; + margin: 0 -1px; + border: 1px solid #ccc; + background-color: #fff; + box-shadow: 0 0.3125em 1.25em rgba(0, 0, 0, 0.25); } .oo-ui-popupToolGroup .oo-ui-tool-link { - padding: 0.3125em 0 0.3125em 0.3125em; + padding: 0.3125em 0 0.3125em 0.3125em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.875em; - width: 1.875em; - min-width: 1.875em; + height: 1.875em; + width: 1.875em; + min-width: 1.875em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - padding-left: 0.5em; + padding-left: 0.5em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - line-height: 2em; + line-height: 2em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { - color: #888; + color: #888; } .oo-ui-listToolGroup .oo-ui-tool { - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-listToolGroup .oo-ui-toolGroup-tools { - padding: 0.3125em; + padding: 0.3125em; } .oo-ui-listToolGroup.oo-ui-popupToolGroup-active { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-listToolGroup .oo-ui-tool { - border: 1px solid transparent; - margin: -1px 0; - padding: 0 0.625em 0 0; + border: 1px solid transparent; + margin: -1px 0; + padding: 0 0.625em 0 0; } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { - border-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07); - background-color: #f8fbfd; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f1f7fb), color-stop(100%, #fff)); - background-image: -webkit-linear-gradient(top, #f1f7fb 0, #fff 100%); - background-image: -moz-linear-gradient(top, #f1f7fb 0, #fff 100%); - background-image: linear-gradient(to bottom, #f1f7fb 0, #fff 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fff1f7fb\', endColorstr=\'#ffffffff\' )'; + border-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07); + background-color: #f8fbfd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #F1F7FB), color-stop(100%, #fff)); + background-image: -webkit-linear-gradient(top, #F1F7FB 0, #fff 100%); + background-image: -moz-linear-gradient(top, #F1F7FB 0, #fff 100%); + background-image: linear-gradient(to bottom, #F1F7FB 0, #fff 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f7fb', endColorstr='#ffffffff' )"; } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { - border-top-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.1); } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 1; + opacity: 1; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { - color: #ccc; + color: #ccc; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel { - color: #ddd; + color: #ddd; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-listToolGroup.oo-ui-widget-disabled { - color: #ccc; + color: #ccc; } .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-menuToolGroup { - border-color: rgba(0, 0, 0, 0.1); + border-color: rgba(0, 0, 0, 0.1); } .oo-ui-menuToolGroup .oo-ui-tool { - display: block; + display: block; } .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 10em; + min-width: 10em; } .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 8.125em; + min-width: 8.125em; } .oo-ui-menuToolGroup .oo-ui-toolGroup-tools { - padding: 0.3125em 0 0.3125em 0; + padding: 0.3125em 0 0.3125em 0; } .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { - border-color: rgba(0, 0, 0, 0.25); + border-color: rgba(0, 0, 0, 0.25); } .oo-ui-menuToolGroup .oo-ui-tool { - padding: 0 1.25em 0 0.3125em; + padding: 0 1.25em 0 0.3125em; } .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: none; + background-image: none; } .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: url('themes/apex/images/icons/check.png'); - background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg'); - background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg'); - background-image: -o-linear-gradient(transparent, transparent), url('themes/apex/images/icons/check.png'); - background-size: contain; - background-position: center center; - background-repeat: no-repeat; + background-image: url('themes/apex/images/icons/check.png'); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg'); + background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg'); + background-image: -o-linear-gradient(transparent, transparent), url('themes/apex/images/icons/check.png'); + background-size: contain; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - background-color: #e1f3ff; + background-color: #e1f3ff; } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { - color: #ccc; + color: #ccc; } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-menuToolGroup.oo-ui-widget-disabled { - color: #ccc; - border-color: rgba(0, 0, 0, 0.05); + color: #ccc; + border-color: rgba(0, 0, 0, 0.05); } .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-toolbar { - clear: both; + clear: both; } .oo-ui-toolbar-bar { - line-height: 1; - position: relative; + line-height: 1; + position: relative; } .oo-ui-toolbar-tools, .oo-ui-toolbar-actions, .oo-ui-toolbar-shadow { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-toolbar-tools { - display: inline; - white-space: nowrap; + display: inline; + white-space: nowrap; } .oo-ui-toolbar-narrow .oo-ui-toolbar-tools { - white-space: normal; + white-space: normal; } .oo-ui-toolbar-tools .oo-ui-tool { - white-space: normal; + white-space: normal; } .oo-ui-toolbar-actions { - float: right; + float: right; } .oo-ui-toolbar-actions .oo-ui-toolbar { - display: inline-block; + display: inline-block; } .oo-ui-toolbar-actions .oo-ui-popupWidget { - -webkit-touch-callout: default; - -webkit-user-select: all; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; } .oo-ui-toolbar-shadow { - background-position: left top; - background-repeat: repeat-x; - position: absolute; - width: 100%; - pointer-events: none; + background-position: left top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; } .oo-ui-toolbar-bar { - border-bottom: 1px solid #ccc; - background-color: #f8fbfd; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #f1f7fb)); - background-image: -webkit-linear-gradient(top, #fff 0, #f1f7fb 100%); - background-image: -moz-linear-gradient(top, #fff 0, #f1f7fb 100%); - background-image: linear-gradient(to bottom, #fff 0, #f1f7fb 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffffff\', endColorstr=\'#fff1f7fb\' )'; + border-bottom: 1px solid #ccc; + background-color: #f8fbfd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #F1F7FB)); + background-image: -webkit-linear-gradient(top, #fff 0, #F1F7FB 100%); + background-image: -moz-linear-gradient(top, #fff 0, #F1F7FB 100%); + background-image: linear-gradient(to bottom, #fff 0, #F1F7FB 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#fff1f7fb' )"; } .oo-ui-toolbar-bar .oo-ui-toolbar-bar { - border: 0; - background: none; + border: 0; + background: none; } .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed, .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed:last-child { - margin-top: 0.4em; - margin-bottom: 0.4em; - margin-right: 0.5em; + margin-top: 0.4em; + margin-bottom: 0.4em; + margin-right: 0.5em; } .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement, .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement { - margin: 0; + margin: 0; } .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button { - margin: 0; - padding: 0 0.3125em; + margin: 0; + padding: 0 0.3125em; } .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin: 0 1em; - line-height: 3.40625em; + margin: 0 1em; + line-height: 3.40625em; } .oo-ui-toolbar-shadow { - background-image: /* @embed */ url(themes/apex/images/toolbar-shadow.png); - bottom: -9px; - height: 9px; - opacity: 0.5; - -webkit-transition: opacity 500ms ease; - -moz-transition: opacity 500ms ease; - transition: opacity 500ms ease; + background-image: /* @embed */ url(themes/apex/images/toolbar-shadow.png); + bottom: -9px; + height: 9px; + opacity: 0.5; + -webkit-transition: opacity 500ms ease; + -moz-transition: opacity 500ms ease; + transition: opacity 500ms ease; } diff --git a/resources/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css index 411c6bbab3..cb9660a05d 100644 --- a/resources/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css @@ -1,435 +1,434 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:06Z + * Date: 2016-11-09T00:52:42Z */ .oo-ui-tool.oo-ui-widget-enabled { - -webkit-transition: background-color 100ms; - -moz-transition: background-color 100ms; - transition: background-color 100ms; + -webkit-transition: background-color 100ms; + -moz-transition: background-color 100ms; + transition: background-color 100ms; } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { - -webkit-transition: color 100ms; - -moz-transition: color 100ms; - transition: color 100ms; + -webkit-transition: color 100ms; + -moz-transition: color 100ms; + transition: color 100ms; } .oo-ui-popupTool .oo-ui-popupWidget-popup, .oo-ui-popupTool .oo-ui-popupWidget-anchor { - z-index: 4; + z-index: 4; } .oo-ui-popupTool .oo-ui-popupWidget { - /* @noflip */ - margin-left: 1.25em; + /* @noflip */ + margin-left: 1.25em; } .oo-ui-toolGroupTool > .oo-ui-toolGroup { - border-right: 0; + border-right: 0; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle { - height: 2.5em; - padding: 0.3125em; + height: 2.5em; + padding: 0.3125em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - height: 2.5em; - width: 1.875em; + height: 2.5em; + width: 1.875em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.1; + line-height: 2.1; } .oo-ui-toolGroup { - display: inline-block; - vertical-align: middle; - border-right: 1px solid #c8ccd1; + display: inline-block; + vertical-align: middle; + border-right: 1px solid #c8ccd1; } .oo-ui-toolGroup-empty { - display: none; + display: none; } .oo-ui-toolGroup .oo-ui-tool-link { - text-decoration: none; - cursor: pointer; + text-decoration: none; + cursor: pointer; } .oo-ui-toolGroup.oo-ui-widget-disabled .oo-ui-tool-link, .oo-ui-toolGroup .oo-ui-widget-disabled > .oo-ui-tool-link { - outline: 0; - cursor: default; + outline: 0; + cursor: default; } .oo-ui-toolbar-actions .oo-ui-toolGroup { - border-right: 0; - border-left: 1px solid #9aa0a7; + border-right: 0; + border-left: 1px solid #c8ccd1; } .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup { - margin-left: 0; + margin-left: 0; } .oo-ui-barToolGroup > .oo-ui-iconElement-icon, .oo-ui-barToolGroup > .oo-ui-labelElement-label { - display: none; + display: none; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool { - display: inline-block; - position: relative; - vertical-align: top; + display: inline-block; + position: relative; + vertical-align: top; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { - display: block; + display: block; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel { - display: none; + display: none; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title { - display: none; + display: none; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title { - display: inline; + display: inline; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { - height: 1.875em; - padding: 0.625em; + height: 1.875em; + padding: 0.625em; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.875em; - width: 1.875em; + height: 1.875em; + width: 1.875em; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { - line-height: 2.1; - padding: 0 0.4em; + line-height: 2.1; + padding: 0 0.4em; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover { - background-color: #eaecf0; + background-color: #eaecf0; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-tool-title { - color: #222; - -webkit-transition: color 100ms; - -moz-transition: color 100ms; - transition: color 100ms; + color: #222; + -webkit-transition: color 100ms; + -moz-transition: color 100ms; + transition: color 100ms; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active { - background-color: #eaf3ff; - box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background-color: #eaf3ff; + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active:hover { - background-color: rgba(41, 98, 204, 0.1); + background-color: rgba(41, 98, 204, 0.1); } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link .oo-ui-tool-title { - color: #36c; + color: #36c; } .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { - color: #72777d; + color: #72777d; } .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon, .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.3; + opacity: 0.3; } .oo-ui-popupToolGroup { - position: relative; - height: 3.125em; - min-width: 2em; + position: relative; + height: 3.125em; + min-width: 2em; } .oo-ui-popupToolGroup-handle { - display: block; - cursor: pointer; + display: block; + cursor: pointer; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - position: absolute; + position: absolute; } .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { - outline: 0; - cursor: default; + outline: 0; + cursor: default; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - display: none; - position: absolute; - z-index: 4; + display: none; + position: absolute; + z-index: 4; } .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { - display: block; + display: block; } .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { - left: 0; + left: 0; } .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { - right: 0; + right: 0; } .oo-ui-popupToolGroup .oo-ui-tool-link { - display: table; - width: 100%; - vertical-align: middle; - white-space: nowrap; + display: table; + width: 100%; + vertical-align: middle; + white-space: nowrap; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: table-cell; - vertical-align: middle; + display: table-cell; + vertical-align: middle; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { - text-align: right; + text-align: right; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) { - padding-left: 3em; + padding-left: 3em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup { - min-width: 1.875em; + min-width: 1.875em; } .oo-ui-popupToolGroup.oo-ui-iconElement { - min-width: 3.125em; + min-width: 3.125em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement { - min-width: 2.5em; + min-width: 2.5em; } .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 4.375em; + min-width: 4.375em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 3.75em; + min-width: 3.75em; } .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.6; - margin: 0 1em; + line-height: 2.6; + margin: 0 1em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin: 0 0.5em; + margin: 0 0.5em; } .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-left: 3em; + margin-left: 3em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-left: 2.5em; + margin-left: 2.5em; } .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 2em; + margin-right: 2em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 1.75em; + margin-right: 1.75em; } .oo-ui-popupToolGroup-header { - line-height: 2.6; - margin: 0 0.6em; - font-weight: bold; + line-height: 2.6; + margin: 0 0.6em; + font-weight: bold; } .oo-ui-popupToolGroup-handle { - padding: 0.3125em; - height: 2.5em; + padding: 0.3125em; + height: 2.5em; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - width: 0.9375em; - height: 1.625em; - margin: 0.78125em 0.5em; - top: 0; - right: 0; - opacity: 0.3; + width: 0.9375em; + height: 1.625em; + margin: 0.78125em 0.5em; + top: 0; + right: 0; + opacity: 0.3; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - right: -0.3125em; + right: -0.3125em; } .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - width: 1.875em; - height: 2.6em; - margin: 0.25em; - top: 0; - left: 0.3125em; - opacity: 0.7; + width: 1.875em; + height: 2.6em; + margin: 0.25em; + top: 0; + left: 0.3125em; + opacity: 0.7; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - left: 0; + left: 0; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - top: 3.125em; - margin: 0 -1px; - border: 1px solid #9aa0a7; - background-color: #fff; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); - min-width: 16em; + top: 3.125em; + margin: 0 -1px; + border: 1px solid #c8ccd1; + background-color: #fff; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); + min-width: 16em; } .oo-ui-popupToolGroup .oo-ui-tool-link { - padding: 0.4em 0.625em; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + padding: 0.4em 0.625em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 2.5em; - width: 1.875em; - min-width: 1.875em; + height: 2.5em; + width: 1.875em; + min-width: 1.875em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { - line-height: 2; + line-height: 2; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - padding-left: 0.5em; - color: #222; + padding-left: 0.5em; + color: #222; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { - color: #888; + color: #72777d; } .oo-ui-popupToolGroup.oo-ui-widget-enabled { - -webkit-transition: background-color 100ms, box-shadow 100ms; - -moz-transition: background-color 100ms, box-shadow 100ms; - transition: background-color 100ms, box-shadow 100ms; + -webkit-transition: background-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, box-shadow 100ms; + transition: background-color 100ms, box-shadow 100ms; } .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active { - box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); - background-color: #eaecf0; + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background-color: #eaecf0; } .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { - color: #36c; + color: #36c; } .oo-ui-popupToolGroup.oo-ui-widget-enabled-handle:hover { - background-color: #eaecf0; + background-color: #eaecf0; } .oo-ui-popupToolGroup.oo-ui-widget-enabled-handle:active { - background-color: #eaf3ff; + background-color: #eaf3ff; } .oo-ui-listToolGroup .oo-ui-tool { - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - background-color: #eaecf0; + background-color: #eaecf0; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.9; + opacity: 0.9; } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { - background-color: #eaf3ff; + background-color: #eaf3ff; } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:first-child { - box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { - background-color: rgba(41, 98, 204, 0.1); + background-color: rgba(41, 98, 204, 0.1); } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { - color: #36c; + color: #36c; } .oo-ui-listToolGroup.oo-ui-widget-disabled, -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-accel { - color: #72777d; +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title { + color: #72777d; } .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon, .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon { - opacity: 0.3; + opacity: 0.3; } .oo-ui-menuToolGroup .oo-ui-tool { - display: block; + display: block; } .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 10em; + min-width: 10em; } .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 8.125em; + min-width: 8.125em; } .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: none; + background-image: none; } .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: url('themes/mediawiki/images/icons/check-progressive.png'); - background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-progressive.svg'); - background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-progressive.svg'); - background-image: -o-linear-gradient(transparent, transparent), url('themes/mediawiki/images/icons/check-progressive.png'); - background-size: contain; - background-position: center center; - background-repeat: no-repeat; + background-image: url('themes/mediawiki/images/icons/check-progressive.png'); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-progressive.svg'); + background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-progressive.svg'); + background-image: -o-linear-gradient(transparent, transparent), url('themes/mediawiki/images/icons/check-progressive.png'); + background-size: contain; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - background-color: rgba(41, 98, 204, 0.1); + background-color: rgba(41, 98, 204, 0.1); } .oo-ui-menuToolGroup .oo-ui-tool-name-menuTool.oo-ui-tool-active { - background-color: #eaf3ff; + background-color: #eaf3ff; } .oo-ui-menuToolGroup.oo-ui-widget-disabled, .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title { - color: #72777d; + color: #72777d; } .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon, .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon { - opacity: 0.3; + opacity: 0.3; } .oo-ui-toolbar { - clear: both; + clear: both; } .oo-ui-toolbar-bar { - line-height: 1; - position: relative; + line-height: 1; + position: relative; } .oo-ui-toolbar-tools, .oo-ui-toolbar-actions, .oo-ui-toolbar-shadow { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-toolbar-tools { - display: inline; - white-space: nowrap; + display: inline; + white-space: nowrap; } .oo-ui-toolbar-narrow .oo-ui-toolbar-tools { - white-space: normal; + white-space: normal; } .oo-ui-toolbar-tools .oo-ui-tool { - white-space: normal; + white-space: normal; } .oo-ui-toolbar-actions { - float: right; + float: right; } .oo-ui-toolbar-actions .oo-ui-toolbar { - display: inline-block; + display: inline-block; } .oo-ui-toolbar-actions .oo-ui-popupWidget { - -webkit-touch-callout: default; - -webkit-user-select: all; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; } .oo-ui-toolbar-shadow { - background-position: left top; - background-repeat: repeat-x; - position: absolute; - width: 100%; - pointer-events: none; + background-position: left top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; } .oo-ui-toolbar-bar { - border-bottom: 1px solid #c8ccd1; - background-color: #fff; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - font-weight: 500; - color: #222; + border-bottom: 1px solid #c8ccd1; + background-color: #fff; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + font-weight: 500; + color: #222; } .oo-ui-toolbar-bar .oo-ui-toolbar-bar { - border-bottom: 0; - background-color: transparent; - box-shadow: none; + border-bottom: 0; + background-color: transparent; + box-shadow: none; } .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement { - margin: 0; + margin: 0; } .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button { - border: 0; - border-radius: 0; - padding: 0 0.3125em; + border: 0; + border-radius: 0; + padding: 0 0.3125em; } .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin: 0 1em; - line-height: 3.125em; + margin: 0 1em; + line-height: 3.125em; } .oo-ui-toolbar-actions > .oo-ui-toolbar:not( :last-child ) { - border-right: 1px solid #9aa0a7; + border-right: 1px solid #c8ccd1; } diff --git a/resources/lib/oojs-ui/oojs-ui-toolbars.js b/resources/lib/oojs-ui/oojs-ui-toolbars.js index 822b2d92bb..e17f511a16 100644 --- a/resources/lib/oojs-ui/oojs-ui-toolbars.js +++ b/resources/lib/oojs-ui/oojs-ui-toolbars.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:01Z + * Date: 2016-11-09T00:52:37Z */ ( function ( OO ) { @@ -320,6 +320,7 @@ OO.ui.Toolbar = function OoUiToolbar( toolFactory, toolGroupFactory, config ) { this.$bar = $( '
' ); this.$actions = $( '
' ); this.initialized = false; + this.narrowThreshold = null; this.onWindowResizeHandler = this.onWindowResize.bind( this ); // Events @@ -402,10 +403,24 @@ OO.ui.Toolbar.prototype.onPointerDown = function ( e ) { OO.ui.Toolbar.prototype.onWindowResize = function () { this.$element.toggleClass( 'oo-ui-toolbar-narrow', - this.$bar.width() <= this.narrowThreshold + this.$bar.width() <= this.getNarrowThreshold() ); }; +/** + * Get the (lazily-computed) width threshold for applying the oo-ui-toolbar-narrow + * class. + * + * @private + * @return {number} Width threshold in pixels + */ +OO.ui.Toolbar.prototype.getNarrowThreshold = function () { + if ( this.narrowThreshold === null ) { + this.narrowThreshold = this.$group.width() + this.$actions.width(); + } + return this.narrowThreshold; +}; + /** * Sets up handles and preloads required information for the toolbar to work. * This must be called after it is attached to a visible document and before doing anything else. @@ -413,7 +428,6 @@ OO.ui.Toolbar.prototype.onWindowResize = function () { OO.ui.Toolbar.prototype.initialize = function () { if ( !this.initialized ) { this.initialized = true; - this.narrowThreshold = this.$group.width() + this.$actions.width(); $( this.getElementWindow() ).on( 'resize', this.onWindowResizeHandler ); this.onWindowResize(); } @@ -1896,6 +1910,8 @@ OO.ui.PopupToolGroup.prototype.onHandleMouseKeyDown = function ( e ) { * * When active, the popup is visible. A mouseup event anywhere in the document will trigger * deactivation. + * + * @param {boolean} value The active state to set */ OO.ui.PopupToolGroup.prototype.setActive = function ( value ) { var containerWidth, containerLeft; diff --git a/resources/lib/oojs-ui/oojs-ui-widgets-apex.css b/resources/lib/oojs-ui/oojs-ui-widgets-apex.css index 2d2b200562..d6ba00b71b 100644 --- a/resources/lib/oojs-ui/oojs-ui-widgets-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-widgets-apex.css @@ -1,576 +1,579 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:06Z + * Date: 2016-11-09T00:52:42Z */ .oo-ui-draggableElement-handle, .oo-ui-draggableElement-handle.oo-ui-widget { - cursor: move; - cursor: url(images/grab.cur ); - cursor: -webkit-grab; - cursor: -moz-grab; - cursor: grab; + cursor: move; + cursor: url(images/grab.cur ); + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } .oo-ui-draggableElement-handle:active { - cursor: url(images/grabbing.cur ); - cursor: -webkit-grabbing; - cursor: -moz-grabbing; - cursor: grabbing; + cursor: url(images/grabbing.cur ); + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } .oo-ui-draggableElement-handle.oo-ui-widget-disabled, .oo-ui-widget-disabled .oo-ui-draggableElement-handle { - cursor: default; + cursor: default; } .oo-ui-draggableElement-placeholder { - opacity: 0.2; + opacity: 0.2; } .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement { - display: inline-block; + display: inline-block; } .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { - overflow-y: hidden; + overflow-y: hidden; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable { - overflow-y: auto; + overflow-y: auto; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded { - padding: 2em; + padding: 2em; } .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 3em; - overflow-y: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 3em; + overflow-y: auto; } .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { - position: absolute; - bottom: 0; - left: 0; - right: 0; + position: absolute; + bottom: 0; + left: 0; + right: 0; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { - padding: 1.5em; + padding: 1.5em; } .oo-ui-bookletLayout-outlinePanel { - border-right: 1px solid #ddd; + border-right: 1px solid #ddd; } .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { - box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); } .oo-ui-indexLayout > .oo-ui-menuLayout-menu { - height: 3em; + height: 3em; } .oo-ui-indexLayout > .oo-ui-menuLayout-content { - top: 3em; + top: 3em; } .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout { - padding: 1.5em; + padding: 1.5em; } .oo-ui-menuLayout { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - /* stylelint-disable declaration-no-important */ - /* stylelint-enable declaration-no-important */ + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + /* stylelint-disable declaration-no-important */ + /* stylelint-enable declaration-no-important */ } .oo-ui-menuLayout-menu, .oo-ui-menuLayout-content { - position: absolute; - -webkit-transition: all 200ms ease; - -moz-transition: all 200ms ease; - transition: all 200ms ease; + position: absolute; + -webkit-transition: all 200ms ease; + -moz-transition: all 200ms ease; + transition: all 200ms ease; } .oo-ui-menuLayout-menu { - height: 18em; - width: 18em; + height: 18em; + width: 18em; } .oo-ui-menuLayout-content { - top: 18em; - left: 18em; - right: 18em; - bottom: 18em; + top: 18em; + left: 18em; + right: 18em; + bottom: 18em; } .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu { - width: 0 !important; - height: 0 !important; - overflow: hidden; + width: 0 !important; + height: 0 !important; + overflow: hidden; } .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content { - top: 0 !important; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu { - width: auto !important; - left: 0; - top: 0; - right: 0; + width: auto !important; + left: 0; + top: 0; + right: 0; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content { - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu { - height: auto !important; - top: 0; - right: 0; - bottom: 0; + height: auto !important; + top: 0; + right: 0; + bottom: 0; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content { - bottom: 0 !important; - left: 0 !important; - top: 0 !important; + bottom: 0 !important; + left: 0 !important; + top: 0 !important; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu { - width: auto !important; - right: 0; - bottom: 0; - left: 0; + width: auto !important; + right: 0; + bottom: 0; + left: 0; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content { - left: 0 !important; - top: 0 !important; - right: 0 !important; + left: 0 !important; + top: 0 !important; + right: 0 !important; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu { - height: auto !important; - bottom: 0; - left: 0; - top: 0; + height: auto !important; + bottom: 0; + left: 0; + top: 0; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; + top: 0 !important; + right: 0 !important; + bottom: 0 !important; } .oo-ui-stackLayout-continuous > .oo-ui-panelLayout { - display: block; - position: relative; + display: block; + position: relative; } .oo-ui-buttonSelectWidget { - display: inline-block; - white-space: nowrap; - border-radius: 0.3em; - margin-right: 0.5em; + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; + margin-right: 0.5em; } .oo-ui-buttonSelectWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; + border-radius: 0; + margin-left: -1px; } .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 0.3em; - border-top-left-radius: 0.3em; - margin-left: 0; + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; + margin-left: 0; } .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 0.3em; - border-top-right-radius: 0.3em; + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; } .oo-ui-buttonOptionWidget { - display: inline-block; - padding: 0; - background-color: transparent; + display: inline-block; + padding: 0; + background-color: transparent; } .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button { - cursor: default; + cursor: default; } .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - position: static; - display: inline-block; - vertical-align: middle; + position: static; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected, .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { - background-color: transparent; + background-color: transparent; } .oo-ui-toggleButtonWidget { - margin-right: 0.5em; + margin-right: 0.5em; } .oo-ui-toggleButtonWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-toggleSwitchWidget { - position: relative; - display: inline-block; - vertical-align: middle; - overflow: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - height: 2em; - width: 4em; - border-radius: 1em; - box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd; - border: 1px solid #ccc; - margin-right: 0.5em; - background-color: #eee; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff)); - background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%); - background-image: -moz-linear-gradient(top, #ddd 0, #fff 100%); - background-image: linear-gradient(to bottom, #ddd 0, #fff 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffdddddd\', endColorstr=\'#ffffffff\' )'; + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + height: 2em; + width: 4em; + border-radius: 1em; + box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd; + border: 1px solid #ccc; + margin-right: 0.5em; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff)); + background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%); + background-image: -moz-linear-gradient(top, #ddd 0, #fff 100%); + background-image: linear-gradient(to bottom, #ddd 0, #fff 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )"; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { - cursor: pointer; + cursor: pointer; } .oo-ui-toggleSwitchWidget-grip { - position: absolute; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-toggleSwitchWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { - opacity: 0.5; + opacity: 0.5; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { - border-color: #aaa; + border-color: #aaa; } .oo-ui-toggleSwitchWidget-grip { - top: 0.25em; - left: 0.25em; - width: 1.5em; - height: 1.5em; - margin-top: -1px; - border-radius: 1em; - box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); - border: 1px #c9c9c9 solid; - -webkit-transition: left 250ms ease, margin-left 250ms ease; - -moz-transition: left 250ms ease, margin-left 250ms ease; - transition: left 250ms ease, margin-left 250ms ease; - background-color: #eee; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd)); - background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%); - background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%); - background-image: linear-gradient(to bottom, #fff 0, #ddd 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffffff\', endColorstr=\'#ffdddddd\' )'; + top: 0.25em; + left: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border-radius: 1em; + box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); + border: 1px #c9c9c9 solid; + -webkit-transition: left 250ms ease, margin-left 250ms ease; + -moz-transition: left 250ms ease, margin-left 250ms ease; + transition: left 250ms ease, margin-left 250ms ease; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd)); + background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%); + background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%); + background-image: linear-gradient(to bottom, #fff 0, #ddd 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )"; } .oo-ui-toggleSwitchWidget-glow { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - border-radius: 1em; - box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); - -webkit-transition: opacity 250ms ease; - -moz-transition: opacity 250ms ease; - transition: opacity 250ms ease; - background-color: #cde7f4; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa)); - background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); - background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); - background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffb0d9ee\', endColorstr=\'#ffeaf4fa\' )'; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + border-radius: 1em; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + -webkit-transition: opacity 250ms ease; + -moz-transition: opacity 250ms ease; + transition: opacity 250ms ease; + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )"; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { - opacity: 0; + opacity: 0; } .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { - left: 0.25em; - margin-left: 0; + left: 0.25em; + margin-left: 0; } .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { - opacity: 1; + opacity: 1; } .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { - left: 2.25em; - margin-left: -2px; + left: 2.25em; + margin-left: -2px; } .oo-ui-selectFileWidget { - display: inline-block; - vertical-align: middle; - width: 100%; - max-width: 50em; - margin-right: 0.5em; + display: inline-block; + vertical-align: middle; + width: 100%; + max-width: 50em; + margin-right: 0.5em; } .oo-ui-selectFileWidget-selectButton { - display: table-cell; + display: table-cell; } .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - z-index: 1; - cursor: pointer; - padding-top: 100px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + z-index: 1; + cursor: pointer; + padding-top: 100px; } .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] { - display: none; + display: none; } .oo-ui-selectFileWidget-info { - width: 100%; - display: table-cell; - vertical-align: middle; - position: relative; - overflow: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + display: table-cell; + vertical-align: middle; + position: relative; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator, .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon { - position: absolute; + position: absolute; } .oo-ui-widget-disabled .oo-ui-selectFileWidget-info { - cursor: default; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + cursor: default; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-selectFileWidget-label { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - text-overflow: ellipsis; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + text-overflow: ellipsis; } .oo-ui-selectFileWidget-clearButton { - position: absolute; - z-index: 2; + position: absolute; + z-index: 2; } .oo-ui-selectFileWidget-dropTarget { - position: relative; - cursor: default; - height: 8.815em; + position: relative; + cursor: default; + height: 8.815em; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton, .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon { - display: none; + display: none; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail { - width: 7.815em; - position: absolute; - top: 0.5em; - bottom: 0.5em; - left: 0.5em; - background-position: center center; - background-repeat: no-repeat; - background-size: contain; + width: 7.815em; + position: absolute; + top: 0.5em; + bottom: 0.5em; + left: 0.5em; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending { - background-repeat: repeat; - background-size: auto; + background-repeat: repeat; + background-size: auto; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon { - opacity: 0.4; - height: 7.815em; - width: 7.815em; + opacity: 0.4; + height: 7.815em; + width: 7.815em; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info { - display: block; - height: 100%; - width: auto; - margin-left: 8.815em; - border: 0; + display: block; + height: 100%; + width: auto; + margin-left: 8.815em; + border: 0; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label { - display: block; - position: relative; - top: inherit; + display: block; + position: relative; + top: inherit; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName { - display: block; - padding-top: 0.5em; - padding-right: 2.375em; + display: block; + padding-top: 0.5em; + padding-right: 2.375em; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton { - right: 0.5em; + right: 0.5em; } .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail, .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info { - display: none; + display: none; } .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton { - display: block; - margin: 2.2em 1em 1em; + display: block; + margin: 2.2em 1em 1em; } .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget { - text-align: center; + text-align: center; } .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info { - margin: 0; + margin: 0; } .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton, .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton { - display: none; + display: none; +} +.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label { + cursor: default; } .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel { - display: block; + display: block; } .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button { - cursor: no-drop; + cursor: no-drop; } .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget { - height: auto; + height: auto; } .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label { - padding: 1em; + padding: 1em; } .oo-ui-selectFileWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button { - border-radius: 0 0.25em 0.25em 0; + border-radius: 0 0.25em 0.25em 0; } .oo-ui-selectFileWidget-info { - height: 2.4em; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0.25em 0 0 0.25em; - border-width: 1px 0 1px 1px; + height: 2.4em; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0.25em 0 0 0.25em; + border-width: 1px 0 1px 1px; } .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon { - top: 0; - left: 0; - height: 2.3em; - margin-left: 0.3em; + top: 0; + left: 0; + height: 2.3em; + margin-left: 0.3em; } .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator { - top: 0; - right: 0; - height: 2.3em; - margin-right: 0.775em; + top: 0; + right: 0; + height: 2.3em; + margin-right: 0.775em; } .oo-ui-selectFileWidget-label { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - left: 0.5em; - right: 2.175em; - line-height: 2.3em; - margin: 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + left: 0.5em; + right: 2.175em; + line-height: 2.3em; + margin: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .oo-ui-selectFileWidget-clearButton { - top: 0; - right: 0; - width: 1.875em; - margin-right: 0; + top: 0; + right: 0; + width: 1.875em; + margin-right: 0; } .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - height: 2.3em; + height: 2.3em; } .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label { - color: #ccc; + color: #ccc; } .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label { - left: 2.475em; + left: 2.475em; } .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label { - right: 4.2625em; + right: 4.2625em; } .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton { - right: 2.0875em; + right: 2.0875em; } .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label, .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label { - right: 0.5em; + right: 0.5em; } .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label, .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label, .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label, .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label { - right: 2em; + right: 2em; } .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget { - background-color: #e1f3ff; + background-color: #e1f3ff; } .oo-ui-selectFileWidget-dropTarget { - background-color: #fff; - border: 1px solid #aaa; - vertical-align: middle; - border-radius: 0.25em; + background-color: #fff; + border: 1px solid #aaa; + vertical-align: middle; + border-radius: 0.25em; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button { - border-radius: 0.25em; + border-radius: 0.25em; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label { - line-height: 1.4; - overflow: inherit; - white-space: normal; + line-height: 1.4; + overflow: inherit; + white-space: normal; } .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget { - border-style: dashed; + border-style: dashed; } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget { - background-color: #f3f3f3; - color: #ccc; - border-color: #ddd; - text-shadow: 0 1px 1px #fff; + background-color: #f3f3f3; + color: #ccc; + border-color: #ddd; + text-shadow: 0 1px 1px #fff; } .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info, .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info { - background-color: #f3f3f3; - color: #ccc; - border-color: #ddd; - text-shadow: 0 1px 1px #fff; + background-color: #f3f3f3; + color: #ccc; + border-color: #ddd; + text-shadow: 0 1px 1px #fff; } .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon, @@ -578,328 +581,329 @@ .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator, .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator { - opacity: 0.2; + opacity: 0.2; } .oo-ui-outlineOptionWidget { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 1.1em; - padding: 0.75em; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1.1em; + padding: 0.75em; } .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon { - font-size: 90.90909%; + font-size: 90.90909%; } .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { - padding-right: 1.5em; + padding-right: 1.5em; } .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - opacity: 0.5; + opacity: 0.5; } .oo-ui-outlineOptionWidget-level-0 { - padding-left: 3.5em; + padding-left: 3.5em; } .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon { - left: 1em; + left: 1em; } .oo-ui-outlineOptionWidget-level-1 { - padding-left: 5em; + padding-left: 5em; } .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon { - left: 2.5em; + left: 2.5em; } .oo-ui-outlineOptionWidget-level-2 { - padding-left: 6.5em; + padding-left: 6.5em; } .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon { - left: 4em; + left: 4em; } .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { - background-color: #a7dcff; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); + background-color: #a7dcff; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); } .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important { - font-weight: bold; + font-weight: bold; } .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { - opacity: 0.5; + opacity: 0.5; } .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { - color: #777; + color: #777; } .oo-ui-outlineControlsWidget { - height: 3em; - background-color: #fff; + height: 3em; + background-color: #fff; } .oo-ui-outlineControlsWidget-items, .oo-ui-outlineControlsWidget-movers { - float: left; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - float: left; - background-position: right center; + float: left; + background-position: right center; } .oo-ui-outlineControlsWidget-items { - float: left; + float: left; } .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { - float: left; + float: left; } .oo-ui-outlineControlsWidget-movers { - float: right; + float: right; } .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { - float: right; + float: right; } .oo-ui-outlineControlsWidget-items, .oo-ui-outlineControlsWidget-movers { - height: 2em; - margin: 0.5em 0.5em 0.5em 0; - padding: 0; + height: 2em; + margin: 0.5em 0.5em 0.5em 0; + padding: 0; } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - width: 1.5em; - height: 2em; - margin: 0.5em 0 0.5em 0.5em; - opacity: 0.2; + width: 1.5em; + height: 2em; + margin: 0.5em 0 0.5em 0.5em; + opacity: 0.2; } .oo-ui-tabSelectWidget { - text-align: left; - white-space: nowrap; - overflow: hidden; - background-color: #eee; - box-shadow: inset 0 -0.015em 0.1em rgba(0, 0, 0, 0.1); + text-align: left; + white-space: nowrap; + overflow: hidden; + background-color: #eee; + box-shadow: inset 0 -0.015em 0.1em rgba(0, 0, 0, 0.1); } .oo-ui-tabOptionWidget { - display: inline-block; - vertical-align: bottom; - padding: 0.5em 1em; - margin: 0.5em 0 0 0.75em; - border: 1px solid transparent; - border-bottom: 0; - border-top-left-radius: 0.5em; - border-top-right-radius: 0.5em; + display: inline-block; + vertical-align: bottom; + padding: 0.5em 1em; + margin: 0.5em 0 0 0.75em; + border: 1px solid transparent; + border-bottom: 0; + border-top-left-radius: 0.5em; + border-top-right-radius: 0.5em; } .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { - padding-right: 1.5em; + padding-right: 1.5em; } .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - opacity: 0.5; + opacity: 0.5; } .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed { - background-color: transparent; + background-color: transparent; } .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { - background-color: rgba(255, 255, 255, 0.2); - border-color: #ddd; + background-color: rgba(255, 255, 255, 0.2); + border-color: #ddd; } .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { - background-color: #fff; - border-color: #ddd; + background-color: #fff; + border-color: #ddd; } .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover { - background-color: #fff; - border-color: #ddd; + background-color: #fff; + border-color: #ddd; } .oo-ui-capsuleMultiselectWidget { - display: inline-block; - position: relative; - width: 100%; - max-width: 50em; + display: inline-block; + position: relative; + width: 100%; + max-width: 50em; } .oo-ui-capsuleMultiselectWidget-handle { - width: 100%; - display: block; - position: relative; + width: 100%; + display: block; + position: relative; } .oo-ui-capsuleMultiselectWidget-content { - position: relative; + position: relative; } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input { - display: none; + display: none; } .oo-ui-capsuleMultiselectWidget-group { - display: inline; + display: inline; } .oo-ui-capsuleMultiselectWidget-handle { - background-color: #fff; - cursor: text; - min-height: 2.4em; - margin-right: 0.5em; - padding: 0.15em 0.25em; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0.25em; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + background-color: #fff; + cursor: text; + min-height: 2.4em; + margin-right: 0.5em; + padding: 0.15em 0.25em; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0.25em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-capsuleMultiselectWidget-handle:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator, .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon { - position: absolute; + position: absolute; } .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input { - border: 0; - line-height: 1.675em; - margin: 0; - margin-left: 0.2em; - padding: 0; - font-size: inherit; - font-family: inherit; - background-color: transparent; - color: #000; - vertical-align: middle; + border: 0; + line-height: 1.675em; + margin: 0; + margin-left: 0.2em; + padding: 0; + font-size: inherit; + font-family: inherit; + background-color: transparent; + color: #000; + vertical-align: middle; } .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus { - outline: none; + outline: none; } .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle { - padding-right: 2.4875em; + padding-right: 2.4875em; } .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator { - right: 0; - top: 0; - margin: 0.775em; + right: 0; + top: 0; + margin: 0.775em; } .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle { - padding-left: 2.475em; + padding-left: 2.475em; } .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon { - left: 0; - top: 0; - margin: 0.3em; + left: 0; + top: 0; + margin: 0.3em; } .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle { - color: #ccc; - text-shadow: 0 1px 1px #fff; - border-color: #ddd; - background-color: #f3f3f3; - cursor: default; + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; + cursor: default; } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon, .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator { - opacity: 0.2; + opacity: 0.2; } .oo-ui-capsuleItemWidget { - position: relative; - display: inline-block; - cursor: default; - white-space: nowrap; - width: auto; - max-width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - vertical-align: middle; - padding: 0 0.4em; - margin: 0.1em; - height: 1.7em; - line-height: 1.7em; - background-color: #eee; - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd)); - background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%); - background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%); - background-image: linear-gradient(to bottom, #fff 0, #ddd 100%); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffffff\', endColorstr=\'#ffdddddd\' )'; - border: 1px solid #ccc; - color: #555; - border-radius: 0.25em; + position: relative; + display: inline-block; + cursor: default; + white-space: nowrap; + width: auto; + max-width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + padding: 0 0.4em; + margin: 0.1em; + height: 1.7em; + line-height: 1.7em; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd)); + background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%); + background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%); + background-image: linear-gradient(to bottom, #fff 0, #ddd 100%); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )"; + border: 1px solid #ccc; + color: #555; + border-radius: 0.25em; } .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: inline-block; - text-overflow: ellipsis; - overflow: hidden; + display: inline-block; + text-overflow: ellipsis; + overflow: hidden; + cursor: text; } .oo-ui-capsuleItemWidget:focus { - outline: none; - border-color: #087ecc; + outline: none; + border-color: #087ecc; } .oo-ui-capsuleItemWidget.oo-ui-widget-disabled { - opacity: 0.5; - -webkit-transform: translate3d(0, 0, 0); - box-shadow: none; - color: #333; - background: #eee; - border-color: #ccc; + opacity: 0.5; + -webkit-transform: translate3d(0, 0, 0); + box-shadow: none; + color: #333; + background: #eee; + border-color: #ccc; } .oo-ui-capsuleItemWidget > .oo-ui-buttonElement { - margin-top: -1.25em; - padding-left: 0.3em; + margin-top: -1.25em; + padding-left: 0.3em; } .oo-ui-searchWidget-query { - position: absolute; - top: 0; - left: 0; - right: 0; + position: absolute; + top: 0; + left: 0; + right: 0; } .oo-ui-searchWidget-query .oo-ui-textInputWidget { - width: 100%; + width: 100%; } .oo-ui-searchWidget-results { - position: absolute; - bottom: 0; - left: 0; - right: 0; - overflow-x: hidden; - overflow-y: auto; + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow-x: hidden; + overflow-y: auto; } .oo-ui-searchWidget-query { - height: 4em; - padding: 0 1em; - box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); + height: 4em; + padding: 0 1em; + box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); } .oo-ui-searchWidget-query .oo-ui-textInputWidget { - margin: 0.75em 0; + margin: 0.75em 0; } .oo-ui-searchWidget-results { - top: 4em; - padding: 1em; - line-height: 0; + top: 4em; + padding: 1em; + line-height: 0; } .oo-ui-numberInputWidget { - display: inline-block; - position: relative; - max-width: 50em; + display: inline-block; + position: relative; + max-width: 50em; } .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget, .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget { - display: table-cell; + display: table-cell; } .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-numberInputWidget-field { - display: table; - table-layout: fixed; - width: 100%; + display: table; + table-layout: fixed; + width: 100%; } .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget { - width: 2.25em; + width: 2.25em; } .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-width: 0; } .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-width: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-width: 0; } .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input { - border-radius: 0; + border-radius: 0; } diff --git a/resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css index d1b4225111..bf50532b0b 100644 --- a/resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css @@ -1,624 +1,645 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:06Z + * Date: 2016-11-09T00:52:42Z */ .oo-ui-draggableElement-handle, .oo-ui-draggableElement-handle.oo-ui-widget { - cursor: move; - cursor: url(images/grab.cur ); - cursor: -webkit-grab; - cursor: -moz-grab; - cursor: grab; + cursor: move; + cursor: url(images/grab.cur ); + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } .oo-ui-draggableElement-handle:active { - cursor: url(images/grabbing.cur ); - cursor: -webkit-grabbing; - cursor: -moz-grabbing; - cursor: grabbing; + cursor: url(images/grabbing.cur ); + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } .oo-ui-draggableElement-handle.oo-ui-widget-disabled, .oo-ui-widget-disabled .oo-ui-draggableElement-handle { - cursor: default; + cursor: default; } .oo-ui-draggableElement-placeholder { - opacity: 0.2; + opacity: 0.2; } .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement { - display: inline-block; + display: inline-block; } .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { - overflow-y: hidden; + overflow-y: hidden; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable { - overflow-y: auto; + overflow-y: auto; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded { - padding: 2em; + padding: 2em; } .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 3em; - overflow-y: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 3em; + overflow-y: auto; } .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { - position: absolute; - bottom: 0; - left: 0; - right: 0; + position: absolute; + bottom: 0; + left: 0; + right: 0; } .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { - padding: 1.5em; + padding: 1.5em; } .oo-ui-bookletLayout-outlinePanel { - border-right: 1px solid #ddd; + border-right: 1px solid #ddd; } .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { - box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); } .oo-ui-indexLayout > .oo-ui-menuLayout-menu { - height: 3em; + height: 3em; } .oo-ui-indexLayout > .oo-ui-menuLayout-content { - top: 3em; + top: 3em; } .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout { - padding: 1.5em; + padding: 1.5em; } .oo-ui-indexLayout > .oo-ui-menuLayout-menu { - height: 2.75em; + height: 2.75em; } .oo-ui-indexLayout > .oo-ui-menuLayout-content { - top: 2.75em; + top: 2.75em; } .oo-ui-menuLayout { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - /* stylelint-disable declaration-no-important */ - /* stylelint-enable declaration-no-important */ + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + /* stylelint-disable declaration-no-important */ + /* stylelint-enable declaration-no-important */ } .oo-ui-menuLayout-menu, .oo-ui-menuLayout-content { - position: absolute; - -webkit-transition: all 200ms ease; - -moz-transition: all 200ms ease; - transition: all 200ms ease; + position: absolute; + -webkit-transition: all 200ms ease; + -moz-transition: all 200ms ease; + transition: all 200ms ease; } .oo-ui-menuLayout-menu { - height: 18em; - width: 18em; + height: 18em; + width: 18em; } .oo-ui-menuLayout-content { - top: 18em; - left: 18em; - right: 18em; - bottom: 18em; + top: 18em; + left: 18em; + right: 18em; + bottom: 18em; } .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu { - width: 0 !important; - height: 0 !important; - overflow: hidden; + width: 0 !important; + height: 0 !important; + overflow: hidden; } .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content { - top: 0 !important; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu { - width: auto !important; - left: 0; - top: 0; - right: 0; + width: auto !important; + left: 0; + top: 0; + right: 0; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content { - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu { - height: auto !important; - top: 0; - right: 0; - bottom: 0; + height: auto !important; + top: 0; + right: 0; + bottom: 0; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content { - bottom: 0 !important; - left: 0 !important; - top: 0 !important; + bottom: 0 !important; + left: 0 !important; + top: 0 !important; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu { - width: auto !important; - right: 0; - bottom: 0; - left: 0; + width: auto !important; + right: 0; + bottom: 0; + left: 0; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content { - left: 0 !important; - top: 0 !important; - right: 0 !important; + left: 0 !important; + top: 0 !important; + right: 0 !important; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu { - height: auto !important; - bottom: 0; - left: 0; - top: 0; + height: auto !important; + bottom: 0; + left: 0; + top: 0; } .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; + top: 0 !important; + right: 0 !important; + bottom: 0 !important; } .oo-ui-stackLayout-continuous > .oo-ui-panelLayout { - display: block; - position: relative; + display: block; + position: relative; } .oo-ui-buttonSelectWidget { - display: inline-block; - white-space: nowrap; - border-radius: 2px; - margin-right: 0.5em; + display: inline-block; + white-space: nowrap; + border-radius: 2px; + margin-right: 0.5em; + z-index: 0; + position: relative; } .oo-ui-buttonSelectWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-buttonSelectWidget:focus { - outline: 0; + outline: 0; } .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; + border-radius: 0; + margin-left: -1px; } .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - margin-left: 0; + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + margin-left: 0; } .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; +} +.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { + z-index: 1; +} +.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + z-index: 3; +} +.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + z-index: -1; } .oo-ui-buttonOptionWidget { - display: inline-block; - padding: 0; + display: inline-block; + padding: 0; } .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button { - cursor: default; + cursor: default; } .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - position: static; - display: inline-block; - vertical-align: middle; + position: static; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected, .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { - background-color: transparent; + background-color: transparent; } .oo-ui-toggleButtonWidget { - margin-right: 0.5em; + margin-right: 0.5em; } .oo-ui-toggleButtonWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-toggleSwitchWidget { - position: relative; - display: inline-block; - vertical-align: middle; - overflow: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - background-color: #f8f9fa; - width: 3.5em; - min-height: 26px; - height: 2em; - border: 1px solid #72777d; - border-radius: 1em; - margin-right: 0.5em; - -webkit-transition: background-color 250ms, border-color 250ms; - -moz-transition: background-color 250ms, border-color 250ms; - transition: background-color 250ms, border-color 250ms; + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + background-color: #f8f9fa; + width: 3.5em; + min-height: 26px; + height: 2em; + border: 1px solid #72777d; + border-radius: 1em; + margin-right: 0.5em; + -webkit-transition: background-color 250ms, border-color 250ms; + -moz-transition: background-color 250ms, border-color 250ms; + transition: background-color 250ms, border-color 250ms; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { - cursor: pointer; + cursor: pointer; } .oo-ui-toggleSwitchWidget-grip { - position: absolute; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-toggleSwitchWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-toggleSwitchWidget:before { - content: ''; - display: block; - position: absolute; - top: 1px; - left: 1px; - bottom: 1px; - right: 1px; - border: 1px solid transparent; - border-radius: 1em; - z-index: 1; - -webkit-transition: border-color 250ms; - -moz-transition: border-color 250ms; - transition: border-color 250ms; + content: ''; + display: block; + position: absolute; + top: 1px; + left: 1px; + bottom: 1px; + right: 1px; + border: 1px solid transparent; + border-radius: 1em; + z-index: 1; + -webkit-transition: border-color 250ms; + -moz-transition: border-color 250ms; + transition: border-color 250ms; } .oo-ui-toggleSwitchWidget-grip { - top: 0.3125em; - min-width: 16px; - width: 1.25em; - min-height: 16px; - height: 1.25em; - border-radius: 1.25em; - -webkit-transition: background-color 250ms, left 100ms, margin-left 100ms; - -moz-transition: background-color 250ms, left 100ms, margin-left 100ms; - transition: background-color 250ms, left 100ms, margin-left 100ms; + top: 0.3125em; + min-width: 16px; + width: 1.25em; + min-height: 16px; + height: 1.25em; + border-radius: 1.25em; + -webkit-transition: background-color 250ms, left 100ms, margin-left 100ms; + -moz-transition: background-color 250ms, left 100ms, margin-left 100ms; + transition: background-color 250ms, left 100ms, margin-left 100ms; } .oo-ui-toggleSwitchWidget-glow { - display: none; + display: none; } .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { - left: 0.4em; - margin-left: 0; + left: 0.4em; + margin-left: 0; } .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { - left: 1.9em; - margin-left: -2px; + left: 1.9em; + margin-left: -2px; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { - background-color: #f8f9fa; - border: 1px solid #72777d; + background-color: #f8f9fa; + border: 1px solid #72777d; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { - background-color: #fff; - border-color: #447ff5; + background-color: #fff; + border-color: #447ff5; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { - background-color: #fff; - border-color: #447ff5; + background-color: #fff; + border-color: #447ff5; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover { - background-color: #36c; - border-color: #2a4b8d; +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { + background-color: #2a4b8d; + border-color: #2a4b8d; + box-shadow: inset 0 0 0 1px #2a4b8d; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip { - background-color: #fff; - border-color: #fff; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { + background-color: #fff; + border-color: #fff; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c; - outline: 0; + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c; + outline: 0; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { - border-color: #36c; + border-color: #36c; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { - background-color: #2a4b8d; - border-color: #2a4b8d; + background-color: #36c; + border-color: #36c; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { - background-color: #fff; - border-color: #fff; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); + background-color: #fff; + border-color: #fff; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { - background-color: #36c; - border-color: #36c; + background-color: #447ff5; + border-color: #447ff5; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { - background-color: #2a4b8d; - border-color: #2a4b8d; + background-color: #2a4b8d; + border-color: #2a4b8d; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { - border-color: #36c; + border-color: #36c; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before { - border-color: #fff; + border-color: #fff; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { - background-color: #c8ccd1; - border-color: #c8ccd1; - outline: 0; + background-color: #c8ccd1; + border-color: #c8ccd1; + outline: 0; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { - border: 1px solid #fff; - box-shadow: inset 0 0 0 1px #fff; + border: 1px solid #fff; + box-shadow: inset 0 0 0 1px #fff; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { - background-color: #fff; + background-color: #fff; } .oo-ui-selectFileWidget { - display: inline-block; - vertical-align: middle; - width: 100%; - max-width: 50em; - margin-right: 0.5em; + display: inline-block; + vertical-align: middle; + width: 100%; + max-width: 50em; + margin-right: 0.5em; } .oo-ui-selectFileWidget-selectButton { - display: table-cell; + display: table-cell; } .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - z-index: 1; - cursor: pointer; - padding-top: 100px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + z-index: 1; + cursor: pointer; + padding-top: 100px; } .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] { - display: none; + display: none; } .oo-ui-selectFileWidget-info { - width: 100%; - display: table-cell; - vertical-align: middle; - position: relative; - overflow: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + display: table-cell; + vertical-align: middle; + position: relative; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator, .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon { - position: absolute; + position: absolute; } .oo-ui-widget-disabled .oo-ui-selectFileWidget-info { - cursor: default; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + cursor: default; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-selectFileWidget-label { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - text-overflow: ellipsis; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + text-overflow: ellipsis; } .oo-ui-selectFileWidget-clearButton { - position: absolute; - z-index: 2; + position: absolute; + z-index: 2; } .oo-ui-selectFileWidget-dropTarget { - position: relative; - cursor: default; - height: 8.815em; + position: relative; + cursor: default; + height: 8.815em; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton, .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon { - display: none; + display: none; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail { - width: 7.815em; - position: absolute; - top: 0.5em; - bottom: 0.5em; - left: 0.5em; - background-position: center center; - background-repeat: no-repeat; - background-size: contain; + width: 7.815em; + position: absolute; + top: 0.5em; + bottom: 0.5em; + left: 0.5em; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending { - background-repeat: repeat; - background-size: auto; + background-repeat: repeat; + background-size: auto; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon { - opacity: 0.4; - height: 7.815em; - width: 7.815em; + opacity: 0.4; + height: 7.815em; + width: 7.815em; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info { - display: block; - height: 100%; - width: auto; - margin-left: 8.815em; - border: 0; + display: block; + height: 100%; + width: auto; + margin-left: 8.815em; + border: 0; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label { - display: block; - position: relative; - top: inherit; + display: block; + position: relative; + top: inherit; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName { - display: block; - padding-top: 0.5em; - padding-right: 2.375em; + display: block; + padding-top: 0.5em; + padding-right: 2.375em; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton { - right: 0.5em; + right: 0.5em; } .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail, .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info { - display: none; + display: none; } .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton { - display: block; - margin: 2.2em 1em 1em; + display: block; + margin: 2.2em 1em 1em; } .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget { - text-align: center; + text-align: center; } .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info { - margin: 0; + margin: 0; } .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton, .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton { - display: none; + display: none; +} +.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label { + cursor: default; } .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel { - display: block; + display: block; } .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button { - cursor: no-drop; + cursor: no-drop; } .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget { - height: auto; + height: auto; } .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label { - padding: 1em; + padding: 1em; } .oo-ui-selectFileWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button { - border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; } .oo-ui-selectFileWidget-info { - height: 2.4em; - background-color: #fff; - border: 1px solid #9aa0a7; - border-radius: 2px 0 0 2px; - border-width: 1px 0 1px 1px; + height: 2.4em; + background-color: #fff; + border: 1px solid #a2a9b1; + border-radius: 2px 0 0 2px; + border-width: 1px 0 1px 1px; } .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon { - left: 0; - top: 0; - height: 2.3em; - margin-left: 0.5em; + left: 0; + top: 0; + height: 2.3em; + margin-left: 0.5em; } .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator { - top: 0; - right: 0; - height: 2.3em; - margin-right: 0.775em; + top: 0; + right: 0; + height: 2.3em; + margin-right: 0.775em; } .oo-ui-selectFileWidget-label { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: block; - right: 2.375em; - line-height: 2.3; - margin: 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - padding-left: 0.5em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + right: 2.375em; + margin: 0; + padding-left: 0.5em; + line-height: 2.3; + white-space: nowrap; +} +.oo-ui-selectFileWidget-fileName { + display: block; + overflow: hidden; + text-overflow: ellipsis; } .oo-ui-selectFileWidget-clearButton { - top: 0; - right: 0; - min-width: 24px; - width: 1.875em; - margin-right: 0; + top: 0; + right: 0; + min-width: 24px; + width: 1.875em; + margin-right: 0; } .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - height: 2.3em; + height: 2.3em; } .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label { - color: #72777d; + color: #72777d; } .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label { - left: 2.875em; + left: 2.875em; } .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label { - right: 4.4625em; - padding-left: 0; + right: 4.4625em; + padding-left: 0; } .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton { - right: 2.0875em; + right: 2.0875em; } .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label, .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label { - right: 2em; + right: 2em; } .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget { - background-color: #eaf3ff; + background-color: #eaf3ff; } .oo-ui-selectFileWidget-dropTarget { - background-color: #fff; - border: 1px solid #9aa0a7; - vertical-align: middle; - overflow: hidden; - border-radius: 2px; + background-color: #fff; + border: 1px solid #a2a9b1; + vertical-align: middle; + overflow: hidden; + border-radius: 2px; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button { - border-radius: 2px; + border-radius: 2px; } .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label { - line-height: 1.4; - overflow: inherit; - white-space: normal; + line-height: 1.4; + overflow: inherit; + white-space: normal; } .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { - background-color: #eee; - border-style: dashed; + background-color: #eee; + border-style: dashed; } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget { - background-color: #eaecf0; - border-color: #c8ccd1; + background-color: #eaecf0; + border-color: #c8ccd1; } .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info, .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info { - background-color: #eaecf0; - color: #72777d; - border-color: #c8ccd1; - text-shadow: 0 1px 1px #fff; + background-color: #eaecf0; + color: #72777d; + border-color: #c8ccd1; + text-shadow: 0 1px 1px #fff; } .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon, @@ -626,383 +647,382 @@ .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator, .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator, .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator { - opacity: 0.51; + opacity: 0.51; } .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel { - display: none; + display: none; } .oo-ui-outlineOptionWidget { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 1.1em; - padding: 0.75em; - -webkit-transition: background-color 100ms, color 100ms; - -moz-transition: background-color 100ms, color 100ms; - transition: background-color 100ms, color 100ms; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1.1em; + padding: 0.75em; + -webkit-transition: background-color 100ms, color 100ms; + -moz-transition: background-color 100ms, color 100ms; + transition: background-color 100ms, color 100ms; } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { - background-color: #eaecf0; - color: #000; + background-color: #eaecf0; + color: #000; } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { - background-color: #eaf3ff; - color: #36c; + background-color: #eaf3ff; + color: #36c; } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed { - background-color: rgba(41, 98, 204, 0.1); - color: #36c; + background-color: rgba(41, 98, 204, 0.1); + color: #36c; } .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon { - font-size: 90.90909%; + font-size: 90.90909%; } .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { - padding-right: 1.5em; + padding-right: 1.5em; } .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - opacity: 0.5; + opacity: 0.5; } .oo-ui-outlineOptionWidget-level-0 { - padding-left: 3.5em; + padding-left: 3.5em; } .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon { - left: 1em; + left: 1em; } .oo-ui-outlineOptionWidget-level-1 { - padding-left: 5em; + padding-left: 5em; } .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon { - left: 2.5em; + left: 2.5em; } .oo-ui-outlineOptionWidget-level-2 { - padding-left: 6.5em; + padding-left: 6.5em; } .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon { - left: 4em; + left: 4em; } .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important { - font-weight: bold; + font-weight: bold; } .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { - opacity: 0.5; + opacity: 0.5; } .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { - color: #777; + color: #777; } .oo-ui-outlineControlsWidget { - height: 3em; - background-color: #fff; + height: 3em; + background-color: #fff; } .oo-ui-outlineControlsWidget-items, .oo-ui-outlineControlsWidget-movers { - float: left; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - float: left; - background-position: right center; + float: left; + background-position: right center; } .oo-ui-outlineControlsWidget-items { - float: left; + float: left; } .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { - float: left; + float: left; } .oo-ui-outlineControlsWidget-movers { - float: right; + float: right; } .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { - float: right; + float: right; } .oo-ui-outlineControlsWidget-items, .oo-ui-outlineControlsWidget-movers { - height: 2em; - margin: 0.5em 0.5em 0.5em 0; - padding: 0; + height: 2em; + margin: 0.5em 0.5em 0.5em 0; + padding: 0; } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - width: 1.5em; - height: 2em; - margin: 0.5em 0 0.5em 0.5em; - opacity: 0.2; + width: 1.5em; + height: 2em; + margin: 0.5em 0 0.5em 0.5em; + opacity: 0.2; } .oo-ui-tabSelectWidget { - text-align: left; - white-space: nowrap; - overflow: hidden; - background-color: #ddd; + text-align: left; + white-space: nowrap; + overflow: hidden; + background-color: #ddd; } .oo-ui-tabOptionWidget { - display: inline-block; - vertical-align: bottom; - padding: 0.35em 1em; - margin: 0.5em 0 0 0.75em; - border: 1px solid transparent; - border-bottom: 0; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - color: #222; - font-weight: bold; + display: inline-block; + vertical-align: bottom; + padding: 0.35em 1em; + margin: 0.5em 0 0 0.75em; + border: 1px solid transparent; + border-bottom: 0; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + color: #222; + font-weight: bold; } .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.3); } .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { - background-color: rgba(255, 255, 255, 0.8); + background-color: rgba(255, 255, 255, 0.8); } .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { - padding-right: 1.5em; + padding-right: 1.5em; } .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - opacity: 0.5; + opacity: 0.5; } .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover { - background-color: #fff; - color: #333; + background-color: #fff; + color: #333; } .oo-ui-capsuleMultiselectWidget { - display: inline-block; - position: relative; - width: 100%; - max-width: 50em; + display: inline-block; + position: relative; + width: 100%; + max-width: 50em; } .oo-ui-capsuleMultiselectWidget-handle { - width: 100%; - display: block; - position: relative; + width: 100%; + display: block; + position: relative; } .oo-ui-capsuleMultiselectWidget-content { - position: relative; + position: relative; } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input { - display: none; + display: none; } .oo-ui-capsuleMultiselectWidget-group { - display: inline; + display: inline; } .oo-ui-capsuleMultiselectWidget-handle { - min-height: 2.4em; - margin-right: 0.5em; - padding: 0.15em 0.25em; - border: 1px solid #9aa0a7; - border-radius: 2px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + min-height: 2.4em; + margin-right: 0.5em; + padding: 0.15em 0.25em; + border: 1px solid #a2a9b1; + border-radius: 2px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-capsuleMultiselectWidget-handle:last-child { - margin-right: 0; -} -.oo-ui-capsuleMultiselectWidget-handle:hover { - border-color: #72777d; + margin-right: 0; } .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator, .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon { - position: absolute; + position: absolute; } .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input { - border: 0; - line-height: 1.675; - margin: 0 0 0 0.2em; - padding: 0; - font-size: inherit; - font-family: inherit; - background-color: transparent; - color: #000; - vertical-align: middle; + border: 0; + line-height: 1.675; + margin: 0 0 0 0.2em; + padding: 0; + font-size: inherit; + font-family: inherit; + background-color: transparent; + color: #000; + vertical-align: middle; } .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus { - outline: 0; + outline: 0; } .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle { - padding-right: 2.4875em; + padding-right: 2.4875em; } .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator { - right: 0; - top: 0; - margin: 0.775em; + right: 0; + top: 0; + margin: 0.775em; } .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle { - padding-left: 2.475em; + padding-left: 2.475em; } .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon { - left: 0; - top: 0; - margin: 0.3em; + left: 0; + top: 0; + margin: 0.3em; } .oo-ui-capsuleMultiselectWidget .oo-ui-popupWidget { - width: 100%; - margin-top: -1px; + width: 100%; + margin-top: -1px; } .oo-ui-capsuleMultiselectWidget .oo-ui-popupWidget-popup { - min-width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-width: 0 1px; - border-radius: 0 0 2px 2px; + min-width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-width: 0 1px; + border-radius: 0 0 2px 2px; } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle { - background-color: #fff; - cursor: text; - -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + background-color: #fff; + cursor: text; + -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle { - border-color: #a2a9b1; + border-color: #72777d; } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle { - border-color: #36c; - outline: 0; - box-shadow: inset 0 0 0 1px #36c; + border-color: #36c; + outline: 0; + box-shadow: inset 0 0 0 1px #36c; } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle { - color: #72777d; - text-shadow: 0 1px 1px #fff; - border-color: #c8ccd1; - background-color: #eaecf0; + color: #72777d; + text-shadow: 0 1px 1px #fff; + border-color: #c8ccd1; + background-color: #eaecf0; } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon { - opacity: 0.51; + opacity: 0.51; } .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator { - opacity: 0.15; + opacity: 0.15; } .oo-ui-capsuleItemWidget { - position: relative; - display: inline-block; - cursor: default; - white-space: nowrap; - width: auto; - max-width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - vertical-align: middle; - height: 1.7em; - line-height: 1.7; - background-color: #eee; - color: #222; - margin: 0.1em; - border: 1px solid #9aa0a7; - border-radius: 2px; - padding: 0 0.4em; + position: relative; + display: inline-block; + cursor: default; + white-space: nowrap; + width: auto; + max-width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + height: 1.7em; + line-height: 1.7; + background-color: #eee; + color: #222; + margin: 0.1em; + border: 1px solid #a2a9b1; + border-radius: 2px; + padding: 0 0.4em; } .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: inline-block; - text-overflow: ellipsis; - overflow: hidden; + display: inline-block; + text-overflow: ellipsis; + overflow: hidden; + cursor: text; } .oo-ui-capsuleItemWidget:focus { - outline: 0; - border-color: #36c; - box-shadow: inset 0 0 0 1px #36c; + outline: 0; + border-color: #36c; + box-shadow: inset 0 0 0 1px #36c; } .oo-ui-capsuleItemWidget.oo-ui-widget-disabled { - background-color: #eaecf0; - color: #72777d; - border-color: #c8ccd1; - text-shadow: 0 1px 1px #fff; + background-color: #eaecf0; + color: #72777d; + border-color: #c8ccd1; + text-shadow: 0 1px 1px #fff; } .oo-ui-capsuleItemWidget > .oo-ui-buttonElement { - display: none; + display: none; } .oo-ui-capsuleItemWidget.oo-ui-widget-enabled { - padding-right: 1.5375em; + padding-right: 1.5375em; } .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement { - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; } .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button { - display: block; - width: 1.5375em; - height: 100%; + display: block; + width: 1.5375em; + height: 100%; } .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear { - position: absolute; - top: 0; - right: 0.3em; - bottom: 0; - height: auto; + position: absolute; + top: 0; + right: 0.3em; + bottom: 0; + height: auto; } .oo-ui-searchWidget-query { - position: absolute; - top: 0; - left: 0; - right: 0; + position: absolute; + top: 0; + left: 0; + right: 0; } .oo-ui-searchWidget-query .oo-ui-textInputWidget { - width: 100%; + width: 100%; } .oo-ui-searchWidget-results { - position: absolute; - bottom: 0; - left: 0; - right: 0; - overflow-x: hidden; - overflow-y: auto; + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow-x: hidden; + overflow-y: auto; } .oo-ui-searchWidget-query { - height: 4em; - padding: 0 1em; - border-bottom: 1px solid #9aa0a7; + height: 4em; + padding: 0 1em; + border-bottom: 1px solid #a2a9b1; } .oo-ui-searchWidget-query .oo-ui-textInputWidget { - margin: 0.75em 0; + margin: 0.75em 0; } .oo-ui-searchWidget-results { - top: 4em; - padding: 1em; - line-height: 0; + top: 4em; + padding: 1em; + line-height: 0; } .oo-ui-numberInputWidget { - display: inline-block; - position: relative; - max-width: 50em; + display: inline-block; + position: relative; + max-width: 50em; } .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget, .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget { - display: table-cell; + display: table-cell; } .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-numberInputWidget-field { - display: table; - table-layout: fixed; - width: 100%; + display: table; + table-layout: fixed; + width: 100%; } .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget { - width: 2.5em; + width: 2.5em; } .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button { - display: block; - padding-left: 0; - padding-right: 0; + display: block; + min-height: 2.5em; + padding-left: 0; + padding-right: 0; } .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input { - border-radius: 0; + border-radius: 0; } .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-width: 0; } .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-width: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-width: 0; } diff --git a/resources/lib/oojs-ui/oojs-ui-widgets.js b/resources/lib/oojs-ui/oojs-ui-widgets.js index 636e3f58b7..6962c92909 100644 --- a/resources/lib/oojs-ui/oojs-ui-widgets.js +++ b/resources/lib/oojs-ui/oojs-ui-widgets.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:01Z + * Date: 2016-11-09T00:52:37Z */ ( function ( OO ) { @@ -85,7 +85,7 @@ OO.ui.mixin.DraggableElement.static.cancelButtonMouseDownEvents = false; * Respond to mousedown event. * * @private - * @param {jQuery.Event} e jQuery event + * @param {jQuery.Event} e Drag event */ OO.ui.mixin.DraggableElement.prototype.onDragMouseDown = function ( e ) { this.wasHandleUsed = @@ -99,7 +99,8 @@ OO.ui.mixin.DraggableElement.prototype.onDragMouseDown = function ( e ) { * Respond to dragstart event. * * @private - * @param {jQuery.Event} e jQuery event + * @param {jQuery.Event} e Drag event + * @return {boolean} False if the event is cancelled * @fires dragstart */ OO.ui.mixin.DraggableElement.prototype.onDragStart = function ( e ) { @@ -149,7 +150,7 @@ OO.ui.mixin.DraggableElement.prototype.onDragEnd = function () { * Handle drop event. * * @private - * @param {jQuery.Event} e jQuery event + * @param {jQuery.Event} e Drop event * @fires drop */ OO.ui.mixin.DraggableElement.prototype.onDrop = function ( e ) { @@ -161,6 +162,7 @@ OO.ui.mixin.DraggableElement.prototype.onDrop = function ( e ) { * In order for drag/drop to work, the dragover event must * return false and stop propogation. * + * @param {jQuery.Event} e Drag event * @private */ OO.ui.mixin.DraggableElement.prototype.onDragOver = function ( e ) { @@ -3103,13 +3105,10 @@ OO.ui.OutlineOptionWidget.prototype.getLevel = function () { */ OO.ui.OutlineOptionWidget.prototype.setPressed = function ( state ) { OO.ui.OutlineOptionWidget.parent.prototype.setPressed.call( this, state ); - if ( this.constructor.static.pressable ) { - this.pressed = !!state; - if ( this.pressed ) { - this.setFlags( 'progressive' ); - } else if ( !this.selected ) { - this.clearFlags(); - } + if ( this.pressed ) { + this.setFlags( 'progressive' ); + } else if ( !this.selected ) { + this.clearFlags(); } return this; }; @@ -3147,13 +3146,10 @@ OO.ui.OutlineOptionWidget.prototype.setRemovable = function ( removable ) { */ OO.ui.OutlineOptionWidget.prototype.setSelected = function ( state ) { OO.ui.OutlineOptionWidget.parent.prototype.setSelected.call( this, state ); - if ( this.constructor.static.selectable ) { - this.selected = !!state; - if ( this.selected ) { - this.setFlags( 'progressive' ); - } else { - this.clearFlags(); - } + if ( this.selected ) { + this.setFlags( 'progressive' ); + } else { + this.clearFlags(); } return this; }; @@ -3496,6 +3492,8 @@ OO.ui.CapsuleItemWidget.prototype.onClick = function () { /** * Handle keyDown event for the entire capsule + * + * @param {jQuery.Event} e Key down event */ OO.ui.CapsuleItemWidget.prototype.onKeyDown = function ( e ) { var element = this.getElementGroup(); @@ -3573,6 +3571,7 @@ OO.ui.CapsuleItemWidget.prototype.focus = function () { * * @constructor * @param {Object} [config] Configuration options + * @cfg {string} [placeholder] Placeholder text * @cfg {boolean} [allowArbitrary=false] Allow data items to be added even if not present in the menu. * @cfg {Object} [menu] (required) Configuration options to pass to the * {@link OO.ui.MenuSelectWidget menu select widget}. @@ -3599,8 +3598,11 @@ OO.ui.CapsuleMultiselectWidget = function OoUiCapsuleMultiselectWidget( config ) }, config ); // Properties (must be set before mixin constructor calls) - this.$input = config.popup ? null : $( '' ); this.$handle = $( '
' ); + this.$input = config.popup ? null : $( '' ); + if ( config.placeholder !== undefined && config.placeholder !== '' ) { + this.$input.attr( 'placeholder', config.placeholder ); + } // Mixin constructors OO.ui.mixin.GroupElement.call( this, config ); @@ -3676,7 +3678,6 @@ OO.ui.CapsuleMultiselectWidget = function OoUiCapsuleMultiselectWidget( config ) role: 'combobox', 'aria-autocomplete': 'list' } ); - this.updateInputSize(); } if ( config.data ) { this.setItemsFromData( config.data ); @@ -3695,6 +3696,14 @@ OO.ui.CapsuleMultiselectWidget = function OoUiCapsuleMultiselectWidget( config ) this.$content.append( this.$input ); this.$overlay.append( this.menu.$element ); } + + // Input size needs to be calculated after everything else is rendered + setTimeout( function () { + if ( this.$input ) { + this.updateInputSize(); + } + }.bind( this ) ); + this.onMenuItemsChange(); }; @@ -3911,9 +3920,12 @@ OO.ui.CapsuleMultiselectWidget.prototype.addItems = function ( items ) { * @param {Object} item */ OO.ui.CapsuleMultiselectWidget.prototype.editItem = function ( item ) { + this.addItemFromLabel( this.$input.val() ); + this.clearInput(); this.$input.val( item.label ); this.updateInputSize(); this.focus(); + this.menu.updateItemVisibility(); // Hack, we shouldn't be calling this method directly this.removeItems( [ item ] ); }; @@ -4149,11 +4161,31 @@ OO.ui.CapsuleMultiselectWidget.prototype.onKeyDown = function ( e ) { */ OO.ui.CapsuleMultiselectWidget.prototype.updateInputSize = function () { var $lastItem, direction, contentWidth, currentWidth, bestWidth; - if ( !this.isDisabled() ) { + if ( this.$input && !this.isDisabled() ) { this.$input.css( 'width', '1em' ); $lastItem = this.$group.children().last(); direction = OO.ui.Element.static.getDir( this.$handle ); - contentWidth = this.$input[ 0 ].scrollWidth; + + // Get the width of the input with the placeholder text as + // the value and save it so that we don't keep recalculating + if ( + this.contentWidthWithPlaceholder === undefined && + this.$input.val() === '' && + this.$input.attr( 'placeholder' ) !== undefined + ) { + this.$input.val( this.$input.attr( 'placeholder' ) ); + this.contentWidthWithPlaceholder = this.$input[ 0 ].scrollWidth; + this.$input.val( '' ); + + } + + // Always keep the input wide enough for the placeholder text + contentWidth = Math.max( + this.$input[ 0 ].scrollWidth, + // undefined arguments in Math.max lead to NaN + ( this.contentWidthWithPlaceholder === undefined ) ? + 0 : this.contentWidthWithPlaceholder + ); currentWidth = this.$input.width(); if ( contentWidth < currentWidth ) { @@ -4161,13 +4193,14 @@ OO.ui.CapsuleMultiselectWidget.prototype.updateInputSize = function () { return; } - if ( !$lastItem.length ) { + if ( $lastItem.length === 0 ) { bestWidth = this.$content.innerWidth(); } else { bestWidth = direction === 'ltr' ? this.$content.innerWidth() - $lastItem.position().left - $lastItem.outerWidth() : $lastItem.position().left; } + // Some safety margin for sanity, because I *really* don't feel like finding out where the few // pixels this is off by are coming from. bestWidth -= 10; diff --git a/resources/lib/oojs-ui/oojs-ui-windows-apex.css b/resources/lib/oojs-ui/oojs-ui-windows-apex.css index 1cceac5c5f..6258b84372 100644 --- a/resources/lib/oojs-ui/oojs-ui-windows-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-windows-apex.css @@ -1,410 +1,415 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:06Z + * Date: 2016-11-09T00:52:42Z */ .oo-ui-actionWidget.oo-ui-pendingElement-pending { - background-image: /* @embed */ url(themes/apex/images/textures/pending.gif); + background-image: /* @embed */ url(themes/apex/images/textures/pending.gif); } .oo-ui-window { - background-color: transparent; - background-image: none; + background-color: transparent; + background-image: none; } .oo-ui-window-frame { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-window-content { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; } .oo-ui-window-content:focus { - outline: 0; + outline: 0; } .oo-ui-window-head, .oo-ui-window-foot { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-window-body { - margin: 0; - padding: 0; - background: none; + margin: 0; + padding: 0; + background: none; } .oo-ui-window-overlay { - position: absolute; - top: 0; - /* @noflip */ - left: 0; + position: absolute; + top: 0; + /* @noflip */ + left: 0; } .oo-ui-dialog-content > .oo-ui-window-head, .oo-ui-dialog-content > .oo-ui-window-body, .oo-ui-dialog-content > .oo-ui-window-foot { - position: absolute; - left: 0; - right: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dialog-content > .oo-ui-window-head { - overflow: hidden; - z-index: 1; - top: 0; + overflow: hidden; + z-index: 1; + top: 0; } .oo-ui-dialog-content > .oo-ui-window-body { - overflow: auto; - z-index: 2; - top: 0; - bottom: 0; + overflow: auto; + z-index: 2; + top: 0; + bottom: 0; } .oo-ui-dialog-content > .oo-ui-window-foot { - z-index: 3; - bottom: 0; + z-index: 3; + bottom: 0; } .oo-ui-dialog-content > .oo-ui-window-body { - box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + position: relative; + text-align: center; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + display: block; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + position: relative; + top: auto; + bottom: auto; } .oo-ui-messageDialog-actions-horizontal { - display: table; - table-layout: fixed; - width: 100%; + display: table; + table-layout: fixed; + width: 100%; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - display: table-cell; - width: 1%; + display: table-cell; + width: 1%; } .oo-ui-messageDialog-actions-vertical { - display: block; + display: block; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - display: block; - overflow: hidden; - text-overflow: ellipsis; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget { - position: relative; - text-align: center; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { - display: block; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { - position: relative; - top: auto; - bottom: auto; - display: inline; - white-space: nowrap; + display: block; + overflow: hidden; + text-overflow: ellipsis; } .oo-ui-messageDialog-content .oo-ui-window-body { - box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); } .oo-ui-messageDialog-title, .oo-ui-messageDialog-message { - display: block; - text-align: center; + display: block; + text-align: center; } .oo-ui-messageDialog-title.oo-ui-labelElement, .oo-ui-messageDialog-message.oo-ui-labelElement { - padding-top: 0.5em; + padding-top: 0.5em; } .oo-ui-messageDialog-title { - font-size: 1.5em; - line-height: 1em; - color: #000; + font-size: 1.5em; + line-height: 1em; + color: #000; } .oo-ui-messageDialog-message { - font-size: 0.9em; - line-height: 1.25em; - color: #666; + font-size: 0.9em; + line-height: 1.25em; + color: #666; } .oo-ui-messageDialog-message-verbose { - font-size: 1.1em; - line-height: 1.5em; - text-align: left; + font-size: 1.1em; + line-height: 1.5em; + text-align: left; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - border-right: 1px solid #e5e5e5; - margin: 0; + border-right: 1px solid #e5e5e5; + margin: 0; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { - border-right-width: 0; + border-right-width: 0; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - border-bottom: 1px solid #e5e5e5; - margin: 0; + border-bottom: 1px solid #e5e5e5; + margin: 0; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { - border-bottom-width: 0; + border-bottom-width: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget { - height: 3.4em; - margin-right: 0; + height: 3.4em; + margin-right: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child { - margin-right: 0; + margin-right: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - text-align: center; - line-height: 3.4em; + text-align: center; + line-height: 3.4em; } .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { - background-color: rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget:active { - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover { - background-color: rgba(8, 126, 204, 0.05); + background-color: rgba(8, 126, 204, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active { - background-color: rgba(8, 126, 204, 0.1); + background-color: rgba(8, 126, 204, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { - font-weight: bold; + font-weight: bold; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { - background-color: rgba(118, 171, 54, 0.05); + background-color: rgba(118, 171, 54, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { - background-color: rgba(118, 171, 54, 0.1); + background-color: rgba(118, 171, 54, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); + background-color: rgba(212, 83, 83, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { - background-color: rgba(212, 83, 83, 0.1); + background-color: rgba(212, 83, 83, 0.1); } .oo-ui-processDialog-location { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .oo-ui-processDialog-title { - display: inline; - padding: 0; + display: inline; + padding: 0; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget, .oo-ui-processDialog-actions-other .oo-ui-actionWidget { - white-space: nowrap; + white-space: nowrap; } .oo-ui-processDialog-actions-safe, .oo-ui-processDialog-actions-primary { - position: absolute; - top: 0; - bottom: 0; + position: absolute; + top: 0; + bottom: 0; } .oo-ui-processDialog-actions-safe { - left: 0; + left: 0; } .oo-ui-processDialog-actions-primary { - right: 0; + right: 0; } .oo-ui-processDialog-errors { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 2; - overflow-x: hidden; - overflow-y: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; } .oo-ui-processDialog-content .oo-ui-window-head { - height: 3.4em; + height: 3.4em; } .oo-ui-processDialog-content .oo-ui-window-body { - top: 3.4em; - box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); + top: 3.4em; + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); } .oo-ui-processDialog-navigation { - position: relative; - height: 3.4em; - padding: 0 1em; + position: relative; + height: 3.4em; + padding: 0 1em; } .oo-ui-processDialog-location { - padding: 0.75em 0; - height: 1.875em; - cursor: default; - text-align: center; + padding: 0.75em 0; + height: 1.875em; + cursor: default; + text-align: center; } .oo-ui-processDialog-title { - font-weight: bold; - line-height: 1.875em; + font-weight: bold; + line-height: 1.875em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { - min-width: 1.875em; - min-height: 1.875em; + min-width: 1.875em; + min-height: 1.875em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { - line-height: 1.875em; + line-height: 1.875em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - margin-top: -0.125em; + margin-top: -0.125em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed { - margin: 0.75em; + margin: 0.75em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - padding: 0 1em; - vertical-align: middle; - margin: -1px; + padding: 0 1em; + vertical-align: middle; + margin: -1px; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless { - margin: 0; + margin: 0; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button { - padding: 0.75em 1em; - vertical-align: middle; + padding: 0.75em 1em; + vertical-align: middle; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover { - background-color: rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active { - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.1); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover { - background-color: rgba(8, 126, 204, 0.05); + background-color: rgba(8, 126, 204, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active { - background-color: rgba(8, 126, 204, 0.1); + background-color: rgba(8, 126, 204, 0.1); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { - font-weight: bold; + font-weight: bold; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { - background-color: rgba(118, 171, 54, 0.05); + background-color: rgba(118, 171, 54, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { - background-color: rgba(118, 171, 54, 0.1); + background-color: rgba(118, 171, 54, 0.1); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); + background-color: rgba(212, 83, 83, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { - background-color: rgba(212, 83, 83, 0.1); + background-color: rgba(212, 83, 83, 0.1); } .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement { - margin-right: 0; + margin-right: 0; } .oo-ui-processDialog > .oo-ui-window-frame { - min-height: 5em; + min-height: 5em; } .oo-ui-processDialog-errors { - background-color: rgba(255, 255, 255, 0.9); - padding: 3em 3em 1.5em 3em; - text-align: center; + background-color: rgba(255, 255, 255, 0.9); + padding: 3em 3em 1.5em 3em; + text-align: center; } .oo-ui-processDialog-errors .oo-ui-buttonWidget { - margin: 2em 1em 2em 1em; + margin: 2em 1em 2em 1em; } .oo-ui-processDialog-errors-title { - font-size: 1.5em; - color: #000; - margin-bottom: 2em; + font-size: 1.5em; + color: #000; + margin-bottom: 2em; } .oo-ui-processDialog-error { - text-align: left; - margin: 1em; - padding: 1em; - border: 1px solid #ff9e9e; - background-color: #fff7f7; - border-radius: 0.25em; + text-align: left; + margin: 1em; + padding: 1em; + border: 1px solid #ff9e9e; + background-color: #fff7f7; + border-radius: 0.25em; } .oo-ui-windowManager-modal > .oo-ui-dialog { - position: fixed; - width: 0; - height: 0; - overflow: hidden; - z-index: 4; + position: fixed; + width: 0; + height: 0; + overflow: hidden; + z-index: 4; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active { - width: auto; - height: auto; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1em; + width: auto; + height: auto; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1em; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { - position: absolute; - right: 0; - left: 0; - margin: auto; - overflow: hidden; - max-width: 100%; - max-height: 100%; + position: absolute; + right: 0; + left: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; } .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { - width: 100%; - height: 100%; - top: 0; - bottom: 0; + width: 100%; + height: 100%; + top: 0; + bottom: 0; } .oo-ui-windowManager-modal > .oo-ui-dialog { - background-color: rgba(255, 255, 255, 0.5); - opacity: 0; - -webkit-transition: opacity 250ms ease; - -moz-transition: opacity 250ms ease; - transition: opacity 250ms ease; + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms ease; + -moz-transition: opacity 250ms ease; + transition: opacity 250ms ease; } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { - background-color: #fff; - opacity: 0; - -webkit-transform: scale(0.5); - -moz-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); - -webkit-transition: all 250ms ease; - -moz-transition: all 250ms ease; - transition: all 250ms ease; + background-color: #fff; + opacity: 0; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: all 250ms ease; + -moz-transition: all 250ms ease; + transition: all 250ms ease; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { - opacity: 1; + opacity: 1; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { - opacity: 1; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { - top: 1em; - bottom: 1em; - max-height: 100%; - max-height: calc(100% - 2em); - border: 1px solid #ccc; - border-radius: 0.5em; - box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); + top: 1em; + bottom: 1em; + max-height: 100%; + max-height: calc(100% - 2em); + border: 1px solid #ccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); } diff --git a/resources/lib/oojs-ui/oojs-ui-windows-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-windows-mediawiki.css index 38e40b96a2..359c469340 100644 --- a/resources/lib/oojs-ui/oojs-ui-windows-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-windows-mediawiki.css @@ -1,385 +1,388 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:06Z + * Date: 2016-11-09T00:52:42Z */ .oo-ui-window { - background: transparent; + background: transparent; } .oo-ui-window-frame { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-window-content { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; } .oo-ui-window-content:focus { - outline: 0; + outline: 0; } .oo-ui-window-head, .oo-ui-window-foot { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-window-body { - margin: 0; - padding: 0; - background: none; + margin: 0; + padding: 0; + background: none; } .oo-ui-window-overlay { - position: absolute; - top: 0; - /* @noflip */ - left: 0; + position: absolute; + top: 0; + /* @noflip */ + left: 0; } .oo-ui-dialog-content > .oo-ui-window-head, .oo-ui-dialog-content > .oo-ui-window-body, .oo-ui-dialog-content > .oo-ui-window-foot { - position: absolute; - left: 0; - right: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dialog-content > .oo-ui-window-head { - overflow: hidden; - z-index: 1; - top: 0; + overflow: hidden; + z-index: 1; + top: 0; } .oo-ui-dialog-content > .oo-ui-window-body { - overflow: auto; - z-index: 2; - top: 0; - bottom: 0; + overflow: auto; + z-index: 2; + top: 0; + bottom: 0; } .oo-ui-dialog-content > .oo-ui-window-foot { - z-index: 3; - bottom: 0; + z-index: 3; + bottom: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + position: relative; + text-align: center; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + display: block; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + position: relative; + top: auto; + bottom: auto; } .oo-ui-messageDialog-actions-horizontal { - display: table; - table-layout: fixed; - width: 100%; + display: table; + table-layout: fixed; + width: 100%; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - display: table-cell; - width: 1%; + display: table-cell; + width: 1%; } .oo-ui-messageDialog-actions-vertical { - display: block; + display: block; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - display: block; - overflow: hidden; - text-overflow: ellipsis; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget { - position: relative; - text-align: center; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { - display: block; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { - position: relative; - top: auto; - bottom: auto; - display: inline; - white-space: nowrap; + display: block; + overflow: hidden; + text-overflow: ellipsis; } .oo-ui-messageDialog-content > .oo-ui-window-foot { - outline: 1px solid #aaa; + outline: 1px solid #a2a9b1; } .oo-ui-messageDialog-title, .oo-ui-messageDialog-message { - display: block; - text-align: center; + display: block; + text-align: center; } .oo-ui-messageDialog-title.oo-ui-labelElement, .oo-ui-messageDialog-message.oo-ui-labelElement { - padding-top: 0.5em; + padding-top: 0.5em; } .oo-ui-messageDialog-title { - font-size: 1.5em; - line-height: 1; - color: #000; + font-size: 1.5em; + line-height: 1; + color: #000; } .oo-ui-messageDialog-message { - font-size: 0.9em; - line-height: 1.25; - color: #222; + font-size: 0.9em; + line-height: 1.25; + color: #222; } .oo-ui-messageDialog-message-verbose { - font-size: 1.1em; - line-height: 1.5; - text-align: left; + font-size: 1.1em; + line-height: 1.5; + text-align: left; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - border-right: 1px solid #9aa0a7; - margin: 0; + border-right: 1px solid #a2a9b1; + margin: 0; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { - border-right-width: 0; + border-right-width: 0; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - border-bottom: 1px solid #9aa0a7; - margin: 0; + border-bottom: 1px solid #a2a9b1; + margin: 0; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { - border-bottom-width: 0; + border-bottom-width: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget { - min-height: 3.4em; - margin-right: 0; + min-height: 3.4em; + margin-right: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child { - margin-right: 0; + margin-right: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + border-radius: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - line-height: 3.4; - text-align: center; + line-height: 3.4; + text-align: center; } .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { - background-color: rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget:active { - background-color: rgba(0, 0, 0, 0.1); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover { - background-color: rgba(8, 126, 204, 0.05); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active { - background-color: rgba(8, 126, 204, 0.1); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { - font-weight: bold; + background-color: rgba(0, 0, 0, 0.1); } +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover, .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { - background-color: rgba(8, 126, 204, 0.05); + background-color: rgba(8, 126, 204, 0.05); } +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active, .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { - background-color: rgba(8, 126, 204, 0.1); + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label { + font-weight: bold; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); + background-color: rgba(212, 83, 83, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { - background-color: rgba(212, 83, 83, 0.1); + background-color: rgba(212, 83, 83, 0.1); } .oo-ui-processDialog-location { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .oo-ui-processDialog-title { - display: inline; - padding: 0; + display: inline; + padding: 0; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget, .oo-ui-processDialog-actions-other .oo-ui-actionWidget { - white-space: nowrap; + white-space: nowrap; } .oo-ui-processDialog-actions-safe, .oo-ui-processDialog-actions-primary { - position: absolute; - top: 0; - bottom: 0; + position: absolute; + top: 0; + bottom: 0; } .oo-ui-processDialog-actions-safe { - left: 0; + left: 0; } .oo-ui-processDialog-actions-primary { - right: 0; + right: 0; } .oo-ui-processDialog-errors { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 2; - overflow-x: hidden; - overflow-y: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; } .oo-ui-processDialog-content .oo-ui-window-head { - height: 3.4em; + height: 3.4em; } .oo-ui-processDialog-content .oo-ui-window-body { - top: 3.4em; - outline: 1px solid rgba(0, 0, 0, 0.2); + top: 3.4em; + outline: 1px solid rgba(0, 0, 0, 0.2); } .oo-ui-processDialog-navigation { - position: relative; - height: 3.4em; - padding: 0 1em; + position: relative; + height: 3.4em; + padding: 0 1em; } .oo-ui-processDialog-location { - padding: 0.75em 0; - height: 1.875em; - cursor: default; - text-align: center; + padding: 0.75em 0; + height: 1.875em; + cursor: default; + text-align: center; } .oo-ui-processDialog-title { - font-weight: bold; - line-height: 1.875em; + font-weight: bold; + line-height: 1.875em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed { - margin: 0.5em; + margin: 0.5em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless { - margin: 0; + margin: 0; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button { - padding: 0.75em 1em; - vertical-align: middle; + padding: 0.75em 1em; + vertical-align: middle; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label { - line-height: 1.875em; + line-height: 1.875em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover { - background-color: rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active { - background-color: rgba(0, 0, 0, 0.1); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover { - background-color: rgba(8, 126, 204, 0.05); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active { - background-color: rgba(8, 126, 204, 0.1); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { - font-weight: bold; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover { - background-color: rgba(118, 171, 54, 0.05); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active { - background-color: rgba(118, 171, 54, 0.1); + background-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover, +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active, +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label { + font-weight: bold; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); + background-color: rgba(212, 83, 83, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active { - background-color: rgba(212, 83, 83, 0.1); + background-color: rgba(212, 83, 83, 0.1); } .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement { - margin-right: 0; + margin-right: 0; } .oo-ui-processDialog > .oo-ui-window-frame { - min-height: 5em; + min-height: 5em; } .oo-ui-processDialog-errors { - background-color: rgba(255, 255, 255, 0.9); - padding: 3em 3em 1.5em 3em; - text-align: center; + background-color: rgba(255, 255, 255, 0.9); + padding: 3em 3em 1.5em 3em; + text-align: center; } .oo-ui-processDialog-errors .oo-ui-buttonWidget { - margin: 2em 1em 2em 1em; + margin: 2em 1em 2em 1em; } .oo-ui-processDialog-errors-title { - font-size: 1.5em; - color: #000; - margin-bottom: 2em; + font-size: 1.5em; + color: #000; + margin-bottom: 2em; } .oo-ui-processDialog-error { - text-align: left; - margin: 1em; - padding: 1em; - border: 1px solid #ff9e9e; - background-color: #fff7f7; - border-radius: 2px; + text-align: left; + margin: 1em; + padding: 1em; + border: 1px solid #ff9e9e; + background-color: #fff7f7; + border-radius: 2px; } .oo-ui-windowManager-modal > .oo-ui-dialog { - position: fixed; - width: 0; - height: 0; - overflow: hidden; - z-index: 4; + position: fixed; + width: 0; + height: 0; + overflow: hidden; + z-index: 4; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active { - width: auto; - height: auto; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1em; + width: auto; + height: auto; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1em; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { - position: absolute; - right: 0; - left: 0; - margin: auto; - overflow: hidden; - max-width: 100%; - max-height: 100%; + position: absolute; + right: 0; + left: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; } .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { - width: 100%; - height: 100%; - top: 0; - bottom: 0; + width: 100%; + height: 100%; + top: 0; + bottom: 0; } .oo-ui-windowManager-modal > .oo-ui-dialog { - background-color: rgba(255, 255, 255, 0.5); - opacity: 0; - -webkit-transition: opacity 250ms; - -moz-transition: opacity 250ms; - transition: opacity 250ms; + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms; + -moz-transition: opacity 250ms; + transition: opacity 250ms; } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { - background-color: #fff; - opacity: 0; - -webkit-transform: scale(0.5); - -moz-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); - -webkit-transition: all 250ms; - -moz-transition: all 250ms; - transition: all 250ms; + background-color: #fff; + opacity: 0; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: all 250ms; + -moz-transition: all 250ms; + transition: all 250ms; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { - opacity: 1; + opacity: 1; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { - opacity: 1; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { - top: 1em; - bottom: 1em; - max-height: 100%; - max-height: calc(100% - 2em); - border: 1px solid #a2a9b1; - border-radius: 2px; - box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); + top: 1em; + bottom: 1em; + max-height: 100%; + max-height: calc(100% - 2em); + border: 1px solid #a2a9b1; + border-radius: 2px; + box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15); } diff --git a/resources/lib/oojs-ui/oojs-ui-windows.js b/resources/lib/oojs-ui/oojs-ui-windows.js index 0a29b8b159..8b614c650e 100644 --- a/resources/lib/oojs-ui/oojs-ui-windows.js +++ b/resources/lib/oojs-ui/oojs-ui-windows.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.17.10 + * OOjs UI v0.18.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-10-03T18:59:01Z + * Date: 2016-11-09T00:52:37Z */ ( function ( OO ) { @@ -804,7 +804,6 @@ OO.ui.Error.prototype.getMessageText = function () { * that must be resolved before proceeding, or a function to execute. See #createStep for more information. see #createStep for more information * @param {Object} [context=null] Execution context of the function. The context is ignored if the step is * a number or promise. - * @return {Object} Step object, with `callback` and `context` properties */ OO.ui.Process = function ( step, context ) { // Properties @@ -1026,6 +1025,7 @@ OO.ui.WindowManager = function OoUiWindowManager( config ) { this.preparingToClose = null; this.currentWindow = null; this.globalEvents = false; + this.$returnFocusTo = null; this.$ariaHidden = null; this.onWindowResizeTimeout = null; this.onWindowResizeHandler = this.onWindowResize.bind( this ); @@ -1142,6 +1142,7 @@ OO.ui.WindowManager.prototype.afterWindowResize = function () { /** * Check if window is opening. * + * @param {OO.ui.Window} win Window to check * @return {boolean} Window is opening */ OO.ui.WindowManager.prototype.isOpening = function ( win ) { @@ -1151,6 +1152,7 @@ OO.ui.WindowManager.prototype.isOpening = function ( win ) { /** * Check if window is closing. * + * @param {OO.ui.Window} win Window to check * @return {boolean} Window is closing */ OO.ui.WindowManager.prototype.isClosing = function ( win ) { @@ -1160,6 +1162,7 @@ OO.ui.WindowManager.prototype.isClosing = function ( win ) { /** * Check if window is opened. * + * @param {OO.ui.Window} win Window to check * @return {boolean} Window is opened */ OO.ui.WindowManager.prototype.isOpened = function ( win ) { @@ -1283,6 +1286,7 @@ OO.ui.WindowManager.prototype.getCurrentWindow = function () { * * @param {OO.ui.Window|string} win Window object or symbolic name of window to open * @param {Object} [data] Window opening data + * @param {jQuery} [data.$returnFocusTo] Element to which the window will return focus when closed. * @return {jQuery.Promise} An `opening` promise resolved when the window is done opening. * See {@link #event-opening 'opening' event} for more information about `opening` promises. * @fires opening @@ -1290,6 +1294,7 @@ OO.ui.WindowManager.prototype.getCurrentWindow = function () { OO.ui.WindowManager.prototype.openWindow = function ( win, data ) { var manager = this, opening = $.Deferred(); + data = data || {}; // Argument handling if ( typeof win === 'string' ) { @@ -1319,6 +1324,7 @@ OO.ui.WindowManager.prototype.openWindow = function ( win, data ) { manager.toggleGlobalEvents( true ); manager.toggleAriaIsolation( true ); } + manager.$returnFocusTo = data.$returnFocusTo || $( document.activeElement ); manager.currentWindow = win; manager.opening = opening; manager.preparingToOpen = null; @@ -1412,6 +1418,7 @@ OO.ui.WindowManager.prototype.closeWindow = function ( win, data ) { manager.toggleGlobalEvents( false ); manager.toggleAriaIsolation( false ); } + manager.$returnFocusTo[ 0 ].focus(); manager.closing = null; manager.currentWindow = null; closing.resolve( data ); @@ -1448,6 +1455,9 @@ OO.ui.WindowManager.prototype.addWindows = function ( windows ) { if ( typeof name !== 'string' ) { throw new Error( 'Cannot add window' ); } + if ( !name ) { + OO.ui.warnDeprecation( 'OO.ui.WindowManager#addWindows: Windows must have a `name` static property defined.' ); + } list[ name ] = windows[ i ]; } } else if ( OO.isPlainObject( windows ) ) { @@ -1514,6 +1524,7 @@ OO.ui.WindowManager.prototype.clearWindows = function () { * * Fullscreen mode will be used if the dialog is too wide to fit in the screen. * + * @param {OO.ui.Window} win Window to update, should be the current window * @chainable */ OO.ui.WindowManager.prototype.updateWindowSize = function ( win ) { @@ -1852,17 +1863,20 @@ OO.ui.Window.prototype.getSizeProperties = function () { OO.ui.Window.prototype.withoutSizeTransitions = function ( callback ) { // Temporarily resize the frame so getBodyHeight() can use scrollHeight measurements. // Disable transitions first, otherwise we'll get values from when the window was animating. - var oldTransition, - styleObj = this.$frame[ 0 ].style; - oldTransition = styleObj.transition || styleObj.OTransition || styleObj.MsTransition || - styleObj.MozTransition || styleObj.WebkitTransition; - styleObj.transition = styleObj.OTransition = styleObj.MsTransition = - styleObj.MozTransition = styleObj.WebkitTransition = 'none'; + // We need to build the transition CSS properties using these specific properties since + // Firefox doesn't return anything useful when asked just for 'transition'. + var oldTransition = this.$frame.css( 'transition-property' ) + ' ' + + this.$frame.css( 'transition-duration' ) + ' ' + + this.$frame.css( 'transition-timing-function' ) + ' ' + + this.$frame.css( 'transition-delay' ); + + this.$frame.css( 'transition', 'none' ); callback(); - // Force reflow to make sure the style changes done inside callback really are not transitioned + + // Force reflow to make sure the style changes done inside callback + // really are not transitioned this.$frame.height(); - styleObj.transition = styleObj.OTransition = styleObj.MsTransition = - styleObj.MozTransition = styleObj.WebkitTransition = oldTransition; + this.$frame.css( 'transition', oldTransition ); }; /** diff --git a/resources/lib/oojs-ui/themes/apex/icons-media.json b/resources/lib/oojs-ui/themes/apex/icons-media.json index 703911bd3b..809cd02d33 100644 --- a/resources/lib/oojs-ui/themes/apex/icons-media.json +++ b/resources/lib/oojs-ui/themes/apex/icons-media.json @@ -7,10 +7,6 @@ "imageGallery": { "file": { "ltr": "images/icons/imageGallery-ltr.svg", "rtl": "images/icons/imageGallery-rtl.svg" - } }, - "photoGallery": { "file": { - "ltr": "images/icons/imageGallery-ltr.svg", - "rtl": "images/icons/imageGallery-rtl.svg" } } } } diff --git a/resources/lib/oojs-ui/themes/apex/images/icons/bigger-ltr.png b/resources/lib/oojs-ui/themes/apex/images/icons/bigger-ltr.png index 82fbd14db4618d07eca8663dea246d4c874f28d2..e8b2911d8fc09364c089791d6c8f41ee4d0cc1d7 100644 GIT binary patch delta 302 zcmV+}0nz@#0^I_TIDY{TNkl08g z53$iv=+H?v(JDl?L_(rdDCk5)rx6KJAQ{EnV$4pgo2+jB$<3Ve%(?fuuauPh7h~vz zZxI#T;Str?!3S}Q1ScWSGaLRVSco;)%XCh#TTru)&(IEH4S#wuj8`1t81ESEr@@MJ zWs6t}@oGN}&hR8Xn;|^oB6g5EUND~1C#5sq&S*P9n~E`5!!6cxddtrXkZl_=2IrW; zWk##w9#^^A3U2VA;7t@gl4h($ delta 275 zcmV+u0qp+W0>T22IDY{2NklnK^fI&dr^Bsql|j!SbNQM{$iS zj10n{fzJ?)T#+H%zR=8MGOD{002ovPDHLkV1oX0d`tiU diff --git a/resources/lib/oojs-ui/themes/apex/images/icons/bigger-ltr.svg b/resources/lib/oojs-ui/themes/apex/images/icons/bigger-ltr.svg index 6d95fc6693..fffbcdd3de 100644 --- a/resources/lib/oojs-ui/themes/apex/images/icons/bigger-ltr.svg +++ b/resources/lib/oojs-ui/themes/apex/images/icons/bigger-ltr.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/apex/images/icons/bigger-rtl.png b/resources/lib/oojs-ui/themes/apex/images/icons/bigger-rtl.png index 64d1cf1d38b5664506ecb843dc7fd7b8d694ff74..2f5e05dfadb187f9769f4c88f3480cbdd2addbae 100644 GIT binary patch delta 301 zcmV+|0n+})0^9nO-d$88Azd=;rkx$uCMR;*4ge^?>_Hey*}^WpAQ{6{5M5B;5MUY z00(jAW(KveiIjRbj-!4QaW3}o8Md8L->Ms+7I6cG4DmiZ#(!imjX}KUo$@ypW2!mK zhQH7*aX7;>dL+Aj!b!WtNAQi!y4*(OhMIcIctL-j3syBgUcId}^)BNEOMewF;2zg0 zwF}&7{2b>P!)cmWF(o%8Swl6Ywu@m*Mm!$9^OCiWW{w_I@g@0^&6M$horu>_3BQ81 zR^q*Q!(m3xJ|%Q6IDY{6Nkl5zWTBS}jYMly^h>AqDM1o`~W^OVYH}>w`yWRaKCz(0t}V4kalBQPI9%aXc*di6!DUtAbHZI5B)L}1%~oNs@9*Vj zu{WrA1CO}Lsa@ki@rRPjvar(KoZ3#TEe&FDf^XeFI%682x<6xIOyV8q|MZ;U4HIQe dYHE7(3+Na<>k!b$1GWGF002ovPDHLkV1hkQhNb`j diff --git a/resources/lib/oojs-ui/themes/apex/images/icons/bigger-rtl.svg b/resources/lib/oojs-ui/themes/apex/images/icons/bigger-rtl.svg index 807cdd9143..7b903c4b3d 100644 --- a/resources/lib/oojs-ui/themes/apex/images/icons/bigger-rtl.svg +++ b/resources/lib/oojs-ui/themes/apex/images/icons/bigger-rtl.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/apex/images/icons/smaller-ltr.png b/resources/lib/oojs-ui/themes/apex/images/icons/smaller-ltr.png index f5e89ba8e93151d487c3505e05cb801d5bb9efdb..a9b29d887dc8ad47bccebac63c540b2af1694182 100644 GIT binary patch delta 305 zcmV-10nYx#0^kCWIDY{WNklgDB>PB zDf||`W3idF!A$Jqi3Glcdf@9J&xAdEgxF5elyQK8B(l)Lynhc5I12eR2Jx14muXlO z9eob7VZG2Pb2!BldeDtW9Cylm1Yg*Q)z(98s7YJKGy1bMSkX9s@mOxsR&kA`znT|t zhpPnc9Jd;W;|yasNir)Y)TTt&P)p!;F^tKOj|c6%=vqfxZatuePtiy=ql|a#gnSK^ zu&!XWop~=_aVpqCvyT_iqh9*`drP=LSGy)Ta%95~+}=0GUel9_00000NkvXXu0mjf DS7(kn delta 278 zcmV+x0qOqW0>uK5IDY{5Nkl9>9b)lEFkLeU`cDXlVi*4aL9rUm z2J2z63Wr#YY7vXsW)wk8C)gCh6FkF=h|8eI+}QRD!|uG#@;vXn>@GF`%sB>$byg~1 z0q+&_KITgWK&KMW$u(-?0k@U`E?w8TRYfh&rwuBL^VKv^bmokSdJYgJTc*JEX^ErG7GyY;f)@Dlt>`8yE z1MH4!-oQO>652KH4F94eSrR(kNodZby32g>%=;oSF;svL_Jad9)Oyq{t c)cnmSK=nQN5f6auwg3PC07*qoM6N<$f(VR*Z~y=R diff --git a/resources/lib/oojs-ui/themes/apex/images/icons/smaller-ltr.svg b/resources/lib/oojs-ui/themes/apex/images/icons/smaller-ltr.svg index 82d16af934..943125224f 100644 --- a/resources/lib/oojs-ui/themes/apex/images/icons/smaller-ltr.svg +++ b/resources/lib/oojs-ui/themes/apex/images/icons/smaller-ltr.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/apex/images/icons/smaller-rtl.png b/resources/lib/oojs-ui/themes/apex/images/icons/smaller-rtl.png index e07c7b0d104cac9e9f95d7a7b8607aa18a37ad8b..006bd2bd1cf20a7bd3558e0a983158a53b45fc48 100644 GIT binary patch delta 303 zcmV+~0nq-&0^S0UIDY{UNkl=M-QK>ef5#IrY4`36CQlZfJ z5Tc{d*;2BJRw3v%k&x&V3OW(dX+%O4NLDeo7_;N$%IfAxPIAsO=idLBJ98;i=s(mz zI~9$bo)WHchjJ{S7p<^)E7Vy{rv{jd1;7XnG5p2z9lV9u{eKJKI}P9o`#8W0hPnw@ zk{r!E7DB$7BL;7!B;R&a&YjKAjdFPx6`7{Cdp zaF+7QxWRd*w}eaF%DEGHmt<1%x{Ig<5X?x9sF~?+2d{?N-%P)OddTb840#i;I=>5y z;XMc5p&neI5-93QsH=F!-ZyKHLeJn&kV1vx^Z}x3IZBHt$Z7xp002ovPDHLkV1he@ Bkg)&& delta 279 zcmV+y0qFkT0>%Q6IDY{6Nkl - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/icons-media.json b/resources/lib/oojs-ui/themes/mediawiki/icons-media.json index 3911956542..8c7b84554a 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/icons-media.json +++ b/resources/lib/oojs-ui/themes/mediawiki/icons-media.json @@ -39,10 +39,6 @@ "ltr": "images/icons/imageGallery-ltr.svg", "rtl": "images/icons/imageGallery-rtl.svg" } }, - "photoGallery": { "file": { - "ltr": "images/icons/imageGallery-ltr.svg", - "rtl": "images/icons/imageGallery-rtl.svg" - } }, "play": { "file": { "ltr": "images/icons/play-ltr.svg", "rtl": "images/icons/play-rtl.svg" diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr-invert.png index 97f77f4857a2beefb5c2c783dc7ba61ee2a31493..ad247d35e3cf3756bb35aef99b422ece47c2fa6e 100644 GIT binary patch delta 324 zcmV-K0lWUo0`mfpIDY{pNklVWFLfSZO07Rw{fJdEmL;MHjTYfrapI0#cqyfA9(Y1Fn`R?qS6QEW0LMA^(7^e z79>rY*>kK{QNW7dY!O)Udi77tJ>VF4@V6QT9)Z(XlN#^@Oay$>PrRMscARU)1grs9 zKsVsmDaJ-jzzNU>&N5sA+yLi+)__akHt$b-BYm-^|>JsP$jM5*GUvK8!0| zVyGX0rY|+Ch78~i*WdgGS~)-qjVgeJT*yq$-}h5{RRD*0OMh!OdDCbY0NR*}h{#HY zk440NM4TjRJ|Y@fmc9JB(++^O)Y%G_(|)xl;R$et$25+Ec))3|!Y9+6?&Q4f^c4Y{Nl@u2O}Q-q0000 - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr-progressive.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr-progressive.png index 183aaeb7aa40ff7f7c24f227f9bf364b9666e1c1..af290b965401a16b1da62a79e56dede854e46d45 100644 GIT binary patch literal 536 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM%)r37VBOysAm>JaPl&5~fsb+OY2&mrTA^2r z(?AT1^$NM$-u{b`^wxD-@9*lM$s6JQh07y?ZLn*fwG%ROO~0yY_FVCor@ z)KejXazhGX8g_b z$B|iM?}t5U(>kWEX*hVa^J=!_FNX&uSMKFB)}K*Ue00Zo%Hl(Ow!JUE1+yn@nClFU4#tkoVq z+QwGm`clC9bcnGYZ>7SONjA~TXZ5XHdP!77eeUBG*UF0dtu-U3f2fGkr zh+q7x89-mymIV0)GqC;IFu#=XpTsA#TQ^y~y*{tu{%Oy%<;y}L$KQ8z7Sx?7dC(+( z*<6|Fk;`oxt~tGX0~aTM<&AyG;(uuJ8%s7nZlFPvJY5_^BqX;UyeiZbAmVVbcR|Bl zAgKEHe|w7Fi-^bFyTtT_z1X_^cXTq?-s5^0q2%}=Ws%5_1@?!8q^HYli!og&_rNq~+Q)@=f{pMAze^{6&fUpRRvwB)WPQYVkE&&)&N3ws4&6 z`CE17&t1KzNcneNIuJO~gx_eVj+fHBC)f2-rtxaO6LstYx{krq)z4*}Q$iB}Zh^@; diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr-progressive.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr-progressive.svg index fedf7877a2..e1f33d8f84 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr-progressive.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr-progressive.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr.png index 82fbd14db4618d07eca8663dea246d4c874f28d2..e8b2911d8fc09364c089791d6c8f41ee4d0cc1d7 100644 GIT binary patch delta 302 zcmV+}0nz@#0^I_TIDY{TNkl08g z53$iv=+H?v(JDl?L_(rdDCk5)rx6KJAQ{EnV$4pgo2+jB$<3Ve%(?fuuauPh7h~vz zZxI#T;Str?!3S}Q1ScWSGaLRVSco;)%XCh#TTru)&(IEH4S#wuj8`1t81ESEr@@MJ zWs6t}@oGN}&hR8Xn;|^oB6g5EUND~1C#5sq&S*P9n~E`5!!6cxddtrXkZl_=2IrW; zWk##w9#^^A3U2VA;7t@gl4h($ delta 275 zcmV+u0qp+W0>T22IDY{2NklnK^fI&dr^Bsql|j!SbNQM{$iS zj10n{fzJ?)T#+H%zR=8MGOD{002ovPDHLkV1oX0d`tiU diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr.svg index 6d95fc6693..fffbcdd3de 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-ltr.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl-invert.png index 628de3db59afc411fb00ea9c43845209865a35be..f40c30327d9f32d9480e99c83693c23b10d84dba 100644 GIT binary patch delta 310 zcmV-60m=T&0_6gbIDY{bNkld;OSDOm|amDgFjYvSTut*!&L$ zgEE+8Q^;y#LrF$Ou}R59DFZ2#kL4}gzOH+9ZQoOGz3(}vbDrmoC{W;Eff8v=* zJ-wGOk?s>%{4XuM15enk;n~I`x^RZJ#JAxTEx&G2pg=?T0B|@#$>C5lm;e9(07*qo IM6N<$f+{nU2mk;8 delta 286 zcmV+(0pb4T0?h)DIDY{DNkl8gL4!uMox*pZkqA*yh!3FBDqXA4 zU!|2GTBS}jYMly^h>ApYM1tggnh}#&m)*O)Zl7e5$@@&6|4iO@LTFS~Si|bD!pCuo z8;lJD(DJKR-QhVp37~^K@kj88yM6&j{^~ICSCaZd)$nAkIY<5=i z0#hM`rx3zr+@+`~VE4`!#U@N|81M6|WSxa~XT;e5;@hF~gQCIkE?8SakYscD5 z9e}-p=KpAS(C`coxGwOnaF0@h@*iL+-gKwH+m7DiAb?|hr9V3Hrty(}#;W0yc*9wb kGpBgPL|>3bjTcJk8_d~I=>xDqUjP6A07*qoM6N<$f_tHir~m)} diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl-invert.svg index aeb562c74e..8ed760bd6c 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl-invert.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl-progressive.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl-progressive.png index 47af0387894c598ee592ac54006f94a94dec9d12..a5095a1ab3d97ff930aab6b9b7127ed41fd39443 100644 GIT binary patch delta 535 zcmV+y0_gqQ1EmCz8Gi-<007{3J@^0s010qNS#tmY3ljhU3ljkVnw%H_00GxYL_t(Y ziS3e4OH^?bhM)7B8ArkqYE_FE$ZC-o$emFtiP3@x+SwQqc!$I*MYHJ>4EPD$Bn(9v zQlQJ2MYOO*l;OQDD)((n3Ch5T?)*C~nuT5M+MvsMx9`h&&VPG2&{9kLm4vzlHP&bE z6X1Kr)T!MfJ-6QNE$5)cuv**U&9I+gCvp>Jo*-Qf)5JB%+j;ogAD#ATLjH%n(gMK7F z3anNA=*Vt^cDxm+fHwww^opsTznV?D?jN{Lfhd5ej(@637Q+niV9y4Y<7I#(%52aR z)yKez^u+Q-fZoZKGYCmz>Nf=K>YI3XdQU*(->W88p9@;CTIDHFt{anU0Bs=e7SjbF zUo(+hD4_e!Y6rqF@M8IX-$pR}_Tl+&iabZT-hXqcQ_w3wsbQB;u4c3IksV97)Y886 Z8)J)~X%OcZ_c;In002ovPDHLkV1m0c{Gb2; literal 475 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM%)r37VBOysAZJ&APl&5~fsa<`72~usMyY3v z(#|k2{5MWJ4Me6{CxKj`xN$0wd&W2&MC!#{011LbPMf5j0$;`U%ww@DbNk+r@^iQ zIVS0!^BbTqY)gXtf*II;Z75}&|4-tR`7Lj+1>843|FmDjvt{8IR-xaHId>nFoT&$|5IWhMO+N*|MNN~iLLI7J-k*KNw}iRSFq)1K1Z7xawV*+;Bars&p(D-B^2 z;(t!E@G+c`#NGYkNBW*Q<%hb@tvK$yfw@$Ui*3oz=@~r!vpU+^cid@B&@?)7xJsI1 zhVY$r)%PD-99XLDHJd*)vnYHrPkzx+8!xk|5ANq3Yv$E{V06G5=sX5bS3j3^P6 - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl.png index 64d1cf1d38b5664506ecb843dc7fd7b8d694ff74..2f5e05dfadb187f9769f4c88f3480cbdd2addbae 100644 GIT binary patch delta 301 zcmV+|0n+})0^9nO-d$88Azd=;rkx$uCMR;*4ge^?>_Hey*}^WpAQ{6{5M5B;5MUY z00(jAW(KveiIjRbj-!4QaW3}o8Md8L->Ms+7I6cG4DmiZ#(!imjX}KUo$@ypW2!mK zhQH7*aX7;>dL+Aj!b!WtNAQi!y4*(OhMIcIctL-j3syBgUcId}^)BNEOMewF;2zg0 zwF}&7{2b>P!)cmWF(o%8Swl6Ywu@m*Mm!$9^OCiWW{w_I@g@0^&6M$horu>_3BQ81 zR^q*Q!(m3xJ|%Q6IDY{6Nkl5zWTBS}jYMly^h>AqDM1o`~W^OVYH}>w`yWRaKCz(0t}V4kalBQPI9%aXc*di6!DUtAbHZI5B)L}1%~oNs@9*Vj zu{WrA1CO}Lsa@ki@rRPjvar(KoZ3#TEe&FDf^XeFI%682x<6xIOyV8q|MZ;U4HIQe dYHE7(3+Na<>k!b$1GWGF002ovPDHLkV1hkQhNb`j diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl.svg index 807cdd9143..7b903c4b3d 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/bigger-rtl.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-invert.png index 84b1bcd15309717dfce439f5834637c3f69d615e..1b597da510279c249882c9ba06a4c420addf7b47 100644 GIT binary patch delta 312 zcmV-80muH#0_OsdIDY{dNkl(|6Bcd{wB6n}#x*)f?+Z2kv> zK^aV9Qpjp!LrF$Ou}R59DFZ2#kL9TA_TI}|Z1<^C=RD7Ip67gr6VXHy{|dC=7FTuj zHQ%vXv|z02@=%W6j)SBhpuK3pHr~=&uj46W7u|V!)*!qqB7g28Vn0!%5z&)n*-N2U zHYk`$qfcTy?Wg}FJQW<{0Uc<=Jr4gWyn+v`RB_9R>#gyY@rY89f(7+4U*ny_C1!sc zp5X=;Ioc_%kyUXg7{F0pUP}%)5)r)-v6Z83Mnqpk45#qH8quYqR=PblI1>-VN#eTLQ_r)Z*yLihxm4nfZRCr+UN0000< KMNUMnLSTa0$CViX delta 285 zcmV+&0pkAW0?Y!CIDY{CNkl2yOl|xKf_WrUc9Q zO5j5*H6no{5uA#}4W`>4HfBG`*Zu!YTdz1;{r3U2X=X-we-H%-A8@r}XAtRH6! zO$d(0e64UeDLlgy?n}BmJfhNzGET4-H$5on_G7m?iQv@lzouK#&Epd%b>Xvk$HgD_ joZ}5MwIprYR2Iq)-xW~y)P&Nq00000NkvXXu0mjf`L&A^ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-invert.svg index 0eb2bfa0e4..b29f71839c 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-invert.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-progressive.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-progressive.png index ba4fcefd769c92b3a07a5825c7bab26da4bd6694..2878f2358fcf9d4ccaa13c9dfc593cac4b84c2cf 100644 GIT binary patch delta 525 zcmV+o0`mRY1Dgbp8Gi-<007{3J@^0s010qNS#tmY3ljhU3ljkVnw%H_00GTOL_t(Y ziS3e2YZFlzg`f8(Aw}9QT|}?RPcZp zh*2s@KMdSB*NV#sFQQDo6b5dbWd8a@r?0#j_?7KjM|ssDCxHWD;Qmaz)ITqXa``f_ zPmy^s`Vbfp)qknogr^oL;sIZx?|qH_gFhO;XEjp!F9nWohfu~9d9wO!c;j_#qKUGA zGBGlnz=tq!PyDfL&f3j#y#t~EqB^ZAB@B0g`#Uah{D1H)P(YbadZPLWI9!}vJ_9f^ zw{jezU`+d>phKgx?~mq2*W7lj7jP#xJtd43&yFZwX&`NRRT2{rkw>UHpw_; zk$eoKH}woq)->xRh>><0LPEq1lg>i4fCa&3rh?Uj%>mj1R1dVsIQ_JJ{eG*YBS6Jk zp;v%hpn(vV02x5ReexzsKwsFF1o;IsFi!s0&G(z>*NY8m+qNdyulYHj`!mm$FNq7) zg&gnZNR*tZd(d=QUitPT8<#n~Tzdl##U``xer5B2`RUE#U)ryp0S%hy>Eak7A-VP7 zRiP#Z5r>0|J#O5+dsp`R|9Wqh6t=>e!1BUONgX!5vkYx}RA=O|7_y4$gxXzjU$H1@ z^5wSWdRv%lmMaMzHES!7Xg74ezA-nv$ve^RfZz*fS@)fsng0~j_zV9yDG41))-q!B znsgw!zQaY2`_HxOkKgS%vRr){pMKV*LsurK$o))W^wygG^!mGH=XsM3YM(y`bR2`H LtDnm{r-UW|L8!<^ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-progressive.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-progressive.svg index b3c6452f85..9b7962ef1c 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-progressive.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr-progressive.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr.png index f5e89ba8e93151d487c3505e05cb801d5bb9efdb..a9b29d887dc8ad47bccebac63c540b2af1694182 100644 GIT binary patch delta 305 zcmV-10nYx#0^kCWIDY{WNklgDB>PB zDf||`W3idF!A$Jqi3Glcdf@9J&xAdEgxF5elyQK8B(l)Lynhc5I12eR2Jx14muXlO z9eob7VZG2Pb2!BldeDtW9Cylm1Yg*Q)z(98s7YJKGy1bMSkX9s@mOxsR&kA`znT|t zhpPnc9Jd;W;|yasNir)Y)TTt&P)p!;F^tKOj|c6%=vqfxZatuePtiy=ql|a#gnSK^ zu&!XWop~=_aVpqCvyT_iqh9*`drP=LSGy)Ta%95~+}=0GUel9_00000NkvXXu0mjf DS7(kn delta 278 zcmV+x0qOqW0>uK5IDY{5Nkl9>9b)lEFkLeU`cDXlVi*4aL9rUm z2J2z63Wr#YY7vXsW)wk8C)gCh6FkF=h|8eI+}QRD!|uG#@;vXn>@GF`%sB>$byg~1 z0q+&_KITgWK&KMW$u(-?0k@U`E?w8TRYfh&rwuBL^VKv^bmokSdJYgJTc*JEX^ErG7GyY;f)@Dlt>`8yE z1MH4!-oQO>652KH4F94eSrR(kNodZby32g>%=;oSF;svL_Jad9)Oyq{t c)cnmSK=nQN5f6auwg3PC07*qoM6N<$f(VR*Z~y=R diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr.svg index 82d16af934..943125224f 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-ltr.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl-invert.png index c9cdd7741ca18a6ed55a675ee71e4b485eefb0ef..f94184a449db0491d902805585a3fae0815033f3 100644 GIT binary patch delta 324 zcmV-K0lWUo0`mfpIDY{pNkl9FtW@}HUU9B>(G4kYVBzh&*_pR{oK&L3&;fM$ ziEfU@fIHw3NMZvjK+ny4KqW^rpBZ3jkXuXv$G~Jk{{Z;(b${5;%LWJ^m-Hm*R8k^o zS<;M|y~TPJ1+4qitN^QCcZOo_0cXH7Fba$TFTh2tNey@frUSm=6YpiXedn4n0UN+A zuo>`M6k|Ik;2dZHml-Yr?t!a7YrqZgkoQmgB7iwbO-XB#>Ojj|3z8a=(yZRhaIP+C z@juh=0Bx_^z&)ZS%d)4-?Zka)cyD;$`L!EDtGdFKYF(xREaR(G zKEhHGK!o&5fPS*_2Q!X(_{7Pi<+FIl#UFFd i@rId+Agx-}(iIO_?ojs1<$$ID0000 - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl-progressive.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl-progressive.png index 03a4bccd566781d3920ccde8ec382a625d891050..99abfdbe5b57409f10a853693b0cf91178048c01 100644 GIT binary patch literal 537 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM%)r37VBOysAm?^~Pl&5~fsb+OY2&mrTA^2r z($3h|?>A06%~1azNCE{7($4`&paRqElMD?1jZ)8OWnBS^0969X(9l)-@#i5bjndBQ zW?lj+fXb$x2C4xm12Z62fQ(898haX~46Xpk1(^o2&Mf5w#00~%vmj+DAZ2E`CqUZM zPn)Ek0+|3e5XeY915yt(6U>Gv(2KdCl6woNa<9LhC(xT7B|(0{3>Wy>cC$=n`m#VP z;E6EfZyv`#TbKnle@GMT&{%V@^XS#=2FYIz4@z?GU1_X8qpbMoj`Jbg#e7rZg799dfe|{FsT$g5SH%=)rn_6DB>b3koi$SNkB63 z)Y3%Rr~Nwn40jynDd%WQnyL3Cq^{M;WP#j+NRjmwq9wu;`TrG0zU^Nw`F+~$&*z^B z&z|lj`l9k?RgeuS%wk1J+!3>O(|8@W7WBT=CL!$b&&p++C=da<}vhd4RH6h1@ zyEzhPO6ndo$zN8!{m8~;PA}Kqz(cXgEWBUY{9k^0v-tPbFhih0lRRAABX&yy-pcQJ5ZO;~}`T-`geN40qSE#Z!K$N*s~-pwuq9 z&CI0c&uIZ}cLye(jhP9)1#85coYQYTJ$b!Z%YUcUk&kX6@3?mSbUkw3JaHvM@FVdQ I&MBb@04EmA4gdfE diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl-progressive.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl-progressive.svg index 64d103c539..23c0b09a98 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl-progressive.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl-progressive.svg @@ -1,7 +1,6 @@ - - - - + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/smaller-rtl.png index e07c7b0d104cac9e9f95d7a7b8607aa18a37ad8b..006bd2bd1cf20a7bd3558e0a983158a53b45fc48 100644 GIT binary patch delta 303 zcmV+~0nq-&0^S0UIDY{UNkl=M-QK>ef5#IrY4`36CQlZfJ z5Tc{d*;2BJRw3v%k&x&V3OW(dX+%O4NLDeo7_;N$%IfAxPIAsO=idLBJ98;i=s(mz zI~9$bo)WHchjJ{S7p<^)E7Vy{rv{jd1;7XnG5p2z9lV9u{eKJKI}P9o`#8W0hPnw@ zk{r!E7DB$7BL;7!B;R&a&YjKAjdFPx6`7{Cdp zaF+7QxWRd*w}eaF%DEGHmt<1%x{Ig<5X?x9sF~?+2d{?N-%P)OddTb840#i;I=>5y z;XMc5p&neI5-93QsH=F!-ZyKHLeJn&kV1vx^Z}x3IZBHt$Z7xp002ovPDHLkV1he@ Bkg)&& delta 279 zcmV+y0qFkT0>%Q6IDY{6Nkl - - - - + + + -- 2.20.1