From: Bartosz Dziewoński Date: Mon, 16 Feb 2015 18:45:48 +0000 (+0100) Subject: Resources: Use OOjs UI distribution with vector→raster fallback X-Git-Tag: 1.31.0-rc.0~12367 X-Git-Url: https://git.cyclocoop.org/%7B%24www_url%7Dadmin/compta/exercices/journal.php?a=commitdiff_plain;h=d91f3fbe61b9bebbacee8995fb12abadee0ce003;p=lhc%2Fweb%2Fwiklou.git Resources: Use OOjs UI distribution with vector→raster fallback Bug: T87501 Change-Id: Iff139bf2601d517d91f922c033f1e3e793757943 --- diff --git a/maintenance/resources/update-oojs-ui.sh b/maintenance/resources/update-oojs-ui.sh index 88d9f87798..f6245f2723 100755 --- a/maintenance/resources/update-oojs-ui.sh +++ b/maintenance/resources/update-oojs-ui.sh @@ -39,10 +39,13 @@ fi # * the Apex theme files, # * the minimised distribution files, and # * the RTL sheets for non-CSSJanus environments +# * the raster- and vector-only distribution sheets rsync --force --recursive --delete \ --exclude '*apex*' \ --exclude 'oojs-ui*.min.*' \ --exclude 'oojs-ui*.rtl.css' \ + --exclude 'oojs-ui*.raster.css' \ + --exclude 'oojs-ui*.vector.css' \ ./node_modules/oojs-ui/dist/ "$REPO_DIR/$TARGET_DIR" || exit 1 # Clean up temporary area diff --git a/resources/Resources.php b/resources/Resources.php index e25a523a9b..486dd36171 100644 --- a/resources/Resources.php +++ b/resources/Resources.php @@ -1667,7 +1667,7 @@ return array( 'oojs-ui.styles' => array( 'position' => 'top', 'skinStyles' => array( - 'default' => 'resources/lib/oojs-ui/oojs-ui-mediawiki.vector.css', + 'default' => 'resources/lib/oojs-ui/oojs-ui-mediawiki.css', ), 'targets' => array( 'desktop', 'mobile' ), ), diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.vector.css b/resources/lib/oojs-ui/oojs-ui-mediawiki.vector.css deleted file mode 100644 index 453811c299..0000000000 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki.vector.css +++ /dev/null @@ -1,2679 +0,0 @@ -/*! - * OOjs UI v0.8.0 - * https://www.mediawiki.org/wiki/OOjs_UI - * - * Copyright 2011–2015 OOjs Team and other contributors. - * Released under the MIT license - * http://oojs.mit-license.org - * - * Date: 2015-02-19T01:33:21Z - */ -.oo-ui-progressBarWidget-slide-frames from { - margin-left: -40%; -} -.oo-ui-progressBarWidget-slide-frames to { - margin-left: 100%; -} -@-webkit-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -@-moz-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -@-ms-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -@-o-keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -@keyframes oo-ui-progressBarWidget-slide { - from { - margin-left: -40%; - } - to { - margin-left: 100%; - } -} -/* @noflip */ -.oo-ui-rtl { - direction: rtl; -} -/* @noflip */ -.oo-ui-ltr { - direction: ltr; -} -.oo-ui-element-hidden { - display: none !important; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button { - cursor: pointer; - display: inline-block; - vertical-align: middle; - font: inherit; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, -.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - display: none; -} -.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - cursor: default; -} -.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, -.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-buttonElement-frameless { - display: inline-block; - position: relative; -} -.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; -} -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - display: inline-block; - vertical-align: top; - text-align: center; -} -.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; -} -.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - cursor: default; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button { - font-weight: bold; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: 0; -} -.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-right: -0.75em; - margin-left: -0.75em; -} -.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, -.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-left: 0; -} -.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, -.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - width: 1.9em; - height: 1.9em; -} -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); - outline: none; -} -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { - margin-right: 0; -} -.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin-left: 0.25em; - margin-right: 0.25em; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #757575; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #444444; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #598ad1; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #777777; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #015ccc; - box-shadow: none; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #00c697; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #777777; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #008c6d; - box-shadow: none; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #e81915; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #777777; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #a7170f; - box-shadow: none; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - color: #cccccc; -} -.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, -.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - opacity: 0.2; -} -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - margin: 0.1em 0; - padding: 0.2em 0.8em; - border-radius: 2px; - -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; - -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; - -ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; - -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; - transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; -} -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { - outline: none; -} -.oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - line-height: 1.9em; -} -.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: -0.5em; - margin-right: -0.5em; -} -.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: -0.5em; - margin-right: 0.3em; -} -.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - color: #ffffff; - background: #dddddd; - border: 1px solid #dddddd; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { - color: #757575; - background-color: #ffffff; - border: solid 1px #cdcdcd; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); - border-color: #aaaaaa; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - background-color: #d0d0d0; - border-color: #d0d0d0; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - color: #0274ff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #015ccc; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #015ccc; - border-color: #015ccc; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - color: #015ccc; - border-color: #d0d0d0; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - color: #00af89; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #008c6d; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #008c6d; - border-color: #008c6d; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - color: #008c6d; - border-color: #d0d0d0; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - color: #d11d13; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #a7170f; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #a7170f; - border-color: #a7170f; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - color: #a7170f; - border-color: #d0d0d0; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - color: #ffffff; - background-color: #0274ff; - border-color: #0274ff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #015ccc; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #015ccc; - border-color: #015ccc; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - color: #ffffff; - background-color: #015ccc; - border-color: #015ccc; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - color: #ffffff; - background-color: #00af89; - border-color: #00af89; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #008c6d; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #008c6d; - border-color: #008c6d; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - color: #ffffff; - background-color: #008c6d; - border-color: #008c6d; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - color: #ffffff; - background-color: #d11d13; - border-color: #d11d13; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { - box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1); - border-bottom-color: #a7170f; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #a7170f; - border-color: #a7170f; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - color: #ffffff; - background-color: #a7170f; - border-color: #a7170f; - box-shadow: none; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { - background-color: #999999; - color: #ffffff; -} -.oo-ui-clippableElement-clippable { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-draggableElement { - cursor: -webkit-grab -moz-grab, url(images/grab.cur), move; - /* - * HACK: In order to style horizontally, we must override - * OO.ui.OptionWidget's display rule that is currently set - * to be 'block' - */ -} -.oo-ui-draggableElement-dragging { - cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move; - background: rgba(0, 0, 0, 0.2); - opacity: 0.4; -} -.oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget { - display: inline-block; -} -.oo-ui-draggableGroupElement-placeholder { - position: absolute; - display: block; - background: rgba(0, 0, 0, 0.4); -} -.oo-ui-lookupElement > .oo-ui-menuSelectWidget { - z-index: 1; - width: 100%; -} -.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { - overflow-y: hidden; -} -.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable { - overflow-y: auto; -} -.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded { - padding: 2em; -} -.oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 3em; - overflow-y: auto; -} -.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { - position: absolute; - bottom: 0; - left: 0; - right: 0; -} -.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { - padding: 1.5em; -} -.oo-ui-bookletLayout-outlinePanel { - border-right: solid 1px #dddddd; -} -.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { - box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); -} -.oo-ui-fieldLayout { - display: block; - margin-bottom: 1em; -} -.oo-ui-fieldLayout:before, -.oo-ui-fieldLayout:after { - content: " "; - display: table; -} -.oo-ui-fieldLayout:after { - clear: both; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - display: block; - float: left; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - text-align: right; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { - display: table; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - display: table-cell; - vertical-align: middle; -} -.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - display: inline-block; -} -.oo-ui-fieldLayout > .oo-ui-fieldLayout-help { - float: right; -} -.oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; -} -.oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content { - padding: 0.5em 0.75em; - line-height: 1.5em; -} -.oo-ui-fieldLayout:last-child { - margin-bottom: 0; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding-top: 0.5em; - margin-right: 5%; - width: 35%; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - width: 60%; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding: 0.5em; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { - padding: 0.5em 0; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { - padding: 0.5em 0; -} -.oo-ui-fieldLayout > .oo-ui-popupButtonWidget { - margin-right: 0; - margin-top: 0.25em; -} -.oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child { - margin-right: 0; -} -.oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { - color: #cccccc; -} -.oo-ui-actionFieldLayout-field { - display: table; - table-layout: fixed; - width: 100%; -} -.oo-ui-actionFieldLayout-input, -.oo-ui-actionFieldLayout-button { - display: table-cell; - vertical-align: middle; -} -.oo-ui-actionFieldLayout-input { - padding-right: 1em; -} -.oo-ui-actionFieldLayout-button { - width: 1%; - white-space: nowrap; -} -.oo-ui-fieldsetLayout { - position: relative; - margin: 0; - padding: 0; - border: none; -} -.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - display: block; - position: absolute; - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { - display: inline-block; -} -.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help { - float: right; -} -.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; -} -.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content { - padding: 0.5em 0.75em; - line-height: 1.5em; -} -.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { - margin-top: 2em; -} -.oo-ui-fieldsetLayout > .oo-ui-labelElement-label { - font-size: 1.1em; - margin-bottom: 0.5em; - padding: 0.25em 0; - font-weight: bold; -} -.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { - padding-left: 1.75em; - line-height: 1.33em; -} -.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - left: 0; - top: 0.25em; - width: 1.5em; - height: 1.5em; -} -.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget { - margin-right: 0; -} -.oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child { - margin-right: 0; -} -.oo-ui-gridLayout { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.oo-ui-menuLayout { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.oo-ui-menuLayout-menu, -.oo-ui-menuLayout-content { - position: absolute; - -webkit-transition: all ease-in-out 200ms; - -moz-transition: all ease-in-out 200ms; - -ms-transition: all ease-in-out 200ms; - -o-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; -} -.oo-ui-menuLayout-content { - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.oo-ui-menuLayout-top .oo-ui-menuLayout-menu { - left: 0; - top: 0; - right: 0; -} -.oo-ui-menuLayout-after .oo-ui-menuLayout-menu { - top: 0; - right: 0; - bottom: 0; -} -.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu { - right: 0; - bottom: 0; - left: 0; -} -.oo-ui-menuLayout-before .oo-ui-menuLayout-menu { - bottom: 0; - left: 0; - top: 0; -} -.oo-ui-menuLayout-top .oo-ui-menuLayout-content { - right: 0 !important; - bottom: 0 !important; - left: 0 !important; -} -.oo-ui-menuLayout-after .oo-ui-menuLayout-content { - bottom: 0 !important; - left: 0 !important; - top: 0 !important; -} -.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content { - left: 0 !important; - top: 0 !important; - right: 0 !important; -} -.oo-ui-menuLayout-before .oo-ui-menuLayout-content { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; -} -.oo-ui-panelLayout { - position: relative; -} -.oo-ui-panelLayout-scrollable { - overflow-y: auto; -} -.oo-ui-panelLayout-expanded { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.oo-ui-panelLayout-padded { - padding: 1.25em; -} -.oo-ui-stackLayout-continuous > .oo-ui-panelLayout { - display: block; - position: relative; -} -.oo-ui-popupTool .oo-ui-popupWidget-popup, -.oo-ui-popupTool .oo-ui-popupWidget-anchor { - z-index: 4; -} -.oo-ui-popupTool .oo-ui-popupWidget { - /* @noflip */ - margin-left: 1.25em; - font-size: 0.8em; -} -.oo-ui-toolGroup { - display: inline-block; - vertical-align: middle; - margin: 0.3em; -} -.oo-ui-toolGroup-empty { - display: none; -} -.oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { - color: #000000; -} -.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-accel { - color: #888888; -} -.oo-ui-barToolGroup > .oo-ui-iconElement-icon, -.oo-ui-barToolGroup > .oo-ui-labelElement-label { - display: none; -} -.oo-ui-barToolGroup .oo-ui-tool { - display: inline-block; - position: relative; - vertical-align: top; -} -.oo-ui-barToolGroup .oo-ui-tool-link { - display: block; -} -.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - display: block; -} -.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-accel, -.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: none; -} -.oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; -} -.oo-ui-barToolGroup .oo-ui-tool-title, -.oo-ui-barToolGroup .oo-ui-tool-accel { - display: none; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { - cursor: pointer; -} -.oo-ui-barToolGroup .oo-ui-tool-link { - height: 1.5em; - padding: 0.25em; -} -.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.5em; - width: 1.5em; - opacity: 0.8; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled { - background-color: #eeeeee; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.8; -} -.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 1; -} -.oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-popupToolGroup { - position: relative; - height: 2em; - min-width: 2.5em; -} -.oo-ui-popupToolGroup-handle { - display: block; - cursor: pointer; -} -.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, -.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - position: absolute; - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { - cursor: default; -} -.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - display: none; - position: absolute; - z-index: 4; -} -.oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { - background-repeat: no-repeat; - background-position: center center; -} -.oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { - display: block; -} -.oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { - left: 0; -} -.oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { - right: 0; -} -.oo-ui-popupToolGroup .oo-ui-tool-link { - display: table; - width: 100%; - vertical-align: middle; - white-space: nowrap; - text-decoration: none; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon, -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: table-cell; - vertical-align: middle; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { - text-align: right; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) { - padding-left: 3em; -} -.oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 3.5em; -} -.oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.6em; - font-size: 0.8em; - margin: 0 1em; -} -.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-left: 3em; -} -.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 2.25em; -} -.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, -.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - top: 0; - width: 2em; - height: 2em; - opacity: 0.8; -} -.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - right: 0; -} -.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - left: 0.25em; -} -.oo-ui-popupToolGroup-header { - line-height: 2.6em; - font-size: 0.8em; - margin: 0 0.6em; - font-weight: bold; -} -.oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - top: 2em; - background-color: white; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 2em; - width: 2em; - min-width: 2em; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - padding-left: 0.25em; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - line-height: 2em; - font-size: 0.8em; -} -.oo-ui-listToolGroup .oo-ui-tool { - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-listToolGroup .oo-ui-tool-link { - cursor: pointer; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; -} -.oo-ui-listToolGroup .oo-ui-tool { - padding: 0 0.5em 0 0.25em; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - background-color: #eeeeee; -} -.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled, -.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { - background-color: #d0d0d0; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { - color: #cccccc; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel { - color: #dddddd; -} -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-listToolGroup.oo-ui-widget-disabled { - color: #cccccc; -} -.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, -.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-listToolGroup .oo-ui-toolGroup-tools { - padding: 0.25em 0 0.25em 0; - border: 1px solid #aaaaaa; - border-radius: 0.2em; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1); -} -.oo-ui-menuToolGroup { - border: solid 1px #cccccc; - border-radius: 0.1em; -} -.oo-ui-menuToolGroup .oo-ui-tool { - display: block; -} -.oo-ui-menuToolGroup .oo-ui-tool-link { - cursor: pointer; -} -.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; -} -.oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 8em; -} -.oo-ui-menuToolGroup .oo-ui-toolGroup-tools { - margin-left: -1px; - padding: 0.25em 0 0.25em 0; - border: 1px solid #aaaaaa; - border-radius: 0.2em; - border-top-left-radius: 0; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1); -} -.oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { - border-color: #aaaaaa; -} -.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { - border-color: #aaaaaa; -} -.oo-ui-menuToolGroup .oo-ui-tool { - padding: 0 0.75em 0 0.25em; -} -.oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: none; -} -.oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check.svg); -} -.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - background-color: #eeeeee; -} -.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { - color: #cccccc; -} -.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-menuToolGroup.oo-ui-widget-disabled { - color: #cccccc; - border-color: #cccccc; -} -.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, -.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { - opacity: 0.2; -} -.oo-ui-toolbar { - clear: both; -} -.oo-ui-toolbar-bar { - line-height: 1em; -} -.oo-ui-toolbar-actions { - float: right; -} -.oo-ui-toolbar-tools { - display: inline; -} -.oo-ui-toolbar-tools, -.oo-ui-toolbar-actions, -.oo-ui-toolbar-shadow { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.oo-ui-toolbar-actions .oo-ui-popupWidget { - -webkit-touch-callout: default; - -webkit-user-select: all; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; -} -.oo-ui-toolbar-shadow { - background-position: left top; - background-repeat: repeat-x; - position: absolute; - width: 100%; - pointer-events: none; -} -.oo-ui-toolbar-bar { - border-bottom: solid 4px rgba(0, 0, 0, 0.15); - background: #ffffff; -} -.oo-ui-toolbar-bar .oo-ui-toolbar-bar { - border: none; - background: none; -} -.oo-ui-toolbar-shadow { - display: none; -} -.oo-ui-selectWidget { - border-radius: 2px; -} -.oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; -} -.oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - margin-left: 0; -} -.oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} -.oo-ui-optionWidget { - position: relative; - display: block; - cursor: pointer; - padding: 0.25em 0.5em; - border: none; -} -.oo-ui-optionWidget.oo-ui-widget-disabled { - cursor: default; -} -.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} -.oo-ui-optionWidget-highlighted { - background-color: #eeeeee; -} -.oo-ui-optionWidget .oo-ui-labelElement-label { - line-height: 1.5em; -} -.oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected, -.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed, -.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted, -.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { - background-color: #d0d0d0; -} -.oo-ui-optionWidget.oo-ui-widget-disabled { - color: #cccccc; -} -.oo-ui-decoratedOptionWidget { - padding: 0.5em 2em 0.5em 3em; -} -.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, -.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - position: absolute; - background-repeat: no-repeat; - background-position: center center; -} -.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, -.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - top: 50%; - width: 2em; - height: 2em; - margin-top: -1em; -} -.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { - left: 0.5em; -} -.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - right: 0.5em; -} -.oo-ui-buttonSelectWidget { - display: inline-block; - white-space: nowrap; - border-radius: 2px; - margin-right: 0.5em; -} -.oo-ui-buttonSelectWidget:last-child { - margin-right: 0; -} -.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; -} -.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - margin-left: 0; -} -.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} -.oo-ui-buttonOptionWidget { - display: inline-block; - padding: 0; - background-color: transparent; -} -.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - position: relative; -} -.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, -.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - position: static; - display: inline-block; - vertical-align: middle; -} -.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - height: 1.9em; -} -.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, -.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - height: 1.9em; - margin-top: 0; -} -.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected, -.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, -.oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { - background-color: transparent; -} -.oo-ui-radioOptionWidget { - cursor: default; - padding: 0.25em 0; - background-color: transparent; -} -.oo-ui-radioOptionWidget .oo-ui-radioInputWidget, -.oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; -} -.oo-ui-radioOptionWidget.oo-ui-optionWidget-selected, -.oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed, -.oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted { - background-color: transparent; -} -.oo-ui-labelWidget { - display: inline-block; -} -.oo-ui-iconWidget { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; - line-height: 2.5em; - height: 1.9em; - width: 1.9em; -} -.oo-ui-iconWidget.oo-ui-widget-disabled { - opacity: 0.2; -} -.oo-ui-indicatorWidget { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; - line-height: 2.5em; - height: 1.9em; - width: 1.9em; -} -.oo-ui-indicatorWidget.oo-ui-widget-disabled { - opacity: 0.2; -} -.oo-ui-buttonWidget { - display: inline-block; - vertical-align: middle; - margin-right: 0.5em; -} -.oo-ui-buttonWidget:last-child { - margin-right: 0; -} -.oo-ui-buttonGroupWidget { - display: inline-block; - white-space: nowrap; - border-radius: 2px; - margin-right: 0.5em; -} -.oo-ui-buttonGroupWidget:last-child { - margin-right: 0; -} -.oo-ui-buttonGroupWidget .oo-ui-buttonWidget { - margin-right: 0; -} -.oo-ui-buttonGroupWidget .oo-ui-buttonWidget:last-child { - margin-right: 0; -} -.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; -} -.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - margin-left: 0; -} -.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} -.oo-ui-toggleSwitchWidget { - position: relative; - display: inline-block; - vertical-align: middle; - overflow: hidden; - cursor: pointer; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transform: translateZ(0px); - -moz-transform: translateZ(0px); - -ms-transform: translateZ(0px); - -o-transform: translateZ(0px); - transform: translateZ(0px); - height: 2em; - width: 4em; - border-radius: 1em; - border: 1px #dddddd solid; - margin-right: 0.5em; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { - cursor: default; -} -.oo-ui-toggleSwitchWidget-grip { - position: absolute; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { - display: none; -} -.oo-ui-toggleSwitchWidget:last-child { - margin-right: 0; -} -.oo-ui-toggleSwitchWidget-grip { - top: 0.25em; - left: 0.25em; - width: 1.5em; - height: 1.5em; - margin-top: -1px; - border-radius: 1em; - border: 1px #dddddd solid; - background-color: #f7f7f7; - -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; - -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; - -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; - -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; - transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out; -} -.oo-ui-toggleSwitchWidget-glow { - border-radius: 1em; - background-color: #f7f7f7; - -webkit-transition: background-color 0.1s ease-in-out; - -moz-transition: background-color 0.1s ease-in-out; - -ms-transition: background-color 0.1s ease-in-out; - -o-transition: background-color 0.1s ease-in-out; - transition: background-color 0.1s ease-in-out; -} -.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { - left: 2.25em; - margin-left: -2px; -} -.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { - display: block; -} -.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { - left: 0.25em; - margin-left: 0; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { - border: 1px #cccccc solid; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { - border-color: #aaaaaa; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { - background-color: #ffffff; - border-color: #aaaaaa; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { - background-color: #d0d0d0; -} -.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { - background-color: #ffffff; -} -.oo-ui-progressBarWidget { - max-width: 50em; - border: solid 1px #cccccc; - border-radius: 0.1em; - overflow: hidden; -} -.oo-ui-progressBarWidget-bar { - height: 1em; - background: #dddddd; - -webkit-transition: width 200ms, margin-left 200ms; - -moz-transition: width 200ms, margin-left 200ms; - -ms-transition: width 200ms, margin-left 200ms; - -o-transition: width 200ms, margin-left 200ms; - transition: width 200ms, margin-left 200ms; -} -.oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar { - -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - animation: oo-ui-progressBarWidget-slide 2s infinite linear; - width: 40%; - margin-left: -10%; - border-left-width: 1px; -} -.oo-ui-progressBarWidget.oo-ui-widget-disabled { - opacity: 0.6; -} -.oo-ui-actionWidget.oo-ui-pendingElement-pending { - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); -} -.oo-ui-popupWidget { - position: absolute; - /* @noflip */ - left: 0; -} -.oo-ui-popupWidget-popup { - position: relative; - overflow: hidden; - z-index: 1; -} -.oo-ui-popupWidget-anchor { - display: none; - z-index: 1; -} -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { - display: block; - position: absolute; - top: 0; - /* @noflip */ - left: 0; - background-repeat: no-repeat; -} -.oo-ui-popupWidget-head { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.oo-ui-popupWidget-head .oo-ui-buttonWidget { - float: right; -} -.oo-ui-popupWidget-head .oo-ui-labelElement-label { - float: left; - cursor: default; -} -.oo-ui-popupWidget-body { - clear: both; - overflow: hidden; -} -.oo-ui-popupWidget-popup { - border: solid 1px #aaaaaa; - border-radius: 0.2em; - background-color: #ffffff; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); -} -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { - margin-top: 9px; -} -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before, -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - content: ""; - position: absolute; - width: 0; - height: 0; - border-style: solid; - border-color: transparent; - border-top: 0; -} -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before { - bottom: -10px; - left: -9px; - border-bottom-color: #888888; - border-width: 10px; -} -.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after { - bottom: -10px; - left: -8px; - border-bottom-color: #ffffff; - border-width: 9px; -} -.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { - -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; -} -.oo-ui-popupWidget-head { - height: 2.5em; -} -.oo-ui-popupWidget-head .oo-ui-buttonWidget { - margin: 0.25em; -} -.oo-ui-popupWidget-head .oo-ui-labelElement-label { - margin: 0.75em 1em; -} -.oo-ui-popupWidget-body-padded { - padding: 0 1em; -} -.oo-ui-popupButtonWidget { - position: relative; -} -.oo-ui-popupButtonWidget .oo-ui-popupWidget { - position: absolute; - cursor: auto; -} -.oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget { - left: 1em; -} -.oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget { - left: 1.75em; -} -.oo-ui-inputWidget { - margin-right: 0.5em; -} -.oo-ui-inputWidget:last-child { - margin-right: 0; -} -.oo-ui-buttonInputWidget { - display: inline-block; - vertical-align: middle; -} -.oo-ui-checkboxInputWidget { - position: relative; - line-height: 1.6em; - white-space: nowrap; -} -.oo-ui-checkboxInputWidget * { - font: inherit; - vertical-align: middle; -} -.oo-ui-checkboxInputWidget input[type="checkbox"] { - opacity: 0; - position: relative; - z-index: 1; - margin: 0; - width: 1.6em; - height: 1.6em; - max-width: none; -} -.oo-ui-checkboxInputWidget input[type="checkbox"] + span { - cursor: pointer; - margin: 0 0.2em; -} -.oo-ui-checkboxInputWidget input[type="checkbox"] + span::before { - -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - content: ""; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - position: absolute; - left: 0; - border-radius: 2px; - width: 1.6em; - height: 1.6em; - background-color: white; - border: 1px solid #777777; - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg); - background-repeat: no-repeat; - background-position: center center; - background-origin: border-box; - background-size: 0 0; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before { - background-size: 100% 100%; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before { - background-color: #dddddd; - border-color: #dddddd; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span::before { - border-width: 2px; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span::before, -.oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span::before { - border-bottom-width: 3px; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span::before { - cursor: default; - background-color: #eeeeee; - border-color: #eeeeee; -} -.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span::before { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.svg); -} -.oo-ui-dropdownInputWidget { - position: relative; - vertical-align: middle; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - max-width: 50em; -} -.oo-ui-dropdownInputWidget select { - display: inline-block; - width: 100%; - resize: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-dropdownInputWidget select { - height: 2.5em; - padding: 0.5em; - font-size: 1em; - font-family: sans-serif; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: solid 1px #cccccc; -} -.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, -.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { - border-color: #aaaaaa; - outline: none; -} -.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { - color: #cccccc; - border-color: #dddddd; - background-color: #f3f3f3; -} -.oo-ui-radioInputWidget { - position: relative; - line-height: 1.6em; - white-space: nowrap; -} -.oo-ui-radioInputWidget * { - font: inherit; - vertical-align: middle; -} -.oo-ui-radioInputWidget input[type="radio"] { - opacity: 0; - position: relative; - z-index: 1; - margin: 0; - width: 1.6em; - height: 1.6em; - max-width: none; -} -.oo-ui-radioInputWidget input[type="radio"] + span { - cursor: pointer; - margin: 0 0.2em; -} -.oo-ui-radioInputWidget input[type="radio"] + span::before { - -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - content: ""; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - position: absolute; - left: 0; - border-radius: 100%; - width: 1.6em; - height: 1.6em; - background: white; - border: 1px solid #777777; - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.svg); - background-repeat: no-repeat; - background-position: center center; - background-origin: border-box; - background-size: 0 0; -} -.oo-ui-radioInputWidget input[type="radio"]:checked + span::before { - background-size: 100% 100%; -} -.oo-ui-radioInputWidget input[type="radio"]:active + span::before { - background-color: #dddddd; - border-color: #dddddd; -} -.oo-ui-radioInputWidget input[type="radio"]:focus + span::before { - border-width: 2px; -} -.oo-ui-radioInputWidget input[type="radio"]:focus:hover + span::before, -.oo-ui-radioInputWidget input[type="radio"]:hover + span::before { - border-bottom-width: 3px; -} -.oo-ui-radioInputWidget input[type="radio"]:disabled + span::before { - cursor: default; - background-color: #eeeeee; - border-color: #eeeeee; -} -.oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span::before { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.svg); -} -.oo-ui-textInputWidget { - position: relative; - vertical-align: middle; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - max-width: 50em; -} -.oo-ui-textInputWidget input, -.oo-ui-textInputWidget textarea { - display: inline-block; - width: 100%; - resize: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-textInputWidget > .oo-ui-iconElement-icon, -.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator, -.oo-ui-textInputWidget > .oo-ui-labelElement-label { - display: none; -} -.oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon, -.oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator { - display: block; - position: absolute; - top: 0; - height: 100%; - background-repeat: no-repeat; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label { - display: block; -} -.oo-ui-textInputWidget > .oo-ui-iconElement-icon { - left: 0; -} -.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { - right: 0; -} -.oo-ui-textInputWidget > .oo-ui-labelElement-label { - position: absolute; - top: 0; -} -.oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label { - right: 0; -} -.oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label { - left: 0; -} -.oo-ui-textInputWidget input, -.oo-ui-textInputWidget textarea { - padding: 0.5em 0.5em 0.5em 0.9em; - margin: 0; - font-size: 1em; - font-family: sans-serif; - background-color: #ffffff; - color: black; - border: solid 1px #cccccc; - box-shadow: inset 0 0 0 0 #0274ff; - border-radius: 0.1em; - -webkit-transition: box-shadow 0.1s; - -moz-transition: box-shadow 0.1s; - -ms-transition: box-shadow 0.1s; - -o-transition: box-shadow 0.1s; - transition: box-shadow 0.1s; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-textInputWidget-decorated input, -.oo-ui-textInputWidget-decorated textarea { - padding-left: 2em; -} -.oo-ui-textInputWidget-icon { - width: 2em; -} -.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, -.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { - outline: none; - border-color: #aaaaaa; - box-shadow: inset 0.4em 0 0 0 #0274ff; -} -.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], -.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { - color: #777777; - text-shadow: 0 1px 1px #ffffff; -} -.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus, -.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus { - box-shadow: inset 0.4em 0 0 0 #cccccc; -} -.oo-ui-textInputWidget.oo-ui-widget-disabled input, -.oo-ui-textInputWidget.oo-ui-widget-disabled textarea { - color: #cccccc; - text-shadow: 0 1px 1px #ffffff; - border-color: #dddddd; - background-color: #f3f3f3; -} -.oo-ui-textInputWidget.oo-ui-pendingElement-pending input, -.oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { - background-color: transparent; - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); -} -.oo-ui-textInputWidget.oo-ui-iconElement input, -.oo-ui-textInputWidget.oo-ui-iconElement textarea { - padding-left: 2.75em; -} -.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0.4em; - width: 2em; - height: 100%; - background-position: right center; -} -.oo-ui-textInputWidget.oo-ui-indicatorElement input, -.oo-ui-textInputWidget.oo-ui-indicatorElement textarea { - padding-right: 1.9em; -} -.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - width: 1.6em; - height: 100%; - background-position: left center; -} -.oo-ui-textInputWidget > .oo-ui-labelElement-label { - padding: 0.4em; - line-height: 1.5em; - color: #888888; -} -.oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { - margin-right: 2em; -} -.oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label { - margin-left: 2.5em; -} -.oo-ui-menuSelectWidget { - position: absolute; - background: #ffffff; - margin-top: -1px; - border: solid 1px #aaaaaa; - border-radius: 0 0 0.2em 0.2em; - padding-bottom: 0.25em; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); -} -.oo-ui-menuSelectWidget input { - position: absolute; - width: 0; - height: 0; - overflow: hidden; - opacity: 0; -} -.oo-ui-menuOptionWidget { - position: relative; - padding: 0.5em 1em; -} -.oo-ui-menuOptionWidget .oo-ui-iconElement-icon { - display: none; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { - background-color: transparent; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: block; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { - background-color: #999999; - color: #ffffff; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: none; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { - background-color: #eeeeee; - color: black; -} -.oo-ui-menuSectionOptionWidget { - cursor: default; - padding: 0.33em 0.75em; - color: #888888; -} -.oo-ui-dropdownWidget { - display: inline-block; - position: relative; - margin: 0.25em 0; - width: 100%; - max-width: 50em; - margin-right: 0.5em; -} -.oo-ui-dropdownWidget-handle { - width: 100%; - display: inline-block; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, -.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - position: absolute; - background-position: center center; - background-repeat: no-repeat; -} -.oo-ui-dropdownWidget > .oo-ui-menuSelectWidget { - z-index: 1; - width: 100%; -} -.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { - cursor: default; -} -.oo-ui-dropdownWidget:last-child { - margin-right: 0; -} -.oo-ui-dropdownWidget-handle { - height: 2.5em; - border: solid 1px #cccccc; - border-radius: 0.1em; -} -.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { - right: 0; -} -.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - left: 0.25em; -} -.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - line-height: 2.5em; - margin: 0 1em; -} -.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator, -.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - top: 0; - width: 2.5em; - height: 2.5em; -} -.oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle { - border-color: #aaaaaa; -} -.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { - color: #cccccc; - text-shadow: 0 1px 1px #ffffff; - border-color: #dddddd; - background-color: #f3f3f3; -} -.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.2; -} -.oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-left: 3em; -} -.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-right: 2em; -} -.oo-ui-dropdownWidget .oo-ui-selectWidget { - border-top-color: #ffffff; -} -.oo-ui-outlineOptionWidget { - position: relative; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 1.1em; - padding: 0.75em; -} -.oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { - padding-right: 1.5em; -} -.oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - opacity: 0.5; -} -.oo-ui-outlineOptionWidget-level-0 { - padding-left: 3.5em; -} -.oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon { - left: 1em; -} -.oo-ui-outlineOptionWidget-level-1 { - padding-left: 5em; -} -.oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon { - left: 2.5em; -} -.oo-ui-outlineOptionWidget-level-2 { - padding-left: 6.5em; -} -.oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon { - left: 4em; -} -.oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { - background-color: #d0d0d0; - text-shadow: 0 1px 1px #ffffff; -} -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important { - font-weight: bold; -} -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder { - font-style: italic; -} -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { - opacity: 0.5; -} -.oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { - color: #777777; -} -.oo-ui-outlineControlsWidget { - height: 3em; - background-color: #ffffff; -} -.oo-ui-outlineControlsWidget-items, -.oo-ui-outlineControlsWidget-movers { - float: left; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - float: left; - background-position: right center; - background-repeat: no-repeat; -} -.oo-ui-outlineControlsWidget-items { - float: left; -} -.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { - float: left; -} -.oo-ui-outlineControlsWidget-movers { - float: right; -} -.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { - float: right; -} -.oo-ui-outlineControlsWidget-items, -.oo-ui-outlineControlsWidget-movers { - height: 2em; - margin: 0.5em 0.5em 0.5em 0; - padding: 0; -} -.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - width: 1.5em; - height: 2em; - margin: 0.5em 0 0.5em 0.5em; - opacity: 0.2; -} -.oo-ui-comboBoxWidget { - display: inline-block; - position: relative; - width: 100%; - max-width: 50em; - margin-right: 0.5em; -} -.oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget { - z-index: 1; - width: 100%; -} -.oo-ui-comboBoxWidget:last-child { - margin-right: 0; -} -.oo-ui-comboBoxWidget .oo-ui-textInputWidget input, -.oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea { - height: 2.35em; -} -.oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement { - padding-right: 1.9em; -} -.oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - width: 1.9em; - background-position: center center; - border: solid 1px #cccccc; - border-left: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-searchWidget-query { - position: absolute; - top: 0; - left: 0; - right: 0; -} -.oo-ui-searchWidget-query .oo-ui-textInputWidget { - width: 100%; -} -.oo-ui-searchWidget-results { - position: absolute; - bottom: 0; - left: 0; - right: 0; - overflow-x: hidden; - overflow-y: auto; -} -.oo-ui-searchWidget-query { - height: 4em; - padding: 0 1em; - border-bottom: solid 1px #cccccc; -} -.oo-ui-searchWidget-query .oo-ui-textInputWidget { - margin: 0.75em 0; -} -.oo-ui-searchWidget-results { - top: 4em; - padding: 1em; - line-height: 0; -} -.oo-ui-window { - line-height: 1em; -} -.oo-ui-window-frame { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-window-content:focus { - outline: none; -} -.oo-ui-window-head, -.oo-ui-window-foot { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.oo-ui-window-body { - margin: 0; - padding: 0; - background: none; -} -.oo-ui-window-overlay, -.oo-ui-window-inner-overlay { - position: absolute; - top: 0; - /* @noflip */ - left: 0; -} -.oo-ui-window, -.oo-ui-window-isolated { - background: transparent; - font-family: sans-serif; - font-size: 0.8em; -} -.oo-ui-dialog-content > .oo-ui-window-head, -.oo-ui-dialog-content > .oo-ui-window-body, -.oo-ui-dialog-content > .oo-ui-window-foot { - position: absolute; - left: 0; - right: 0; - overflow: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.oo-ui-dialog-content > .oo-ui-window-head { - z-index: 1; - top: 0; -} -.oo-ui-dialog-content > .oo-ui-window-body { - z-index: 2; - top: 0; - bottom: 0; -} -.oo-ui-dialog-content > .oo-ui-window-foot { - z-index: 1; - bottom: 0; -} -.oo-ui-dialog-content > .oo-ui-window-inner-overlay { - z-index: 3; -} -.oo-ui-dialog-content > .oo-ui-window-body { - outline: 1px solid #aaaaaa; -} -.oo-ui-messageDialog-actions-horizontal { - display: table; - table-layout: fixed; - width: 100%; -} -.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - display: table-cell; - width: 1%; -} -.oo-ui-messageDialog-actions-vertical { - display: block; -} -.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - display: block; - overflow: hidden; - text-overflow: ellipsis; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget { - position: relative; - text-align: center; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { - display: block; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { - position: relative; - top: auto; - bottom: auto; - display: inline; - white-space: nowrap; -} -.oo-ui-messageDialog-title, -.oo-ui-messageDialog-message { - display: block; - text-align: center; - padding-top: 0.5em; -} -.oo-ui-messageDialog-title { - font-size: 1.5em; - line-height: 1em; - color: #000000; -} -.oo-ui-messageDialog-message { - font-size: 0.9em; - line-height: 1.25em; - color: #666666; -} -.oo-ui-messageDialog-message-verbose { - font-size: 1.1em; - line-height: 1.5em; - text-align: left; -} -.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - border-right: solid 1px #e5e5e5; -} -.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { - border-right-width: 0; -} -.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - border-bottom: solid 1px #e5e5e5; -} -.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { - border-bottom-width: 0; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget { - height: 3.4em; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label { - text-align: center; - line-height: 3.4em; - padding: 0 2em; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { - background-color: rgba(0, 0, 0, 0.05); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget:active { - background-color: rgba(0, 0, 0, 0.1); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover { - background-color: rgba(8, 126, 204, 0.05); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active { - background-color: rgba(8, 126, 204, 0.1); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { - font-weight: bold; -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { - background-color: rgba(118, 171, 54, 0.05); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { - background-color: rgba(118, 171, 54, 0.1); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); -} -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { - background-color: rgba(212, 83, 83, 0.1); -} -.oo-ui-processDialog-location { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.oo-ui-processDialog-title { - display: inline; - padding: 0; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget, -.oo-ui-processDialog-actions-other .oo-ui-actionWidget { - white-space: nowrap; -} -.oo-ui-processDialog-actions-safe, -.oo-ui-processDialog-actions-primary { - position: absolute; - top: 0; - bottom: 0; -} -.oo-ui-processDialog-actions-safe { - left: 0; -} -.oo-ui-processDialog-actions-primary { - right: 0; -} -.oo-ui-processDialog-errors { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 2; - overflow-x: hidden; - overflow-y: auto; -} -.oo-ui-processDialog-content .oo-ui-window-head { - height: 3.4em; -} -.oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending { - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif); -} -.oo-ui-processDialog-content .oo-ui-window-body { - top: 3.4em; - outline: 1px solid rgba(0, 0, 0, 0.2); -} -.oo-ui-processDialog-navigation { - position: relative; - height: 3.4em; - padding: 0 1em; -} -.oo-ui-processDialog-location { - padding: 0.75em 0; - height: 1.9em; - cursor: default; - text-align: center; -} -.oo-ui-processDialog-title { - font-weight: bold; - line-height: 1.9em; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, -.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { - min-width: 1.9em; - min-height: 1.9em; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, -.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { - line-height: 1.9em; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, -.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - margin-top: -0.125em; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed, -.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed { - margin: 0.75em 0 0.75em 0.75em; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, -.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - padding: 0 1em; - vertical-align: middle; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover { - background-color: rgba(0, 0, 0, 0.05); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active { - background-color: rgba(0, 0, 0, 0.1); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed { - margin: 0.75em; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - /* Adjust for border so text aligns with title */ - margin: -1px; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover { - background-color: rgba(8, 126, 204, 0.05); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active { - background-color: rgba(8, 126, 204, 0.1); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { - font-weight: bold; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { - background-color: rgba(118, 171, 54, 0.05); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { - background-color: rgba(118, 171, 54, 0.1); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { - background-color: rgba(212, 83, 83, 0.1); -} -.oo-ui-processDialog > .oo-ui-window-frame { - min-height: 5em; -} -.oo-ui-processDialog-errors { - background-color: rgba(255, 255, 255, 0.9); - padding: 3em 3em 1.5em 3em; - text-align: center; -} -.oo-ui-processDialog-errors .oo-ui-buttonWidget { - margin: 2em 1em 2em 1em; -} -.oo-ui-processDialog-errors-title { - font-size: 1.5em; - color: #000000; - margin-bottom: 2em; -} -.oo-ui-processDialog-error { - text-align: left; - margin: 1em; - padding: 1em; - border: solid 1px #ff9e9e; - background-color: #fff7f7; - border-radius: 0.25em; -} -.oo-ui-windowManager-modal > .oo-ui-dialog { - position: fixed; - width: 0; - height: 0; - overflow: hidden; -} -.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active { - width: auto; - height: auto; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1em; -} -.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { - position: absolute; - right: 0; - left: 0; - margin: auto; - overflow: hidden; - max-width: 100%; - max-height: 100%; -} -.oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { - width: 100%; - height: 100%; - top: 0; - bottom: 0; -} -.oo-ui-windowManager-modal > .oo-ui-dialog { - background-color: rgba(255, 255, 255, 0.5); - opacity: 0; - -webkit-transition: opacity 250ms ease-in-out; - -moz-transition: opacity 250ms ease-in-out; - -ms-transition: opacity 250ms ease-in-out; - -o-transition: opacity 250ms ease-in-out; - transition: opacity 250ms ease-in-out; -} -.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { - top: 1em; - bottom: 1em; - background-color: #ffffff; - opacity: 0; - -webkit-transform: scale(0.5); - -moz-transform: scale(0.5); - -ms-transform: scale(0.5); - -o-transform: scale(0.5); - transform: scale(0.5); - -webkit-transition: all 250ms ease-in-out; - -moz-transition: all 250ms ease-in-out; - -ms-transition: all 250ms ease-in-out; - -o-transition: all 250ms ease-in-out; - transition: all 250ms ease-in-out; -} -.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { - /* Fade window overlay */ - opacity: 1; -} -.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { - /* Fade frame */ - opacity: 1; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); -} -.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { - border: solid 1px #aaaaaa; - border-radius: 0.2em; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2); -} - -.oo-ui-icon-add { - background-image: /* @embed */ url(themes/mediawiki/images/icons/add.svg); -} -.oo-ui-image-constructive .oo-ui-icon-add, -.oo-ui-image-constructive.oo-ui-icon-add { - background-image: /* @embed */ url(themes/mediawiki/images/icons/add-constructive.svg); -} -.oo-ui-image-invert .oo-ui-icon-add, -.oo-ui-image-invert.oo-ui-icon-add { - background-image: /* @embed */ url(themes/mediawiki/images/icons/add-invert.svg); -} -.oo-ui-icon-advanced { - background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced.svg); -} -.oo-ui-image-invert .oo-ui-icon-advanced, -.oo-ui-image-invert.oo-ui-icon-advanced { - background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced-invert.svg); -} -.oo-ui-icon-alert { - background-image: /* @embed */ url(themes/mediawiki/images/icons/alert.svg); -} -.oo-ui-image-invert .oo-ui-icon-alert, -.oo-ui-image-invert.oo-ui-icon-alert { - background-image: /* @embed */ url(themes/mediawiki/images/icons/alert-invert.svg); -} -.oo-ui-icon-check { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check.svg); -} -.oo-ui-image-constructive .oo-ui-icon-check, -.oo-ui-image-constructive.oo-ui-icon-check { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg); -} -.oo-ui-image-invert .oo-ui-icon-check, -.oo-ui-image-invert.oo-ui-icon-check { - background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.svg); -} -.oo-ui-icon-clear { - background-image: /* @embed */ url(themes/mediawiki/images/icons/clear.svg); -} -.oo-ui-image-invert .oo-ui-icon-clear, -.oo-ui-image-invert.oo-ui-icon-clear { - background-image: /* @embed */ url(themes/mediawiki/images/icons/clear-invert.svg); -} -.oo-ui-icon-close { - background-image: /* @embed */ url(themes/mediawiki/images/icons/close.svg); -} -.oo-ui-image-invert .oo-ui-icon-close, -.oo-ui-image-invert.oo-ui-icon-close { - background-image: /* @embed */ url(themes/mediawiki/images/icons/close-invert.svg); -} -.oo-ui-icon-code { - background-image: /* @embed */ url(themes/mediawiki/images/icons/code.svg); -} -.oo-ui-image-invert .oo-ui-icon-code, -.oo-ui-image-invert.oo-ui-icon-code { - background-image: /* @embed */ url(themes/mediawiki/images/icons/code-invert.svg); -} -.oo-ui-icon-collapse { - background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse.svg); -} -.oo-ui-image-invert .oo-ui-icon-collapse, -.oo-ui-image-invert.oo-ui-icon-collapse { - background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse-invert.svg); -} -.oo-ui-icon-comment { - background-image: /* @embed */ url(themes/mediawiki/images/icons/comment.svg); -} -.oo-ui-image-invert .oo-ui-icon-comment, -.oo-ui-image-invert.oo-ui-icon-comment { - background-image: /* @embed */ url(themes/mediawiki/images/icons/comment-invert.svg); -} -.oo-ui-icon-expand { - background-image: /* @embed */ url(themes/mediawiki/images/icons/expand.svg); -} -.oo-ui-image-invert .oo-ui-icon-expand, -.oo-ui-image-invert.oo-ui-icon-expand { - background-image: /* @embed */ url(themes/mediawiki/images/icons/expand-invert.svg); -} -.oo-ui-icon-help { - background-image: /* @embed */ url(themes/mediawiki/images/icons/help.svg); -} -.oo-ui-image-invert .oo-ui-icon-help, -.oo-ui-image-invert.oo-ui-icon-help { - background-image: /* @embed */ url(themes/mediawiki/images/icons/help-invert.svg); -} -.oo-ui-icon-info { - background-image: /* @embed */ url(themes/mediawiki/images/icons/info.svg); -} -.oo-ui-image-invert .oo-ui-icon-info, -.oo-ui-image-invert.oo-ui-icon-info { - background-image: /* @embed */ url(themes/mediawiki/images/icons/info-invert.svg); -} -.oo-ui-icon-link { - background-image: /* @embed */ url(themes/mediawiki/images/icons/link.svg); -} -.oo-ui-image-invert .oo-ui-icon-link, -.oo-ui-image-invert.oo-ui-icon-link { - background-image: /* @embed */ url(themes/mediawiki/images/icons/link-invert.svg); -} -.oo-ui-icon-lock { - background-image: /* @embed */ url(themes/mediawiki/images/icons/lock.svg); -} -.oo-ui-image-invert .oo-ui-icon-lock, -.oo-ui-image-invert.oo-ui-icon-lock { - background-image: /* @embed */ url(themes/mediawiki/images/icons/lock-invert.svg); -} -.oo-ui-icon-menu { - background-image: /* @embed */ url(themes/mediawiki/images/icons/menu.svg); -} -.oo-ui-image-invert .oo-ui-icon-menu, -.oo-ui-image-invert.oo-ui-icon-menu { - background-image: /* @embed */ url(themes/mediawiki/images/icons/menu-invert.svg); -} -.oo-ui-icon-next { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr.svg); -} -.oo-ui-image-invert .oo-ui-icon-next, -.oo-ui-image-invert.oo-ui-icon-next { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr-invert.svg); -} -.oo-ui-icon-picture { - background-image: /* @embed */ url(themes/mediawiki/images/icons/picture.svg); -} -.oo-ui-image-invert .oo-ui-icon-picture, -.oo-ui-image-invert.oo-ui-icon-picture { - background-image: /* @embed */ url(themes/mediawiki/images/icons/picture-invert.svg); -} -.oo-ui-icon-previous { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl.svg); -} -.oo-ui-image-invert .oo-ui-icon-previous, -.oo-ui-image-invert.oo-ui-icon-previous { - background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl-invert.svg); -} -.oo-ui-icon-circle { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle.svg); -} -.oo-ui-image-constructive .oo-ui-icon-circle, -.oo-ui-image-constructive.oo-ui-icon-circle { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.svg); -} -.oo-ui-image-invert .oo-ui-icon-circle, -.oo-ui-image-invert.oo-ui-icon-circle { - background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.svg); -} -.oo-ui-icon-redo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr.svg); -} -.oo-ui-image-invert .oo-ui-icon-redo, -.oo-ui-image-invert.oo-ui-icon-redo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg); -} -.oo-ui-icon-remove { - background-image: /* @embed */ url(themes/mediawiki/images/icons/remove.svg); -} -.oo-ui-image-destructive .oo-ui-icon-remove, -.oo-ui-image-destructive.oo-ui-icon-remove { - background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-destructive.svg); -} -.oo-ui-image-invert .oo-ui-icon-remove, -.oo-ui-image-invert.oo-ui-icon-remove { - background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-invert.svg); -} -.oo-ui-icon-search { - background-image: /* @embed */ url(themes/mediawiki/images/icons/search.svg); -} -.oo-ui-image-invert .oo-ui-icon-search, -.oo-ui-image-invert.oo-ui-icon-search { - background-image: /* @embed */ url(themes/mediawiki/images/icons/search-invert.svg); -} -.oo-ui-icon-settings { - background-image: /* @embed */ url(themes/mediawiki/images/icons/settings.svg); -} -.oo-ui-image-invert .oo-ui-icon-settings, -.oo-ui-image-invert.oo-ui-icon-settings { - background-image: /* @embed */ url(themes/mediawiki/images/icons/settings-invert.svg); -} -.oo-ui-icon-tag { - background-image: /* @embed */ url(themes/mediawiki/images/icons/tag.svg); -} -.oo-ui-image-invert .oo-ui-icon-tag, -.oo-ui-image-invert.oo-ui-icon-tag { - background-image: /* @embed */ url(themes/mediawiki/images/icons/tag-invert.svg); -} -.oo-ui-icon-undo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl.svg); -} -.oo-ui-image-invert .oo-ui-icon-undo, -.oo-ui-image-invert.oo-ui-icon-undo { - background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg); -} -.oo-ui-icon-window { - background-image: /* @embed */ url(themes/mediawiki/images/icons/window.svg); -} -.oo-ui-image-invert .oo-ui-icon-window, -.oo-ui-image-invert.oo-ui-icon-window { - background-image: /* @embed */ url(themes/mediawiki/images/icons/window-invert.svg); -} -.oo-ui-indicator-alert { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert.svg); -} -.oo-ui-image-invert .oo-ui-indicator-alert, -.oo-ui-image-invert.oo-ui-indicator-alert { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert-invert.svg); -} -.oo-ui-indicator-up { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up.svg); -} -.oo-ui-image-invert .oo-ui-indicator-up, -.oo-ui-image-invert.oo-ui-indicator-up { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up-invert.svg); -} -.oo-ui-indicator-down { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down.svg); -} -.oo-ui-image-invert .oo-ui-indicator-down, -.oo-ui-image-invert.oo-ui-indicator-down { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down-invert.svg); -} -.oo-ui-indicator-next { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr.svg); -} -.oo-ui-image-invert .oo-ui-indicator-next, -.oo-ui-image-invert.oo-ui-indicator-next { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr-invert.svg); -} -.oo-ui-indicator-previous { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl.svg); -} -.oo-ui-image-invert .oo-ui-indicator-previous, -.oo-ui-image-invert.oo-ui-indicator-previous { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl-invert.svg); -} -.oo-ui-indicator-required { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/required.svg); -} -.oo-ui-image-invert .oo-ui-indicator-required, -.oo-ui-image-invert.oo-ui-indicator-required { - background-image: /* @embed */ url(themes/mediawiki/images/indicators/required-invert.svg); -} -.oo-ui-texture-pending { - background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.svg); -} -.oo-ui-texture-transparency { - background-image: /* @embed */ url(themes/mediawiki/images/textures/transparency.svg); -}