diff options
Diffstat (limited to 'resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css')
| -rw-r--r-- | resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css | 2660 |
1 files changed, 2660 insertions, 0 deletions
diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css b/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css new file mode 100644 index 00000000..12e80c11 --- /dev/null +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css @@ -0,0 +1,2660 @@ +/*! + * OOjs UI v0.11.3 + * https://www.mediawiki.org/wiki/OOjs_UI + * + * Copyright 2011–2015 OOjs Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2015-05-12T12:15:44Z + */ +@-webkit-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@-moz-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@-ms-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@-o-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +/* @noflip */ +.oo-ui-rtl { + direction: rtl; +} +/* @noflip */ +.oo-ui-ltr { + direction: ltr; +} +.oo-ui-element-hidden { + display: none !important; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + vertical-align: middle; + font: inherit; + white-space: nowrap; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + display: none; +} +.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-buttonElement-frameless { + display: inline-block; + position: relative; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + display: inline-block; + vertical-align: top; + text-align: center; +} +.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + font-weight: bold; +} +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-left: 0; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + width: 0.9375em; + height: 0.9375em; + margin: 0.46875em; +} +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-left: 0.46875em; +} +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + width: 1.875em; + height: 1.875em; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); + outline: none; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { + margin-right: 0; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + margin-left: 0.25em; + margin-right: 0.25em; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #555555; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #444444; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #347bff; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #777777; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #1f4999; + box-shadow: none; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #00af89; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #777777; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #005946; + box-shadow: none; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #d11d13; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #777777; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #73100a; + box-shadow: none; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + color: #cccccc; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + margin: 0.1em 0; + padding: 0.2em 0.8em; + border-radius: 2px; + -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; + -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; + -ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; + -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; + transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { + outline: none; +} +.oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + line-height: 1.875em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-left: -0.5em; + margin-right: -0.5em; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-right: 0.3em; +} +.oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + /* -0.5 - 0.475 */ + margin-left: -0.005em; + margin-right: -0.005em; +} +.oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + margin-left: 0.46875em; + margin-right: -0.275em; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + color: #ffffff; + background: #dddddd; + border: 1px solid #dddddd; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { + color: #555555; + background-color: #ffffff; + border: 1px solid #cdcdcd; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { + background-color: #ebebeb; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #d9d9d9; + border-color: #d9d9d9; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { + color: #347bff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { + background-color: rgba(52, 123, 255, 0.1); + border-color: rgba(31, 73, 153, 0.5); +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #1f4999; + border-color: #1f4999; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #1f4999; + border-color: #1f4999; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { + color: #00af89; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { + background-color: rgba(0, 171, 137, 0.1); + border-color: rgba(0, 89, 70, 0.5); +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #005946; + border-color: #005946; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #005946; + border-color: #005946; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + color: #d11d13; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { + background-color: rgba(209, 29, 19, 0.1); + border-color: rgba(115, 16, 10, 0.5); +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #73100a; + border-color: #73100a; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #73100a; + border-color: #73100a; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { + color: #ffffff; + background-color: #347bff; + border-color: #347bff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { + background: #2962cc; + border-color: #2962cc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #ffffff; + border-color: #347bff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #ffffff; + background-color: #1f4999; + border-color: #1f4999; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { + color: #ffffff; + background-color: #00af89; + border-color: #00af89; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { + background: #008064; + border-color: #008064; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #ffffff; + border-color: #00af89; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #ffffff; + background-color: #005946; + border-color: #005946; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + color: #ffffff; + background-color: #d11d13; + border-color: #d11d13; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { + background: #8c130d; + border-color: #8c130d; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { + box-shadow: inset 0 0 0 1px #ffffff; + border-color: #d11d13; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + color: #ffffff; + background-color: #73100a; + border-color: #73100a; + box-shadow: none; +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + background-color: #999999; + color: #ffffff; +} +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-draggableElement { + cursor: -webkit-grab -moz-grab, url(images/grab.cur), move; + /* + * HACK: In order to style horizontally, we must override + * OO.ui.OptionWidget's display rule that is currently set + * to be 'block' + */ +} +.oo-ui-draggableElement-dragging { + cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move; + background: rgba(0, 0, 0, 0.2); + opacity: 0.4; +} +.oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget { + display: inline-block; +} +.oo-ui-draggableGroupElement-placeholder { + position: absolute; + display: block; + background: rgba(0, 0, 0, 0.4); +} +.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-iconElement.oo-ui-iconElement-icon { + background-size: contain; + background-position: center center; +} +.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, +.oo-ui-indicatorElement.oo-ui-indicatorElement-indicator { + background-size: contain; + background-position: center center; +} +.oo-ui-lookupElement > .oo-ui-menuSelectWidget { + z-index: 1; + width: 100%; +} +.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { + overflow-y: hidden; +} +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded { + padding: 2em; +} +.oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 3em; + overflow-y: auto; +} +.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + left: 0; + right: 0; +} +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { + padding: 1.5em; +} +.oo-ui-bookletLayout-outlinePanel { + border-right: 1px solid #dddddd; +} +.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); +} +.oo-ui-indexLayout > .oo-ui-menuLayout-menu { + height: 3em; +} +.oo-ui-indexLayout > .oo-ui-menuLayout-content { + top: 3em; +} +.oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout { + padding: 1.5em; +} +.oo-ui-fieldLayout { + display: block; + margin-bottom: 1em; +} +.oo-ui-fieldLayout:before, +.oo-ui-fieldLayout:after { + content: " "; + display: table; +} +.oo-ui-fieldLayout:after { + clear: both; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + display: block; + float: left; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + text-align: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { + display: table; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + display: table-cell; + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldLayout > .oo-ui-fieldLayout-help { + float: right; +} +.oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content { + padding: 0.5em 0.75em; + line-height: 1.5em; +} +.oo-ui-fieldLayout:last-child { + margin-bottom: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + padding-top: 0.5em; + margin-right: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + width: 60%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + padding: 0.5em; + padding-left: 1em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + padding: 0.5em 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + padding: 0.5em 0; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget { + margin-right: 0; + margin-top: 0.25em; +} +.oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child { + margin-right: 0; +} +.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { + color: #cccccc; +} +.oo-ui-actionFieldLayout-field { + display: table; + table-layout: fixed; + width: 100%; +} +.oo-ui-actionFieldLayout-input, +.oo-ui-actionFieldLayout-button { + display: table-cell; + vertical-align: middle; +} +.oo-ui-actionFieldLayout-input { + padding-right: 1em; +} +.oo-ui-actionFieldLayout-button { + width: 1%; + white-space: nowrap; +} +.oo-ui-fieldsetLayout { + position: relative; + margin: 0; + padding: 0; + border: none; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + display: block; + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help { + float: right; +} +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content { + padding: 0.5em 0.75em; + line-height: 1.5em; +} +.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout, +.oo-ui-fieldsetLayout + .oo-ui-formLayout { + margin-top: 2em; +} +.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { + font-size: 1.1em; + margin-bottom: 0.5em; + padding: 0.25em 0; + font-weight: bold; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { + padding-left: 2em; + line-height: 1.8em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { + left: 0; + top: 0.25em; + width: 1.875em; + height: 1.875em; +} +.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget { + margin-right: 0; +} +.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child { + margin-right: 0; +} +.oo-ui-formLayout + .oo-ui-fieldsetLayout, +.oo-ui-formLayout + .oo-ui-formLayout { + margin-top: 2em; +} +.oo-ui-menuLayout { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-menuLayout-menu, +.oo-ui-menuLayout-content { + position: absolute; + -webkit-transition: all ease-in-out 200ms; + -moz-transition: all ease-in-out 200ms; + -ms-transition: all ease-in-out 200ms; + -o-transition: all ease-in-out 200ms; + transition: all ease-in-out 200ms; +} +.oo-ui-menuLayout-menu { + height: 18em; + width: 18em; +} +.oo-ui-menuLayout-content { + top: 18em; + left: 18em; + right: 18em; + bottom: 18em; +} +.oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-menu { + width: 0 !important; + height: 0 !important; + overflow: hidden; +} +.oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-content { + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; +} +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-menu { + width: auto !important; + left: 0; + top: 0; + right: 0; +} +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-content { + right: 0 !important; + bottom: 0 !important; + left: 0 !important; +} +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-menu { + height: auto !important; + top: 0; + right: 0; + bottom: 0; +} +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-content { + bottom: 0 !important; + left: 0 !important; + top: 0 !important; +} +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu { + width: auto !important; + right: 0; + bottom: 0; + left: 0; +} +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content { + left: 0 !important; + top: 0 !important; + right: 0 !important; +} +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-menu { + height: auto !important; + bottom: 0; + left: 0; + top: 0; +} +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-content { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; +} +.oo-ui-panelLayout { + position: relative; +} +.oo-ui-panelLayout-scrollable { + overflow-y: auto; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-panelLayout-padded { + padding: 1.25em; +} +.oo-ui-panelLayout-framed { + border: 1px solid #aaaaaa; + border-radius: 0.2em; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-stackLayout-continuous > .oo-ui-panelLayout { + display: block; + position: relative; +} +.oo-ui-popupTool .oo-ui-popupWidget-popup, +.oo-ui-popupTool .oo-ui-popupWidget-anchor { + z-index: 4; +} +.oo-ui-popupTool .oo-ui-popupWidget { + /* @noflip */ + margin-left: 1.25em; +} +.oo-ui-toolGroupTool > .oo-ui-popupToolGroup { + border: 0; + border-radius: 0; + margin: 0; +} +.oo-ui-toolGroupTool > .oo-ui-toolGroup { + border-right: none; +} +.oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle { + height: 2.5em; + padding: 0.3125em; +} +.oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + height: 2.5em; + width: 1.875em; +} +.oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.1em; +} +.oo-ui-toolGroup { + display: inline-block; + vertical-align: middle; + border-radius: 0; + border-right: 1px solid #dddddd; +} +.oo-ui-toolGroup-empty { + display: none; +} +.oo-ui-toolGroup .oo-ui-tool-link { + text-decoration: none; +} +.oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup { + margin-left: 0; +} +.oo-ui-toolGroup .oo-ui-toolGroup .oo-ui-widget-enabled { + border-right: none !important; +} +.oo-ui-barToolGroup > .oo-ui-iconElement-icon, +.oo-ui-barToolGroup > .oo-ui-labelElement-label { + display: none; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool { + display: inline-block; + position: relative; + vertical-align: top; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { + display: block; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel { + display: none; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: top; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title { + display: none; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title { + display: inline; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link { + cursor: default; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { + height: 1.875em; + padding: 0.625em; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 1.875em; + width: 1.875em; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { + line-height: 2.1em; + padding: 0 0.4em; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); + background-color: #eeeeee; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title { + color: #555555; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background-color: #e5e5e5; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled:hover { + background-color: #eeeeee; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { + border-left-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.7; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.9; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:active { + background-color: #e7e7e7; +} +.oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} +.oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-popupToolGroup { + position: relative; + height: 3.125em; + min-width: 2em; +} +.oo-ui-popupToolGroup-handle { + display: block; + cursor: pointer; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { + cursor: default; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + display: none; + position: absolute; + z-index: 4; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { + display: block; +} +.oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { + left: 0; +} +.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { + right: 0; +} +.oo-ui-popupToolGroup .oo-ui-tool-link { + display: table; + width: 100%; + vertical-align: middle; + white-space: nowrap; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon, +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + display: table-cell; + vertical-align: middle; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { + text-align: right; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) { + padding-left: 3em; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup { + min-width: 1.875em; +} +.oo-ui-popupToolGroup.oo-ui-iconElement { + min-width: 3.125em; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement { + min-width: 2.5em; +} +.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 4.375em; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { + min-width: 3.75em; +} +.oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + line-height: 2.6em; + margin: 0 1em; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin: 0 0.5em; +} +.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 3em; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 2.5em; +} +.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 2em; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 1.75em; +} +.oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:hover { + background-color: #eeeeee; +} +.oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:active { + background-color: #e5e5e5; +} +.oo-ui-popupToolGroup-handle { + padding: 0.3125em; + height: 2.5em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + width: 0.9375em; + height: 1.625em; + margin: 0.78125em 0.5em; + top: 0; + right: 0; + opacity: 0.3; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + right: -0.3125em; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + width: 1.875em; + height: 2.6em; + margin: 0.25em; + top: 0; + left: 0.3125em; + opacity: 0.7; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + left: 0; +} +.oo-ui-popupToolGroup-header { + line-height: 2.6em; + margin: 0 0.6em; + font-weight: bold; +} +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background-color: #eeeeee; +} +.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { + top: 3.125em; + margin: 0 -1px; + border: 1px solid #cccccc; + background-color: #ffffff; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); + min-width: 16em; +} +.oo-ui-popupToolGroup .oo-ui-tool-link { + padding: 0.4em 0.625em; + box-sizing: border-box; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { + height: 2.5em; + width: 1.875em; + min-width: 1.875em; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + padding-left: 0.5em; + color: #000000; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + line-height: 2em; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { + color: #888888; +} +.oo-ui-listToolGroup .oo-ui-tool { + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-listToolGroup.oo-ui-popupToolGroup-active { + 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); + background-color: #eeeeee; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:active { + background-color: #e7e7e7; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.9; +} +.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-color: #e5e5e5; +} +.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); + background-color: #eeeeee; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel { + color: #dddddd; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled { + color: #cccccc; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-menuToolGroup .oo-ui-tool { + display: block; +} +.oo-ui-menuToolGroup .oo-ui-tool-link { + cursor: pointer; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { + cursor: default; +} +.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { + min-width: 10em; +} +.oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { + min-width: 8.125em; +} +.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: url("themes/mediawiki/images/icons/check.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png"); +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + background-color: #eeeeee; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #cccccc; +} +.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-menuToolGroup.oo-ui-widget-disabled { + color: #cccccc; +} +.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; + position: relative; +} +.oo-ui-toolbar-actions { + float: right; +} +.oo-ui-toolbar-actions .oo-ui-toolbar { + display: inline-block; +} +.oo-ui-toolbar-tools { + display: inline; + white-space: nowrap; +} +.oo-ui-toolbar-narrow .oo-ui-toolbar-tools { + white-space: normal; +} +.oo-ui-toolbar-tools .oo-ui-tool { + white-space: normal; +} +.oo-ui-toolbar-tools, +.oo-ui-toolbar-actions, +.oo-ui-toolbar-shadow { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toolbar-actions .oo-ui-popupWidget { + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; +} +.oo-ui-toolbar-shadow { + background-position: left top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; +} +.oo-ui-toolbar-bar { + border-bottom: 1px solid #cccccc; + background-color: #ffffff; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + font-weight: 500; + color: #555555; +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: none; + background: none; + box-shadow: none; +} +.oo-ui-toolbar-actions > .oo-ui-buttonElement { + margin-top: 0.25em; + margin-bottom: 0.25em; +} +.oo-ui-toolbar-actions > .oo-ui-toolbar, +.oo-ui-toolbar-actions > .oo-ui-buttonElement:last-child { + margin-right: 0.5em; +} +.oo-ui-optionWidget { + position: relative; + display: block; + cursor: pointer; + padding: 0.25em 0.5em; + border: none; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-optionWidget-highlighted { + background-color: #eeeeee; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected, +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed, +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted, +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { + background-color: #d0d0d0; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + color: #cccccc; +} +.oo-ui-decoratedOptionWidget { + padding: 0.5em 2em 0.5em 3em; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + position: absolute; + background-repeat: no-repeat; + background-position: center center; +} +.oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + top: 0; + height: 100%; +} +.oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + width: 1.875em; + left: 0.5em; +} +.oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 0.9375em; + right: 0.5em; +} +.oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, +.oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-buttonSelectWidget { + display: inline-block; + white-space: nowrap; + border-radius: 2px; + margin-right: 0.5em; +} +.oo-ui-buttonSelectWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-left: -1px; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + margin-left: 0; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.oo-ui-buttonOptionWidget { + display: inline-block; + padding: 0; + background-color: transparent; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + position: relative; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + position: static; + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + height: 1.875em; +} +.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + 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-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, +.oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 1; +} +.oo-ui-radioOptionWidget { + cursor: default; + padding: 0.25em 0; + background-color: transparent; +} +.oo-ui-radioOptionWidget .oo-ui-radioInputWidget, +.oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-radioOptionWidget.oo-ui-optionWidget-selected, +.oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed, +.oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted { + background-color: transparent; +} +.oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { + padding: 0.25em; + padding-left: 1em; +} +.oo-ui-radioOptionWidget .oo-ui-radioInputWidget { + margin-right: 0; +} +.oo-ui-labelWidget { + display: inline-block; +} +.oo-ui-iconWidget { + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.875em; + width: 1.875em; +} +.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: 0.9375em; + width: 0.9375em; + margin: 0.46875em; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} +.oo-ui-buttonWidget { + display: inline-block; + vertical-align: middle; + margin-right: 0.5em; +} +.oo-ui-buttonWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonGroupWidget { + display: inline-block; + white-space: nowrap; + border-radius: 2px; + margin-right: 0.5em; +} +.oo-ui-buttonGroupWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement { + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child { + margin-right: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + border-radius: 0; + margin-left: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + margin-left: 0; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.oo-ui-toggleButtonWidget { + display: inline-block; + vertical-align: middle; + margin-right: 0.5em; +} +.oo-ui-toggleButtonWidget:last-child { + margin-right: 0; +} +.oo-ui-toggleSwitchWidget { + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -ms-transform: translateZ(0px); + -o-transform: translateZ(0px); + transform: translateZ(0px); + height: 2em; + width: 4em; + border-radius: 1em; + border: 1px #dddddd solid; + margin-right: 0.5em; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-toggleSwitchWidget-grip { + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: none; +} +.oo-ui-toggleSwitchWidget:last-child { + margin-right: 0; +} +.oo-ui-toggleSwitchWidget-grip { + top: 0.25em; + left: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border-radius: 1em; + border: 1px #dddddd solid; + background-color: #f7f7f7; + -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; + -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; + -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; + -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; + transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; +} +.oo-ui-toggleSwitchWidget-glow { + border-radius: 1em; + background-color: #f7f7f7; + -webkit-transition: background-color 0.1s ease-in-out; + -moz-transition: background-color 0.1s ease-in-out; + -ms-transition: background-color 0.1s ease-in-out; + -o-transition: background-color 0.1s ease-in-out; + transition: background-color 0.1s ease-in-out; +} +.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + left: 2.25em; + margin-left: -2px; +} +.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + display: block; +} +.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + left: 0.25em; + margin-left: 0; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { + border: 1px #cccccc solid; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { + border-color: #aaaaaa; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { + background-color: #ffffff; + border-color: #aaaaaa; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { + background-color: #d0d0d0; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + background-color: #ffffff; +} +.oo-ui-progressBarWidget { + max-width: 50em; + border: 1px solid #cccccc; + border-radius: 0.1em; + overflow: hidden; +} +.oo-ui-progressBarWidget-bar { + height: 1em; + background: #dddddd; + -webkit-transition: width 200ms, margin-left 200ms; + -moz-transition: width 200ms, margin-left 200ms; + -ms-transition: width 200ms, margin-left 200ms; + -o-transition: width 200ms, margin-left 200ms; + transition: width 200ms, margin-left 200ms; +} +.oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar { + -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + animation: oo-ui-progressBarWidget-slide 2s infinite linear; + width: 40%; + margin-left: -10%; + border-left-width: 1px; +} +.oo-ui-progressBarWidget.oo-ui-widget-disabled { + opacity: 0.6; +} +.oo-ui-actionWidget.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); +} +.oo-ui-popupWidget { + position: absolute; + /* @noflip */ + left: 0; +} +.oo-ui-popupWidget-popup { + position: relative; + overflow: hidden; + z-index: 1; +} +.oo-ui-popupWidget-anchor { + display: none; + z-index: 1; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { + display: block; + position: absolute; + top: 0; + /* @noflip */ + left: 0; + background-repeat: no-repeat; +} +.oo-ui-popupWidget-head { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + float: right; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + float: left; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; + overflow: hidden; +} +.oo-ui-popupWidget-popup { + border: 1px solid #aaaaaa; + border-radius: 0.2em; + background-color: #ffffff; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { + margin-top: 9px; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { + content: ""; + position: absolute; + width: 0; + height: 0; + border-style: solid; + border-color: transparent; + border-top: 0; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before { + bottom: -10px; + left: -9px; + border-bottom-color: #888888; + border-width: 10px; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { + bottom: -10px; + left: -8px; + border-bottom-color: #ffffff; + border-width: 9px; +} +.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { + -webkit-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out; + -moz-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out; + -ms-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out; + -o-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out; + transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out; +} +.oo-ui-popupWidget-head { + height: 2.5em; +} +.oo-ui-popupWidget-head .oo-ui-buttonWidget { + margin: 0.25em; +} +.oo-ui-popupWidget-head .oo-ui-labelElement-label { + margin: 0.75em 1em; +} +.oo-ui-popupWidget-body-padded { + padding: 0 1em; +} +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + position: absolute; + cursor: auto; +} +.oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget { + /* @noflip */ + left: 1em; +} +.oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget { + /* @noflip */ + left: 1.75em; +} +.oo-ui-inputWidget { + margin-right: 0.5em; +} +.oo-ui-inputWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonInputWidget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-checkboxInputWidget { + position: relative; + line-height: 1.6em; + white-space: nowrap; +} +.oo-ui-checkboxInputWidget * { + font: inherit; + vertical-align: middle; +} +.oo-ui-checkboxInputWidget input[type="checkbox"] { + opacity: 0; + z-index: 1; + position: relative; + margin: 0; + width: 1.6em; + height: 1.6em; + max-width: none; +} +.oo-ui-checkboxInputWidget input[type="checkbox"] + span { + cursor: pointer; + -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + border-radius: 2px; + width: 1.6em; + height: 1.6em; + background-color: white; + border: 1px solid #777777; + background-image: url("themes/mediawiki/images/icons/check-constructive.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive.png"); + background-repeat: no-repeat; + background-position: center center; + background-origin: border-box; + background-size: 0 0; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span { + background-size: 100% 100%; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:active + span { + background-color: #dddddd; + border-color: #dddddd; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span { + border-width: 2px; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span, +.oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span { + border-bottom-width: 3px; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span { + cursor: default; + background-color: #eeeeee; + border-color: #eeeeee; +} +.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span { + background-image: url("themes/mediawiki/images/icons/check-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-invert.png"); +} +.oo-ui-dropdownInputWidget { + position: relative; + vertical-align: middle; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + max-width: 50em; +} +.oo-ui-dropdownInputWidget select { + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dropdownInputWidget select { + height: 2.5em; + padding: 0.5em; + font-size: inherit; + font-family: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #cccccc; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { + border-color: #aaaaaa; + outline: none; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { + color: #cccccc; + border-color: #dddddd; + background-color: #f3f3f3; +} +.oo-ui-radioInputWidget { + position: relative; + line-height: 1.6em; + white-space: nowrap; +} +.oo-ui-radioInputWidget * { + font: inherit; + vertical-align: middle; +} +.oo-ui-radioInputWidget input[type="radio"] { + opacity: 0; + z-index: 1; + position: relative; + margin: 0; + width: 1.6em; + height: 1.6em; + max-width: none; +} +.oo-ui-radioInputWidget input[type="radio"] + span { + cursor: pointer; + -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 0; + border-radius: 100%; + width: 1.6em; + height: 1.6em; + background: white; + border: 1px solid #777777; + background-image: url("themes/mediawiki/images/icons/circle-constructive.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive.png"); + background-repeat: no-repeat; + background-position: center center; + background-origin: border-box; + background-size: 0 0; +} +.oo-ui-radioInputWidget input[type="radio"]:checked + span { + background-size: 100% 100%; +} +.oo-ui-radioInputWidget input[type="radio"]:active + span { + background-color: #dddddd; + border-color: #dddddd; +} +.oo-ui-radioInputWidget input[type="radio"]:focus + span { + border-width: 2px; +} +.oo-ui-radioInputWidget input[type="radio"]:focus:hover + span, +.oo-ui-radioInputWidget input[type="radio"]:hover + span { + border-bottom-width: 3px; +} +.oo-ui-radioInputWidget input[type="radio"]:disabled + span { + cursor: default; + background-color: #eeeeee; + border-color: #eeeeee; +} +.oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span { + background-image: url("themes/mediawiki/images/icons/circle-invert.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-invert.png"); +} +.oo-ui-textInputWidget { + position: relative; + vertical-align: middle; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + max-width: 50em; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator, +.oo-ui-textInputWidget > .oo-ui-labelElement-label { + display: none; +} +.oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator { + display: block; + position: absolute; + top: 0; + height: 100%; + background-repeat: no-repeat; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator { + cursor: pointer; +} +.oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label { + display: block; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon { + left: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-textInputWidget > .oo-ui-labelElement-label { + position: absolute; + top: 0; +} +.oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label { + right: 0; +} +.oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label { + left: 0; +} +.oo-ui-textInputWidget input, +.oo-ui-textInputWidget textarea { + padding: 0.5em; + margin: 0; + font-size: inherit; + font-family: inherit; + background-color: #ffffff; + color: black; + border: solid 1px #cccccc; + box-shadow: inset 0 0 0 0 #347bff; + border-radius: 0.1em; + -webkit-transition: box-shadow 0.1s ease-in-out; + -moz-transition: box-shadow 0.1s ease-in-out; + -ms-transition: box-shadow 0.1s ease-in-out; + -o-transition: box-shadow 0.1s ease-in-out; + transition: box-shadow 0.1s ease-in-out; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget-decorated input, +.oo-ui-textInputWidget-decorated textarea { + padding-left: 2em; +} +.oo-ui-textInputWidget-icon { + width: 2em; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled input, +.oo-ui-textInputWidget.oo-ui-widget-enabled textarea { + -webkit-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); + -moz-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); + -ms-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); + -o-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); + transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); +} +.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, +.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { + outline: none; + border-color: #347bff; + box-shadow: inset 0 0 0 0.1em #347bff; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], +.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { + color: #777777; + text-shadow: 0 1px 1px #ffffff; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus, +.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus { + border-color: #cccccc; + box-shadow: inset 0 0 0 0.1em #cccccc; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input, +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea { + border-color: red; + box-shadow: inset 0 0 0 0 red; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus, +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus { + border-color: red; + box-shadow: inset 0 0 0 0.1em red; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled input, +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea { + color: #cccccc; + text-shadow: 0 1px 1px #ffffff; + border-color: #dddddd; + background-color: #f3f3f3; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, +.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label { + color: #dddddd; + text-shadow: 0 1px 1px #ffffff; +} +.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, +.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { + background-color: transparent; + background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); +} +.oo-ui-textInputWidget.oo-ui-iconElement input, +.oo-ui-textInputWidget.oo-ui-iconElement textarea { + padding-left: 2.75em; +} +.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 0.4em; + width: 1.875em; + margin-left: 0.1em; + height: 100%; + background-position: right center; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement input, +.oo-ui-textInputWidget.oo-ui-indicatorElement textarea { + padding-right: 1.875em; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + width: 0.9375em; + margin: 0 0.775em; + height: 100%; +} +.oo-ui-textInputWidget > .oo-ui-labelElement-label { + padding: 0.4em; + line-height: 1.5em; + color: #888888; +} +.oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { + margin-right: 2em; +} +.oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label { + margin-left: 2.5em; +} +.oo-ui-menuSelectWidget { + position: absolute; + background: #ffffff; + margin-top: -1px; + border: 1px solid #aaaaaa; + border-radius: 0 0 0.2em 0.2em; + padding-bottom: 0.25em; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-menuSelectWidget input { + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; +} +.oo-ui-menuOptionWidget { + position: relative; + padding: 0.5em 1em; +} +.oo-ui-menuOptionWidget .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { + background-color: #d8e6fe; + color: rgba(0, 0, 0, 0.8); +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { + background-color: #eeeeee; + color: black; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { + background-color: #d8e6fe; +} +.oo-ui-menuSectionOptionWidget { + cursor: default; + padding: 0.33em 0.75em; + color: #888888; +} +.oo-ui-dropdownWidget { + display: inline-block; + position: relative; + margin: 0.25em 0; + width: 100%; + max-width: 50em; + margin-right: 0.5em; +} +.oo-ui-dropdownWidget-handle { + width: 100%; + display: inline-block; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, +.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { + position: absolute; + background-position: center center; + background-repeat: no-repeat; +} +.oo-ui-dropdownWidget > .oo-ui-menuSelectWidget { + z-index: 1; + width: 100%; +} +.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { + cursor: default; +} +.oo-ui-dropdownWidget:last-child { + margin-right: 0; +} +.oo-ui-dropdownWidget-handle { + height: 2.5em; + border: 1px solid #cccccc; + border-radius: 0.1em; +} +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { + right: 0; +} +.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { + left: 0.25em; +} +.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { + line-height: 2.5em; + margin: 0 1em; +} +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { + top: 0; + width: 0.9375em; + height: 0.9375em; + margin: 0.775em; +} +.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { + top: 0; + width: 1.875em; + height: 1.875em; + margin: 0.3em; +} +.oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle { + border-color: #aaaaaa; +} +.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { + color: #cccccc; + text-shadow: 0 1px 1px #ffffff; + border-color: #dddddd; + background-color: #f3f3f3; +} +.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { + margin-left: 3em; +} +.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { + margin-right: 2em; +} +.oo-ui-dropdownWidget .oo-ui-selectWidget { + border-top-color: #ffffff; +} +.oo-ui-outlineOptionWidget { + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1.1em; + padding: 0.75em; +} +.oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { + padding-right: 1.5em; +} +.oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + opacity: 0.5; +} +.oo-ui-outlineOptionWidget-level-0 { + padding-left: 3.5em; +} +.oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon { + left: 1em; +} +.oo-ui-outlineOptionWidget-level-1 { + padding-left: 5em; +} +.oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon { + left: 2.5em; +} +.oo-ui-outlineOptionWidget-level-2 { + padding-left: 6.5em; +} +.oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon { + left: 4em; +} +.oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { + background-color: #d0d0d0; + text-shadow: 0 1px 1px #ffffff; +} +.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important { + font-weight: bold; +} +.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder { + font-style: italic; +} +.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { + opacity: 0.5; +} +.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { + color: #777777; +} +.oo-ui-outlineControlsWidget { + height: 3em; + background-color: #ffffff; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + float: left; + background-position: right center; + background-repeat: no-repeat; +} +.oo-ui-outlineControlsWidget-items { + float: left; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: left; +} +.oo-ui-outlineControlsWidget-movers { + float: right; +} +.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { + float: right; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + height: 2em; + margin: 0.5em 0.5em 0.5em 0; + padding: 0; +} +.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { + width: 1.5em; + height: 2em; + margin: 0.5em 0 0.5em 0.5em; + opacity: 0.2; +} +.oo-ui-tabSelectWidget { + text-align: left; + white-space: nowrap; + overflow: hidden; + background-color: #dddddd; +} +.oo-ui-tabOptionWidget { + display: inline-block; + vertical-align: bottom; + padding: 0.35em 1em; + margin: 0.5em 0 0 0.75em; + border: 1px solid transparent; + border-bottom: none; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + color: #666666; + font-weight: bold; +} +.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { + background-color: rgba(255, 255, 255, 0.3); +} +.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { + background-color: rgba(255, 255, 255, 0.8); +} +.oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { + padding-right: 1.5em; +} +.oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + opacity: 0.5; +} +.oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, +.oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, +.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover { + background-color: #ffffff; + color: #333333; +} +.oo-ui-comboBoxWidget { + display: inline-block; + position: relative; + width: 100%; + max-width: 50em; + margin-right: 0.5em; +} +.oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget { + z-index: 1; + width: 100%; +} +.oo-ui-comboBoxWidget:last-child { + margin-right: 0; +} +.oo-ui-comboBoxWidget .oo-ui-textInputWidget input, +.oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea { + height: 2.35em; +} +.oo-ui-searchWidget-query { + position: absolute; + top: 0; + left: 0; + right: 0; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + width: 100%; +} +.oo-ui-searchWidget-results { + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-searchWidget-query { + height: 4em; + padding: 0 1em; + border-bottom: 1px solid #cccccc; +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + margin: 0.75em 0; +} +.oo-ui-searchWidget-results { + top: 4em; + padding: 1em; + line-height: 0; +} +.oo-ui-window { + background: transparent; +} +.oo-ui-window-frame { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-window-content:focus { + outline: none; +} +.oo-ui-window-head, +.oo-ui-window-foot { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-window-body { + margin: 0; + padding: 0; + background: none; +} +.oo-ui-window-overlay { + position: absolute; + top: 0; + /* @noflip */ + left: 0; +} +.oo-ui-dialog-content > .oo-ui-window-head, +.oo-ui-dialog-content > .oo-ui-window-body, +.oo-ui-dialog-content > .oo-ui-window-foot { + position: absolute; + left: 0; + right: 0; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dialog-content > .oo-ui-window-head { + z-index: 1; + top: 0; +} +.oo-ui-dialog-content > .oo-ui-window-body { + z-index: 2; + top: 0; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-foot { + z-index: 1; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-body { + outline: 1px solid #aaaaaa; +} +.oo-ui-messageDialog-actions-horizontal { + display: table; + table-layout: fixed; + width: 100%; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + display: table-cell; + width: 1%; +} +.oo-ui-messageDialog-actions-vertical { + display: block; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + position: relative; + text-align: center; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + display: block; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + position: relative; + top: auto; + bottom: auto; + display: inline; + white-space: nowrap; +} +.oo-ui-messageDialog-title, +.oo-ui-messageDialog-message { + display: block; + text-align: center; + padding-top: 0.5em; +} +.oo-ui-messageDialog-title { + font-size: 1.5em; + line-height: 1em; + color: #000000; +} +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666666; +} +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: left; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-right: 1px solid #e5e5e5; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-right-width: 0; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + border-bottom: 1px solid #e5e5e5; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { + border-bottom-width: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + height: 3.4em; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label { + text-align: center; + line-height: 3.4em; + padding: 0 2em; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:active { + background-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { + font-weight: bold; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} +.oo-ui-processDialog-location { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.oo-ui-processDialog-title { + display: inline; + padding: 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget { + white-space: nowrap; +} +.oo-ui-processDialog-actions-safe, +.oo-ui-processDialog-actions-primary { + position: absolute; + top: 0; + bottom: 0; +} +.oo-ui-processDialog-actions-safe { + left: 0; +} +.oo-ui-processDialog-actions-primary { + right: 0; +} +.oo-ui-processDialog-errors { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; +} +.oo-ui-processDialog-content .oo-ui-window-head { + height: 3.4em; +} +.oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending { + background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); +} +.oo-ui-processDialog-content .oo-ui-window-body { + top: 3.4em; + outline: 1px solid rgba(0, 0, 0, 0.2); +} +.oo-ui-processDialog-navigation { + position: relative; + height: 3.4em; + padding: 0 1em; +} +.oo-ui-processDialog-location { + padding: 0.75em 0; + height: 1.875em; + cursor: default; + text-align: center; +} +.oo-ui-processDialog-title { + font-weight: bold; + line-height: 1.875em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { + min-width: 1.875em; + min-height: 1.875em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { + line-height: 1.875em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { + margin-top: -0.125em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed { + margin: 0.75em 0 0.75em 0.75em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + padding: 0 1em; + vertical-align: middle; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active { + background-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed { + margin: 0.75em; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + /* Adjust for border so text aligns with title */ + margin: -1px; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover { + background-color: rgba(8, 126, 204, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active { + background-color: rgba(8, 126, 204, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { + font-weight: bold; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} +.oo-ui-processDialog > .oo-ui-window-frame { + min-height: 5em; +} +.oo-ui-processDialog-errors { + background-color: rgba(255, 255, 255, 0.9); + padding: 3em 3em 1.5em 3em; + text-align: center; +} +.oo-ui-processDialog-errors .oo-ui-buttonWidget { + margin: 2em 1em 2em 1em; +} +.oo-ui-processDialog-errors-title { + font-size: 1.5em; + color: #000000; + margin-bottom: 2em; +} +.oo-ui-processDialog-error { + text-align: left; + margin: 1em; + padding: 1em; + border: 1px solid #ff9e9e; + background-color: #fff7f7; + border-radius: 0.25em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + position: fixed; + width: 0; + height: 0; + overflow: hidden; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active { + width: auto; + height: auto; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + position: absolute; + right: 0; + left: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { + width: 100%; + height: 100%; + top: 0; + bottom: 0; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms ease-in-out; + -moz-transition: opacity 250ms ease-in-out; + -ms-transition: opacity 250ms ease-in-out; + -o-transition: opacity 250ms ease-in-out; + transition: opacity 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { + top: 1em; + bottom: 1em; + background-color: #ffffff; + opacity: 0; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: all 250ms ease-in-out; + -moz-transition: all 250ms ease-in-out; + -ms-transition: all 250ms ease-in-out; + -o-transition: all 250ms ease-in-out; + transition: all 250ms ease-in-out; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { + /* Fade window overlay */ + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + /* Fade frame */ + opacity: 1; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); +} +.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { + border: 1px solid #aaaaaa; + border-radius: 0.2em; + box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); +} |