From: James D. Forrester Date: Thu, 19 Feb 2015 01:36:58 +0000 (-0800) Subject: Update OOjs UI to v0.8.0 X-Git-Tag: 1.31.0-rc.0~12368 X-Git-Url: http://git.cyclocoop.org/%22%2C%20generer_url_ecrire%28?a=commitdiff_plain;h=d50f6c0e22b980703dc96a4c2937419ec9b02436;p=lhc%2Fweb%2Fwiklou.git Update OOjs UI to v0.8.0 Release notes: https://git.wikimedia.org/blob/oojs%2Fui.git/v0.8.0/History.md Change-Id: If14d382beae3f42d2ffb3a43ee0c3e2a488a5fa1 --- diff --git a/composer.json b/composer.json index ff9289887f..75aed40070 100644 --- a/composer.json +++ b/composer.json @@ -18,7 +18,7 @@ "require": { "cssjanus/cssjanus": "1.1.1", "leafo/lessphp": "0.5.0", - "oojs/oojs-ui": "0.7.0", + "oojs/oojs-ui": "0.8.0", "php": ">=5.3.3", "psr/log": "1.0.0", "wikimedia/cdb": "1.0.1", diff --git a/resources/Resources.php b/resources/Resources.php index 233485c345..e25a523a9b 100644 --- a/resources/Resources.php +++ b/resources/Resources.php @@ -1667,7 +1667,7 @@ return array( 'oojs-ui.styles' => array( 'position' => 'top', 'skinStyles' => array( - 'default' => 'resources/lib/oojs-ui/oojs-ui-mediawiki.svg.css', + 'default' => 'resources/lib/oojs-ui/oojs-ui-mediawiki.vector.css', ), 'targets' => array( 'desktop', 'mobile' ), ), diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-mediawiki.css index cf051b4feb..cc8fdf51e0 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.7.0 + * OOjs UI v0.8.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-02-12T00:04:52Z + * Date: 2015-02-19T01:33:21Z */ .oo-ui-progressBarWidget-slide-frames from { margin-left: -40%; @@ -76,9 +76,7 @@ -ms-user-select: none; user-select: none; } -.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - display: 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; } @@ -133,16 +131,16 @@ width: 1.9em; height: 1.9em; } -.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, -.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - opacity: 0.2; -} -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); outline: none; } +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { + 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; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #757575; @@ -189,6 +187,10 @@ .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: #cccccc; } +.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.2; +} .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { margin: 0.1em 0; padding: 0.2em 0.8em; @@ -942,7 +944,10 @@ background-image: none; } .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check.png); + background-image: url("themes/mediawiki/images/icons/check.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png"); } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { background-color: #eeeeee; @@ -1442,6 +1447,10 @@ .oo-ui-inputWidget:last-child { margin-right: 0; } +.oo-ui-buttonInputWidget { + display: inline-block; + vertical-align: middle; +} .oo-ui-checkboxInputWidget { position: relative; line-height: 1.6em; @@ -1481,7 +1490,10 @@ height: 1.6em; background-color: white; border: 1px solid #777777; - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.png); + background-image: url("themes/mediawiki/images/icons/check-constructive.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive.png"); background-repeat: no-repeat; background-position: center center; background-origin: border-box; @@ -1507,7 +1519,10 @@ border-color: #eeeeee; } .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span::before { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.png); + 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"); } .oo-ui-dropdownInputWidget { position: relative; @@ -1585,7 +1600,10 @@ height: 1.6em; background: white; border: 1px solid #777777; - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.png); + background-image: url("themes/mediawiki/images/icons/circle-constructive.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive.png"); background-repeat: no-repeat; background-position: center center; background-origin: border-box; @@ -1611,7 +1629,10 @@ border-color: #eeeeee; } .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span::before { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.png); + background-image: url("themes/mediawiki/images/icons/circle-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-invert.png"); } .oo-ui-textInputWidget { position: relative; @@ -1632,7 +1653,13 @@ box-sizing: border-box; } .oo-ui-textInputWidget > .oo-ui-iconElement-icon, -.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator, +.oo-ui-textInputWidget > .oo-ui-labelElement-label { + 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%; @@ -1644,6 +1671,9 @@ -ms-user-select: none; user-select: none; } +.oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label { + display: block; +} .oo-ui-textInputWidget > .oo-ui-iconElement-icon { left: 0; } @@ -1739,10 +1769,10 @@ color: #888888; } .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { - padding-right: 2.4em; + margin-right: 2em; } .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label { - padding-left: 2.9em; + margin-left: 2.5em; } .oo-ui-menuSelectWidget { position: absolute; @@ -2212,7 +2242,6 @@ right: 0; } .oo-ui-processDialog-errors { - display: none; position: absolute; top: 0; left: 0; @@ -2418,248 +2447,458 @@ } .oo-ui-icon-add { - background-image: /* @embed */ url(themes/mediawiki/images/icons/add.png); + background-image: url("themes/mediawiki/images/icons/add.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/add.png"); } .oo-ui-image-constructive .oo-ui-icon-add, .oo-ui-image-constructive.oo-ui-icon-add { - background-image: /* @embed */ url(themes/mediawiki/images/icons/add-constructive.png); + background-image: url("themes/mediawiki/images/icons/add-constructive.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add-constructive.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add-constructive.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/add-constructive.png"); } .oo-ui-image-invert .oo-ui-icon-add, .oo-ui-image-invert.oo-ui-icon-add { - background-image: /* @embed */ url(themes/mediawiki/images/icons/add-invert.png); + background-image: url("themes/mediawiki/images/icons/add-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/add-invert.png"); } .oo-ui-icon-advanced { - background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced.png); + background-image: url("themes/mediawiki/images/icons/advanced.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/advanced.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/advanced.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/advanced.png"); } .oo-ui-image-invert .oo-ui-icon-advanced, .oo-ui-image-invert.oo-ui-icon-advanced { - background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced-invert.png); + background-image: url("themes/mediawiki/images/icons/advanced-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/advanced-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/advanced-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/advanced-invert.png"); } .oo-ui-icon-alert { - background-image: /* @embed */ url(themes/mediawiki/images/icons/alert.png); + background-image: url("themes/mediawiki/images/icons/alert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/alert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/alert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/alert.png"); } .oo-ui-image-invert .oo-ui-icon-alert, .oo-ui-image-invert.oo-ui-icon-alert { - background-image: /* @embed */ url(themes/mediawiki/images/icons/alert-invert.png); + background-image: url("themes/mediawiki/images/icons/alert-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/alert-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/alert-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/alert-invert.png"); } .oo-ui-icon-check { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check.png); + background-image: url("themes/mediawiki/images/icons/check.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png"); } .oo-ui-image-constructive .oo-ui-icon-check, .oo-ui-image-constructive.oo-ui-icon-check { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.png); + background-image: url("themes/mediawiki/images/icons/check-constructive.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive.png"); } .oo-ui-image-invert .oo-ui-icon-check, .oo-ui-image-invert.oo-ui-icon-check { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.png); + 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"); } .oo-ui-icon-clear { - background-image: /* @embed */ url(themes/mediawiki/images/icons/clear.png); + background-image: url("themes/mediawiki/images/icons/clear.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/clear.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/clear.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/clear.png"); } .oo-ui-image-invert .oo-ui-icon-clear, .oo-ui-image-invert.oo-ui-icon-clear { - background-image: /* @embed */ url(themes/mediawiki/images/icons/clear-invert.png); + background-image: url("themes/mediawiki/images/icons/clear-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/clear-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/clear-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/clear-invert.png"); } .oo-ui-icon-close { - background-image: /* @embed */ url(themes/mediawiki/images/icons/close.png); + background-image: url("themes/mediawiki/images/icons/close.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/close.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/close.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/close.png"); } .oo-ui-image-invert .oo-ui-icon-close, .oo-ui-image-invert.oo-ui-icon-close { - background-image: /* @embed */ url(themes/mediawiki/images/icons/close-invert.png); + background-image: url("themes/mediawiki/images/icons/close-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/close-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/close-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/close-invert.png"); } .oo-ui-icon-code { - background-image: /* @embed */ url(themes/mediawiki/images/icons/code.png); + background-image: url("themes/mediawiki/images/icons/code.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/code.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/code.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/code.png"); } .oo-ui-image-invert .oo-ui-icon-code, .oo-ui-image-invert.oo-ui-icon-code { - background-image: /* @embed */ url(themes/mediawiki/images/icons/code-invert.png); + background-image: url("themes/mediawiki/images/icons/code-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/code-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/code-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/code-invert.png"); } .oo-ui-icon-collapse { - background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse.png); + background-image: url("themes/mediawiki/images/icons/collapse.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/collapse.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/collapse.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/collapse.png"); } .oo-ui-image-invert .oo-ui-icon-collapse, .oo-ui-image-invert.oo-ui-icon-collapse { - background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse-invert.png); + background-image: url("themes/mediawiki/images/icons/collapse-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/collapse-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/collapse-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/collapse-invert.png"); } .oo-ui-icon-comment { - background-image: /* @embed */ url(themes/mediawiki/images/icons/comment.png); + background-image: url("themes/mediawiki/images/icons/comment.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/comment.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/comment.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/comment.png"); } .oo-ui-image-invert .oo-ui-icon-comment, .oo-ui-image-invert.oo-ui-icon-comment { - background-image: /* @embed */ url(themes/mediawiki/images/icons/comment-invert.png); + background-image: url("themes/mediawiki/images/icons/comment-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/comment-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/comment-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/comment-invert.png"); } .oo-ui-icon-expand { - background-image: /* @embed */ url(themes/mediawiki/images/icons/expand.png); + background-image: url("themes/mediawiki/images/icons/expand.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/expand.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/expand.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/expand.png"); } .oo-ui-image-invert .oo-ui-icon-expand, .oo-ui-image-invert.oo-ui-icon-expand { - background-image: /* @embed */ url(themes/mediawiki/images/icons/expand-invert.png); + background-image: url("themes/mediawiki/images/icons/expand-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/expand-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/expand-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/expand-invert.png"); } .oo-ui-icon-help { - background-image: /* @embed */ url(themes/mediawiki/images/icons/help.png); + background-image: url("themes/mediawiki/images/icons/help.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/help.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/help.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/help.png"); } .oo-ui-image-invert .oo-ui-icon-help, .oo-ui-image-invert.oo-ui-icon-help { - background-image: /* @embed */ url(themes/mediawiki/images/icons/help-invert.png); + background-image: url("themes/mediawiki/images/icons/help-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/help-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/help-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/help-invert.png"); } .oo-ui-icon-info { - background-image: /* @embed */ url(themes/mediawiki/images/icons/info.png); + background-image: url("themes/mediawiki/images/icons/info.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/info.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/info.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/info.png"); } .oo-ui-image-invert .oo-ui-icon-info, .oo-ui-image-invert.oo-ui-icon-info { - background-image: /* @embed */ url(themes/mediawiki/images/icons/info-invert.png); + background-image: url("themes/mediawiki/images/icons/info-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/info-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/info-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/info-invert.png"); } .oo-ui-icon-link { - background-image: /* @embed */ url(themes/mediawiki/images/icons/link.png); + background-image: url("themes/mediawiki/images/icons/link.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/link.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/link.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/link.png"); } .oo-ui-image-invert .oo-ui-icon-link, .oo-ui-image-invert.oo-ui-icon-link { - background-image: /* @embed */ url(themes/mediawiki/images/icons/link-invert.png); + background-image: url("themes/mediawiki/images/icons/link-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/link-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/link-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/link-invert.png"); } .oo-ui-icon-lock { - background-image: /* @embed */ url(themes/mediawiki/images/icons/lock.png); + background-image: url("themes/mediawiki/images/icons/lock.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/lock.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/lock.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/lock.png"); } .oo-ui-image-invert .oo-ui-icon-lock, .oo-ui-image-invert.oo-ui-icon-lock { - background-image: /* @embed */ url(themes/mediawiki/images/icons/lock-invert.png); + background-image: url("themes/mediawiki/images/icons/lock-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/lock-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/lock-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/lock-invert.png"); } .oo-ui-icon-menu { - background-image: /* @embed */ url(themes/mediawiki/images/icons/menu.png); + background-image: url("themes/mediawiki/images/icons/menu.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/menu.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/menu.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/menu.png"); } .oo-ui-image-invert .oo-ui-icon-menu, .oo-ui-image-invert.oo-ui-icon-menu { - background-image: /* @embed */ url(themes/mediawiki/images/icons/menu-invert.png); + background-image: url("themes/mediawiki/images/icons/menu-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/menu-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/menu-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/menu-invert.png"); } .oo-ui-icon-next { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr.png); + background-image: url("themes/mediawiki/images/icons/move-ltr.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-ltr.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-ltr.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/move-ltr.png"); } .oo-ui-image-invert .oo-ui-icon-next, .oo-ui-image-invert.oo-ui-icon-next { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr-invert.png); + background-image: url("themes/mediawiki/images/icons/move-ltr-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-ltr-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-ltr-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/move-ltr-invert.png"); } .oo-ui-icon-picture { - background-image: /* @embed */ url(themes/mediawiki/images/icons/picture.png); + background-image: url("themes/mediawiki/images/icons/picture.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/picture.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/picture.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/picture.png"); } .oo-ui-image-invert .oo-ui-icon-picture, .oo-ui-image-invert.oo-ui-icon-picture { - background-image: /* @embed */ url(themes/mediawiki/images/icons/picture-invert.png); + background-image: url("themes/mediawiki/images/icons/picture-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/picture-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/picture-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/picture-invert.png"); } .oo-ui-icon-previous { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl.png); + background-image: url("themes/mediawiki/images/icons/move-rtl.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-rtl.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-rtl.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/move-rtl.png"); } .oo-ui-image-invert .oo-ui-icon-previous, .oo-ui-image-invert.oo-ui-icon-previous { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl-invert.png); + background-image: url("themes/mediawiki/images/icons/move-rtl-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-rtl-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-rtl-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/move-rtl-invert.png"); } .oo-ui-icon-circle { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle.png); + background-image: url("themes/mediawiki/images/icons/circle.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle.png"); } .oo-ui-image-constructive .oo-ui-icon-circle, .oo-ui-image-constructive.oo-ui-icon-circle { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.png); + background-image: url("themes/mediawiki/images/icons/circle-constructive.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive.png"); } .oo-ui-image-invert .oo-ui-icon-circle, .oo-ui-image-invert.oo-ui-icon-circle { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.png); + background-image: url("themes/mediawiki/images/icons/circle-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-invert.png"); } .oo-ui-icon-redo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr.png); + background-image: url("themes/mediawiki/images/icons/arched-arrow-ltr.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-ltr.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-ltr.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/arched-arrow-ltr.png"); } .oo-ui-image-invert .oo-ui-icon-redo, .oo-ui-image-invert.oo-ui-icon-redo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr-invert.png); + background-image: url("themes/mediawiki/images/icons/arched-arrow-ltr-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/arched-arrow-ltr-invert.png"); } .oo-ui-icon-remove { - background-image: /* @embed */ url(themes/mediawiki/images/icons/remove.png); + background-image: url("themes/mediawiki/images/icons/remove.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/remove.png"); } .oo-ui-image-destructive .oo-ui-icon-remove, .oo-ui-image-destructive.oo-ui-icon-remove { - background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-destructive.png); + background-image: url("themes/mediawiki/images/icons/remove-destructive.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove-destructive.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove-destructive.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/remove-destructive.png"); } .oo-ui-image-invert .oo-ui-icon-remove, .oo-ui-image-invert.oo-ui-icon-remove { - background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-invert.png); + background-image: url("themes/mediawiki/images/icons/remove-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/remove-invert.png"); } .oo-ui-icon-search { - background-image: /* @embed */ url(themes/mediawiki/images/icons/search.png); + background-image: url("themes/mediawiki/images/icons/search.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/search.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/search.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/search.png"); } .oo-ui-image-invert .oo-ui-icon-search, .oo-ui-image-invert.oo-ui-icon-search { - background-image: /* @embed */ url(themes/mediawiki/images/icons/search-invert.png); + background-image: url("themes/mediawiki/images/icons/search-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/search-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/search-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/search-invert.png"); } .oo-ui-icon-settings { - background-image: /* @embed */ url(themes/mediawiki/images/icons/settings.png); + background-image: url("themes/mediawiki/images/icons/settings.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/settings.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/settings.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/settings.png"); } .oo-ui-image-invert .oo-ui-icon-settings, .oo-ui-image-invert.oo-ui-icon-settings { - background-image: /* @embed */ url(themes/mediawiki/images/icons/settings-invert.png); + background-image: url("themes/mediawiki/images/icons/settings-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/settings-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/settings-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/settings-invert.png"); } .oo-ui-icon-tag { - background-image: /* @embed */ url(themes/mediawiki/images/icons/tag.png); + background-image: url("themes/mediawiki/images/icons/tag.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/tag.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/tag.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/tag.png"); } .oo-ui-image-invert .oo-ui-icon-tag, .oo-ui-image-invert.oo-ui-icon-tag { - background-image: /* @embed */ url(themes/mediawiki/images/icons/tag-invert.png); + background-image: url("themes/mediawiki/images/icons/tag-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/tag-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/tag-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/tag-invert.png"); } .oo-ui-icon-undo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl.png); + background-image: url("themes/mediawiki/images/icons/arched-arrow-rtl.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-rtl.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-rtl.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/arched-arrow-rtl.png"); } .oo-ui-image-invert .oo-ui-icon-undo, .oo-ui-image-invert.oo-ui-icon-undo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl-invert.png); + background-image: url("themes/mediawiki/images/icons/arched-arrow-rtl-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/arched-arrow-rtl-invert.png"); } .oo-ui-icon-window { - background-image: /* @embed */ url(themes/mediawiki/images/icons/window.png); + background-image: url("themes/mediawiki/images/icons/window.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/window.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/window.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/window.png"); } .oo-ui-image-invert .oo-ui-icon-window, .oo-ui-image-invert.oo-ui-icon-window { - background-image: /* @embed */ url(themes/mediawiki/images/icons/window-invert.png); + background-image: url("themes/mediawiki/images/icons/window-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/window-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/window-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/window-invert.png"); } .oo-ui-indicator-alert { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert.png); + background-image: url("themes/mediawiki/images/indicators/alert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/alert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/alert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/alert.png"); } .oo-ui-image-invert .oo-ui-indicator-alert, .oo-ui-image-invert.oo-ui-indicator-alert { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert-invert.png); + background-image: url("themes/mediawiki/images/indicators/alert-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/alert-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/alert-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/alert-invert.png"); } .oo-ui-indicator-up { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up.png); + background-image: url("themes/mediawiki/images/indicators/arrow-up.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-up.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-up.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-up.png"); } .oo-ui-image-invert .oo-ui-indicator-up, .oo-ui-image-invert.oo-ui-indicator-up { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up-invert.png); + background-image: url("themes/mediawiki/images/indicators/arrow-up-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-up-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-up-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-up-invert.png"); } .oo-ui-indicator-down { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down.png); + background-image: url("themes/mediawiki/images/indicators/arrow-down.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-down.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-down.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-down.png"); } .oo-ui-image-invert .oo-ui-indicator-down, .oo-ui-image-invert.oo-ui-indicator-down { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down-invert.png); + background-image: url("themes/mediawiki/images/indicators/arrow-down-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-down-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-down-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-down-invert.png"); } .oo-ui-indicator-next { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr.png); + background-image: url("themes/mediawiki/images/indicators/arrow-ltr.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-ltr.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-ltr.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-ltr.png"); } .oo-ui-image-invert .oo-ui-indicator-next, .oo-ui-image-invert.oo-ui-indicator-next { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr-invert.png); + background-image: url("themes/mediawiki/images/indicators/arrow-ltr-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-ltr-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-ltr-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-ltr-invert.png"); } .oo-ui-indicator-previous { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl.png); + background-image: url("themes/mediawiki/images/indicators/arrow-rtl.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-rtl.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-rtl.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-rtl.png"); } .oo-ui-image-invert .oo-ui-indicator-previous, .oo-ui-image-invert.oo-ui-indicator-previous { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl-invert.png); + background-image: url("themes/mediawiki/images/indicators/arrow-rtl-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-rtl-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-rtl-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-rtl-invert.png"); } .oo-ui-indicator-required { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/required.png); + background-image: url("themes/mediawiki/images/indicators/required.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/required.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/required.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/required.png"); } .oo-ui-image-invert .oo-ui-indicator-required, .oo-ui-image-invert.oo-ui-indicator-required { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/required-invert.png); + background-image: url("themes/mediawiki/images/indicators/required-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/required-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/required-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/required-invert.png"); } .oo-ui-texture-pending { - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); + background-image: url("themes/mediawiki/images/textures/pending.gif"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/textures/pending.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/textures/pending.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/textures/pending.gif"); } .oo-ui-texture-transparency { - background-image: /* @embed */ url(themes/mediawiki/images/textures/transparency.png); + background-image: url("themes/mediawiki/images/textures/transparency.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/textures/transparency.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/textures/transparency.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/textures/transparency.png"); } diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.js b/resources/lib/oojs-ui/oojs-ui-mediawiki.js index 42e305312f..3be2d1b045 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.7.0 + * OOjs UI v0.8.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-02-12T00:04:43Z + * Date: 2015-02-19T01:33:11Z */ /** * @class @@ -41,7 +41,7 @@ OO.ui.MediaWikiTheme.prototype.getElementClasses = function ( element ) { classes = OO.ui.MediaWikiTheme.super.prototype.getElementClasses.call( this, element ); if ( element.supports( [ 'isFramed', 'isDisabled', 'hasFlag' ] ) ) { - if ( !element.isDisabled() && element.isFramed() && element.hasFlag( 'primary' ) ) { + if ( element.isFramed() && ( element.isDisabled() || element.hasFlag( 'primary' ) ) ) { variants.invert = true; } else { variants.progressive = element.hasFlag( 'progressive' ); diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.css b/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.css deleted file mode 100644 index 0d16099e02..0000000000 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.css +++ /dev/null @@ -1,2665 +0,0 @@ -/*! - * OOjs UI v0.7.0 - * https://www.mediawiki.org/wiki/OOjs_UI - * - * Copyright 2011–2015 OOjs Team and other contributors. - * Released under the MIT license - * http://oojs.mit-license.org - * - * Date: 2015-02-12T00:04:52Z - */ -.oo-ui-progressBarWidget-slide-frames from { - margin-left: -40%; -} -.oo-ui-progressBarWidget-slide-frames to { - margin-left: 100%; -} -@-webkit-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -@-moz-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -@-ms-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -@-o-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -@keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -/* @noflip */ -.oo-ui-rtl { - direction: rtl; -} -/* @noflip */ -.oo-ui-ltr { - direction: ltr; -} -.oo-ui-element-hidden { - display: none !important; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button { - cursor: pointer; - display: inline-block; - vertical-align: middle; - font: inherit; - -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 { - display: none; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - display: none; -} -.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - 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 { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-buttonElement-frameless { - display: inline-block; - position: relative; -} -.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; -} -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - display: inline-block; - vertical-align: top; - text-align: center; -} -.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; -} -.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 { - cursor: default; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button { - font-weight: bold; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: 0; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-right: -0.75em; - margin-left: -0.75em; -} -.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, -.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-left: 0; -} -.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 { - width: 1.9em; - height: 1.9em; -} -.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, -.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - opacity: 0.2; -} -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { - outline: none; -} -.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin-left: 0.25em; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #757575; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #444444; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #598ad1; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #777777; -} -.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: #015ccc; - box-shadow: none; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #00c697; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #777777; -} -.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: #008c6d; - box-shadow: none; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #e81915; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #777777; -} -.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: #a7170f; - box-shadow: none; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - color: #cccccc; -} -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - margin: 0.1em 0; - padding: 0.2em 0.8em; - border-radius: 2px; - -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; - -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; - -ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; - -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; - transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; -} -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { - 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.9em; -} -.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - 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-left: -0.5em; - margin-right: 0.3em; -} -.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - color: #ffffff; - background: #dddddd; - border: 1px solid #dddddd; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { - color: #757575; - background-color: #ffffff; - border: solid 1px #cdcdcd; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); - border-color: #aaaaaa; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); -} -.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: #d0d0d0; - border-color: #d0d0d0; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - color: #0274ff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #015ccc; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #015ccc; - border-color: #015ccc; -} -.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 { - color: #015ccc; - border-color: #d0d0d0; - box-shadow: none; -} -.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: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - color: #00af89; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #008c6d; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #008c6d; - border-color: #008c6d; -} -.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 { - color: #008c6d; - border-color: #d0d0d0; - box-shadow: none; -} -.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: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - color: #d11d13; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #a7170f; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #a7170f; - border-color: #a7170f; -} -.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 { - color: #a7170f; - border-color: #d0d0d0; - box-shadow: none; -} -.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: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - color: #ffffff; - background-color: #0274ff; - border-color: #0274ff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #015ccc; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #015ccc; - border-color: #015ccc; -} -.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 { - color: #ffffff; - background-color: #015ccc; - border-color: #015ccc; - 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-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - color: #ffffff; - background-color: #00af89; - border-color: #00af89; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #008c6d; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #008c6d; - border-color: #008c6d; -} -.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 { - color: #ffffff; - background-color: #008c6d; - border-color: #008c6d; - 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-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - color: #ffffff; - background-color: #d11d13; - border-color: #d11d13; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #a7170f; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #a7170f; - border-color: #a7170f; -} -.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 { - color: #ffffff; - background-color: #a7170f; - border-color: #a7170f; - 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-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-clippableElement-clippable { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-draggableElement { - cursor: -webkit-grab -moz-grab, url(images/grab.cur), move; - /* - * HACK: In order to style horizontally, we must override - * OO.ui.OptionWidget's display rule that is currently set - * to be 'block' - */ -} -.oo-ui-draggableElement-dragging { - cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move; - background: rgba(0, 0, 0, 0.2); - opacity: 0.4; -} -.oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget { - display: inline-block; -} -.oo-ui-draggableGroupElement-placeholder { - position: absolute; - display: block; - background: rgba(0, 0, 0, 0.4); -} -.oo-ui-lookupElement > .oo-ui-menuSelectWidget { - z-index: 1; - width: 100%; -} -.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { - 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; -} -.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable { - overflow-y: auto; -} -.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded { - padding: 2em; -} -.oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget { - 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; -} -.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { - padding: 1.5em; -} -.oo-ui-bookletLayout-outlinePanel { - border-right: solid 1px #dddddd; -} -.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { - box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); -} -.oo-ui-fieldLayout { - display: block; - margin-bottom: 1em; -} -.oo-ui-fieldLayout:before, -.oo-ui-fieldLayout:after { - content: " "; - display: table; -} -.oo-ui-fieldLayout:after { - 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; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - text-align: right; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { - 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; -} -.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - display: inline-block; -} -.oo-ui-fieldLayout > .oo-ui-fieldLayout-help { - float: right; -} -.oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; -} -.oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content { - padding: 0.5em 0.75em; - line-height: 1.5em; -} -.oo-ui-fieldLayout:last-child { - 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%; -} -.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%; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding: 0.5em; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - padding: 0.5em 0; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding: 0.5em 0; -} -.oo-ui-fieldLayout > .oo-ui-popupButtonWidget { - margin-right: 0; - margin-top: 0.25em; -} -.oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child { - margin-right: 0; -} -.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { - color: #cccccc; -} -.oo-ui-actionFieldLayout-field { - display: table; - table-layout: fixed; - width: 100%; -} -.oo-ui-actionFieldLayout-input, -.oo-ui-actionFieldLayout-button { - display: table-cell; - vertical-align: middle; -} -.oo-ui-actionFieldLayout-input { - padding-right: 1em; -} -.oo-ui-actionFieldLayout-button { - width: 1%; - white-space: nowrap; -} -.oo-ui-fieldsetLayout { - position: relative; - margin: 0; - padding: 0; - border: none; -} -.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - display: block; - position: absolute; - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { - display: inline-block; -} -.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help { - float: right; -} -.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; -} -.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content { - padding: 0.5em 0.75em; - line-height: 1.5em; -} -.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { - margin-top: 2em; -} -.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { - 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: 1.75em; - line-height: 1.33em; -} -.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - left: 0; - top: 0.25em; - width: 1.5em; - height: 1.5em; -} -.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget { - margin-right: 0; -} -.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child { - margin-right: 0; -} -.oo-ui-gridLayout { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.oo-ui-menuLayout { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.oo-ui-menuLayout-menu, -.oo-ui-menuLayout-content { - position: absolute; - -webkit-transition: all ease-in-out 200ms; - -moz-transition: all ease-in-out 200ms; - -ms-transition: all ease-in-out 200ms; - -o-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; -} -.oo-ui-menuLayout-content { - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.oo-ui-menuLayout-top .oo-ui-menuLayout-menu { - left: 0; - top: 0; - right: 0; -} -.oo-ui-menuLayout-after .oo-ui-menuLayout-menu { - top: 0; - right: 0; - bottom: 0; -} -.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu { - right: 0; - bottom: 0; - left: 0; -} -.oo-ui-menuLayout-before .oo-ui-menuLayout-menu { - bottom: 0; - left: 0; - top: 0; -} -.oo-ui-menuLayout-top .oo-ui-menuLayout-content { - right: 0 !important; - bottom: 0 !important; - left: 0 !important; -} -.oo-ui-menuLayout-after .oo-ui-menuLayout-content { - bottom: 0 !important; - left: 0 !important; - top: 0 !important; -} -.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content { - left: 0 !important; - top: 0 !important; - right: 0 !important; -} -.oo-ui-menuLayout-before .oo-ui-menuLayout-content { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; -} -.oo-ui-panelLayout { - position: relative; -} -.oo-ui-panelLayout-scrollable { - overflow-y: auto; -} -.oo-ui-panelLayout-expanded { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.oo-ui-panelLayout-padded { - padding: 1.25em; -} -.oo-ui-stackLayout-continuous > .oo-ui-panelLayout { - display: block; - position: relative; -} -.oo-ui-popupTool .oo-ui-popupWidget-popup, -.oo-ui-popupTool .oo-ui-popupWidget-anchor { - z-index: 4; -} -.oo-ui-popupTool .oo-ui-popupWidget { - /* @noflip */ - margin-left: 1.25em; - font-size: 0.8em; -} -.oo-ui-toolGroup { - display: inline-block; - vertical-align: middle; - margin: 0.3em; -} -.oo-ui-toolGroup-empty { - display: none; -} -.oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { - color: #000000; -} -.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-accel { - color: #888888; -} -.oo-ui-barToolGroup > .oo-ui-iconElement-icon, -.oo-ui-barToolGroup > .oo-ui-labelElement-label { - display: none; -} -.oo-ui-barToolGroup .oo-ui-tool { - display: inline-block; - position: relative; - vertical-align: top; -} -.oo-ui-barToolGroup .oo-ui-tool-link { - display: block; -} -.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - display: block; -} -.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-accel, -.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: none; -} -.oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; -} -.oo-ui-barToolGroup .oo-ui-tool-title, -.oo-ui-barToolGroup .oo-ui-tool-accel { - display: none; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { - cursor: pointer; -} -.oo-ui-barToolGroup .oo-ui-tool-link { - height: 1.5em; - padding: 0.25em; -} -.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.5em; - width: 1.5em; - opacity: 0.8; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled { - background-color: #eeeeee; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.8; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 1; -} -.oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-popupToolGroup { - position: relative; - height: 2em; - min-width: 2.5em; -} -.oo-ui-popupToolGroup-handle { - display: block; - cursor: pointer; -} -.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, -.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - position: absolute; - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { - cursor: default; -} -.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - display: none; - position: absolute; - z-index: 4; -} -.oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { - background-repeat: no-repeat; - background-position: center center; -} -.oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { - display: block; -} -.oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { - left: 0; -} -.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { - right: 0; -} -.oo-ui-popupToolGroup .oo-ui-tool-link { - display: table; - width: 100%; - vertical-align: middle; - white-space: nowrap; - text-decoration: none; -} -.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; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { - text-align: right; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) { - padding-left: 3em; -} -.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 3.5em; -} -.oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.6em; - font-size: 0.8em; - margin: 0 1em; -} -.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-left: 3em; -} -.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 2.25em; -} -.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, -.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - top: 0; - width: 2em; - height: 2em; - opacity: 0.8; -} -.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - right: 0; -} -.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - left: 0.25em; -} -.oo-ui-popupToolGroup-header { - line-height: 2.6em; - font-size: 0.8em; - margin: 0 0.6em; - font-weight: bold; -} -.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - top: 2em; - background-color: white; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 2em; - width: 2em; - min-width: 2em; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - padding-left: 0.25em; -} -.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; - font-size: 0.8em; -} -.oo-ui-listToolGroup .oo-ui-tool { - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-listToolGroup .oo-ui-tool-link { - cursor: pointer; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; -} -.oo-ui-listToolGroup .oo-ui-tool { - padding: 0 0.5em 0 0.25em; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - background-color: #eeeeee; -} -.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled, -.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { - background-color: #d0d0d0; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { - color: #cccccc; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel { - color: #dddddd; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-listToolGroup.oo-ui-widget-disabled { - color: #cccccc; -} -.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; -} -.oo-ui-listToolGroup .oo-ui-toolGroup-tools { - padding: 0.25em 0 0.25em 0; - border: 1px solid #aaaaaa; - border-radius: 0.2em; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1); -} -.oo-ui-menuToolGroup { - border: solid 1px #cccccc; - border-radius: 0.1em; -} -.oo-ui-menuToolGroup .oo-ui-tool { - display: block; -} -.oo-ui-menuToolGroup .oo-ui-tool-link { - cursor: pointer; -} -.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; -} -.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 8em; -} -.oo-ui-menuToolGroup .oo-ui-toolGroup-tools { - margin-left: -1px; - padding: 0.25em 0 0.25em 0; - border: 1px solid #aaaaaa; - border-radius: 0.2em; - border-top-left-radius: 0; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1); -} -.oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { - border-color: #aaaaaa; -} -.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { - border-color: #aaaaaa; -} -.oo-ui-menuToolGroup .oo-ui-tool { - padding: 0 0.75em 0 0.25em; -} -.oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: none; -} -.oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check.svg); -} -.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - background-color: #eeeeee; -} -.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { - color: #cccccc; -} -.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-menuToolGroup.oo-ui-widget-disabled { - color: #cccccc; - border-color: #cccccc; -} -.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; -} -.oo-ui-toolbar { - clear: both; -} -.oo-ui-toolbar-bar { - line-height: 1em; -} -.oo-ui-toolbar-actions { - float: right; -} -.oo-ui-toolbar-tools { - display: inline; -} -.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; -} -.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; -} -.oo-ui-toolbar-shadow { - background-position: left top; - background-repeat: repeat-x; - position: absolute; - width: 100%; - pointer-events: none; -} -.oo-ui-toolbar-bar { - border-bottom: solid 4px rgba(0, 0, 0, 0.15); - background: #ffffff; -} -.oo-ui-toolbar-bar .oo-ui-toolbar-bar { - border: none; - background: none; -} -.oo-ui-toolbar-shadow { - display: none; -} -.oo-ui-selectWidget { - border-radius: 2px; -} -.oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; -} -.oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - margin-left: 0; -} -.oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} -.oo-ui-optionWidget { - position: relative; - display: block; - cursor: pointer; - padding: 0.25em 0.5em; - border: none; -} -.oo-ui-optionWidget.oo-ui-widget-disabled { - cursor: default; -} -.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} -.oo-ui-optionWidget-highlighted { - background-color: #eeeeee; -} -.oo-ui-optionWidget .oo-ui-labelElement-label { - line-height: 1.5em; -} -.oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected, -.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: #d0d0d0; -} -.oo-ui-optionWidget.oo-ui-widget-disabled { - color: #cccccc; -} -.oo-ui-decoratedOptionWidget { - padding: 0.5em 2em 0.5em 3em; -} -.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, -.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - position: absolute; - background-repeat: no-repeat; - background-position: center center; -} -.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, -.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - top: 50%; - width: 2em; - height: 2em; - margin-top: -1em; -} -.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { - left: 0.5em; -} -.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - right: 0.5em; -} -.oo-ui-buttonSelectWidget { - display: inline-block; - white-space: nowrap; - border-radius: 2px; - margin-right: 0.5em; -} -.oo-ui-buttonSelectWidget:last-child { - margin-right: 0; -} -.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - 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; -} -.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} -.oo-ui-buttonOptionWidget { - display: inline-block; - padding: 0; - background-color: transparent; -} -.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - position: relative; -} -.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; -} -.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - height: 1.9em; -} -.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, -.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - height: 1.9em; - margin-top: 0; -} -.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected, -.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, -.oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { - background-color: transparent; -} -.oo-ui-radioOptionWidget { - 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; -} -.oo-ui-radioOptionWidget.oo-ui-optionWidget-selected, -.oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed, -.oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted { - background-color: transparent; -} -.oo-ui-labelWidget { - display: inline-block; -} -.oo-ui-iconWidget { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; - line-height: 2.5em; - height: 1.9em; - width: 1.9em; -} -.oo-ui-iconWidget.oo-ui-widget-disabled { - opacity: 0.2; -} -.oo-ui-indicatorWidget { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; - line-height: 2.5em; - height: 1.9em; - width: 1.9em; -} -.oo-ui-indicatorWidget.oo-ui-widget-disabled { - opacity: 0.2; -} -.oo-ui-buttonWidget { - display: inline-block; - vertical-align: middle; - margin-right: 0.5em; -} -.oo-ui-buttonWidget:last-child { - margin-right: 0; -} -.oo-ui-buttonGroupWidget { - display: inline-block; - white-space: nowrap; - border-radius: 2px; - margin-right: 0.5em; -} -.oo-ui-buttonGroupWidget:last-child { - margin-right: 0; -} -.oo-ui-buttonGroupWidget .oo-ui-buttonWidget { - margin-right: 0; -} -.oo-ui-buttonGroupWidget .oo-ui-buttonWidget:last-child { - margin-right: 0; -} -.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - 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; -} -.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} -.oo-ui-toggleSwitchWidget { - position: relative; - display: inline-block; - vertical-align: middle; - overflow: hidden; - cursor: pointer; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transform: translateZ(0px); - -moz-transform: translateZ(0px); - -ms-transform: translateZ(0px); - -o-transform: translateZ(0px); - transform: translateZ(0px); - height: 2em; - width: 4em; - border-radius: 1em; - border: 1px #dddddd solid; - margin-right: 0.5em; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { - cursor: default; -} -.oo-ui-toggleSwitchWidget-grip { - position: absolute; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - -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 { - display: none; -} -.oo-ui-toggleSwitchWidget:last-child { - margin-right: 0; -} -.oo-ui-toggleSwitchWidget-grip { - top: 0.25em; - left: 0.25em; - width: 1.5em; - height: 1.5em; - margin-top: -1px; - border-radius: 1em; - border: 1px #dddddd solid; - background-color: #f7f7f7; - -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; - -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; - -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; - -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; - transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; -} -.oo-ui-toggleSwitchWidget-glow { - border-radius: 1em; - background-color: #f7f7f7; - -webkit-transition: background-color 0.1s ease-in-out; - -moz-transition: background-color 0.1s ease-in-out; - -ms-transition: background-color 0.1s ease-in-out; - -o-transition: background-color 0.1s ease-in-out; - transition: background-color 0.1s ease-in-out; -} -.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { - left: 2.25em; - margin-left: -2px; -} -.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { - display: block; -} -.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { - left: 0.25em; - margin-left: 0; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { - border: 1px #cccccc solid; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { - border-color: #aaaaaa; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { - background-color: #ffffff; - border-color: #aaaaaa; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { - background-color: #d0d0d0; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { - background-color: #ffffff; -} -.oo-ui-progressBarWidget { - max-width: 50em; - border: solid 1px #cccccc; - border-radius: 0.1em; - overflow: hidden; -} -.oo-ui-progressBarWidget-bar { - height: 1em; - background: #dddddd; - -webkit-transition: width 200ms, margin-left 200ms; - -moz-transition: width 200ms, margin-left 200ms; - -ms-transition: width 200ms, margin-left 200ms; - -o-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; - -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - -o-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; -} -.oo-ui-actionWidget.oo-ui-pendingElement-pending { - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); -} -.oo-ui-popupWidget { - position: absolute; - /* @noflip */ - left: 0; -} -.oo-ui-popupWidget-popup { - position: relative; - overflow: hidden; - z-index: 1; -} -.oo-ui-popupWidget-anchor { - 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; -} -.oo-ui-popupWidget-head { - -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; -} -.oo-ui-popupWidget-head .oo-ui-labelElement-label { - float: left; - cursor: default; -} -.oo-ui-popupWidget-body { - clear: both; - overflow: hidden; -} -.oo-ui-popupWidget-popup { - border: solid 1px #aaaaaa; - border-radius: 0.2em; - background-color: #ffffff; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); -} -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { - 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; -} -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before { - bottom: -10px; - left: -9px; - border-bottom-color: #888888; - border-width: 10px; -} -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - bottom: -10px; - left: -8px; - border-bottom-color: #ffffff; - border-width: 9px; -} -.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { - -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; -} -.oo-ui-popupWidget-head { - height: 2.5em; -} -.oo-ui-popupWidget-head .oo-ui-buttonWidget { - margin: 0.25em; -} -.oo-ui-popupWidget-head .oo-ui-labelElement-label { - margin: 0.75em 1em; -} -.oo-ui-popupWidget-body-padded { - padding: 0 1em; -} -.oo-ui-popupButtonWidget { - position: relative; -} -.oo-ui-popupButtonWidget .oo-ui-popupWidget { - position: absolute; - cursor: auto; -} -.oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget { - left: 1em; -} -.oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget { - left: 1.75em; -} -.oo-ui-inputWidget { - margin-right: 0.5em; -} -.oo-ui-inputWidget:last-child { - margin-right: 0; -} -.oo-ui-checkboxInputWidget { - position: relative; - line-height: 1.6em; - white-space: nowrap; -} -.oo-ui-checkboxInputWidget * { - font: inherit; - vertical-align: middle; -} -.oo-ui-checkboxInputWidget input[type="checkbox"] { - opacity: 0; - position: relative; - z-index: 1; - margin: 0; - width: 1.6em; - height: 1.6em; - max-width: none; -} -.oo-ui-checkboxInputWidget input[type="checkbox"] + span { - cursor: pointer; - margin: 0 0.2em; -} -.oo-ui-checkboxInputWidget input[type="checkbox"] + span::before { - -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - content: ""; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - position: absolute; - left: 0; - border-radius: 2px; - width: 1.6em; - height: 1.6em; - background-color: white; - border: 1px solid #777777; - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg); - background-repeat: no-repeat; - background-position: center center; - background-origin: border-box; - background-size: 0 0; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before { - background-size: 100% 100%; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before { - background-color: #dddddd; - border-color: #dddddd; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span::before { - border-width: 2px; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span::before, -.oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span::before { - border-bottom-width: 3px; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span::before { - cursor: default; - background-color: #eeeeee; - border-color: #eeeeee; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span::before { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.svg); -} -.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; -} -.oo-ui-dropdownInputWidget select { - display: inline-block; - width: 100%; - resize: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-dropdownInputWidget select { - height: 2.5em; - padding: 0.5em; - font-size: 1em; - font-family: sans-serif; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: solid 1px #cccccc; -} -.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, -.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { - border-color: #aaaaaa; - outline: none; -} -.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { - color: #cccccc; - border-color: #dddddd; - background-color: #f3f3f3; -} -.oo-ui-radioInputWidget { - position: relative; - line-height: 1.6em; - white-space: nowrap; -} -.oo-ui-radioInputWidget * { - font: inherit; - vertical-align: middle; -} -.oo-ui-radioInputWidget input[type="radio"] { - opacity: 0; - position: relative; - z-index: 1; - margin: 0; - width: 1.6em; - height: 1.6em; - max-width: none; -} -.oo-ui-radioInputWidget input[type="radio"] + span { - cursor: pointer; - margin: 0 0.2em; -} -.oo-ui-radioInputWidget input[type="radio"] + span::before { - -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - content: ""; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - position: absolute; - left: 0; - border-radius: 100%; - width: 1.6em; - height: 1.6em; - background: white; - border: 1px solid #777777; - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.svg); - background-repeat: no-repeat; - background-position: center center; - background-origin: border-box; - background-size: 0 0; -} -.oo-ui-radioInputWidget input[type="radio"]:checked + span::before { - background-size: 100% 100%; -} -.oo-ui-radioInputWidget input[type="radio"]:active + span::before { - background-color: #dddddd; - border-color: #dddddd; -} -.oo-ui-radioInputWidget input[type="radio"]:focus + span::before { - border-width: 2px; -} -.oo-ui-radioInputWidget input[type="radio"]:focus:hover + span::before, -.oo-ui-radioInputWidget input[type="radio"]:hover + span::before { - border-bottom-width: 3px; -} -.oo-ui-radioInputWidget input[type="radio"]:disabled + span::before { - cursor: default; - background-color: #eeeeee; - border-color: #eeeeee; -} -.oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span::before { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.svg); -} -.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; -} -.oo-ui-textInputWidget input, -.oo-ui-textInputWidget textarea { - display: inline-block; - width: 100%; - resize: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-textInputWidget > .oo-ui-iconElement-icon, -.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { - position: absolute; - top: 0; - height: 100%; - background-repeat: no-repeat; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.oo-ui-textInputWidget > .oo-ui-iconElement-icon { - left: 0; -} -.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { - right: 0; -} -.oo-ui-textInputWidget > .oo-ui-labelElement-label { - position: absolute; - top: 0; -} -.oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label { - right: 0; -} -.oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label { - left: 0; -} -.oo-ui-textInputWidget input, -.oo-ui-textInputWidget textarea { - padding: 0.5em 0.5em 0.5em 0.9em; - margin: 0; - font-size: 1em; - font-family: sans-serif; - background-color: #ffffff; - color: black; - border: solid 1px #cccccc; - box-shadow: inset 0 0 0 0 #0274ff; - border-radius: 0.1em; - -webkit-transition: box-shadow 0.1s; - -moz-transition: box-shadow 0.1s; - -ms-transition: box-shadow 0.1s; - -o-transition: box-shadow 0.1s; - transition: box-shadow 0.1s; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-textInputWidget-decorated input, -.oo-ui-textInputWidget-decorated textarea { - padding-left: 2em; -} -.oo-ui-textInputWidget-icon { - width: 2em; -} -.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, -.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { - outline: none; - border-color: #aaaaaa; - box-shadow: inset 0.4em 0 0 0 #0274ff; -} -.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], -.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { - color: #777777; - text-shadow: 0 1px 1px #ffffff; -} -.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus, -.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus { - box-shadow: inset 0.4em 0 0 0 #cccccc; -} -.oo-ui-textInputWidget.oo-ui-widget-disabled input, -.oo-ui-textInputWidget.oo-ui-widget-disabled textarea { - color: #cccccc; - text-shadow: 0 1px 1px #ffffff; - border-color: #dddddd; - background-color: #f3f3f3; -} -.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, -.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { - background-color: transparent; - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); -} -.oo-ui-textInputWidget.oo-ui-iconElement input, -.oo-ui-textInputWidget.oo-ui-iconElement textarea { - padding-left: 2.75em; -} -.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0.4em; - width: 2em; - height: 100%; - background-position: right center; -} -.oo-ui-textInputWidget.oo-ui-indicatorElement input, -.oo-ui-textInputWidget.oo-ui-indicatorElement textarea { - padding-right: 1.9em; -} -.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - width: 1.6em; - height: 100%; - background-position: left center; -} -.oo-ui-textInputWidget > .oo-ui-labelElement-label { - padding: 0.4em; - line-height: 1.5em; - color: #888888; -} -.oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { - padding-right: 2.4em; -} -.oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label { - padding-left: 2.9em; -} -.oo-ui-menuSelectWidget { - position: absolute; - background: #ffffff; - margin-top: -1px; - border: solid 1px #aaaaaa; - border-radius: 0 0 0.2em 0.2em; - padding-bottom: 0.25em; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); -} -.oo-ui-menuSelectWidget input { - position: absolute; - width: 0; - height: 0; - overflow: hidden; - opacity: 0; -} -.oo-ui-menuOptionWidget { - position: relative; - padding: 0.5em 1em; -} -.oo-ui-menuOptionWidget .oo-ui-iconElement-icon { - display: none; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { - background-color: transparent; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: block; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { - background-color: #999999; - color: #ffffff; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: none; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { - background-color: #eeeeee; - color: black; -} -.oo-ui-menuSectionOptionWidget { - cursor: default; - padding: 0.33em 0.75em; - color: #888888; -} -.oo-ui-dropdownWidget { - display: inline-block; - position: relative; - margin: 0.25em 0; - width: 100%; - max-width: 50em; - margin-right: 0.5em; -} -.oo-ui-dropdownWidget-handle { - width: 100%; - display: inline-block; - cursor: pointer; - -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; - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-dropdownWidget > .oo-ui-menuSelectWidget { - z-index: 1; - width: 100%; -} -.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { - cursor: default; -} -.oo-ui-dropdownWidget:last-child { - margin-right: 0; -} -.oo-ui-dropdownWidget-handle { - height: 2.5em; - border: solid 1px #cccccc; - border-radius: 0.1em; -} -.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { - right: 0; -} -.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - left: 0.25em; -} -.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - line-height: 2.5em; - margin: 0 1em; -} -.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, -.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - top: 0; - width: 2.5em; - height: 2.5em; -} -.oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle { - border-color: #aaaaaa; -} -.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { - color: #cccccc; - text-shadow: 0 1px 1px #ffffff; - border-color: #dddddd; - background-color: #f3f3f3; -} -.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.2; -} -.oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-left: 3em; -} -.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-right: 2em; -} -.oo-ui-dropdownWidget .oo-ui-selectWidget { - border-top-color: #ffffff; -} -.oo-ui-outlineOptionWidget { - position: relative; - cursor: pointer; - -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-indicatorElement .oo-ui-labelElement-label { - padding-right: 1.5em; -} -.oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - opacity: 0.5; -} -.oo-ui-outlineOptionWidget-level-0 { - padding-left: 3.5em; -} -.oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon { - left: 1em; -} -.oo-ui-outlineOptionWidget-level-1 { - padding-left: 5em; -} -.oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon { - left: 2.5em; -} -.oo-ui-outlineOptionWidget-level-2 { - padding-left: 6.5em; -} -.oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon { - left: 4em; -} -.oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { - background-color: #d0d0d0; - text-shadow: 0 1px 1px #ffffff; -} -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important { - font-weight: bold; -} -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder { - font-style: italic; -} -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { - opacity: 0.5; -} -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { - color: #777777; -} -.oo-ui-outlineControlsWidget { - height: 3em; - background-color: #ffffff; -} -.oo-ui-outlineControlsWidget-items, -.oo-ui-outlineControlsWidget-movers { - 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; - background-repeat: no-repeat; -} -.oo-ui-outlineControlsWidget-items { - float: left; -} -.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { - float: left; -} -.oo-ui-outlineControlsWidget-movers { - float: right; -} -.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { - float: right; -} -.oo-ui-outlineControlsWidget-items, -.oo-ui-outlineControlsWidget-movers { - 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; -} -.oo-ui-comboBoxWidget { - display: inline-block; - position: relative; - width: 100%; - max-width: 50em; - margin-right: 0.5em; -} -.oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget { - z-index: 1; - width: 100%; -} -.oo-ui-comboBoxWidget:last-child { - margin-right: 0; -} -.oo-ui-comboBoxWidget .oo-ui-textInputWidget input, -.oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea { - height: 2.35em; -} -.oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement { - padding-right: 1.9em; -} -.oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - width: 1.9em; - background-position: center center; - border: solid 1px #cccccc; - border-left: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-searchWidget-query { - position: absolute; - top: 0; - left: 0; - right: 0; -} -.oo-ui-searchWidget-query .oo-ui-textInputWidget { - width: 100%; -} -.oo-ui-searchWidget-results { - 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: solid 1px #cccccc; -} -.oo-ui-searchWidget-query .oo-ui-textInputWidget { - margin: 0.75em 0; -} -.oo-ui-searchWidget-results { - top: 4em; - padding: 1em; - line-height: 0; -} -.oo-ui-window { - line-height: 1em; -} -.oo-ui-window-frame { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-window-content:focus { - outline: none; -} -.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; -} -.oo-ui-window-body { - margin: 0; - padding: 0; - background: none; -} -.oo-ui-window-overlay, -.oo-ui-window-inner-overlay { - position: absolute; - top: 0; - /* @noflip */ - left: 0; -} -.oo-ui-window, -.oo-ui-window-isolated { - background: transparent; - font-family: sans-serif; - font-size: 0.8em; -} -.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; - overflow: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-dialog-content > .oo-ui-window-head { - z-index: 1; - top: 0; -} -.oo-ui-dialog-content > .oo-ui-window-body { - z-index: 2; - top: 0; - bottom: 0; -} -.oo-ui-dialog-content > .oo-ui-window-foot { - z-index: 1; - bottom: 0; -} -.oo-ui-dialog-content > .oo-ui-window-inner-overlay { - z-index: 3; -} -.oo-ui-dialog-content > .oo-ui-window-body { - outline: 1px solid #aaaaaa; -} -.oo-ui-messageDialog-actions-horizontal { - display: table; - table-layout: fixed; - width: 100%; -} -.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - display: table-cell; - width: 1%; -} -.oo-ui-messageDialog-actions-vertical { - 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; -} -.oo-ui-messageDialog-title, -.oo-ui-messageDialog-message { - display: block; - text-align: center; - padding-top: 0.5em; -} -.oo-ui-messageDialog-title { - font-size: 1.5em; - line-height: 1em; - color: #000000; -} -.oo-ui-messageDialog-message { - font-size: 0.9em; - line-height: 1.25em; - color: #666666; -} -.oo-ui-messageDialog-message-verbose { - font-size: 1.1em; - line-height: 1.5em; - text-align: left; -} -.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - border-right: solid 1px #e5e5e5; -} -.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { - border-right-width: 0; -} -.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - border-bottom: solid 1px #e5e5e5; -} -.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { - border-bottom-width: 0; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget { - height: 3.4em; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - text-align: center; - line-height: 3.4em; - padding: 0 2em; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { - 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; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { - 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); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { - 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); -} -.oo-ui-processDialog-location { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.oo-ui-processDialog-title { - 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; -} -.oo-ui-processDialog-actions-safe, -.oo-ui-processDialog-actions-primary { - position: absolute; - top: 0; - bottom: 0; -} -.oo-ui-processDialog-actions-safe { - left: 0; -} -.oo-ui-processDialog-actions-primary { - right: 0; -} -.oo-ui-processDialog-errors { - display: none; - 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; -} -.oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending { - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); -} -.oo-ui-processDialog-content .oo-ui-window-body { - top: 3.4em; - outline: 1px solid rgba(0, 0, 0, 0.2); -} -.oo-ui-processDialog-navigation { - position: relative; - height: 3.4em; - padding: 0 1em; -} -.oo-ui-processDialog-location { - padding: 0.75em 0; - height: 1.9em; - cursor: default; - text-align: center; -} -.oo-ui-processDialog-title { - font-weight: bold; - line-height: 1.9em; -} -.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.9em; - min-height: 1.9em; -} -.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.9em; -} -.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; -} -.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 0 0.75em 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; -} -.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); -} -.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); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed { - 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 { - /* Adjust for border so text aligns with title */ - margin: -1px; -} -.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); -} -.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); -} -.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; -} -.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); -} -.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); -} -.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); -} -.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); -} -.oo-ui-processDialog > .oo-ui-window-frame { - min-height: 5em; -} -.oo-ui-processDialog-errors { - 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; -} -.oo-ui-processDialog-errors-title { - font-size: 1.5em; - color: #000000; - margin-bottom: 2em; -} -.oo-ui-processDialog-error { - text-align: left; - margin: 1em; - padding: 1em; - border: solid 1px #ff9e9e; - background-color: #fff7f7; - border-radius: 0.25em; -} -.oo-ui-windowManager-modal > .oo-ui-dialog { - position: fixed; - width: 0; - height: 0; - overflow: hidden; -} -.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; -} -.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%; -} -.oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { - 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-in-out; - -moz-transition: opacity 250ms ease-in-out; - -ms-transition: opacity 250ms ease-in-out; - -o-transition: opacity 250ms ease-in-out; - transition: opacity 250ms ease-in-out; -} -.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { - top: 1em; - bottom: 1em; - background-color: #ffffff; - opacity: 0; - -webkit-transform: scale(0.5); - -moz-transform: scale(0.5); - -ms-transform: scale(0.5); - -o-transform: scale(0.5); - transform: scale(0.5); - -webkit-transition: all 250ms ease-in-out; - -moz-transition: all 250ms ease-in-out; - -ms-transition: all 250ms ease-in-out; - -o-transition: all 250ms ease-in-out; - transition: all 250ms ease-in-out; -} -.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { - /* Fade window overlay */ - opacity: 1; -} -.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { - /* Fade frame */ - opacity: 1; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); -} -.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { - border: solid 1px #aaaaaa; - border-radius: 0.2em; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); -} - -.oo-ui-icon-add { - background-image: /* @embed */ url(themes/mediawiki/images/icons/add.svg); -} -.oo-ui-image-constructive .oo-ui-icon-add, -.oo-ui-image-constructive.oo-ui-icon-add { - background-image: /* @embed */ url(themes/mediawiki/images/icons/add-constructive.svg); -} -.oo-ui-image-invert .oo-ui-icon-add, -.oo-ui-image-invert.oo-ui-icon-add { - background-image: /* @embed */ url(themes/mediawiki/images/icons/add-invert.svg); -} -.oo-ui-icon-advanced { - background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced.svg); -} -.oo-ui-image-invert .oo-ui-icon-advanced, -.oo-ui-image-invert.oo-ui-icon-advanced { - background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced-invert.svg); -} -.oo-ui-icon-alert { - background-image: /* @embed */ url(themes/mediawiki/images/icons/alert.svg); -} -.oo-ui-image-invert .oo-ui-icon-alert, -.oo-ui-image-invert.oo-ui-icon-alert { - background-image: /* @embed */ url(themes/mediawiki/images/icons/alert-invert.svg); -} -.oo-ui-icon-check { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check.svg); -} -.oo-ui-image-constructive .oo-ui-icon-check, -.oo-ui-image-constructive.oo-ui-icon-check { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg); -} -.oo-ui-image-invert .oo-ui-icon-check, -.oo-ui-image-invert.oo-ui-icon-check { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.svg); -} -.oo-ui-icon-clear { - background-image: /* @embed */ url(themes/mediawiki/images/icons/clear.svg); -} -.oo-ui-image-invert .oo-ui-icon-clear, -.oo-ui-image-invert.oo-ui-icon-clear { - background-image: /* @embed */ url(themes/mediawiki/images/icons/clear-invert.svg); -} -.oo-ui-icon-close { - background-image: /* @embed */ url(themes/mediawiki/images/icons/close.svg); -} -.oo-ui-image-invert .oo-ui-icon-close, -.oo-ui-image-invert.oo-ui-icon-close { - background-image: /* @embed */ url(themes/mediawiki/images/icons/close-invert.svg); -} -.oo-ui-icon-code { - background-image: /* @embed */ url(themes/mediawiki/images/icons/code.svg); -} -.oo-ui-image-invert .oo-ui-icon-code, -.oo-ui-image-invert.oo-ui-icon-code { - background-image: /* @embed */ url(themes/mediawiki/images/icons/code-invert.svg); -} -.oo-ui-icon-collapse { - background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse.svg); -} -.oo-ui-image-invert .oo-ui-icon-collapse, -.oo-ui-image-invert.oo-ui-icon-collapse { - background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse-invert.svg); -} -.oo-ui-icon-comment { - background-image: /* @embed */ url(themes/mediawiki/images/icons/comment.svg); -} -.oo-ui-image-invert .oo-ui-icon-comment, -.oo-ui-image-invert.oo-ui-icon-comment { - background-image: /* @embed */ url(themes/mediawiki/images/icons/comment-invert.svg); -} -.oo-ui-icon-expand { - background-image: /* @embed */ url(themes/mediawiki/images/icons/expand.svg); -} -.oo-ui-image-invert .oo-ui-icon-expand, -.oo-ui-image-invert.oo-ui-icon-expand { - background-image: /* @embed */ url(themes/mediawiki/images/icons/expand-invert.svg); -} -.oo-ui-icon-help { - background-image: /* @embed */ url(themes/mediawiki/images/icons/help.svg); -} -.oo-ui-image-invert .oo-ui-icon-help, -.oo-ui-image-invert.oo-ui-icon-help { - background-image: /* @embed */ url(themes/mediawiki/images/icons/help-invert.svg); -} -.oo-ui-icon-info { - background-image: /* @embed */ url(themes/mediawiki/images/icons/info.svg); -} -.oo-ui-image-invert .oo-ui-icon-info, -.oo-ui-image-invert.oo-ui-icon-info { - background-image: /* @embed */ url(themes/mediawiki/images/icons/info-invert.svg); -} -.oo-ui-icon-link { - background-image: /* @embed */ url(themes/mediawiki/images/icons/link.svg); -} -.oo-ui-image-invert .oo-ui-icon-link, -.oo-ui-image-invert.oo-ui-icon-link { - background-image: /* @embed */ url(themes/mediawiki/images/icons/link-invert.svg); -} -.oo-ui-icon-lock { - background-image: /* @embed */ url(themes/mediawiki/images/icons/lock.svg); -} -.oo-ui-image-invert .oo-ui-icon-lock, -.oo-ui-image-invert.oo-ui-icon-lock { - background-image: /* @embed */ url(themes/mediawiki/images/icons/lock-invert.svg); -} -.oo-ui-icon-menu { - background-image: /* @embed */ url(themes/mediawiki/images/icons/menu.svg); -} -.oo-ui-image-invert .oo-ui-icon-menu, -.oo-ui-image-invert.oo-ui-icon-menu { - background-image: /* @embed */ url(themes/mediawiki/images/icons/menu-invert.svg); -} -.oo-ui-icon-next { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr.svg); -} -.oo-ui-image-invert .oo-ui-icon-next, -.oo-ui-image-invert.oo-ui-icon-next { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr-invert.svg); -} -.oo-ui-icon-picture { - background-image: /* @embed */ url(themes/mediawiki/images/icons/picture.svg); -} -.oo-ui-image-invert .oo-ui-icon-picture, -.oo-ui-image-invert.oo-ui-icon-picture { - background-image: /* @embed */ url(themes/mediawiki/images/icons/picture-invert.svg); -} -.oo-ui-icon-previous { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl.svg); -} -.oo-ui-image-invert .oo-ui-icon-previous, -.oo-ui-image-invert.oo-ui-icon-previous { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl-invert.svg); -} -.oo-ui-icon-circle { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle.svg); -} -.oo-ui-image-constructive .oo-ui-icon-circle, -.oo-ui-image-constructive.oo-ui-icon-circle { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.svg); -} -.oo-ui-image-invert .oo-ui-icon-circle, -.oo-ui-image-invert.oo-ui-icon-circle { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.svg); -} -.oo-ui-icon-redo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr.svg); -} -.oo-ui-image-invert .oo-ui-icon-redo, -.oo-ui-image-invert.oo-ui-icon-redo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg); -} -.oo-ui-icon-remove { - background-image: /* @embed */ url(themes/mediawiki/images/icons/remove.svg); -} -.oo-ui-image-destructive .oo-ui-icon-remove, -.oo-ui-image-destructive.oo-ui-icon-remove { - background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-destructive.svg); -} -.oo-ui-image-invert .oo-ui-icon-remove, -.oo-ui-image-invert.oo-ui-icon-remove { - background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-invert.svg); -} -.oo-ui-icon-search { - background-image: /* @embed */ url(themes/mediawiki/images/icons/search.svg); -} -.oo-ui-image-invert .oo-ui-icon-search, -.oo-ui-image-invert.oo-ui-icon-search { - background-image: /* @embed */ url(themes/mediawiki/images/icons/search-invert.svg); -} -.oo-ui-icon-settings { - background-image: /* @embed */ url(themes/mediawiki/images/icons/settings.svg); -} -.oo-ui-image-invert .oo-ui-icon-settings, -.oo-ui-image-invert.oo-ui-icon-settings { - background-image: /* @embed */ url(themes/mediawiki/images/icons/settings-invert.svg); -} -.oo-ui-icon-tag { - background-image: /* @embed */ url(themes/mediawiki/images/icons/tag.svg); -} -.oo-ui-image-invert .oo-ui-icon-tag, -.oo-ui-image-invert.oo-ui-icon-tag { - background-image: /* @embed */ url(themes/mediawiki/images/icons/tag-invert.svg); -} -.oo-ui-icon-undo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl.svg); -} -.oo-ui-image-invert .oo-ui-icon-undo, -.oo-ui-image-invert.oo-ui-icon-undo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg); -} -.oo-ui-icon-window { - background-image: /* @embed */ url(themes/mediawiki/images/icons/window.svg); -} -.oo-ui-image-invert .oo-ui-icon-window, -.oo-ui-image-invert.oo-ui-icon-window { - background-image: /* @embed */ url(themes/mediawiki/images/icons/window-invert.svg); -} -.oo-ui-indicator-alert { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert.svg); -} -.oo-ui-image-invert .oo-ui-indicator-alert, -.oo-ui-image-invert.oo-ui-indicator-alert { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert-invert.svg); -} -.oo-ui-indicator-up { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up.svg); -} -.oo-ui-image-invert .oo-ui-indicator-up, -.oo-ui-image-invert.oo-ui-indicator-up { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up-invert.svg); -} -.oo-ui-indicator-down { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down.svg); -} -.oo-ui-image-invert .oo-ui-indicator-down, -.oo-ui-image-invert.oo-ui-indicator-down { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down-invert.svg); -} -.oo-ui-indicator-next { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr.svg); -} -.oo-ui-image-invert .oo-ui-indicator-next, -.oo-ui-image-invert.oo-ui-indicator-next { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr-invert.svg); -} -.oo-ui-indicator-previous { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl.svg); -} -.oo-ui-image-invert .oo-ui-indicator-previous, -.oo-ui-image-invert.oo-ui-indicator-previous { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl-invert.svg); -} -.oo-ui-indicator-required { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/required.svg); -} -.oo-ui-image-invert .oo-ui-indicator-required, -.oo-ui-image-invert.oo-ui-indicator-required { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/required-invert.svg); -} -.oo-ui-texture-pending { - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); -} -.oo-ui-texture-transparency { - background-image: /* @embed */ url(themes/mediawiki/images/textures/transparency.svg); -} diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.vector.css b/resources/lib/oojs-ui/oojs-ui-mediawiki.vector.css new file mode 100644 index 0000000000..453811c299 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.vector.css @@ -0,0 +1,2679 @@ +/*! + * OOjs UI v0.8.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2015 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2015-02-19T01:33:21Z + */ +.oo-ui-progressBarWidget-slide-frames from { + margin-left: -40%; +} +.oo-ui-progressBarWidget-slide-frames to { + margin-left: 100%; +} +@-webkit-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@-moz-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@-ms-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@-o-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-element-hidden { + display: none !important; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + font: inherit; + -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; +} +.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + 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 { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-buttonElement-frameless { + display: inline-block; + position: relative; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + display: inline-block; + vertical-align: top; + text-align: center; +} +.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.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 { + cursor: default; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + font-weight: bold; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-left: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-right: -0.75em; + margin-left: -0.75em; +} +.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-left: 0; +} +.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 { + width: 1.9em; + height: 1.9em; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); + outline: none; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { + 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; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #757575; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #444444; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #598ad1; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #777777; +} +.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: #015ccc; + box-shadow: none; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #00c697; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #777777; +} +.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: #008c6d; + box-shadow: none; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #e81915; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #777777; +} +.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: #a7170f; + box-shadow: none; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + color: #cccccc; +} +.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.2; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + margin: 0.1em 0; + padding: 0.2em 0.8em; + border-radius: 2px; + -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; + -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; + -ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; + -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; + transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { + 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.9em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + 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-left: -0.5em; + margin-right: 0.3em; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + color: #ffffff; + background: #dddddd; + border: 1px solid #dddddd; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { + color: #757575; + background-color: #ffffff; + border: solid 1px #cdcdcd; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); + border-color: #aaaaaa; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); +} +.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: #d0d0d0; + border-color: #d0d0d0; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { + color: #0274ff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { + box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); + border-bottom-color: #015ccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #015ccc; + border-color: #015ccc; +} +.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 { + color: #015ccc; + border-color: #d0d0d0; + box-shadow: none; +} +.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: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { + color: #00af89; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { + box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); + border-bottom-color: #008c6d; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #008c6d; + border-color: #008c6d; +} +.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 { + color: #008c6d; + border-color: #d0d0d0; + box-shadow: none; +} +.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: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + color: #d11d13; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { + box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); + border-bottom-color: #a7170f; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #a7170f; + border-color: #a7170f; +} +.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 { + color: #a7170f; + border-color: #d0d0d0; + box-shadow: none; +} +.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: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { + color: #ffffff; + background-color: #0274ff; + border-color: #0274ff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { + box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); + border-bottom-color: #015ccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #015ccc; + border-color: #015ccc; +} +.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 { + color: #ffffff; + background-color: #015ccc; + border-color: #015ccc; + 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-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { + color: #ffffff; + background-color: #00af89; + border-color: #00af89; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { + box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); + border-bottom-color: #008c6d; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #008c6d; + border-color: #008c6d; +} +.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 { + color: #ffffff; + background-color: #008c6d; + border-color: #008c6d; + 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-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + color: #ffffff; + background-color: #d11d13; + border-color: #d11d13; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { + box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); + border-bottom-color: #a7170f; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #a7170f; + border-color: #a7170f; +} +.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 { + color: #ffffff; + background-color: #a7170f; + border-color: #a7170f; + 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-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-draggableElement { + cursor: -webkit-grab -moz-grab, url(images/grab.cur), move; + /* + * HACK: In order to style horizontally, we must override + * OO.ui.OptionWidget's display rule that is currently set + * to be 'block' + */ +} +.oo-ui-draggableElement-dragging { + cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move; + background: rgba(0, 0, 0, 0.2); + opacity: 0.4; +} +.oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget { + display: inline-block; +} +.oo-ui-draggableGroupElement-placeholder { + position: absolute; + display: block; + background: rgba(0, 0, 0, 0.4); +} +.oo-ui-lookupElement > .oo-ui-menuSelectWidget { + z-index: 1; + width: 100%; +} +.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { + 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; +} +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded { + padding: 2em; +} +.oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget { + 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; +} +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { + padding: 1.5em; +} +.oo-ui-bookletLayout-outlinePanel { + border-right: solid 1px #dddddd; +} +.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); +} +.oo-ui-fieldLayout { + display: block; + margin-bottom: 1em; +} +.oo-ui-fieldLayout:before, +.oo-ui-fieldLayout:after { + content: " "; + display: table; +} +.oo-ui-fieldLayout:after { + 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; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + text-align: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { + 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; +} +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-fieldLayout-help { + float: right; +} +.oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content { + padding: 0.5em 0.75em; + line-height: 1.5em; +} +.oo-ui-fieldLayout:last-child { + 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%; +} +.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%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + padding: 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget { + margin-right: 0; + margin-top: 0.25em; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child { + margin-right: 0; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #cccccc; +} +.oo-ui-actionFieldLayout-field { + display: table; + table-layout: fixed; + width: 100%; +} +.oo-ui-actionFieldLayout-input, +.oo-ui-actionFieldLayout-button { + display: table-cell; + vertical-align: middle; +} +.oo-ui-actionFieldLayout-input { + padding-right: 1em; +} +.oo-ui-actionFieldLayout-button { + width: 1%; + white-space: nowrap; +} +.oo-ui-fieldsetLayout { + position: relative; + margin: 0; + padding: 0; + border: none; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + display: block; + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help { + float: right; +} +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content { + padding: 0.5em 0.75em; + line-height: 1.5em; +} +.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + 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: 1.75em; + line-height: 1.33em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + left: 0; + top: 0.25em; + width: 1.5em; + height: 1.5em; +} +.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget { + margin-right: 0; +} +.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child { + margin-right: 0; +} +.oo-ui-gridLayout { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-menuLayout { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-menuLayout-menu, +.oo-ui-menuLayout-content { + position: absolute; + -webkit-transition: all ease-in-out 200ms; + -moz-transition: all ease-in-out 200ms; + -ms-transition: all ease-in-out 200ms; + -o-transition: all ease-in-out 200ms; + transition: all ease-in-out 200ms; +} +.oo-ui-menuLayout-content { + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-menuLayout-top .oo-ui-menuLayout-menu { + left: 0; + top: 0; + right: 0; +} +.oo-ui-menuLayout-after .oo-ui-menuLayout-menu { + top: 0; + right: 0; + bottom: 0; +} +.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu { + right: 0; + bottom: 0; + left: 0; +} +.oo-ui-menuLayout-before .oo-ui-menuLayout-menu { + bottom: 0; + left: 0; + top: 0; +} +.oo-ui-menuLayout-top .oo-ui-menuLayout-content { + right: 0 !important; + bottom: 0 !important; + left: 0 !important; +} +.oo-ui-menuLayout-after .oo-ui-menuLayout-content { + bottom: 0 !important; + left: 0 !important; + top: 0 !important; +} +.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content { + left: 0 !important; + top: 0 !important; + right: 0 !important; +} +.oo-ui-menuLayout-before .oo-ui-menuLayout-content { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; +} +.oo-ui-panelLayout { + position: relative; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-panelLayout-padded { + padding: 1.25em; +} +.oo-ui-stackLayout-continuous > .oo-ui-panelLayout { + display: block; + position: relative; +} +.oo-ui-popupTool .oo-ui-popupWidget-popup, +.oo-ui-popupTool .oo-ui-popupWidget-anchor { + z-index: 4; +} +.oo-ui-popupTool .oo-ui-popupWidget { + /* @noflip */ + margin-left: 1.25em; + font-size: 0.8em; +} +.oo-ui-toolGroup { + display: inline-block; + vertical-align: middle; + margin: 0.3em; +} +.oo-ui-toolGroup-empty { + display: none; +} +.oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { + color: #000000; +} +.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-accel { + color: #888888; +} +.oo-ui-barToolGroup > .oo-ui-iconElement-icon, +.oo-ui-barToolGroup > .oo-ui-labelElement-label { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool { + display: inline-block; + position: relative; + vertical-align: top; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-accel, +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: none; +} +.oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-barToolGroup .oo-ui-tool-title, +.oo-ui-barToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-barToolGroup .oo-ui-tool-link { + height: 1.5em; + padding: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 1.5em; + width: 1.5em; + opacity: 0.8; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled { + background-color: #eeeeee; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.8; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-popupToolGroup { + position: relative; + height: 2em; + min-width: 2.5em; +} +.oo-ui-popupToolGroup-handle { + display: block; + cursor: pointer; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { + cursor: default; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + display: none; + position: absolute; + z-index: 4; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { + display: block; +} +.oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + right: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link { + display: table; + width: 100%; + vertical-align: middle; + white-space: nowrap; + text-decoration: none; +} +.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; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { + text-align: right; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) { + padding-left: 3em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.5em; +} +.oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; +} +.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 3em; +} +.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 2.25em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + top: 0; + width: 2em; + height: 2em; + opacity: 0.8; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + left: 0.25em; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + top: 2em; + background-color: white; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 2em; + width: 2em; + min-width: 2em; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + padding-left: 0.25em; +} +.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; + font-size: 0.8em; +} +.oo-ui-listToolGroup .oo-ui-tool { + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-listToolGroup .oo-ui-tool { + padding: 0 0.5em 0 0.25em; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + background-color: #eeeeee; +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled, +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { + background-color: #d0d0d0; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel { + color: #dddddd; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled { + color: #cccccc; +} +.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; +} +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em 0 0.25em 0; + border: 1px solid #aaaaaa; + border-radius: 0.2em; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1); +} +.oo-ui-menuToolGroup { + border: solid 1px #cccccc; + border-radius: 0.1em; +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { + min-width: 8em; +} +.oo-ui-menuToolGroup .oo-ui-toolGroup-tools { + margin-left: -1px; + padding: 0.25em 0 0.25em 0; + border: 1px solid #aaaaaa; + border-radius: 0.2em; + border-top-left-radius: 0; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1); +} +.oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { + border-color: #aaaaaa; +} +.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { + border-color: #aaaaaa; +} +.oo-ui-menuToolGroup .oo-ui-tool { + padding: 0 0.75em 0 0.25em; +} +.oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: none; +} +.oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { + background-image: /* @embed */ url(themes/mediawiki/images/icons/check.svg); +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + background-color: #eeeeee; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-menuToolGroup.oo-ui-widget-disabled { + color: #cccccc; + border-color: #cccccc; +} +.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; +} +.oo-ui-toolbar { + clear: both; +} +.oo-ui-toolbar-bar { + line-height: 1em; +} +.oo-ui-toolbar-actions { + float: right; +} +.oo-ui-toolbar-tools { + display: inline; +} +.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; +} +.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; +} +.oo-ui-toolbar-shadow { + background-position: left top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: solid 4px rgba(0, 0, 0, 0.15); + background: #ffffff; +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; +} +.oo-ui-toolbar-shadow { + display: none; +} +.oo-ui-selectWidget { + border-radius: 2px; +} +.oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-left: -1px; +} +.oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + margin-left: 0; +} +.oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.25em 0.5em; + border: none; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget-highlighted { + background-color: #eeeeee; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected, +.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: #d0d0d0; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + color: #cccccc; +} +.oo-ui-decoratedOptionWidget { + padding: 0.5em 2em 0.5em 3em; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + position: absolute; + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + top: 50%; + width: 2em; + height: 2em; + margin-top: -1em; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + right: 0.5em; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; + border-radius: 2px; + margin-right: 0.5em; +} +.oo-ui-buttonSelectWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + 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; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.oo-ui-buttonOptionWidget { + display: inline-block; + padding: 0; + background-color: transparent; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + position: relative; +} +.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; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + height: 1.9em; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + height: 1.9em; + margin-top: 0; +} +.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected, +.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, +.oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { + background-color: transparent; +} +.oo-ui-radioOptionWidget { + 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; +} +.oo-ui-radioOptionWidget.oo-ui-optionWidget-selected, +.oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed, +.oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted { + background-color: transparent; +} +.oo-ui-labelWidget { + display: inline-block; +} +.oo-ui-iconWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; +} +.oo-ui-iconWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-indicatorWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; + margin-right: 0.5em; +} +.oo-ui-buttonWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonGroupWidget { + display: inline-block; + white-space: nowrap; + border-radius: 2px; + margin-right: 0.5em; +} +.oo-ui-buttonGroupWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonWidget { + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + 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; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.oo-ui-toggleSwitchWidget { + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -ms-transform: translateZ(0px); + -o-transform: translateZ(0px); + transform: translateZ(0px); + height: 2em; + width: 4em; + border-radius: 1em; + border: 1px #dddddd solid; + margin-right: 0.5em; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-toggleSwitchWidget-grip { + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + -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 { + display: none; +} +.oo-ui-toggleSwitchWidget:last-child { + margin-right: 0; +} +.oo-ui-toggleSwitchWidget-grip { + top: 0.25em; + left: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border-radius: 1em; + border: 1px #dddddd solid; + background-color: #f7f7f7; + -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; + -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; + -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; + -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; + transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; +} +.oo-ui-toggleSwitchWidget-glow { + border-radius: 1em; + background-color: #f7f7f7; + -webkit-transition: background-color 0.1s ease-in-out; + -moz-transition: background-color 0.1s ease-in-out; + -ms-transition: background-color 0.1s ease-in-out; + -o-transition: background-color 0.1s ease-in-out; + transition: background-color 0.1s ease-in-out; +} +.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + left: 2.25em; + margin-left: -2px; +} +.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: block; +} +.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + left: 0.25em; + margin-left: 0; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { + border: 1px #cccccc solid; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { + border-color: #aaaaaa; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { + background-color: #ffffff; + border-color: #aaaaaa; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { + background-color: #d0d0d0; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + background-color: #ffffff; +} +.oo-ui-progressBarWidget { + max-width: 50em; + border: solid 1px #cccccc; + border-radius: 0.1em; + overflow: hidden; +} +.oo-ui-progressBarWidget-bar { + height: 1em; + background: #dddddd; + -webkit-transition: width 200ms, margin-left 200ms; + -moz-transition: width 200ms, margin-left 200ms; + -ms-transition: width 200ms, margin-left 200ms; + -o-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; + -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -o-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; +} +.oo-ui-actionWidget.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); +} +.oo-ui-popupWidget { + position: absolute; + /* @noflip */ + left: 0; +} +.oo-ui-popupWidget-popup { + position: relative; + overflow: hidden; + z-index: 1; +} +.oo-ui-popupWidget-anchor { + 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; +} +.oo-ui-popupWidget-head { + -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; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: left; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-popup { + border: solid 1px #aaaaaa; + border-radius: 0.2em; + background-color: #ffffff; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + 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; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before { + bottom: -10px; + left: -9px; + border-bottom-color: #888888; + border-width: 10px; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { + bottom: -10px; + left: -8px; + border-bottom-color: #ffffff; + border-width: 9px; +} +.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { + -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; +} +.oo-ui-popupWidget-head { + height: 2.5em; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + margin: 0.25em; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + margin: 0.75em 1em; +} +.oo-ui-popupWidget-body-padded { + padding: 0 1em; +} +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + cursor: auto; +} +.oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget { + left: 1em; +} +.oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget { + left: 1.75em; +} +.oo-ui-inputWidget { + margin-right: 0.5em; +} +.oo-ui-inputWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonInputWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-checkboxInputWidget { + position: relative; + line-height: 1.6em; + white-space: nowrap; +} +.oo-ui-checkboxInputWidget * { + font: inherit; + vertical-align: middle; +} +.oo-ui-checkboxInputWidget input[type="checkbox"] { + opacity: 0; + position: relative; + z-index: 1; + margin: 0; + width: 1.6em; + height: 1.6em; + max-width: none; +} +.oo-ui-checkboxInputWidget input[type="checkbox"] + span { + cursor: pointer; + margin: 0 0.2em; +} +.oo-ui-checkboxInputWidget input[type="checkbox"] + span::before { + -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + content: ""; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + border-radius: 2px; + width: 1.6em; + height: 1.6em; + background-color: white; + border: 1px solid #777777; + background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg); + background-repeat: no-repeat; + background-position: center center; + background-origin: border-box; + background-size: 0 0; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before { + background-size: 100% 100%; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before { + background-color: #dddddd; + border-color: #dddddd; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span::before { + border-width: 2px; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span::before, +.oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span::before { + border-bottom-width: 3px; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span::before { + cursor: default; + background-color: #eeeeee; + border-color: #eeeeee; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span::before { + background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.svg); +} +.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; +} +.oo-ui-dropdownInputWidget select { + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dropdownInputWidget select { + height: 2.5em; + padding: 0.5em; + font-size: 1em; + font-family: sans-serif; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: solid 1px #cccccc; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { + border-color: #aaaaaa; + outline: none; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { + color: #cccccc; + border-color: #dddddd; + background-color: #f3f3f3; +} +.oo-ui-radioInputWidget { + position: relative; + line-height: 1.6em; + white-space: nowrap; +} +.oo-ui-radioInputWidget * { + font: inherit; + vertical-align: middle; +} +.oo-ui-radioInputWidget input[type="radio"] { + opacity: 0; + position: relative; + z-index: 1; + margin: 0; + width: 1.6em; + height: 1.6em; + max-width: none; +} +.oo-ui-radioInputWidget input[type="radio"] + span { + cursor: pointer; + margin: 0 0.2em; +} +.oo-ui-radioInputWidget input[type="radio"] + span::before { + -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + content: ""; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + border-radius: 100%; + width: 1.6em; + height: 1.6em; + background: white; + border: 1px solid #777777; + background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.svg); + background-repeat: no-repeat; + background-position: center center; + background-origin: border-box; + background-size: 0 0; +} +.oo-ui-radioInputWidget input[type="radio"]:checked + span::before { + background-size: 100% 100%; +} +.oo-ui-radioInputWidget input[type="radio"]:active + span::before { + background-color: #dddddd; + border-color: #dddddd; +} +.oo-ui-radioInputWidget input[type="radio"]:focus + span::before { + border-width: 2px; +} +.oo-ui-radioInputWidget input[type="radio"]:focus:hover + span::before, +.oo-ui-radioInputWidget input[type="radio"]:hover + span::before { + border-bottom-width: 3px; +} +.oo-ui-radioInputWidget input[type="radio"]:disabled + span::before { + cursor: default; + background-color: #eeeeee; + border-color: #eeeeee; +} +.oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span::before { + background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.svg); +} +.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; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator, +.oo-ui-textInputWidget > .oo-ui-labelElement-label { + 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%; + background-repeat: no-repeat; + cursor: pointer; + -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; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon { + left: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-textInputWidget > .oo-ui-labelElement-label { + position: absolute; + top: 0; +} +.oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label { + right: 0; +} +.oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label { + left: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: 0.5em 0.5em 0.5em 0.9em; + margin: 0; + font-size: 1em; + font-family: sans-serif; + background-color: #ffffff; + color: black; + border: solid 1px #cccccc; + box-shadow: inset 0 0 0 0 #0274ff; + border-radius: 0.1em; + -webkit-transition: box-shadow 0.1s; + -moz-transition: box-shadow 0.1s; + -ms-transition: box-shadow 0.1s; + -o-transition: box-shadow 0.1s; + transition: box-shadow 0.1s; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget-decorated input, +.oo-ui-textInputWidget-decorated textarea { + padding-left: 2em; +} +.oo-ui-textInputWidget-icon { + width: 2em; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, +.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { + outline: none; + border-color: #aaaaaa; + box-shadow: inset 0.4em 0 0 0 #0274ff; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], +.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { + color: #777777; + text-shadow: 0 1px 1px #ffffff; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus, +.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus { + box-shadow: inset 0.4em 0 0 0 #cccccc; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled input, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea { + color: #cccccc; + text-shadow: 0 1px 1px #ffffff; + border-color: #dddddd; + background-color: #f3f3f3; +} +.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-color: transparent; + background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); +} +.oo-ui-textInputWidget.oo-ui-iconElement input, +.oo-ui-textInputWidget.oo-ui-iconElement textarea { + padding-left: 2.75em; +} +.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.4em; + width: 2em; + height: 100%; + background-position: right center; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement input, +.oo-ui-textInputWidget.oo-ui-indicatorElement textarea { + padding-right: 1.9em; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 1.6em; + height: 100%; + background-position: left center; +} +.oo-ui-textInputWidget > .oo-ui-labelElement-label { + padding: 0.4em; + line-height: 1.5em; + color: #888888; +} +.oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { + margin-right: 2em; +} +.oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label { + margin-left: 2.5em; +} +.oo-ui-menuSelectWidget { + position: absolute; + background: #ffffff; + margin-top: -1px; + border: solid 1px #aaaaaa; + border-radius: 0 0 0.2em 0.2em; + padding-bottom: 0.25em; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-menuSelectWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuOptionWidget { + position: relative; + padding: 0.5em 1em; +} +.oo-ui-menuOptionWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { + background-color: #999999; + color: #ffffff; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { + background-color: #eeeeee; + color: black; +} +.oo-ui-menuSectionOptionWidget { + cursor: default; + padding: 0.33em 0.75em; + color: #888888; +} +.oo-ui-dropdownWidget { + display: inline-block; + position: relative; + margin: 0.25em 0; + width: 100%; + max-width: 50em; + margin-right: 0.5em; +} +.oo-ui-dropdownWidget-handle { + width: 100%; + display: inline-block; + cursor: pointer; + -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; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-dropdownWidget > .oo-ui-menuSelectWidget { + z-index: 1; + width: 100%; +} +.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { + cursor: default; +} +.oo-ui-dropdownWidget:last-child { + margin-right: 0; +} +.oo-ui-dropdownWidget-handle { + height: 2.5em; + border: solid 1px #cccccc; + border-radius: 0.1em; +} +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { + left: 0.25em; +} +.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 1em; +} +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 2.5em; + height: 2.5em; +} +.oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle { + border-color: #aaaaaa; +} +.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { + color: #cccccc; + text-shadow: 0 1px 1px #ffffff; + border-color: #dddddd; + background-color: #f3f3f3; +} +.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { + margin-left: 3em; +} +.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { + margin-right: 2em; +} +.oo-ui-dropdownWidget .oo-ui-selectWidget { + border-top-color: #ffffff; +} +.oo-ui-outlineOptionWidget { + position: relative; + cursor: pointer; + -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-indicatorElement .oo-ui-labelElement-label { + padding-right: 1.5em; +} +.oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + opacity: 0.5; +} +.oo-ui-outlineOptionWidget-level-0 { + padding-left: 3.5em; +} +.oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon { + left: 1em; +} +.oo-ui-outlineOptionWidget-level-1 { + padding-left: 5em; +} +.oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon { + left: 2.5em; +} +.oo-ui-outlineOptionWidget-level-2 { + padding-left: 6.5em; +} +.oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon { + left: 4em; +} +.oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { + background-color: #d0d0d0; + text-shadow: 0 1px 1px #ffffff; +} +.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important { + font-weight: bold; +} +.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder { + font-style: italic; +} +.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { + opacity: 0.5; +} +.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { + color: #777777; +} +.oo-ui-outlineControlsWidget { + height: 3em; + background-color: #ffffff; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + 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; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: left; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: left; +} +.oo-ui-outlineControlsWidget-movers { + float: right; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + 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; +} +.oo-ui-comboBoxWidget { + display: inline-block; + position: relative; + width: 100%; + max-width: 50em; + margin-right: 0.5em; +} +.oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget { + z-index: 1; + width: 100%; +} +.oo-ui-comboBoxWidget:last-child { + margin-right: 0; +} +.oo-ui-comboBoxWidget .oo-ui-textInputWidget input, +.oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea { + height: 2.35em; +} +.oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement { + padding-right: 1.9em; +} +.oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 1.9em; + background-position: center center; + border: solid 1px #cccccc; + border-left: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + left: 0; + right: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + 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: solid 1px #cccccc; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + margin: 0.75em 0; +} +.oo-ui-searchWidget-results { + top: 4em; + padding: 1em; + line-height: 0; +} +.oo-ui-window { + line-height: 1em; +} +.oo-ui-window-frame { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-window-content:focus { + outline: none; +} +.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; +} +.oo-ui-window-body { + margin: 0; + padding: 0; + background: none; +} +.oo-ui-window-overlay, +.oo-ui-window-inner-overlay { + position: absolute; + top: 0; + /* @noflip */ + left: 0; +} +.oo-ui-window, +.oo-ui-window-isolated { + background: transparent; + font-family: sans-serif; + font-size: 0.8em; +} +.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; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dialog-content > .oo-ui-window-head { + z-index: 1; + top: 0; +} +.oo-ui-dialog-content > .oo-ui-window-body { + z-index: 2; + top: 0; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-foot { + z-index: 1; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-inner-overlay { + z-index: 3; +} +.oo-ui-dialog-content > .oo-ui-window-body { + outline: 1px solid #aaaaaa; +} +.oo-ui-messageDialog-actions-horizontal { + display: table; + table-layout: fixed; + width: 100%; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + display: table-cell; + width: 1%; +} +.oo-ui-messageDialog-actions-vertical { + 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; +} +.oo-ui-messageDialog-title, +.oo-ui-messageDialog-message { + display: block; + text-align: center; + padding-top: 0.5em; +} +.oo-ui-messageDialog-title { + font-size: 1.5em; + line-height: 1em; + color: #000000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: left; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-right: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-right-width: 0; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + border-bottom: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { + border-bottom-width: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + height: 3.4em; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label { + text-align: center; + line-height: 3.4em; + padding: 0 2em; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { + 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; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { + 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); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + 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); +} +.oo-ui-processDialog-location { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.oo-ui-processDialog-title { + 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; +} +.oo-ui-processDialog-actions-safe, +.oo-ui-processDialog-actions-primary { + position: absolute; + top: 0; + bottom: 0; +} +.oo-ui-processDialog-actions-safe { + left: 0; +} +.oo-ui-processDialog-actions-primary { + 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; +} +.oo-ui-processDialog-content .oo-ui-window-head { + height: 3.4em; +} +.oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); +} +.oo-ui-processDialog-content .oo-ui-window-body { + top: 3.4em; + outline: 1px solid rgba(0, 0, 0, 0.2); +} +.oo-ui-processDialog-navigation { + position: relative; + height: 3.4em; + padding: 0 1em; +} +.oo-ui-processDialog-location { + padding: 0.75em 0; + height: 1.9em; + cursor: default; + text-align: center; +} +.oo-ui-processDialog-title { + font-weight: bold; + line-height: 1.9em; +} +.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.9em; + min-height: 1.9em; +} +.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.9em; +} +.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; +} +.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 0 0.75em 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; +} +.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); +} +.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); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed { + 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 { + /* Adjust for border so text aligns with title */ + margin: -1px; +} +.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); +} +.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); +} +.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; +} +.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); +} +.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); +} +.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); +} +.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); +} +.oo-ui-processDialog > .oo-ui-window-frame { + min-height: 5em; +} +.oo-ui-processDialog-errors { + 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; +} +.oo-ui-processDialog-errors-title { + font-size: 1.5em; + color: #000000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: left; + margin: 1em; + padding: 1em; + border: solid 1px #ff9e9e; + background-color: #fff7f7; + border-radius: 0.25em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + position: fixed; + width: 0; + height: 0; + overflow: hidden; +} +.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; +} +.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%; +} +.oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { + 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-in-out; + -moz-transition: opacity 250ms ease-in-out; + -ms-transition: opacity 250ms ease-in-out; + -o-transition: opacity 250ms ease-in-out; + transition: opacity 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { + top: 1em; + bottom: 1em; + background-color: #ffffff; + opacity: 0; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: all 250ms ease-in-out; + -moz-transition: all 250ms ease-in-out; + -ms-transition: all 250ms ease-in-out; + -o-transition: all 250ms ease-in-out; + transition: all 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { + /* Fade window overlay */ + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + /* Fade frame */ + opacity: 1; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); +} +.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { + border: solid 1px #aaaaaa; + border-radius: 0.2em; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); +} + +.oo-ui-icon-add { + background-image: /* @embed */ url(themes/mediawiki/images/icons/add.svg); +} +.oo-ui-image-constructive .oo-ui-icon-add, +.oo-ui-image-constructive.oo-ui-icon-add { + background-image: /* @embed */ url(themes/mediawiki/images/icons/add-constructive.svg); +} +.oo-ui-image-invert .oo-ui-icon-add, +.oo-ui-image-invert.oo-ui-icon-add { + background-image: /* @embed */ url(themes/mediawiki/images/icons/add-invert.svg); +} +.oo-ui-icon-advanced { + background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced.svg); +} +.oo-ui-image-invert .oo-ui-icon-advanced, +.oo-ui-image-invert.oo-ui-icon-advanced { + background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced-invert.svg); +} +.oo-ui-icon-alert { + background-image: /* @embed */ url(themes/mediawiki/images/icons/alert.svg); +} +.oo-ui-image-invert .oo-ui-icon-alert, +.oo-ui-image-invert.oo-ui-icon-alert { + background-image: /* @embed */ url(themes/mediawiki/images/icons/alert-invert.svg); +} +.oo-ui-icon-check { + background-image: /* @embed */ url(themes/mediawiki/images/icons/check.svg); +} +.oo-ui-image-constructive .oo-ui-icon-check, +.oo-ui-image-constructive.oo-ui-icon-check { + background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg); +} +.oo-ui-image-invert .oo-ui-icon-check, +.oo-ui-image-invert.oo-ui-icon-check { + background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.svg); +} +.oo-ui-icon-clear { + background-image: /* @embed */ url(themes/mediawiki/images/icons/clear.svg); +} +.oo-ui-image-invert .oo-ui-icon-clear, +.oo-ui-image-invert.oo-ui-icon-clear { + background-image: /* @embed */ url(themes/mediawiki/images/icons/clear-invert.svg); +} +.oo-ui-icon-close { + background-image: /* @embed */ url(themes/mediawiki/images/icons/close.svg); +} +.oo-ui-image-invert .oo-ui-icon-close, +.oo-ui-image-invert.oo-ui-icon-close { + background-image: /* @embed */ url(themes/mediawiki/images/icons/close-invert.svg); +} +.oo-ui-icon-code { + background-image: /* @embed */ url(themes/mediawiki/images/icons/code.svg); +} +.oo-ui-image-invert .oo-ui-icon-code, +.oo-ui-image-invert.oo-ui-icon-code { + background-image: /* @embed */ url(themes/mediawiki/images/icons/code-invert.svg); +} +.oo-ui-icon-collapse { + background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse.svg); +} +.oo-ui-image-invert .oo-ui-icon-collapse, +.oo-ui-image-invert.oo-ui-icon-collapse { + background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse-invert.svg); +} +.oo-ui-icon-comment { + background-image: /* @embed */ url(themes/mediawiki/images/icons/comment.svg); +} +.oo-ui-image-invert .oo-ui-icon-comment, +.oo-ui-image-invert.oo-ui-icon-comment { + background-image: /* @embed */ url(themes/mediawiki/images/icons/comment-invert.svg); +} +.oo-ui-icon-expand { + background-image: /* @embed */ url(themes/mediawiki/images/icons/expand.svg); +} +.oo-ui-image-invert .oo-ui-icon-expand, +.oo-ui-image-invert.oo-ui-icon-expand { + background-image: /* @embed */ url(themes/mediawiki/images/icons/expand-invert.svg); +} +.oo-ui-icon-help { + background-image: /* @embed */ url(themes/mediawiki/images/icons/help.svg); +} +.oo-ui-image-invert .oo-ui-icon-help, +.oo-ui-image-invert.oo-ui-icon-help { + background-image: /* @embed */ url(themes/mediawiki/images/icons/help-invert.svg); +} +.oo-ui-icon-info { + background-image: /* @embed */ url(themes/mediawiki/images/icons/info.svg); +} +.oo-ui-image-invert .oo-ui-icon-info, +.oo-ui-image-invert.oo-ui-icon-info { + background-image: /* @embed */ url(themes/mediawiki/images/icons/info-invert.svg); +} +.oo-ui-icon-link { + background-image: /* @embed */ url(themes/mediawiki/images/icons/link.svg); +} +.oo-ui-image-invert .oo-ui-icon-link, +.oo-ui-image-invert.oo-ui-icon-link { + background-image: /* @embed */ url(themes/mediawiki/images/icons/link-invert.svg); +} +.oo-ui-icon-lock { + background-image: /* @embed */ url(themes/mediawiki/images/icons/lock.svg); +} +.oo-ui-image-invert .oo-ui-icon-lock, +.oo-ui-image-invert.oo-ui-icon-lock { + background-image: /* @embed */ url(themes/mediawiki/images/icons/lock-invert.svg); +} +.oo-ui-icon-menu { + background-image: /* @embed */ url(themes/mediawiki/images/icons/menu.svg); +} +.oo-ui-image-invert .oo-ui-icon-menu, +.oo-ui-image-invert.oo-ui-icon-menu { + background-image: /* @embed */ url(themes/mediawiki/images/icons/menu-invert.svg); +} +.oo-ui-icon-next { + background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr.svg); +} +.oo-ui-image-invert .oo-ui-icon-next, +.oo-ui-image-invert.oo-ui-icon-next { + background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr-invert.svg); +} +.oo-ui-icon-picture { + background-image: /* @embed */ url(themes/mediawiki/images/icons/picture.svg); +} +.oo-ui-image-invert .oo-ui-icon-picture, +.oo-ui-image-invert.oo-ui-icon-picture { + background-image: /* @embed */ url(themes/mediawiki/images/icons/picture-invert.svg); +} +.oo-ui-icon-previous { + background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl.svg); +} +.oo-ui-image-invert .oo-ui-icon-previous, +.oo-ui-image-invert.oo-ui-icon-previous { + background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl-invert.svg); +} +.oo-ui-icon-circle { + background-image: /* @embed */ url(themes/mediawiki/images/icons/circle.svg); +} +.oo-ui-image-constructive .oo-ui-icon-circle, +.oo-ui-image-constructive.oo-ui-icon-circle { + background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.svg); +} +.oo-ui-image-invert .oo-ui-icon-circle, +.oo-ui-image-invert.oo-ui-icon-circle { + background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.svg); +} +.oo-ui-icon-redo { + background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr.svg); +} +.oo-ui-image-invert .oo-ui-icon-redo, +.oo-ui-image-invert.oo-ui-icon-redo { + background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg); +} +.oo-ui-icon-remove { + background-image: /* @embed */ url(themes/mediawiki/images/icons/remove.svg); +} +.oo-ui-image-destructive .oo-ui-icon-remove, +.oo-ui-image-destructive.oo-ui-icon-remove { + background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-destructive.svg); +} +.oo-ui-image-invert .oo-ui-icon-remove, +.oo-ui-image-invert.oo-ui-icon-remove { + background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-invert.svg); +} +.oo-ui-icon-search { + background-image: /* @embed */ url(themes/mediawiki/images/icons/search.svg); +} +.oo-ui-image-invert .oo-ui-icon-search, +.oo-ui-image-invert.oo-ui-icon-search { + background-image: /* @embed */ url(themes/mediawiki/images/icons/search-invert.svg); +} +.oo-ui-icon-settings { + background-image: /* @embed */ url(themes/mediawiki/images/icons/settings.svg); +} +.oo-ui-image-invert .oo-ui-icon-settings, +.oo-ui-image-invert.oo-ui-icon-settings { + background-image: /* @embed */ url(themes/mediawiki/images/icons/settings-invert.svg); +} +.oo-ui-icon-tag { + background-image: /* @embed */ url(themes/mediawiki/images/icons/tag.svg); +} +.oo-ui-image-invert .oo-ui-icon-tag, +.oo-ui-image-invert.oo-ui-icon-tag { + background-image: /* @embed */ url(themes/mediawiki/images/icons/tag-invert.svg); +} +.oo-ui-icon-undo { + background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl.svg); +} +.oo-ui-image-invert .oo-ui-icon-undo, +.oo-ui-image-invert.oo-ui-icon-undo { + background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg); +} +.oo-ui-icon-window { + background-image: /* @embed */ url(themes/mediawiki/images/icons/window.svg); +} +.oo-ui-image-invert .oo-ui-icon-window, +.oo-ui-image-invert.oo-ui-icon-window { + background-image: /* @embed */ url(themes/mediawiki/images/icons/window-invert.svg); +} +.oo-ui-indicator-alert { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert.svg); +} +.oo-ui-image-invert .oo-ui-indicator-alert, +.oo-ui-image-invert.oo-ui-indicator-alert { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert-invert.svg); +} +.oo-ui-indicator-up { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up.svg); +} +.oo-ui-image-invert .oo-ui-indicator-up, +.oo-ui-image-invert.oo-ui-indicator-up { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up-invert.svg); +} +.oo-ui-indicator-down { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down.svg); +} +.oo-ui-image-invert .oo-ui-indicator-down, +.oo-ui-image-invert.oo-ui-indicator-down { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down-invert.svg); +} +.oo-ui-indicator-next { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr.svg); +} +.oo-ui-image-invert .oo-ui-indicator-next, +.oo-ui-image-invert.oo-ui-indicator-next { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr-invert.svg); +} +.oo-ui-indicator-previous { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl.svg); +} +.oo-ui-image-invert .oo-ui-indicator-previous, +.oo-ui-image-invert.oo-ui-indicator-previous { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl-invert.svg); +} +.oo-ui-indicator-required { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/required.svg); +} +.oo-ui-image-invert .oo-ui-indicator-required, +.oo-ui-image-invert.oo-ui-indicator-required { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/required-invert.svg); +} +.oo-ui-texture-pending { + background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.svg); +} +.oo-ui-texture-transparency { + background-image: /* @embed */ url(themes/mediawiki/images/textures/transparency.svg); +} diff --git a/resources/lib/oojs-ui/oojs-ui.js b/resources/lib/oojs-ui/oojs-ui.js index f85202e0e4..0ad88fe19f 100644 --- a/resources/lib/oojs-ui/oojs-ui.js +++ b/resources/lib/oojs-ui/oojs-ui.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.7.0 + * OOjs UI v0.8.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-02-12T00:04:43Z + * Date: 2015-02-19T01:33:11Z */ ( function ( OO ) { @@ -305,7 +305,68 @@ OO.ui.PendingElement.prototype.popPending = function () { }; /** - * List of actions. + * ActionSets manage the behavior of the {@link OO.ui.ActionWidget Action widgets} that comprise them. + * Actions can be made available for specific contexts (modes) and circumstances + * (abilities). Please see the [OOjs UI documentation on MediaWiki][1] for more information. + * + * @example + * // Example: An action set used in a process dialog + * function ProcessDialog( config ) { + * ProcessDialog.super.call( this, config ); + * } + * OO.inheritClass( ProcessDialog, OO.ui.ProcessDialog ); + * ProcessDialog.static.title = 'An action set in a process dialog'; + * // An action set that uses modes ('edit' and 'help' mode, in this example). + * ProcessDialog.static.actions = [ + * { action: 'continue', modes: 'edit', label: 'Continue', flags: [ 'primary', 'constructive' ] }, + * { action: 'help', modes: 'edit', label: 'Help' }, + * { modes: 'edit', label: 'Cancel', flags: 'safe' }, + * { action: 'back', modes: 'help', label: 'Back', flags: 'safe' } + * ]; + * + * ProcessDialog.prototype.initialize = function () { + * ProcessDialog.super.prototype.initialize.apply( this, arguments ); + * this.panel1 = new OO.ui.PanelLayout( { $: this.$, padded: true, expanded: false } ); + * this.panel1.$element.append( '

