From 0e7a6d6fa9f426467c228782e8b98ffc2820be80 Mon Sep 17 00:00:00 2001 From: Roan Kattouw Date: Fri, 26 Sep 2014 15:57:21 -0700 Subject: [PATCH] Update OOjs UI to v0.1.0-pre (98e770ce46) New changes: 888f1c6 Fix for endless loop in SelectWidget 28f6b94 PopupWidget: Make $element not be a 0x0 box Change-Id: Id9c9e79e4a1fb4d3a42f7fec65c1360b3b192bfd --- resources/lib/oojs-ui/oojs-ui-apex.css | 10 +- .../lib/oojs-ui/oojs-ui-apex.svg.rtl.css | 2079 +++++++++++++++++ .../lib/oojs-ui/oojs-ui-mediawiki.rtl.css | 1997 ++++++++++++++++ .../lib/oojs-ui/oojs-ui-mediawiki.svg.rtl.css | 1997 ++++++++++++++++ resources/lib/oojs-ui/oojs-ui-minerva.css | 10 +- .../lib/oojs-ui/oojs-ui-minerva.svg.rtl.css | 1381 +++++++++++ resources/lib/oojs-ui/oojs-ui.js | 6 +- resources/lib/oojs-ui/oojs-ui.svg.css | 4 +- 8 files changed, 7473 insertions(+), 11 deletions(-) create mode 100644 resources/lib/oojs-ui/oojs-ui-apex.svg.rtl.css create mode 100644 resources/lib/oojs-ui/oojs-ui-mediawiki.rtl.css create mode 100644 resources/lib/oojs-ui/oojs-ui-mediawiki.svg.rtl.css create mode 100644 resources/lib/oojs-ui/oojs-ui-minerva.svg.rtl.css diff --git a/resources/lib/oojs-ui/oojs-ui-apex.css b/resources/lib/oojs-ui/oojs-ui-apex.css index 0ee8ff6509..750d452c94 100644 --- a/resources/lib/oojs-ui/oojs-ui-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-apex.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (880100c45e) + * OOjs UI v0.1.0-pre (98e770ce46) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-09-23T22:28:43Z + * Date: 2014-09-26T22:57:14Z */ /* * Blank theme mixins. @@ -1092,8 +1092,11 @@ .oo-ui-actionWidget.oo-ui-pendingElement-pending { background-image: /* @embed */ url(images/textures/pending.gif); } -.oo-ui-popupWidget-popup { +.oo-ui-popupWidget { position: absolute; +} +.oo-ui-popupWidget-popup { + position: relative; overflow: hidden; z-index: 1; } @@ -1104,6 +1107,7 @@ .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { display: block; position: absolute; + top: 0; background-repeat: no-repeat; } .oo-ui-popupWidget-head { diff --git a/resources/lib/oojs-ui/oojs-ui-apex.svg.rtl.css b/resources/lib/oojs-ui/oojs-ui-apex.svg.rtl.css new file mode 100644 index 0000000000..4ea3271084 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-apex.svg.rtl.css @@ -0,0 +1,2079 @@ +/*! + * OOjs UI v0.1.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-24T23:21:42Z + */ +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + -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-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-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 { + color: #333; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-left: -0.75em; +} +.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 { + opacity: 0.8; + width: 1.9em; + height: 1.9em; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */ + /*.oo-ui-transition(opacity 200ms);*/ +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #000; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #333; + margin-right: 0.25em; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #087ecc; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #76ab36; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #d45353; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #ccc; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + margin: 0.1em 0; + padding: 0.2em 0.8em; + border-radius: 0.3em; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); + border: 1px #c9c9c9 solid; + -webkit-transition: border-color 100ms ease-in-out; + -moz-transition: border-color 100ms ease-in-out; + -ms-transition: border-color 100ms ease-in-out; + -o-transition: border-color 100ms ease-in-out; + transition: border-color 100ms ease-in-out; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { + border-color: #aaa; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + line-height: 1.9em; +} +.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + color: black; + border-color: #c9c9c9; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); +} +.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: -0.5em; + margin-left: -0.5em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: -0.5em; + margin-left: 0.3em; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { + border: solid 1px #a6cee1; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee)); + background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); + background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus { + border-color: #9dc2d4; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + border: solid 1px #a6cee1; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { + border: solid 1px #b8d892; + background: #daf0be; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a)); + background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); + background-image: linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + border-color: #adcb89; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + border: solid 1px #b8d892; + background: #daf0be; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1)); + background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + color: #d45353; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + opacity: 0.5; + box-shadow: none; + color: #333; + background: #eee; + border-color: #ccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus { + border-color: #ccc; + box-shadow: none; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.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-outlineWidget { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 3em; + overflow-y: auto; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + right: 0; + left: 0; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + padding: 1.5em; +} +.oo-ui-bookletLayout-outlinePanel { + border-left: solid 1px #ddd; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); +} +.oo-ui-fieldLayout { + 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-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + text-align: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help { + float: left; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { + padding: 0.5em 0.75em; +} +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + padding-top: 0.5em; + margin-left: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + width: 60%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + padding: 0.75em 0.5em 0.5em 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-top: 0.25em; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #ccc; +} +.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 { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + font-size: 1.5em; + margin-bottom: 0.5em; + padding: 0.25em 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { + padding-right: 1.75em; + line-height: 1.33em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + right: 0; + top: 0.25em; + width: 2em; + height: 2em; +} +.oo-ui-gridLayout { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout { + position: relative; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout-padded { + padding: 1.25em; +} +.oo-ui-stackLayout > .oo-ui-panelLayout { + display: none; +} +.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 { + margin-right: 1.25em; + font-size: 0.8em; +} +.oo-ui-toolGroup { + display: inline-block; + vertical-align: middle; + margin: 0.3em; + border-radius: 0.25em; + border: solid 1px transparent; + -webkit-transition: border-color 300ms ease-in-out; + -moz-transition: border-color 300ms ease-in-out; + -ms-transition: border-color 300ms ease-in-out; + -o-transition: border-color 300ms ease-in-out; + transition: border-color 300ms ease-in-out; +} +.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:hover { + border-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { + color: #000; +} +.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-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 { + margin: -1px -1px -1px 0; + border: solid 1px transparent; +} +.oo-ui-barToolGroup .oo-ui-tool:first-child { + border-top-right-radius: 0.25em; + border-bottom-right-radius: 0.25em; +} +.oo-ui-barToolGroup .oo-ui-tool:last-child { + margin-left: -1px; + border-top-left-radius: 0.25em; + border-bottom-left-radius: 0.25em; +} +.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.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); +} +.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { + border-right-color: rgba(0, 0, 0, 0.1); +} +.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 { + right: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.5em; +} +.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 { + left: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); +} +.oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 2.25em; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + top: 2em; + margin: 0 -1px; + border: solid 1px #ccc; + background-color: white; + box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 2em; + width: 2em; + margin-left: 0.25em; +} +.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: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em; +} +.oo-ui-listToolGroup.oo-ui-popupToolGroup-active { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup .oo-ui-tool { + border: solid 1px transparent; + margin: -1px 0; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + padding-left: 0.5em; +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { + border-top-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.8; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.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: #ccc; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-menuToolGroup { + border-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.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 { + padding: 0.25em 0 0.25em 0; +} +.oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { + border-color: rgba(0, 0, 0, 0.25); +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + padding: 0 0.25em 0 1em; + display: block; + cursor: pointer; + white-space: nowrap; +} +.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/apex/images/icons/check.svg); +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + background-color: #e1f3ff; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.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: #ccc; + border-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-toolbar { + clear: both; +} +.oo-ui-toolbar-bar { + line-height: 1em; +} +.oo-ui-toolbar-actions { + float: left; +} +.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: right top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: solid 1px #ccc; + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: linear-gradient(top, #ffffff 0%, #f1f7fb 100%); +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; +} +.oo-ui-toolbar-shadow { + /* @embed */ + background-image: /* @embed */ url(themes/apex/images/toolbar-shadow.png); + bottom: -9px; + height: 9px; + opacity: 0.125; + -webkit-transition: opacity 500ms ease-in-out; + -moz-transition: opacity 500ms ease-in-out; + -ms-transition: opacity 500ms ease-in-out; + -o-transition: opacity 500ms ease-in-out; + transition: opacity 500ms ease-in-out; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.5em 3em 0.5em 2em; + border: none; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget-highlighted { + background-color: #e1f3ff; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected { + background-color: #a7dcff; +} +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed { + background-color: #a7dcff; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + color: #ccc; +} +.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 { + right: 0.5em; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + left: 0.5em; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-right: -1px; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.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-labelWidget { + display: inline-block; + padding: 0.5em 0; +} +.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; + opacity: 0.8; +} +.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; + opacity: 0.8; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonGroupWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + border-radius: 0; + margin-bottom: -1px; + margin-right: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.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; + box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd; + border: solid 1px #ccc; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); +} +.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; + left: 0; + right: 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.oo-ui-widget-disabled { + opacity: 0.5; +} +.oo-ui-toggleSwitchWidget-grip { + top: 0.25em; + right: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border-radius: 1em; + box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); + border: 1px #c9c9c9 solid; + -webkit-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -moz-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -ms-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -o-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover, +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { + border-color: #aaa; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + border-radius: 1em; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + -webkit-transition: opacity 200ms ease-in-out; + -moz-transition: opacity 200ms ease-in-out; + -ms-transition: opacity 200ms ease-in-out; + -o-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { + opacity: 1; +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + right: 2.25em; + margin-right: -2px; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: block; + opacity: 0; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + right: 0.25em; + margin-right: 0; +} +.oo-ui-actionWidget.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-popupWidget-popup { + position: absolute; + 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; + 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: left; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: right; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-popup { + border: solid 1px #ccc; + border-radius: 0.25em; + background-color: #fff; + box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + margin-top: 7px; +} +.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: -8px; + right: 11px; + border-bottom-color: #aaa; + border-width: 7px; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { + bottom: -8px; + right: 12px; + border-bottom-color: #fff; + border-width: 6px; +} +.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { + -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + transition: width 100ms ease-in-out, height 100ms ease-in-out, right 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 { + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} +.oo-ui-popupWidget-body-padded { + padding: 0 1em; +} +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + right: 1em; + cursor: auto; +} +.oo-ui-popupButtonWidget > .oo-ui-popupWidget { + margin-right: -1em; +} +.oo-ui-textInputWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 20em; +} +.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-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.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 { + right: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: 0.5em; + font-size: 1em; + font-family: sans-serif; + background-color: #fff; + border: solid 1px #ccc; + box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd; + border-radius: 0.25em; + -webkit-transition: border-color 200ms, box-shadow 200ms; + -moz-transition: border-color 200ms, box-shadow 200ms; + -ms-transition: border-color 200ms, box-shadow 200ms; + -o-transition: border-color 200ms, box-shadow 200ms; + transition: border-color 200ms, box-shadow 200ms; +} +.oo-ui-textInputWidget-decorated input, +.oo-ui-textInputWidget-decorated textarea { + padding-right: 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: #a7dcff; + box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white; +} +.oo-ui-textInputWidget input[readonly], +.oo-ui-textInputWidget textarea[readonly] { + color: #777; + text-shadow: 0 1px 1px #fff; +} +.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-color: transparent; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled input, +.oo-ui-textInputWidget.oo-ui-widget-disabled input:focus, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus { + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; +} +.oo-ui-textInputWidget .oo-ui-iconElement-icon, +.oo-ui-textInputWidget .oo-ui-indicatorElement-indicator { + opacity: 0.8; +} +.oo-ui-textInputWidget.oo-ui-iconElement input, +.oo-ui-textInputWidget.oo-ui-iconElement textarea { + padding-right: 2em; +} +.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + width: 2em; + background-position: left center; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement input, +.oo-ui-textInputWidget.oo-ui-indicatorElement textarea { + padding-left: 1.5em; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 1.5em; + background-position: right center; +} +.oo-ui-menuWidget { + position: absolute; + background: #fff; + margin-top: -1px; + border: solid 1px #ccc; + border-radius: 0 0 0.25em 0.25em; + box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-menuWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuItemWidget { + position: relative; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted, +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { + background-color: #e1f3ff; +} +.oo-ui-menuSectionItemWidget { + cursor: default; + padding: 0.33em 0.75em; + color: #888; +} +.oo-ui-inlineMenuWidget { + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; +} +.oo-ui-inlineMenuWidget-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-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-inlineMenuWidget .oo-ui-menuWidget { + z-index: 1; + width: 100%; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + cursor: default; +} +.oo-ui-inlineMenuWidget-handle { + height: 2.5em; + border: solid 1px rgba(0, 0, 0, 0.1); + border-radius: 0.25em; +} +.oo-ui-inlineMenuWidget-handle:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 0.5em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 2.5em; + height: 2.5em; + opacity: 0.8; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-left: 2em; +} +.oo-ui-outlineItemWidget { + 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-outlineItemWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { + padding-left: 1.5em; +} +.oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + opacity: 0.5; +} +.oo-ui-outlineItemWidget-level-0 { + padding-right: 3.5em; +} +.oo-ui-outlineItemWidget-level-0 .oo-ui-iconElement-icon { + right: 1em; +} +.oo-ui-outlineItemWidget-level-1 { + padding-right: 5em; +} +.oo-ui-outlineItemWidget-level-1 .oo-ui-iconElement-icon { + right: 2.5em; +} +.oo-ui-outlineItemWidget-level-2 { + padding-right: 6.5em; +} +.oo-ui-outlineItemWidget-level-2 .oo-ui-iconElement-icon { + right: 4em; +} +.oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected { + background-color: #a7dcff; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-important { + font-weight: bold; +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-placeholder { + font-style: italic; +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { + opacity: 0.5; +} +.oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { + color: #777; +} +.oo-ui-outlineControlsWidget { + height: 3em; + background-color: #fff; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: right; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + float: right; + background-position: left center; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: right; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-movers { + float: left; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: left; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + height: 2em; + margin: 0.5em; + padding: 0; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + width: 1.5em; + height: 2em; + margin: 0.5em 0.5em 0.5em 0; + opacity: 0.2; +} +.oo-ui-outlineControlsWidget-items { + margin-right: 0; +} +.oo-ui-comboBoxWidget { + display: inline-block; + position: relative; + min-width: 20em; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget { + width: 100%; + z-index: 1; +} +.oo-ui-comboBoxWidget-handle { + border: solid 1px rgba(0, 0, 0, 0.1); + border-radius: 0.25em; +} +.oo-ui-comboBoxWidget-handle:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-comboBoxWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, +.oo-ui-comboBoxWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + cursor: default; + opacity: 0.2; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + right: 0; + left: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + position: absolute; + bottom: 0; + right: 0; + left: 0; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-searchWidget-query { + height: 4em; + padding: 0 1em; + box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); +} +.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-frame > iframe { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +.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 { + position: absolute; + top: 0; + right: 0; +} +.oo-ui-window-isolated { + background-color: transparent; + background-image: none; + 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; + right: 0; + left: 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-head.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.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-overlay { + z-index: 3; +} +.oo-ui-dialog-content > .oo-ui-window-body { + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} +.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-content .oo-ui-window-body { + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); +} +.oo-ui-messageDialog-title, +.oo-ui-messageDialog-message { + display: block; + text-align: center; + padding-top: 0.5em; +} +.oo-ui-messageDialog-title { + font-size: 1.5em; + line-height: 1em; + color: #000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: right; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-left: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-left-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 .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-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .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 { + right: 0; +} +.oo-ui-processDialog-actions-primary { + left: 0; +} +.oo-ui-processDialog-errors { + display: none; + position: absolute; + top: 0; + right: 0; + left: 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-body { + top: 3.4em; + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); +} +.oo-ui-processDialog-navigation { + position: relative; + height: 3.4em; + padding: 0 1em; +} +.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 { + padding-top: 0.75em; + padding-bottom: 0.75em; + 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; + padding: 0 1em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { + position: absolute; + 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.75em 0.75em 0; +} +.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; + 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-primary:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .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-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-right: 2.25em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-left: 2.25em; +} +.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: #000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: right; + 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-setup { + width: auto; + height: auto; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + position: absolute; + left: 0; + right: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { + width: 100%; + 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: #fff; + -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 { + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + -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 #ccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); +} + +.oo-ui-icon-add { + background-image: /* @embed */ url(themes/apex/images/icons/add.svg); +} +.oo-ui-icon-advanced { + background-image: /* @embed */ url(themes/apex/images/icons/advanced.svg); +} +.oo-ui-icon-alert { + background-image: /* @embed */ url(themes/apex/images/icons/alert.svg); +} +.oo-ui-icon-check { + background-image: /* @embed */ url(themes/apex/images/icons/check.svg); +} +.oo-ui-icon-clear { + background-image: /* @embed */ url(themes/apex/images/icons/clear.svg); +} +.oo-ui-icon-close { + background-image: /* @embed */ url(themes/apex/images/icons/close.svg); +} +.oo-ui-icon-code { + background-image: /* @embed */ url(themes/apex/images/icons/code.svg); +} +.oo-ui-icon-collapse { + background-image: /* @embed */ url(themes/apex/images/icons/collapse.svg); +} +.oo-ui-icon-comment { + background-image: /* @embed */ url(themes/apex/images/icons/comment.svg); +} +.oo-ui-icon-expand { + background-image: /* @embed */ url(themes/apex/images/icons/expand.svg); +} +.oo-ui-icon-help { + background-image: /* @embed */ url(themes/apex/images/icons/help.svg); +} +.oo-ui-icon-info { + background-image: /* @embed */ url(themes/apex/images/icons/info.svg); +} +.oo-ui-icon-link { + background-image: /* @embed */ url(themes/apex/images/icons/link.svg); +} +.oo-ui-icon-menu { + background-image: /* @embed */ url(themes/apex/images/icons/menu.svg); +} +.oo-ui-icon-next { + background-image: /* @embed */ url(themes/apex/images/icons/move-rtl.svg); +} +.oo-ui-icon-picture { + background-image: /* @embed */ url(themes/apex/images/icons/picture.svg); +} +.oo-ui-icon-previous { + background-image: /* @embed */ url(themes/apex/images/icons/move-ltr.svg); +} +.oo-ui-icon-redo { + background-image: /* @embed */ url(themes/apex/images/icons/arched-arrow-rtl.svg); +} +.oo-ui-icon-remove { + background-image: /* @embed */ url(themes/apex/images/icons/remove.svg); +} +.oo-ui-icon-search { + background-image: /* @embed */ url(themes/apex/images/icons/search.svg); +} +.oo-ui-icon-settings { + background-image: /* @embed */ url(themes/apex/images/icons/settings.svg); +} +.oo-ui-icon-tag { + background-image: /* @embed */ url(themes/apex/images/icons/tag.svg); +} +.oo-ui-icon-undo { + background-image: /* @embed */ url(themes/apex/images/icons/arched-arrow-ltr.svg); +} +.oo-ui-icon-window { + background-image: /* @embed */ url(themes/apex/images/icons/window.svg); +} +.oo-ui-indicator-alert { + background-image: /* @embed */ url(themes/apex/images/indicators/alert.svg); +} +.oo-ui-indicator-up { + background-image: /* @embed */ url(themes/apex/images/indicators/arrow-up.svg); +} +.oo-ui-indicator-down { + background-image: /* @embed */ url(themes/apex/images/indicators/arrow-down.svg); +} +.oo-ui-indicator-next { + background-image: /* @embed */ url(themes/apex/images/indicators/arrow-rtl.svg); +} +.oo-ui-indicator-previous { + background-image: /* @embed */ url(themes/apex/images/indicators/arrow-ltr.svg); +} +.oo-ui-indicator-required { + background-image: /* @embed */ url(themes/apex/images/indicators/required.svg); +} +.oo-ui-texture-pending { + background-image: /* @embed */ url(themes/apex/images/textures/pending.svg); +} +.oo-ui-texture-transparency { + background-image: /* @embed */ url(themes/apex/images/textures/transparency.svg); +} +@-webkit-keyframes oo-ui-animate-texture-pending { + from { + background-position: 100% 0%; + } + to { + background-position: 0% 0%; + } +} +@keyframes oo-ui-animate-pending { + from { + background-position: 100% 0%; + } + to { + background-position: 0% 0%; + } +} +.oo-ui-texture-pending { + background-position: 100% 0%; + -webkit-animation: oo-ui-animate-texture-pending 30s linear 0 infinite; + animation: oo-ui-animate-texture-pending 30s linear 0 infinite; +} diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.rtl.css b/resources/lib/oojs-ui/oojs-ui-mediawiki.rtl.css new file mode 100644 index 0000000000..e2acb0f848 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.rtl.css @@ -0,0 +1,1997 @@ +/*! + * OOjs UI v0.1.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-24T23:21:42Z + */ +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + -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-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-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-right: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-left: -0.75em; +} +.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: 2.2em; + height: 2.2em; +} +.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.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #ddd; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + 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-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.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-primary > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #598ad1; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #777777; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #015ccc; +} +.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-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #008c6d; +} +.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-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #a7170f; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + margin: 0.1em 0; + padding: 0.3em 1.2em; + border-radius: 0.3em; + -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 > .oo-ui-labelElement-label { + line-height: 2.2em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: -0.5em; + margin-left: -0.5em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: -0.5em; + margin-left: 0.3em; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + color: #ddd; + background: #fff; + border: solid 1px #cdcdcd; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { + color: #757575; + background-color: #fff; + border: solid 1px #cdcdcd; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { + 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: #aaa; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #d0d0d0; + border-color: #d0d0d0; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); + color: #fff; + background-color: #0274ff; + border-color: #0274ff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus { + 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-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #015ccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); + color: #fff; + background-color: #00af89; + border-color: #00af89; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + 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-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #008c6d; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); + color: #fff; + background-color: #d11d13; + border-color: #d11d13; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + 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-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #a7170f; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.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-outlineWidget { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 3em; + overflow-y: auto; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + right: 0; + left: 0; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + padding: 1.5em; +} +.oo-ui-bookletLayout-outlinePanel { + border-left: solid 1px #ddd; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); +} +.oo-ui-fieldLayout { + 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-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + text-align: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help { + float: left; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { + padding: 0.5em 0.75em; +} +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + padding-top: 0.5em; + margin-left: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + width: 60%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + padding: 0.75em 0.5em 0.5em 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-top: 0.25em; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #ccc; +} +.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 { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + font-size: 1.5em; + margin-bottom: 0.5em; + padding: 0.25em 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { + padding-right: 1.75em; + line-height: 1.33em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + right: 0; + top: 0.25em; + width: 2em; + height: 2em; +} +.oo-ui-gridLayout { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout { + position: relative; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout-padded { + padding: 1.25em; +} +.oo-ui-stackLayout > .oo-ui-panelLayout { + display: none; +} +.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 { + margin-right: 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: #000; +} +.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-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: #eee; +} +.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 { + right: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.5em; +} +.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 { + left: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 2.25em; +} +.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; + margin-left: 0.25em; +} +.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: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.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.25em; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + padding-left: 0.5em; +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { + background-color: #eee; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.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: #ccc; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em 0 0.25em 0; + border: 1px solid #aaa; + 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-menuToolGroup { + border: solid 1px #ccc; + border-radius: 0.1em; +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.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-right: -1px; + padding: 0.25em 0 0.25em 0; + border: 1px solid #aaa; + 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-menuToolGroup.oo-ui-widget-enabled:hover { + border-color: #aaa; +} +.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { + border-color: #aaa; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + padding: 0 0.25em 0 1em; + display: block; + cursor: pointer; + white-space: nowrap; +} +.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: #e1f3ff; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.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: #ccc; + border-color: #ccc; +} +.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: left; +} +.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: right top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: solid 1px #ccc; +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; +} +.oo-ui-toolbar-shadow { + display: none; +} +.oo-ui-selectWidget { + border-radius: 0.3em; +} +.oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-right: -1px; +} +.oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.5em 3em 0.5em 2em; + border: none; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget-highlighted { + background-color: #eee; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected { + background-color: #a7dcff; +} +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed { + background-color: #a7dcff; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + color: #ccc; +} +.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 { + right: 0.5em; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + left: 0.5em; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-right: -1px; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.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: 2.2em; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + height: 2.2em; + 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-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: 2.2em; + width: 2.2em; +} +.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: 2.2em; + width: 2.2em; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonGroupWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + border-radius: 0; + margin-bottom: -1px; + margin-right: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.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 #ddd solid; +} +.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; + left: 0; + right: 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-grip { + top: 0.25em; + right: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border-radius: 1em; + border: 1px #ddd solid; + background-color: #f7f7f7; + -webkit-transition: right 0.1s ease-in-out, margin-right 0.1s ease-in-out; + -moz-transition: right 0.1s ease-in-out, margin-right 0.1s ease-in-out; + -ms-transition: right 0.1s ease-in-out, margin-right 0.1s ease-in-out; + -o-transition: right 0.1s ease-in-out, margin-right 0.1s ease-in-out; + transition: right 0.1s ease-in-out, margin-right 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 { + right: 2.25em; + margin-right: -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 { + right: 0.25em; + margin-right: 0; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { + border: 1px #ccc solid; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { + border-color: #aaa; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { + background-color: #fff; + border-color: #aaa; +} +.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: #fff; +} +.oo-ui-actionWidget.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-popupWidget-popup { + position: absolute; + 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; + 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: left; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: right; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-popup { + border: solid 1px #aaa; + border-radius: 0.2em; + background-color: #fff; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + margin-top: 7px; +} +.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: -8px; + right: 11px; + border-bottom-color: #888; + border-width: 13px; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { + bottom: -8px; + right: 12px; + border-bottom-color: #fff; + border-width: 12px; +} +.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { + -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + transition: width 100ms ease-in-out, height 100ms ease-in-out, right 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 { + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} +.oo-ui-popupWidget-body-padded { + padding: 0 1em; +} +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + right: 1em; + cursor: auto; +} +.oo-ui-popupButtonWidget > .oo-ui-popupWidget { + margin-right: -1em; +} +.oo-ui-textInputWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 20em; +} +.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-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.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 { + right: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: 0.5em 0.9em 0.5em 0.5em; + margin: 0; + font-size: 1em; + font-family: sans-serif; + background-color: #fff; + border: solid 1px #ccc; + 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-right: 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: #aaa; + box-shadow: inset 0.4em 0 0 0 #0274ff; +} +.oo-ui-textInputWidget input[readonly], +.oo-ui-textInputWidget textarea[readonly] { + color: #777; + text-shadow: 0 1px 1px #fff; +} +.oo-ui-textInputWidget input[readonly]:focus, +.oo-ui-textInputWidget textarea[readonly]:focus { + box-shadow: inset 0.4em 0 0 0 #ccc; +} +.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-color: transparent; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled input, +.oo-ui-textInputWidget.oo-ui-widget-disabled input:focus, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus { + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; +} +.oo-ui-textInputWidget.oo-ui-iconElement input, +.oo-ui-textInputWidget.oo-ui-iconElement textarea { + padding-right: 2.4em; +} +.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.4em; + width: 2em; + height: 100%; + background-position: left center; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement input, +.oo-ui-textInputWidget.oo-ui-indicatorElement textarea { + padding-left: 2.2em; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 1.6em; + height: 100%; + background-position: right center; +} +.oo-ui-menuWidget { + position: absolute; + background: #fff; + margin-top: -1px; + border: solid 1px #aaa; + border-radius: 0 0 0.1em 0.1em; + 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-menuWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuItemWidget { + position: relative; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted, +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { + background-color: #eee; +} +.oo-ui-menuSectionItemWidget { + cursor: default; + padding: 0.33em 0.75em; + color: #888; +} +.oo-ui-inlineMenuWidget { + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; +} +.oo-ui-inlineMenuWidget-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-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-inlineMenuWidget .oo-ui-menuWidget { + z-index: 1; + width: 100%; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + cursor: default; +} +.oo-ui-inlineMenuWidget-handle { + height: 2.5em; + border: solid 1px #ccc; + border-radius: 0.1em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 1em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 2.5em; + height: 2.5em; +} +.oo-ui-inlineMenuWidget:hover .oo-ui-inlineMenuWidget-handle { + border-color: #aaa; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-left: 2em; +} +.oo-ui-inlineMenuWidget .oo-ui-selectWidget { + border-top-color: #fff; +} +.oo-ui-outlineItemWidget { + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: right; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + float: right; + background-position: left center; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: right; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-movers { + float: left; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: left; +} +.oo-ui-comboBoxWidget { + display: inline-block; + position: relative; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget { + width: 100%; + z-index: 1; +} +.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-left: 2.2em; +} +.oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 2.2em; + background-position: center center; + border: solid 1px #ccc; + border-right: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + right: 0; + left: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + position: absolute; + bottom: 0; + right: 0; + left: 0; + overflow-x: hidden; + overflow-y: auto; +} +.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-frame > iframe { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +.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 { + position: absolute; + top: 0; + right: 0; +} +.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; + right: 0; + left: 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-head.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.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-overlay { + z-index: 3; +} +.oo-ui-dialog-content > .oo-ui-window-body { + box-shadow: 0 0 1px 0 #aaa; +} +.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: #000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: right; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-left: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-left-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 .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-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .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 { + right: 0; +} +.oo-ui-processDialog-actions-primary { + left: 0; +} +.oo-ui-processDialog-errors { + display: none; + position: absolute; + top: 0; + right: 0; + left: 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-body { + top: 3.4em; + box-shadow: 0 0 0 1px 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 { + padding-top: 0.75em; + padding-bottom: 0.75em; + 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; + padding: 0 1em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { + position: absolute; + 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.75em 0.75em 0; +} +.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; + 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-primary:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .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-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-right: 2.25em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-left: 2.25em; +} +.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: #000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: right; + 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-setup { + width: auto; + height: auto; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + position: absolute; + left: 0; + right: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { + width: 100%; + 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: #fff; + -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 { + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + -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 #aaa; + 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.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); +} +.oo-ui-icon-advanced { + background-image: /* @embed */ 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); +} +.oo-ui-icon-alert { + background-image: /* @embed */ 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); +} +.oo-ui-icon-check { + background-image: /* @embed */ url(themes/mediawiki/images/icons/check.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); +} +.oo-ui-icon-clear { + background-image: /* @embed */ 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); +} +.oo-ui-icon-close { + background-image: /* @embed */ 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); +} +.oo-ui-icon-code { + background-image: /* @embed */ 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); +} +.oo-ui-icon-collapse { + background-image: /* @embed */ 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); +} +.oo-ui-icon-comment { + background-image: /* @embed */ 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); +} +.oo-ui-icon-expand { + background-image: /* @embed */ 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); +} +.oo-ui-icon-help { + background-image: /* @embed */ 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); +} +.oo-ui-icon-info { + background-image: /* @embed */ 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); +} +.oo-ui-icon-link { + background-image: /* @embed */ 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); +} +.oo-ui-icon-menu { + background-image: /* @embed */ 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); +} +.oo-ui-icon-next { + background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl.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-rtl-invert.png); +} +.oo-ui-icon-picture { + background-image: /* @embed */ 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); +} +.oo-ui-icon-previous { + background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr.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-ltr-invert.png); +} +.oo-ui-icon-redo { + background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl.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-rtl-invert.png); +} +.oo-ui-icon-remove { + background-image: /* @embed */ url(themes/mediawiki/images/icons/remove.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); +} +.oo-ui-icon-search { + background-image: /* @embed */ 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); +} +.oo-ui-icon-settings { + background-image: /* @embed */ 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); +} +.oo-ui-icon-tag { + background-image: /* @embed */ 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); +} +.oo-ui-icon-undo { + background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr.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-ltr-invert.png); +} +.oo-ui-icon-window { + background-image: /* @embed */ 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); +} +.oo-ui-indicator-alert { + background-image: /* @embed */ 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); +} +.oo-ui-indicator-up { + background-image: /* @embed */ 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); +} +.oo-ui-indicator-down { + background-image: /* @embed */ 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); +} +.oo-ui-indicator-next { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl.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-rtl-invert.png); +} +.oo-ui-indicator-previous { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr.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-ltr-invert.png); +} +.oo-ui-indicator-required { + background-image: /* @embed */ 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); +} +.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.png); +} +.oo-ui-image-invert .oo-ui-texture-transparency, +.oo-ui-image-invert.oo-ui-texture-transparency { + background-image: /* @embed */ url(themes/mediawiki/images/textures/transparency-invert.png); +} diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.rtl.css b/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.rtl.css new file mode 100644 index 0000000000..17d89ec025 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.svg.rtl.css @@ -0,0 +1,1997 @@ +/*! + * OOjs UI v0.1.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-24T23:21:42Z + */ +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + -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-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-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-right: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-left: -0.75em; +} +.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: 2.2em; + height: 2.2em; +} +.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.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #ddd; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + 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-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.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-primary > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #598ad1; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #777777; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #015ccc; +} +.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-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #008c6d; +} +.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-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #a7170f; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + margin: 0.1em 0; + padding: 0.3em 1.2em; + border-radius: 0.3em; + -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 > .oo-ui-labelElement-label { + line-height: 2.2em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: -0.5em; + margin-left: -0.5em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: -0.5em; + margin-left: 0.3em; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + color: #ddd; + background: #fff; + border: solid 1px #cdcdcd; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { + color: #757575; + background-color: #fff; + border: solid 1px #cdcdcd; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { + 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: #aaa; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #d0d0d0; + border-color: #d0d0d0; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); + color: #fff; + background-color: #0274ff; + border-color: #0274ff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus { + 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-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #015ccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); + color: #fff; + background-color: #00af89; + border-color: #00af89; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + 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-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #008c6d; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); + color: #fff; + background-color: #d11d13; + border-color: #d11d13; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + 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-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #a7170f; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.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-outlineWidget { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 3em; + overflow-y: auto; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + right: 0; + left: 0; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + padding: 1.5em; +} +.oo-ui-bookletLayout-outlinePanel { + border-left: solid 1px #ddd; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); +} +.oo-ui-fieldLayout { + 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-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + text-align: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help { + float: left; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { + padding: 0.5em 0.75em; +} +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + padding-top: 0.5em; + margin-left: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + width: 60%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + padding: 0.75em 0.5em 0.5em 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-top: 0.25em; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #ccc; +} +.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 { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + font-size: 1.5em; + margin-bottom: 0.5em; + padding: 0.25em 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { + padding-right: 1.75em; + line-height: 1.33em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + right: 0; + top: 0.25em; + width: 2em; + height: 2em; +} +.oo-ui-gridLayout { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout { + position: relative; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout-padded { + padding: 1.25em; +} +.oo-ui-stackLayout > .oo-ui-panelLayout { + display: none; +} +.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 { + margin-right: 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: #000; +} +.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-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: #eee; +} +.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 { + right: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.5em; +} +.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 { + left: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 2.25em; +} +.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; + margin-left: 0.25em; +} +.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: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.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.25em; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + padding-left: 0.5em; +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { + background-color: #eee; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.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: #ccc; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em 0 0.25em 0; + border: 1px solid #aaa; + 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-menuToolGroup { + border: solid 1px #ccc; + border-radius: 0.1em; +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.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-right: -1px; + padding: 0.25em 0 0.25em 0; + border: 1px solid #aaa; + 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-menuToolGroup.oo-ui-widget-enabled:hover { + border-color: #aaa; +} +.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { + border-color: #aaa; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + padding: 0 0.25em 0 1em; + display: block; + cursor: pointer; + white-space: nowrap; +} +.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: #e1f3ff; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.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: #ccc; + border-color: #ccc; +} +.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: left; +} +.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: right top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: solid 1px #ccc; +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; +} +.oo-ui-toolbar-shadow { + display: none; +} +.oo-ui-selectWidget { + border-radius: 0.3em; +} +.oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-right: -1px; +} +.oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.5em 3em 0.5em 2em; + border: none; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget-highlighted { + background-color: #eee; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected { + background-color: #a7dcff; +} +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed { + background-color: #a7dcff; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + color: #ccc; +} +.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 { + right: 0.5em; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + left: 0.5em; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-right: -1px; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.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: 2.2em; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + height: 2.2em; + 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-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: 2.2em; + width: 2.2em; +} +.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: 2.2em; + width: 2.2em; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonGroupWidget { + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + border-radius: 0; + margin-bottom: -1px; + margin-right: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.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 #ddd solid; +} +.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; + left: 0; + right: 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-grip { + top: 0.25em; + right: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border-radius: 1em; + border: 1px #ddd solid; + background-color: #f7f7f7; + -webkit-transition: right 0.1s ease-in-out, margin-right 0.1s ease-in-out; + -moz-transition: right 0.1s ease-in-out, margin-right 0.1s ease-in-out; + -ms-transition: right 0.1s ease-in-out, margin-right 0.1s ease-in-out; + -o-transition: right 0.1s ease-in-out, margin-right 0.1s ease-in-out; + transition: right 0.1s ease-in-out, margin-right 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 { + right: 2.25em; + margin-right: -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 { + right: 0.25em; + margin-right: 0; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { + border: 1px #ccc solid; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { + border-color: #aaa; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { + background-color: #fff; + border-color: #aaa; +} +.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: #fff; +} +.oo-ui-actionWidget.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-popupWidget-popup { + position: absolute; + 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; + 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: left; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: right; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-popup { + border: solid 1px #aaa; + border-radius: 0.2em; + background-color: #fff; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + margin-top: 7px; +} +.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: -8px; + right: 11px; + border-bottom-color: #888; + border-width: 13px; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { + bottom: -8px; + right: 12px; + border-bottom-color: #fff; + border-width: 12px; +} +.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { + -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, right 100ms ease-in-out; + transition: width 100ms ease-in-out, height 100ms ease-in-out, right 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 { + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} +.oo-ui-popupWidget-body-padded { + padding: 0 1em; +} +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + right: 1em; + cursor: auto; +} +.oo-ui-popupButtonWidget > .oo-ui-popupWidget { + margin-right: -1em; +} +.oo-ui-textInputWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 20em; +} +.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-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.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 { + right: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: 0.5em 0.9em 0.5em 0.5em; + margin: 0; + font-size: 1em; + font-family: sans-serif; + background-color: #fff; + border: solid 1px #ccc; + 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-right: 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: #aaa; + box-shadow: inset 0.4em 0 0 0 #0274ff; +} +.oo-ui-textInputWidget input[readonly], +.oo-ui-textInputWidget textarea[readonly] { + color: #777; + text-shadow: 0 1px 1px #fff; +} +.oo-ui-textInputWidget input[readonly]:focus, +.oo-ui-textInputWidget textarea[readonly]:focus { + box-shadow: inset 0.4em 0 0 0 #ccc; +} +.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-color: transparent; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled input, +.oo-ui-textInputWidget.oo-ui-widget-disabled input:focus, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus { + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; +} +.oo-ui-textInputWidget.oo-ui-iconElement input, +.oo-ui-textInputWidget.oo-ui-iconElement textarea { + padding-right: 2.4em; +} +.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.4em; + width: 2em; + height: 100%; + background-position: left center; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement input, +.oo-ui-textInputWidget.oo-ui-indicatorElement textarea { + padding-left: 2.2em; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 1.6em; + height: 100%; + background-position: right center; +} +.oo-ui-menuWidget { + position: absolute; + background: #fff; + margin-top: -1px; + border: solid 1px #aaa; + border-radius: 0 0 0.1em 0.1em; + 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-menuWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuItemWidget { + position: relative; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted, +.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { + background-color: #eee; +} +.oo-ui-menuSectionItemWidget { + cursor: default; + padding: 0.33em 0.75em; + color: #888; +} +.oo-ui-inlineMenuWidget { + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; +} +.oo-ui-inlineMenuWidget-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-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-inlineMenuWidget .oo-ui-menuWidget { + z-index: 1; + width: 100%; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + cursor: default; +} +.oo-ui-inlineMenuWidget-handle { + height: 2.5em; + border: solid 1px #ccc; + border-radius: 0.1em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 1em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 2.5em; + height: 2.5em; +} +.oo-ui-inlineMenuWidget:hover .oo-ui-inlineMenuWidget-handle { + border-color: #aaa; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + color: #ccc; + text-shadow: 0 1px 1px #fff; + border-color: #ddd; + background-color: #f3f3f3; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-left: 2em; +} +.oo-ui-inlineMenuWidget .oo-ui-selectWidget { + border-top-color: #fff; +} +.oo-ui-outlineItemWidget { + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: right; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + float: right; + background-position: left center; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: right; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-movers { + float: left; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: left; +} +.oo-ui-comboBoxWidget { + display: inline-block; + position: relative; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget { + width: 100%; + z-index: 1; +} +.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-left: 2.2em; +} +.oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 2.2em; + background-position: center center; + border: solid 1px #ccc; + border-right: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + right: 0; + left: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + position: absolute; + bottom: 0; + right: 0; + left: 0; + overflow-x: hidden; + overflow-y: auto; +} +.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-frame > iframe { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +.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 { + position: absolute; + top: 0; + right: 0; +} +.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; + right: 0; + left: 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-head.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.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-overlay { + z-index: 3; +} +.oo-ui-dialog-content > .oo-ui-window-body { + box-shadow: 0 0 1px 0 #aaa; +} +.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: #000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: right; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-left: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-left-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 .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-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .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 { + right: 0; +} +.oo-ui-processDialog-actions-primary { + left: 0; +} +.oo-ui-processDialog-errors { + display: none; + position: absolute; + top: 0; + right: 0; + left: 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-body { + top: 3.4em; + box-shadow: 0 0 0 1px 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 { + padding-top: 0.75em; + padding-bottom: 0.75em; + 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; + padding: 0 1em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { + position: absolute; + 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.75em 0.75em 0; +} +.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; + 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-primary:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .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-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-right: 2.25em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-left: 2.25em; +} +.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: #000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: right; + 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-setup { + width: auto; + height: auto; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + position: absolute; + left: 0; + right: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { + width: 100%; + 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: #fff; + -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 { + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + -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 #aaa; + 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-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-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-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-rtl.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-rtl-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-ltr.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-ltr-invert.svg); +} +.oo-ui-icon-redo { + background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl.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-rtl-invert.svg); +} +.oo-ui-icon-remove { + background-image: /* @embed */ url(themes/mediawiki/images/icons/remove.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-ltr.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-ltr-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-rtl.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-rtl-invert.svg); +} +.oo-ui-indicator-previous { + background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr.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-ltr-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); +} +.oo-ui-image-invert .oo-ui-texture-transparency, +.oo-ui-image-invert.oo-ui-texture-transparency { + background-image: /* @embed */ url(themes/mediawiki/images/textures/transparency-invert.svg); +} diff --git a/resources/lib/oojs-ui/oojs-ui-minerva.css b/resources/lib/oojs-ui/oojs-ui-minerva.css index 465f087c44..0ca5b0ad9d 100644 --- a/resources/lib/oojs-ui/oojs-ui-minerva.css +++ b/resources/lib/oojs-ui/oojs-ui-minerva.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (880100c45e) + * OOjs UI v0.1.0-pre (98e770ce46) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-09-23T22:28:43Z + * Date: 2014-09-26T22:57:14Z */ /* * Blank theme mixins. @@ -714,8 +714,11 @@ .oo-ui-actionWidget.oo-ui-pendingElement-pending { background-image: /* @embed */ url(images/textures/pending.gif); } -.oo-ui-popupWidget-popup { +.oo-ui-popupWidget { position: absolute; +} +.oo-ui-popupWidget-popup { + position: relative; overflow: hidden; z-index: 1; } @@ -726,6 +729,7 @@ .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { display: block; position: absolute; + top: 0; background-repeat: no-repeat; } .oo-ui-popupWidget-head { diff --git a/resources/lib/oojs-ui/oojs-ui-minerva.svg.rtl.css b/resources/lib/oojs-ui/oojs-ui-minerva.svg.rtl.css new file mode 100644 index 0000000000..513f2a734e --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-minerva.svg.rtl.css @@ -0,0 +1,1381 @@ +/*! + * OOjs UI v0.1.0 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2014 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2014-09-24T23:21:42Z + */ +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + -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-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-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 > .oo-ui-iconElement-icon { + margin-right: 0; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-left: -0.75em; +} +.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: 3.35em; + height: 3.35em; + background-size: 2em auto; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + margin-right: 0.25em; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + line-height: 1.9em; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.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-outlineWidget { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 3em; + overflow-y: auto; +} +.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + right: 0; + left: 0; +} +.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { + padding: 0 0 1em; +} +.oo-ui-fieldLayout { + 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-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + display: block; + float: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + text-align: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + display: inline-block; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help { + float: left; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { + padding: 0.5em 0.75em; +} +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { + padding-top: 0.5em; + margin-left: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { + width: 60%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { + padding: 0.75em 0.5em 0.5em 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-top: 0.25em; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #ccc; +} +.oo-ui-fieldsetLayout { + position: relative; + margin: 0; + padding: 0; +} +.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 { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + margin-bottom: 0.5em; + padding: 0.25em 0; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { + padding-right: 1.75em; + line-height: 1.33em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + right: 0; + top: 0.25em; + width: 2em; + height: 2em; +} +.oo-ui-gridLayout { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-panelLayout { + position: relative; + padding: 1em 3.35em; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.oo-ui-stackLayout > .oo-ui-panelLayout { + display: none; +} +.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 { + margin-right: 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-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-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; +} +.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 { + right: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-accel { + display: none; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.5em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + top: 0; + width: 2em; + height: 2em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 2.25em; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + top: 2.3em; + margin: 0 -1px; + border: solid 1px #dddddd; + background-color: white; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 2em; + width: 2em; + margin-left: 0.25em; +} +.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: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-listToolGroup .oo-ui-toolGroup-tools { + padding: 0.25em; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + padding-left: 0.5em; +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + display: block; + cursor: pointer; + white-space: nowrap; +} +.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 { + padding: 0.25em 0 0.25em 0; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + padding: 0 0.25em 0 1em; +} +.oo-ui-toolbar { + clear: both; +} +.oo-ui-toolbar-bar { + line-height: 1em; +} +.oo-ui-toolbar-actions { + float: left; +} +.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: right top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: solid 1px #dddddd; + background: white; +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; +} +.oo-ui-selectWidget { + margin: 0; + padding: 0; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.8em 3.35em 0.8em 1em; + border: none; + font-weight: bold; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-optionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { + padding-left: 1.5em; +} +.oo-ui-optionWidget-level-0 { + padding-right: 3.5em; +} +.oo-ui-optionWidget-level-0 .oo-ui-iconElement-icon { + right: 1em; +} +.oo-ui-optionWidget-level-1 { + padding-right: 5em; +} +.oo-ui-optionWidget-level-1 .oo-ui-iconElement-icon { + right: 2.5em; +} +.oo-ui-optionWidget-level-2 { + padding-right: 6.5em; +} +.oo-ui-optionWidget-level-2 .oo-ui-iconElement-icon { + right: 4em; +} +.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 { + right: 0.5em; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + left: 0.5em; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; +} +.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-labelWidget { + display: inline-block; + padding: 0.5em 0; +} +.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; + opacity: 0.8; +} +.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; + opacity: 0.8; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonGroupWidget { + border-radius: 0.3em; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + border-radius: 0; + margin-bottom: -1px; + margin-right: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; +} +.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; +} +.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; + left: 0; + right: 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-grip { + top: 0.25em; + right: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + -webkit-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -moz-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -ms-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + -o-transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; + transition: right 200ms ease-in-out, margin-right 200ms ease-in-out; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + -webkit-transition: opacity 200ms ease-in-out; + -moz-transition: opacity 200ms ease-in-out; + -ms-transition: opacity 200ms ease-in-out; + -o-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + right: 2.25em; + margin-right: -2px; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + right: 0.25em; + margin-right: 0; +} +.oo-ui-actionWidget.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.oo-ui-popupWidget-popup { + position: absolute; + 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; + 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: left; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: right; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + margin-top: 7px; +} +.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; + right: 1em; + cursor: auto; +} +.oo-ui-lookupInputWidget-menu { + background-color: #fff; +} +.oo-ui-textInputWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.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-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.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 { + right: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: .8em 1em; +} +.oo-ui-menuWidget { + position: absolute; + background: white; + border: solid 1px #dddddd; +} +.oo-ui-menuWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuItemWidget { + position: relative; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { + background: #347bff; + color: #ffffff; +} +.oo-ui-menuItemWidget .oo-ui-iconElement-icon { + background-size: 24px auto; +} +.oo-ui-menuSectionItemWidget { + cursor: default; + font-weight: normal; + color: #777777; + border: none; +} +.oo-ui-inlineMenuWidget { + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; +} +.oo-ui-inlineMenuWidget-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-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-inlineMenuWidget .oo-ui-menuWidget { + z-index: 1; + width: 100%; +} +.oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { + cursor: default; +} +.oo-ui-inlineMenuWidget-handle { + height: 2.5em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 2.5em; + height: 2.5em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { + left: 0; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { + right: 0.25em; +} +.oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 0.5em; +} +.oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-right: 3em; +} +.oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { + margin-left: 2em; +} +.oo-ui-outlineItemWidget { + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 0.75em; +} +.oo-ui-outlineControlsWidget { + height: 3em; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: right; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + float: right; + background-position: left center; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: right; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-movers { + float: left; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: left; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + height: 2em; + margin: 0.5em; + padding: 0; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + width: 1.5em; + height: 2em; + margin: 0.5em 0.5em 0.5em 0; +} +.oo-ui-outlineControlsWidget-items { + margin-right: 0; +} +.oo-ui-comboBoxWidget { + display: inline-block; + position: relative; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget { + width: 100%; + z-index: 1; +} +.oo-ui-comboBoxWidget > .oo-ui-selectWidget { + min-width: 20em; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + right: 0; + left: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + position: absolute; + bottom: 0; + right: 0; + left: 0; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-searchWidget-query { + height: 4em; + padding: 0 1em; +} +.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-frame > iframe { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +.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 { + position: absolute; + top: 0; + right: 0; +} +.oo-ui-dialog-content > .oo-ui-window-head, +.oo-ui-dialog-content > .oo-ui-window-body, +.oo-ui-dialog-content > .oo-ui-window-foot { + position: absolute; + right: 0; + left: 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-head.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(images/textures/pending.gif); +} +.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-overlay { + z-index: 3; +} +.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: #000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: right; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-left: solid 1px #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-left-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 .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-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .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 { + right: 0; +} +.oo-ui-processDialog-actions-primary { + left: 0; +} +.oo-ui-processDialog-errors { + display: none; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-processDialog-content .oo-ui-window-head { + height: 3.35em; + border-bottom: 1px solid #dddddd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-processDialog-content .oo-ui-window-body { + top: 3.35em; + padding: 2em 0; +} +.oo-ui-processDialog-navigation { + position: relative; + height: 3.35em; + padding: 0 1em; +} +.oo-ui-processDialog-location { + padding: 0.75em 0; + height: 1.85em; + cursor: default; + text-align: center; +} +.oo-ui-processDialog-title { + font-weight: bold; + line-height: 1.85em; +} +.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 { + padding: 0.35em 0.75em; + min-width: 1.85em; + min-height: 1.85em; + border: 1px solid #dddddd; + border-radius: 4px; +} +.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.85em; + padding: 0 1em; + font-weight: bold; + color: #777777; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { + position: absolute; + margin-top: -0.125em; +} +.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 { + vertical-align: middle; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button { + border: 1px solid transparent; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label { + color: #d11d13; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button { + padding: 0.75em 0.35em; + border: none; + border-radius: 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button { + background-color: #347bff; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { + color: #ffffff; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + right: 0.5em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-right: 2.25em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.5em; +} +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { + padding-left: 2.25em; +} +.oo-ui-processDialog-actions-other { + position: absolute; + bottom: 1em; +} +.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: #000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: right; + 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-setup { + width: auto; + height: auto; + top: 0; + left: 0; + bottom: 0; + right: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + position: absolute; + left: 0; + right: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { + width: 100%; + 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: 0; + bottom: 0; + background-color: #fff; + -webkit-transform: translate3d(0, -200%, 0); + -moz-transform: translate3d(0, -200%, 0); + -ms-transform: translate3d(0, -200%, 0); + -o-transform: translate3d(0, -200%, 0); + transform: translate3d(0, -200%, 0); + -webkit-transition: transform 250ms ease-in-out; + -moz-transition: transform 250ms ease-in-out; + -ms-transition: transform 250ms ease-in-out; + -o-transition: transform 250ms ease-in-out; + transition: transform 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { + border: solid 1px #ccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); +} + +.oo-ui-icon-check { + background-image: /* @embed */ url(themes/minerva/images/icons/check.svg); +} +.oo-ui-image-invert .oo-ui-icon-check, +.oo-ui-image-invert.oo-ui-icon-check { + background-image: /* @embed */ url(themes/minerva/images/icons/check-invert.svg); +} diff --git a/resources/lib/oojs-ui/oojs-ui.js b/resources/lib/oojs-ui/oojs-ui.js index 7dd3735128..dfeae9e0ae 100644 --- a/resources/lib/oojs-ui/oojs-ui.js +++ b/resources/lib/oojs-ui/oojs-ui.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (880100c45e) + * OOjs UI v0.1.0-pre (98e770ce46) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-09-23T22:28:43Z + * Date: 2014-09-26T22:57:14Z */ ( function ( OO ) { @@ -10685,7 +10685,7 @@ OO.ui.SelectWidget.prototype.getRelativeSelectableItem = function ( item, direct // Default to n-1 instead of -1, if nothing is selected let's start at the end Math.min( index, len ); - while ( true ) { + while ( len !== 0 ) { i = ( i + inc + len ) % len; item = this.items[i]; if ( item instanceof OO.ui.OptionWidget && item.isSelectable() ) { diff --git a/resources/lib/oojs-ui/oojs-ui.svg.css b/resources/lib/oojs-ui/oojs-ui.svg.css index 9f4c0358a4..e7ce697440 100644 --- a/resources/lib/oojs-ui/oojs-ui.svg.css +++ b/resources/lib/oojs-ui/oojs-ui.svg.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (880100c45e) + * OOjs UI v0.1.0-pre (98e770ce46) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-09-23T22:28:43Z + * Date: 2014-09-26T22:57:14Z */ /* * Blank theme mixins. -- 2.20.1