This dialog uses an action set (continue, help, cancel, back) configured with modes. This is edit mode. Click \'help\' to see help mode.

' ); + * this.panel2 = new OO.ui.PanelLayout( { $: this.$, padded: true, expanded: false } ); + * this.panel2.$element.append( '

This is help mode. Only the \'back\' action widget is configured to be visible here. Click \'back\' to return to \'edit\' mode

' ); + * this.stackLayout= new OO.ui.StackLayout( { + * items: [ this.panel1, this.panel2 ] + * }); + * this.$body.append( this.stackLayout.$element ); + * }; + * ProcessDialog.prototype.getSetupProcess = function ( data ) { + * return ProcessDialog.super.prototype.getSetupProcess.call( this, data ) + * .next( function () { + * this.actions.setMode('edit'); + * }, this ); + * }; + * ProcessDialog.prototype.getActionProcess = function ( action ) { + * if ( action === 'help' ) { + * this.actions.setMode( 'help' ); + * this.stackLayout.setItem( this.panel2 ); + * } else if ( action === 'back' ) { + * this.actions.setMode( 'edit' ); + * this.stackLayout.setItem( this.panel1 ); + * } else if ( action === 'continue' ) { + * var dialog = this; + * return new OO.ui.Process( function () { + * dialog.close(); + * } ); + * } + * return ProcessDialog.super.prototype.getActionProcess.call( this, action ); + * }; + * ProcessDialog.prototype.getBodyHeight = function () { + * return this.panel1.$element.outerHeight( true ); + * }; + * var windowManager = new OO.ui.WindowManager(); + * $( 'body' ).append( windowManager.$element ); + * var processDialog = new ProcessDialog({ + * size: 'medium'}); + * windowManager.addWindows( [ processDialog ] ); + * windowManager.openWindow( processDialog ); + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Windows/Process_Dialogs#Action_sets * * @abstract * @class @@ -343,7 +404,11 @@ OO.mixinClass( OO.ui.ActionSet, OO.EventEmitter ); /* Static Properties */ /** - * Symbolic name of dialog. + * Symbolic name of the flags used to identify special actions. Special actions are displayed in the + * header of a {@link OO.ui.ProcessDialog process dialog}. + * See the [OOjs UI documentation on MediaWiki][2] for more information and examples. + * + * [2]:https://www.mediawiki.org/wiki/OOjs_UI/Windows/Process_Dialogs * * @abstract * @static @@ -383,6 +448,7 @@ OO.ui.ActionSet.static.specialFlags = [ 'safe', 'primary' ]; /** * Handle action change events. * + * @private * @fires change */ OO.ui.ActionSet.prototype.onActionChange = function () { @@ -713,7 +779,9 @@ OO.ui.ActionSet.prototype.organize = function () { }; /** - * DOM element abstraction. + * Each Element represents a rendering in the DOM—a button or an icon, for example, or anything + * that is visible to a user. Unlike {@link OO.ui.Widget widgets}, plain elements usually do not have events + * connected to them and can't be interacted with. * * @abstract * @class @@ -739,7 +807,7 @@ OO.ui.Element = function OoUiElement( config ) { this.updateThemeClassesPending = false; // Initialization - if ( $.isArray( config.classes ) ) { + if ( Array.isArray( config.classes ) ) { this.$element.addClass( config.classes.join( ' ' ) ); } if ( config.id ) { @@ -1201,7 +1269,7 @@ OO.ui.Element.prototype.supports = function ( methods ) { var i, len, support = 0; - methods = $.isArray( methods ) ? methods : [ methods ]; + methods = Array.isArray( methods ) ? methods : [ methods ]; for ( i = 0, len = methods.length; i < len; i++ ) { if ( $.isFunction( this[ methods[ i ] ] ) ) { support++; @@ -1338,7 +1406,9 @@ OO.inheritClass( OO.ui.Layout, OO.ui.Element ); OO.mixinClass( OO.ui.Layout, OO.EventEmitter ); /** - * User interface control. + * Widgets are compositions of one or more OOjs UI elements that users can both view + * and interact with. All widgets can be configured and modified via a standard API, + * and their state can change dynamically according to a model. * * @abstract * @class @@ -1461,39 +1531,44 @@ OO.ui.Widget.prototype.updateDisabled = function () { }; /** - * Encapsulation of an user interface. - * - * Use together with OO.ui.WindowManager. + * A window is a container for elements that are in a child frame. They are used with + * a window manager (OO.ui.WindowManager), which is used to open and close the window and control + * its presentation. The size of a window is specified using a symbolic name (e.g., ‘small’, ‘medium’, + * ‘large’), which is interpreted by the window manager. If the requested size is not recognized, + * the window manager will choose a sensible fallback. * - * @abstract - * @class - * @extends OO.ui.Element - * @mixins OO.EventEmitter + * The lifecycle of a window has three primary stages (opening, opened, and closing) in which + * different processes are executed: * - * When a window is opened, the setup and ready processes are executed. Similarly, the hold and - * teardown processes are executed when the window is closed. + * **opening**: The opening stage begins when the window manager's {@link OO.ui.WindowManager#openWindow + * openWindow} or the window's {@link #open open} methods are used, and the window manager begins to open + * the window. * - * - {@link OO.ui.WindowManager#openWindow} or {@link #open} methods are used to start opening - * - Window manager begins opening window * - {@link #getSetupProcess} method is called and its result executed * - {@link #getReadyProcess} method is called and its result executed - * - Window is now open * - * - {@link OO.ui.WindowManager#closeWindow} or {@link #close} methods are used to start closing - * - Window manager begins closing window + * **opened**: The window is now open + * + * **closing**: The closing stage begins when the window manager's + * {@link OO.ui.WindowManager#closeWindow closeWindow} + * or the window's {@link #close} methods are used, and the window manager begins to close the window. + * * - {@link #getHoldProcess} method is called and its result executed - * - {@link #getTeardownProcess} method is called and its result executed - * - Window is now closed + * - {@link #getTeardownProcess} method is called and its result executed. The window is now closed + * + * Each of the window's processes (setup, ready, hold, and teardown) can be extended in subclasses + * by overriding the window's #getSetupProcess, #getReadyProcess, #getHoldProcess and #getTeardownProcess + * methods. Note that each {@link OO.ui.Process process} is executed in series, so asynchronous + * processing can complete. Always assume window processes are executed asynchronously. * - * Each process (setup, ready, hold and teardown) can be extended in subclasses by overriding - * {@link #getSetupProcess}, {@link #getReadyProcess}, {@link #getHoldProcess} and - * {@link #getTeardownProcess} respectively. Each process is executed in series, so asynchronous - * processing can complete. Always assume window processes are executed asynchronously. See - * OO.ui.Process for more details about how to work with processes. Some events, as well as the - * #open and #close methods, provide promises which are resolved when the window enters a new state. + * For more information, please see the [OOjs UI documentation on MediaWiki] [1]. * - * Sizing of windows is specified using symbolic names which are interpreted by the window manager. - * If the requested size is not recognized, the window manager will choose a sensible fallback. + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Windows + * + * @abstract + * @class + * @extends OO.ui.Element + * @mixins OO.EventEmitter * * @constructor * @param {Object} [config] Configuration options @@ -2069,25 +2144,38 @@ OO.ui.Window.prototype.teardown = function ( data ) { }; /** - * Base class for all dialogs. - * - * Logic: - * - Manage the window (open and close, etc.). - * - Store the internal name and display title. - * - A stack to track one or more pending actions. - * - Manage a set of actions that can be performed. - * - Configure and create action widgets. - * - * User interface: - * - Close the dialog with Escape key. - * - Visually lock the dialog while an action is in - * progress (aka "pending"). - * - * Subclass responsibilities: - * - Display the title somewhere. - * - Add content to the dialog. - * - Provide a UI to close the dialog. - * - Display the action widgets somewhere. + * The Dialog class serves as the base class for the other types of dialogs. + * Unless extended to include controls, the rendered dialog box is a simple window + * that users can close by hitting the ‘Esc’ key. Dialog windows are used with OO.ui.WindowManager, + * which opens, closes, and controls the presentation of the window. See the + * [OOjs UI documentation on MediaWiki] [1] for more information. + * + * @example + * // A simple dialog window. + * function MyDialog( config ) { + * MyDialog.super.call( this, config ); + * } + * OO.inheritClass( MyDialog, OO.ui.Dialog ); + * MyDialog.prototype.initialize = function () { + * MyDialog.super.prototype.initialize.call( this ); + * this.content = new OO.ui.PanelLayout( { padded: true, expanded: false } ); + * this.content.$element.append( '

A simple dialog window. Press \'Esc\' to close.

' ); + * this.$body.append( this.content.$element ); + * }; + * MyDialog.prototype.getBodyHeight = function () { + * return this.content.$element.outerHeight( true ); + * }; + * var myDialog = new MyDialog( { + * size: 'medium' + * } ); + * // Create and append a window manager, which opens and closes the window. + * var windowManager = new OO.ui.WindowManager(); + * $( 'body' ).append( windowManager.$element ); + * windowManager.addWindows( [ myDialog ] ); + * // Open the window! + * windowManager.openWindow( myDialog ); + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Windows/Dialogs * * @abstract * @class @@ -2347,43 +2435,54 @@ OO.ui.Dialog.prototype.executeAction = function ( action ) { }; /** - * Collection of windows. + * Window managers are used to open and close {@link OO.ui.Window windows} and control their presentation. + * Managed windows are mutually exclusive. If a new window is opened while a current window is opening + * or is opened, the current window will be closed and any ongoing {@link OO.ui.Process process} will be cancelled. Windows + * themselves are persistent and—rather than being torn down when closed—can be repopulated with the + * pertinent data and reused. + * + * Over the lifecycle of a window, the window manager makes available three promises: `opening`, + * `opened`, and `closing`, which represent the primary stages of the cycle: + * + * **Opening**: the opening stage begins when the window manager’s #openWindow or a window’s + * {@link OO.ui.Window#open open} method is used, and the window manager begins to open the window. + * + * - an `opening` event is emitted with an `opening` promise + * - the #getSetupDelay method is called and the returned value is used to time a pause in execution before + * the window’s {@link OO.ui.Window#getSetupProcess getSetupProcess} method is called on the + * window and its result executed + * - a `setup` progress notification is emitted from the `opening` promise + * - the #getReadyDelay method is called the returned value is used to time a pause in execution before + * the window’s {@link OO.ui.Window#getReadyProcess getReadyProcess} method is called on the + * window and its result executed + * - a `ready` progress notification is emitted from the `opening` promise + * - the `opening` promise is resolved with an `opened` promise + * + * **Opened**: the window is now open. + * + * **Closing**: the closing stage begins when the window manager's #closeWindow or the + * window's {@link OO.ui.Window#close close} methods is used, and the window manager begins + * to close the window. + * + * - the `opened` promise is resolved with `closing` promise and a `closing` event is emitted + * - the #getHoldDelay method is called and the returned value is used to time a pause in execution before + * the window's {@link OO.ui.Window#getHoldProcess getHoldProces} method is called on the + * window and its result executed + * - a `hold` progress notification is emitted from the `closing` promise + * - the #getTeardownDelay() method is called and the returned value is used to time a pause in execution before + * the window's {@link OO.ui.Window#getTeardownProcess getTeardownProcess} method is called on the + * window and its result executed + * - a `teardown` progress notification is emitted from the `closing` promise + * - the `closing` promise is resolved. The window is now closed + * + * See the [OOjs UI documentation on MediaWiki][1] for more information. + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Windows/Window_managers * * @class * @extends OO.ui.Element * @mixins OO.EventEmitter * - * Managed windows are mutually exclusive. If a window is opened while there is a current window - * already opening or opened, the current window will be closed without data. Empty closing data - * should always result in the window being closed without causing constructive or destructive - * action. - * - * As a window is opened and closed, it passes through several stages and the manager emits several - * corresponding events. - * - * - {@link #openWindow} or {@link OO.ui.Window#open} methods are used to start opening - * - {@link #event-opening} is emitted with `opening` promise - * - {@link #getSetupDelay} is called the returned value is used to time a pause in execution - * - {@link OO.ui.Window#getSetupProcess} method is called on the window and its result executed - * - `setup` progress notification is emitted from opening promise - * - {@link #getReadyDelay} is called the returned value is used to time a pause in execution - * - {@link OO.ui.Window#getReadyProcess} method is called on the window and its result executed - * - `ready` progress notification is emitted from opening promise - * - `opening` promise is resolved with `opened` promise - * - Window is now open - * - * - {@link #closeWindow} or {@link OO.ui.Window#close} methods are used to start closing - * - `opened` promise is resolved with `closing` promise - * - {@link #event-closing} is emitted with `closing` promise - * - {@link #getHoldDelay} is called the returned value is used to time a pause in execution - * - {@link OO.ui.Window#getHoldProcess} method is called on the window and its result executed - * - `hold` progress notification is emitted from opening promise - * - {@link #getTeardownDelay} is called the returned value is used to time a pause in execution - * - {@link OO.ui.Window#getTeardownProcess} method is called on the window and its result executed - * - `teardown` progress notification is emitted from opening promise - * - Closing promise is resolved - * - Window is now closed - * * @constructor * @param {Object} [config] Configuration options * @cfg {OO.Factory} [factory] Window factory to use for automatic instantiation @@ -2806,7 +2905,7 @@ OO.ui.WindowManager.prototype.closeWindow = function ( win, data ) { OO.ui.WindowManager.prototype.addWindows = function ( windows ) { var i, len, win, name, list; - if ( $.isArray( windows ) ) { + if ( Array.isArray( windows ) ) { // Convert to map of windows by looking up symbolic names from static configuration list = {}; for ( i = 0, len = windows.length; i < len; i++ ) { @@ -3105,7 +3204,7 @@ OO.ui.Process.prototype.execute = function () { // Use rejected promise for error return $.Deferred().reject( [ result ] ).promise(); } - if ( $.isArray( result ) && result.length && result[ 0 ] instanceof OO.ui.Error ) { + if ( Array.isArray( result ) && result.length && result[ 0 ] instanceof OO.ui.Error ) { // Use rejected promise for list of errors return $.Deferred().reject( result ).promise(); } @@ -3275,7 +3374,7 @@ OO.ui.ToolFactory.prototype.extract = function ( collection, used ) { } } } - } else if ( $.isArray( collection ) ) { + } else if ( Array.isArray( collection ) ) { for ( i = 0, len = collection.length; i < len; i++ ) { item = collection[ i ]; // Allow plain strings as shorthand for named tools @@ -3410,12 +3509,12 @@ OO.ui.Theme.prototype.updateElementClasses = function ( element ) { * @constructor * @param {Object} [config] Configuration options * @cfg {jQuery} [$tabIndexed] tabIndexed node, assigned to #$tabIndexed, omit to use #$element - * @cfg {number|Function} [tabIndex=0] Tab index value. Use 0 to use default ordering, use -1 to - * prevent tab focusing. (default: 0) + * @cfg {number|null} [tabIndex=0] Tab index value. Use 0 to use default ordering, use -1 to + * prevent tab focusing, use null to suppress the `tabindex` attribute. */ OO.ui.TabIndexedElement = function OoUiTabIndexedElement( config ) { // Configuration initialization - config = config || {}; + config = $.extend( { tabIndex: 0 }, config ); // Properties this.$tabIndexed = null; @@ -3425,7 +3524,7 @@ OO.ui.TabIndexedElement = function OoUiTabIndexedElement( config ) { this.connect( this, { disable: 'onDisable' } ); // Initialization - this.setTabIndex( config.tabIndex || 0 ); + this.setTabIndex( config.tabIndex ); this.setTabIndexedElement( config.$tabIndexed || this.$element ); }; @@ -3436,87 +3535,86 @@ OO.initClass( OO.ui.TabIndexedElement ); /* Methods */ /** - * Set the element with 'tabindex' attribute. + * Set the element with `tabindex` attribute. * * If an element is already set, it will be cleaned up before setting up the new element. * * @param {jQuery} $tabIndexed Element to set tab index on + * @chainable */ OO.ui.TabIndexedElement.prototype.setTabIndexedElement = function ( $tabIndexed ) { - if ( this.$tabIndexed ) { - this.$tabIndexed.removeAttr( 'tabindex aria-disabled' ); - } - + var tabIndex = this.tabIndex; + // Remove attributes from old $tabIndexed + this.setTabIndex( null ); + // Force update of new $tabIndexed this.$tabIndexed = $tabIndexed; - if ( this.tabIndex !== null ) { - this.$tabIndexed.attr( { - // Do not index over disabled elements - tabindex: this.isDisabled() ? -1 : this.tabIndex, - // ChromeVox and NVDA do not seem to inherit this from parent elements - 'aria-disabled': this.isDisabled().toString() - } ); - } + this.tabIndex = tabIndex; + return this.updateTabIndex(); }; /** * Set tab index value. * - * @param {number|null} tabIndex Tab index value or null for no tabIndex + * @param {number|null} tabIndex Tab index value or null for no tab index * @chainable */ OO.ui.TabIndexedElement.prototype.setTabIndex = function ( tabIndex ) { tabIndex = typeof tabIndex === 'number' ? tabIndex : null; if ( this.tabIndex !== tabIndex ) { - if ( this.$tabIndexed ) { - if ( tabIndex !== null ) { - this.$tabIndexed.attr( { - // Do not index over disabled elements - tabindex: this.isDisabled() ? -1 : tabIndex, - // ChromeVox and NVDA do not seem to inherit this from parent elements - 'aria-disabled': this.isDisabled().toString() - } ); - } else { - this.$tabIndexed.removeAttr( 'tabindex aria-disabled' ); - } - } this.tabIndex = tabIndex; + this.updateTabIndex(); } return this; }; /** - * Handle disable events. + * Update the `tabindex` attribute, in case of changes to tab index or + * disabled state. * - * @param {boolean} disabled Element is disabled + * @chainable */ -OO.ui.TabIndexedElement.prototype.onDisable = function ( disabled ) { - if ( this.$tabIndexed && this.tabIndex !== null ) { - this.$tabIndexed.attr( { +OO.ui.TabIndexedElement.prototype.updateTabIndex = function () { + if ( this.$tabIndexed ) { + if ( this.tabIndex !== null ) { // Do not index over disabled elements - tabindex: disabled ? -1 : this.tabIndex, - // ChromeVox and NVDA do not seem to inherit this from parent elements - 'aria-disabled': disabled.toString() - } ); + this.$tabIndexed.attr( { + tabindex: this.isDisabled() ? -1 : this.tabIndex, + // ChromeVox and NVDA do not seem to inherit this from parent elements + 'aria-disabled': this.isDisabled().toString() + } ); + } else { + this.$tabIndexed.removeAttr( 'tabindex aria-disabled' ); + } } + return this; +}; + +/** + * Handle disable events. + * + * @param {boolean} disabled Element is disabled + */ +OO.ui.TabIndexedElement.prototype.onDisable = function () { + this.updateTabIndex(); }; /** * Get tab index value. * - * @return {number} Tab index value + * @return {number|null} Tab index value */ OO.ui.TabIndexedElement.prototype.getTabIndex = function () { return this.tabIndex; }; /** - * Element with a button. - * - * Buttons are used for controls which can be clicked. They can be configured to use tab indexing - * and access keys for accessibility purposes. + * ButtonElement is often mixed into other classes to generate a button, which is a clickable + * interface element that can be configured with access keys for accessibility. + * See the [OOjs UI documentation on MediaWiki] [1] for examples. * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Buttons_and_Switches#Buttons * @abstract * @class * @@ -3606,6 +3704,7 @@ OO.ui.ButtonElement.prototype.setButtonElement = function ( $button ) { /** * Handles mouse down events. * + * @protected * @param {jQuery.Event} e Mouse down event */ OO.ui.ButtonElement.prototype.onMouseDown = function ( e ) { @@ -3625,6 +3724,7 @@ OO.ui.ButtonElement.prototype.onMouseDown = function ( e ) { /** * Handles mouse up events. * + * @protected * @param {jQuery.Event} e Mouse up event */ OO.ui.ButtonElement.prototype.onMouseUp = function ( e ) { @@ -3639,6 +3739,7 @@ OO.ui.ButtonElement.prototype.onMouseUp = function ( e ) { /** * Handles mouse click events. * + * @protected * @param {jQuery.Event} e Mouse click event * @fires click */ @@ -3652,6 +3753,7 @@ OO.ui.ButtonElement.prototype.onClick = function ( e ) { /** * Handles key down events. * + * @protected * @param {jQuery.Event} e Key down event */ OO.ui.ButtonElement.prototype.onKeyDown = function ( e ) { @@ -3667,6 +3769,7 @@ OO.ui.ButtonElement.prototype.onKeyDown = function ( e ) { /** * Handles key up events. * + * @protected * @param {jQuery.Event} e Key up event */ OO.ui.ButtonElement.prototype.onKeyUp = function ( e ) { @@ -3681,6 +3784,7 @@ OO.ui.ButtonElement.prototype.onKeyUp = function ( e ) { /** * Handles key press events. * + * @protected * @param {jQuery.Event} e Key press event * @fires click */ @@ -3754,7 +3858,12 @@ OO.ui.ButtonElement.prototype.setActive = function ( value ) { }; /** - * Element containing a sequence of child elements. + * Any OOjs UI widget that contains other widgets (such as {@link OO.ui.ButtonWidget buttons} or + * {@link OO.ui.OptionWidget options}) mixes in GroupElement. Adding, removing, and clearing + * items from the group is done through the interface the class provides. + * For more information, please see the [OOjs UI documentation on MediaWiki] [1]. + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Elements/Groups * * @abstract * @class @@ -4028,8 +4137,10 @@ OO.ui.GroupElement.prototype.clearItems = function () { }; /** - * A mixin for an element that can be dragged and dropped. - * Use in conjunction with DragGroupWidget + * DraggableElement is a mixin class used to create elements that can be clicked + * and dragged by a mouse to a new position within a group. This class must be used + * in conjunction with OO.ui.DraggableGroupElement, which provides a container for + * the draggable elements. * * @abstract * @class @@ -4151,8 +4262,9 @@ OO.ui.DraggableElement.prototype.getIndex = function () { }; /** - * Element containing a sequence of child elements that can be dragged - * and dropped. + * DraggableGroupElement is a mixin class used to create a group element to + * contain draggable elements, which are items that can be clicked and dragged by a mouse. + * The class is used with OO.ui.DraggableElement. * * @abstract * @class @@ -4193,7 +4305,7 @@ OO.ui.DraggableGroupElement = function OoUiDraggableGroupElement( config ) { } ); // Initialize - if ( $.isArray( config.items ) ) { + if ( Array.isArray( config.items ) ) { this.addItems( config.items ); } this.$placeholder = $( '
' ) @@ -4394,12 +4506,13 @@ OO.ui.DraggableGroupElement.prototype.isDragging = function () { }; /** - * Element containing an icon. + * IconElement is often mixed into other classes to generate an icon. + * Icons are graphics, about the size of normal text. They are used to aid the user + * in locating a control or to convey information in a space-efficient way. See the + * [OOjs UI documentation on MediaWiki] [1] for a list of icons + * included in the library. * - * Icons are graphics, about the size of normal text. They can be used to aid the user in locating - * a control or convey information in a more space efficient way. Icons should rarely be used - * without labels; such as in a toolbar where space is at a premium or within a context where the - * meaning is very clear to the user. + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Icons,_Indicators,_and_Labels#Icons * * @abstract * @class @@ -4434,31 +4547,31 @@ OO.initClass( OO.ui.IconElement ); /* Static Properties */ /** - * Icon. + * The symbolic name of the icon (e.g., ‘remove’ or ‘menu’), or a map of symbolic names. A map is used + * for i18n purposes and contains a `default` icon name and additional names keyed by + * language code. The `default` name is used when no icon is keyed by the user's language. * - * Value should be the unique portion of an icon CSS class name, such as 'up' for 'oo-ui-icon-up'. + * Example of an i18n map: * - * For i18n purposes, this property can be an object containing a `default` icon name property and - * additional icon names keyed by language code. - * - * Example of i18n icon definition: * { default: 'bold-a', en: 'bold-b', de: 'bold-f' } * + * Note: the static property will be overridden if the #icon configuration is used. + * * @static * @inheritable - * @property {Object|string} Symbolic icon name, or map of icon names keyed by language ID; - * use the 'default' key to specify the icon to be used when there is no icon in the user's - * language + * @property {Object|string} */ OO.ui.IconElement.static.icon = null; /** - * Icon title. + * The icon title, displayed when users move the mouse over the icon. The value can be text, a + * function that returns title text, or `null` for no title. + * + * The static property will be overridden if the #iconTitle configuration is used. * * @static * @inheritable - * @property {string|Function|null} Icon title text, a function that returns text or null for no - * icon title + * @property {string|Function|null} */ OO.ui.IconElement.static.iconTitle = null; @@ -4561,12 +4674,18 @@ OO.ui.IconElement.prototype.getIconTitle = function () { }; /** - * Element containing an indicator. + * IndicatorElement is often mixed into other classes to generate an indicator. + * Indicators are small graphics that are generally used in two ways: + * + * - To draw attention to the status of an item. For example, an indicator might be + * used to show that an item in a list has errors that need to be resolved. + * - To clarify the function of a control that acts in an exceptional way (a button + * that opens a menu instead of performing an action directly, for example). + * + * For a list of indicators included in the library, please see the + * [OOjs UI documentation on MediaWiki] [1]. * - * Indicators are graphics, smaller than normal text. They can be used to describe unique status or - * behavior. Indicators should only be used in exceptional cases; such as a button that opens a menu - * instead of performing an action directly, or an item in a list which has errors that need to be - * resolved. + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Icons,_Indicators,_and_Labels#Indicators * * @abstract * @class @@ -4876,6 +4995,8 @@ OO.ui.LookupElement = function OoUiLookupElement( config ) { // Properties this.$overlay = config.$overlay || this.$element; this.lookupMenu = new OO.ui.TextInputMenuSelectWidget( this, { + widget: this, + input: this, $container: config.$container } ); this.lookupCache = {}; @@ -5214,10 +5335,22 @@ OO.ui.PopupElement.prototype.getPopup = function () { }; /** - * Element with named flags that can be added, removed, listed and checked. + * The FlaggedElement class is an attribute mixin, meaning that it is used to add + * additional functionality to an element created by another class. The class provides + * a ‘flags’ property assigned the name (or an array of names) of styling flags, + * which are used to customize the look and feel of a widget to better describe its + * importance and functionality. * - * A flag, when set, adds a CSS class on the `$element` by combining `oo-ui-flaggedElement-` with - * the flag name. Flags are primarily useful for styling. + * The library currently contains the following styling flags for general use: + * + * - **progressive**: Progressive styling is applied to convey that the widget will move the user forward in a process. + * - **destructive**: Destructive styling is applied to convey that the widget will remove something. + * - **constructive**: Constructive styling is applied to convey that the widget will create something. + * + * {@link OO.ui.ActionWidget ActionWidgets}, which are a special kind of button that execute an action, use these flags: **primary** and **safe**. + * Please see the [OOjs UI documentation on MediaWiki] [1] for more information. + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Elements/Flagged * * @abstract * @class @@ -5340,7 +5473,7 @@ OO.ui.FlaggedElement.prototype.setFlags = function ( flags ) { this.flags[ flags ] = true; add.push( className ); } - } else if ( $.isArray( flags ) ) { + } else if ( Array.isArray( flags ) ) { for ( i = 0, len = flags.length; i < len; i++ ) { flag = flags[ i ]; className = classPrefix + flag; @@ -6871,7 +7004,7 @@ OO.ui.ProcessDialog.prototype.initialize = function () { .addClass( 'oo-ui-processDialog-errors-title' ) .text( OO.ui.msg( 'ooui-dialog-process-error' ) ); this.$errors - .addClass( 'oo-ui-processDialog-errors' ) + .addClass( 'oo-ui-processDialog-errors oo-ui-element-hidden' ) .append( this.$errorsTitle, this.dismissButton.$element, this.retryButton.$element ); this.$content .addClass( 'oo-ui-processDialog-content' ) @@ -6973,31 +7106,38 @@ OO.ui.ProcessDialog.prototype.showErrors = function ( errors ) { } this.retryButton.toggle( recoverable ); this.$errorsTitle.after( this.$errorItems ); - this.$errors.removeClass( 'oo-ui-widget-hidden' ).scrollTop( 0 ); + this.$errors.removeClass( 'oo-ui-element-hidden' ).scrollTop( 0 ); }; /** * Hide errors. */ OO.ui.ProcessDialog.prototype.hideErrors = function () { - this.$errors.addClass( 'oo-ui-widget-hidden' ); + this.$errors.addClass( 'oo-ui-element-hidden' ); this.$errorItems.remove(); this.$errorItems = null; }; /** - * Layout made of a field and optional label. + * 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. + * + * Field layouts can be configured with help text and/or labels. Labels are aligned in one of four ways: * - * Available label alignment modes include: - * - left: Label is before the field and aligned away from it, best for when the user will be - * scanning for a specific label in a form with many fields - * - right: Label is before the field and aligned toward it, best for forms the user is very - * familiar with and will tab through field checking quickly to verify which field they are in - * - top: Label is before the field and above it, best for when the user will need to fill out all - * fields from top to bottom in a form with few fields - * - inline: Label is after the field and aligned toward it, best for small boolean fields like - * checkboxes or radio buttons + * - **left**: The label is placed before the field-widget and aligned with the left margin. + * A left-alignment is used for forms with many fields. + * - **right**: The label is placed before the field-widget and aligned to the right margin. + * A right-alignment is used for long but familiar forms which users tab through, + * verifying the current field with a quick glance at the label. + * - **top**: The label is placed above the field-widget. A top-alignment is used for brief forms + * that users fill out from top to bottom. + * - **inline**: The label is placed after the field-widget and aligned to the left. + An inline-alignment is best used with checkboxes or radio buttons. * + * Help text is accessed via a help icon that appears in the upper right corner of the rendered field layout. + * Please see the [OOjs UI documentation on MediaWiki] [1] for examples and more information. + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Layouts/Fields_and_Fieldsets * @class * @extends OO.ui.Layout * @mixins OO.ui.LabelElement @@ -7014,9 +7154,6 @@ OO.ui.FieldLayout = function OoUiFieldLayout( fieldWidget, config ) { // Configuration initialization config = $.extend( { align: 'left' }, config ); - // Properties (must be set before parent constructor, which calls #getTagName) - this.fieldWidget = fieldWidget; - // Parent constructor OO.ui.FieldLayout.super.call( this, config ); @@ -7024,6 +7161,7 @@ OO.ui.FieldLayout = function OoUiFieldLayout( fieldWidget, config ) { OO.ui.LabelElement.call( this, config ); // Properties + this.fieldWidget = fieldWidget; this.$field = $( '
' ); this.$body = $( '<' + ( hasInputWidget ? 'label' : 'div' ) + '>' ); this.align = null; @@ -7149,10 +7287,6 @@ OO.ui.ActionFieldLayout = function OoUiActionFieldLayout( fieldWidget, buttonWid // Configuration initialization config = $.extend( { align: 'left' }, config ); - // Properties (must be set before parent constructor, which calls #getTagName) - this.fieldWidget = fieldWidget; - this.buttonWidget = buttonWidget; - // Parent constructor OO.ui.ActionFieldLayout.super.call( this, fieldWidget, config ); @@ -7160,14 +7294,14 @@ OO.ui.ActionFieldLayout = function OoUiActionFieldLayout( fieldWidget, buttonWid OO.ui.LabelElement.call( this, config ); // Properties + this.fieldWidget = fieldWidget; + this.buttonWidget = buttonWidget; this.$button = $( '
' ) .addClass( 'oo-ui-actionFieldLayout-button' ) .append( this.buttonWidget.$element ); - this.$input = $( '
' ) .addClass( 'oo-ui-actionFieldLayout-input' ) .append( this.fieldWidget.$element ); - this.$field .addClass( 'oo-ui-actionFieldLayout' ) .append( this.$input, this.$button ); @@ -7225,7 +7359,7 @@ OO.ui.FieldsetLayout = function OoUiFieldsetLayout( config ) { this.$element .addClass( 'oo-ui-fieldsetLayout' ) .prepend( this.$help, this.$icon, this.$label, this.$group ); - if ( $.isArray( config.items ) ) { + if ( Array.isArray( config.items ) ) { this.addItems( config.items ); } }; @@ -8283,7 +8417,7 @@ OO.ui.StackLayout = function OoUiStackLayout( config ) { if ( this.continuous ) { this.$element.addClass( 'oo-ui-stackLayout-continuous' ); } - if ( $.isArray( config.items ) ) { + if ( Array.isArray( config.items ) ) { this.addItems( config.items ); } }; @@ -9459,9 +9593,28 @@ OO.ui.ToggleWidget.prototype.setValue = function ( value ) { }; /** - * Group widget for multiple related buttons. - * - * Use together with OO.ui.ButtonWidget. + * A ButtonGroupWidget groups related buttons and is used together with OO.ui.ButtonWidget and + * its subclasses. Each button in a group is addressed by a unique reference. Buttons can be added, + * removed, and cleared from the group. + * + * @example + * // Example: A ButtonGroupWidget with two buttons + * var button1 = new OO.ui.PopupButtonWidget( { + * label : 'Select a category', + * icon : 'menu', + * popup : { + * $content: $( '

List of categories...

' ), + * padded: true, + * align: 'left' + * } + * } ); + * var button2 = new OO.ui.ButtonWidget( { + * label : 'Add item' + * }); + * var buttonGroup = new OO.ui.ButtonGroupWidget( { + * items: [button1, button2] + * } ); + * $('body').append(buttonGroup.$element); * * @class * @extends OO.ui.Widget @@ -9483,7 +9636,7 @@ OO.ui.ButtonGroupWidget = function OoUiButtonGroupWidget( config ) { // Initialization this.$element.addClass( 'oo-ui-buttonGroupWidget' ); - if ( $.isArray( config.items ) ) { + if ( Array.isArray( config.items ) ) { this.addItems( config.items ); } }; @@ -9496,9 +9649,20 @@ OO.mixinClass( OO.ui.ButtonGroupWidget, OO.ui.GroupElement ); /** * ButtonWidget is a generic widget for buttons. A wide variety of looks, * feels, and functionality can be customized via the class’s configuration options - * and methods. Please see the OOjs UI documentation on MediaWiki for more information + * and methods. Please see the [OOjs UI documentation on MediaWiki] [1] for more information * and examples. * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Buttons_and_Switches + * + * @example + * // A button widget + * var button = new OO.ui.ButtonWidget( { + * label : 'Button with Icon', + * icon : 'remove', + * iconTitle : 'Remove' + * } ); + * $( 'body' ).append( button.$element ); + * * NOTE: HTML form buttons should use the OO.ui.ButtonInputWidget class. * * @class @@ -9513,13 +9677,14 @@ OO.mixinClass( OO.ui.ButtonGroupWidget, OO.ui.GroupElement ); * * @constructor * @param {Object} [config] Configuration options - * @cfg {string} [href] Hyperlink to visit when clicked - * @cfg {string} [target] Target to open hyperlink in - * @cfg {boolean} [nofollow] Search engine traversal hint (default: true) + * @cfg {string} [href] Hyperlink to visit when the button is clicked. + * @cfg {string} [target] The frame or window in which to open the hyperlink. + * @cfg {boolean} [noFollow] Search engine traversal hint (default: true) */ OO.ui.ButtonWidget = function OoUiButtonWidget( config ) { // Configuration initialization - config = config || {}; + // FIXME: The `nofollow` alias is deprecated and will be removed (T89767) + config = $.extend( { noFollow: config && config.nofollow }, config ); // Parent constructor OO.ui.ButtonWidget.super.call( this, config ); @@ -9536,7 +9701,7 @@ OO.ui.ButtonWidget = function OoUiButtonWidget( config ) { // Properties this.href = null; this.target = null; - this.nofollow = false; + this.noFollow = false; this.isHyperlink = false; // Initialization @@ -9546,7 +9711,7 @@ OO.ui.ButtonWidget = function OoUiButtonWidget( config ) { .append( this.$button ); this.setHref( config.href ); this.setTarget( config.target ); - this.setNoFollow( config.nofollow ); + this.setNoFollow( config.noFollow ); }; /* Setup */ @@ -9632,7 +9797,7 @@ OO.ui.ButtonWidget.prototype.getTarget = function () { * @return {boolean} Whether search engines should avoid traversing this hyperlink */ OO.ui.ButtonWidget.prototype.getNoFollow = function () { - return this.nofollow; + return this.noFollow; }; /** @@ -9680,14 +9845,14 @@ OO.ui.ButtonWidget.prototype.setTarget = function ( target ) { /** * Set search engine traversal hint. * - * @param {boolean} nofollow True if search engines should avoid traversing this hyperlink + * @param {boolean} noFollow True if search engines should avoid traversing this hyperlink */ -OO.ui.ButtonWidget.prototype.setNoFollow = function ( nofollow ) { - nofollow = typeof nofollow === 'boolean' ? nofollow : true; +OO.ui.ButtonWidget.prototype.setNoFollow = function ( noFollow ) { + noFollow = typeof noFollow === 'boolean' ? noFollow : true; - if ( nofollow !== this.nofollow ) { - this.nofollow = nofollow; - if ( nofollow ) { + if ( noFollow !== this.noFollow ) { + this.noFollow = noFollow; + if ( noFollow ) { this.$button.attr( 'rel', 'nofollow' ); } else { this.$button.removeAttr( 'rel' ); @@ -9698,7 +9863,12 @@ OO.ui.ButtonWidget.prototype.setNoFollow = function ( nofollow ) { }; /** - * Button widget that executes an action and is managed by an OO.ui.ActionSet. + * An ActionWidget is a {@link OO.ui.ButtonWidget button widget} that executes an action. + * Action widgets are used with OO.ui.ActionSet, which manages the behavior and availability + * of the actions. Please see the [OOjs UI documentation on MediaWiki] [1] for more information + * and examples. + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Windows/Process_Dialogs#Action_sets * * @class * @extends OO.ui.ButtonWidget @@ -9951,12 +10121,37 @@ OO.ui.ToggleButtonWidget.prototype.setValue = function ( value ) { }; /** - * Dropdown menu of options. + * DropdownWidgets are not menus themselves, rather they contain a menu of options created with + * OO.ui.MenuOptionWidget. The DropdownWidget takes care of opening and displaying the menu so that + * users can interact with it. * - * Dropdown menus provide a control for accessing a menu and compose a menu within the widget, which - * can be accessed using the #getMenu method. + * @example + * // Example: A DropdownWidget with a menu that contains three options + * var dropDown=new OO.ui.DropdownWidget( { + * label: 'Dropdown menu: Select a menu option', + * menu: { + * items: [ + * new OO.ui.MenuOptionWidget( { + * data: 'a', + * label: 'First' + * } ), + * new OO.ui.MenuOptionWidget( { + * data: 'b', + * label: 'Second' + * } ), + * new OO.ui.MenuOptionWidget( { + * data: 'c', + * label: 'Third' + * } ) + * ] + * } + * } ); * - * Use with OO.ui.MenuOptionWidget. + * $('body').append(dropDown.$element); + * + * For more information, please see the [OOjs UI documentation on MediaWiki] [1]. + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Selects_and_Options#Menu_selects_and_options * * @class * @extends OO.ui.Widget @@ -10029,6 +10224,7 @@ OO.ui.DropdownWidget.prototype.getMenu = function () { /** * Handles menu select events. * + * @private * @param {OO.ui.MenuOptionWidget} item Selected menu item */ OO.ui.DropdownWidget.prototype.onMenuSelect = function ( item ) { @@ -10051,15 +10247,12 @@ OO.ui.DropdownWidget.prototype.onMenuSelect = function ( item ) { /** * Handle mouse click events. * + * @private * @param {jQuery.Event} e Mouse click event */ OO.ui.DropdownWidget.prototype.onClick = function ( e ) { if ( !this.isDisabled() && e.which === 1 ) { - if ( this.menu.isVisible() ) { - this.menu.toggle( false ); - } else { - this.menu.toggle( true ); - } + this.menu.toggle(); } return false; }; @@ -10067,23 +10260,34 @@ OO.ui.DropdownWidget.prototype.onClick = function ( e ) { /** * Handle key press events. * + * @private * @param {jQuery.Event} e Key press event */ OO.ui.DropdownWidget.prototype.onKeyPress = function ( e ) { if ( !this.isDisabled() && ( e.which === OO.ui.Keys.SPACE || e.which === OO.ui.Keys.ENTER ) ) { - if ( this.menu.isVisible() ) { - this.menu.toggle( false ); - } else { - this.menu.toggle( true ); - } + this.menu.toggle(); } return false; }; /** - * Icon widget. + * IconWidget is a generic widget for {@link OO.ui.IconElement icons}. In general, IconWidgets should be used with OO.ui.LabelWidget, + * which creates a label that identifies the icon’s function. See the [OOjs UI documentation on MediaWiki] [1] + * for a list of icons included in the library. * - * See OO.ui.IconElement for more information. + * @example + * // An icon widget with a label + * var myIcon = new OO.ui.IconWidget({ + * icon: 'help', + * iconTitle: 'Help' + * }); + * // Create a label. + * var iconLabel = new OO.ui.LabelWidget({ + * label: 'Help' + * }); + * $('body').append(myIcon.$element, iconLabel.$element); + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Icons,_Indicators,_and_Labels#Icons * * @class * @extends OO.ui.Widget @@ -10157,7 +10361,12 @@ OO.mixinClass( OO.ui.IndicatorWidget, OO.ui.TitledElement ); OO.ui.IndicatorWidget.static.tagName = 'span'; /** - * Base class for input widgets. + * InputWidget is the base class for all input widgets, which + * include {@link OO.ui.TextInputWidget text inputs}, {@link OO.ui.CheckboxInputWidget checkbox inputs}, + * {@link OO.ui.RadioInputWidget radio inputs}, and {@link OO.ui.ButtonInputWidget button inputs}. + * See the [OOjs UI documentation on MediaWiki] [1] for more information and examples. + * + * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Inputs * * @abstract * @class @@ -10351,7 +10560,22 @@ OO.ui.InputWidget.prototype.blur = function () { }; /** - * A button that is an input widget. Intended to be used within a OO.ui.FormLayout. + * ButtonInputWidget is used to submit HTML forms and is intended to be used within + * a OO.ui.FormLayout. If you do not need the button to work with HTML forms, you probably + * want to use OO.ui.ButtonWidget instead. Button input widgets can be rendered as either an + * HTML `