From 7b19a2ad26b8a7f779fee8f33796e18751752c0f Mon Sep 17 00:00:00 2001 From: Brian Evans Date: Fri, 9 Oct 2020 15:43:53 -0400 Subject: Customize OOUI Signed-off-by: Brian Evans --- ooui/TyrianTheme.php | 6 + ooui/icons-accessibility.json | 36 + ooui/icons-alerts.json | 45 + ooui/icons-content.json | 106 +++ ooui/icons-editing-advanced.json | 168 ++++ ooui/icons-editing-citation.json | 39 + ooui/icons-editing-core.json | 45 + ooui/icons-editing-list.json | 30 + ooui/icons-editing-styling.json | 96 ++ ooui/icons-interactions.json | 120 +++ ooui/icons-layout.json | 36 + ooui/icons-location.json | 24 + ooui/icons-media.json | 75 ++ ooui/icons-moderation.json | 63 ++ ooui/icons-movement.json | 72 ++ ooui/icons-user.json | 33 + ooui/icons-wikimedia.json | 24 + ooui/images/bell.svg | 4 + ooui/images/tray.svg | 4 + ooui/indicators.json | 18 + ooui/oojs-ui-core-tyrian.css | 1812 ++++++++++++++++++++++++++++++++++++++ ooui/oojs-ui-images-tyrian.css | 978 ++++++++++++++++++++ ooui/oojs-ui-toolbars-tyrian.css | 544 ++++++++++++ ooui/oojs-ui-tyrian.js | 45 + ooui/oojs-ui-widgets-tyrian.css | 932 ++++++++++++++++++++ ooui/oojs-ui-windows-tyrian.css | 422 +++++++++ skin.json | 13 +- 27 files changed, 5789 insertions(+), 1 deletion(-) create mode 100644 ooui/TyrianTheme.php create mode 100644 ooui/icons-accessibility.json create mode 100644 ooui/icons-alerts.json create mode 100644 ooui/icons-content.json create mode 100644 ooui/icons-editing-advanced.json create mode 100644 ooui/icons-editing-citation.json create mode 100644 ooui/icons-editing-core.json create mode 100644 ooui/icons-editing-list.json create mode 100644 ooui/icons-editing-styling.json create mode 100644 ooui/icons-interactions.json create mode 100644 ooui/icons-layout.json create mode 100644 ooui/icons-location.json create mode 100644 ooui/icons-media.json create mode 100644 ooui/icons-moderation.json create mode 100644 ooui/icons-movement.json create mode 100644 ooui/icons-user.json create mode 100644 ooui/icons-wikimedia.json create mode 100644 ooui/images/bell.svg create mode 100644 ooui/images/tray.svg create mode 100644 ooui/indicators.json create mode 100644 ooui/oojs-ui-core-tyrian.css create mode 100644 ooui/oojs-ui-images-tyrian.css create mode 100644 ooui/oojs-ui-toolbars-tyrian.css create mode 100644 ooui/oojs-ui-tyrian.js create mode 100644 ooui/oojs-ui-widgets-tyrian.css create mode 100644 ooui/oojs-ui-windows-tyrian.css diff --git a/ooui/TyrianTheme.php b/ooui/TyrianTheme.php new file mode 100644 index 0000000..36cb034 --- /dev/null +++ b/ooui/TyrianTheme.php @@ -0,0 +1,6 @@ + + + + diff --git a/ooui/images/tray.svg b/ooui/images/tray.svg new file mode 100644 index 0000000..b9f84fc --- /dev/null +++ b/ooui/images/tray.svg @@ -0,0 +1,4 @@ + + + + diff --git a/ooui/indicators.json b/ooui/indicators.json new file mode 100644 index 0000000..08af390 --- /dev/null +++ b/ooui/indicators.json @@ -0,0 +1,18 @@ +{ + "prefix": "oo-ui-indicator", + "intro": "@import '../../../../src/styles/common.less';", + "images": { + "clear": { + "file": "../wikimediaui/images/indicators/clear.svg" + }, + "up": { + "file": "../wikimediaui/images/indicators/up.svg" + }, + "down": { + "file": "../wikimediaui/images/indicators/down.svg" + }, + "required": { + "file": "../wikimediaui/images/indicators/required.svg" + } + } +} diff --git a/ooui/oojs-ui-core-tyrian.css b/ooui/oojs-ui-core-tyrian.css new file mode 100644 index 0000000..19fbfad --- /dev/null +++ b/ooui/oojs-ui-core-tyrian.css @@ -0,0 +1,1812 @@ +/*! + * OOUI v0.40.4 + * https://www.mediawiki.org/wiki/OOUI + * + * Copyright 2011–2020 OOUI Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2020-10-09T19:34:00Z + */ +.oo-ui-element-hidden { + display: none !important; +} + +.oo-ui-buttonElement { + display: inline-block; + line-height: normal; + vertical-align: middle; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + cursor: pointer; + display: inline-block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: middle; + font-family: inherit; + font-size: 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::-moz-focus-inner { + border-color: transparent; + padding: 0; +} +.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + cursor: default; +} +.oo-ui-buttonElement-frameless { + position: relative; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + vertical-align: top; + text-align: center; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button { + color: #333; + position: relative; + border-radius: 3px; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { + outline: 0; +} +.oo-ui-buttonElement > input.oo-ui-buttonElement-button, +.oo-ui-buttonElement.oo-ui-labelElement .oo-ui-labelElement-label { + line-height: 1.875em; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: middle; +} +.oo-ui-buttonElement.oo-ui-iconElement .oo-ui-indicatorElement-indicator { + margin-left: 0.46875em; +} +.oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + margin: 0.46875em; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + -webkit-transition: opacity 250ms; + -moz-transition: opacity 250ms; + transition: opacity 250ms; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #333; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon, +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { + color: #000; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover { + background-color: rgba(0, 0, 0, 0.01960784); + color: #000; +} +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:active { + background-color: rgba(0, 0, 0, 0.13333333); + color: #000; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child, +.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child { + margin-left: -0.3125em; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button { + padding: 0.3125em 0.3125em; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { + padding: 0.3125em 0.3125em; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #333; + margin-left: 0.25em; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-noIcon + .oo-ui-labelElement-label { + margin-left: 0; +} +.oo-ui-buttonElement-frameless.oo-ui-indicatorElement > .oo-ui-buttonElement-button { + padding: 0; +} +.oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button { + padding-left: 0.25em; + color: #333; +} +.oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus { + color: #000; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus { + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus:active, +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus:active { + border-color: transparent; + box-shadow: none; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button { + border-radius: 3px; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus { + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus:active { + box-shadow: none; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #087ecc; +} +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #d45353; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #ccc; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + background-color: #ebebeb; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fafafa), color-stop(100%, #ddd)); + background-image: -webkit-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: -moz-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: linear-gradient(to bottom, #fafafa 0, #ddd 100%); + border: 1px solid #ccc; + padding: 0.234375em 0.78125em; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); + -webkit-transition: border-color 100ms; + -moz-transition: border-color 100ms; + transition: border-color 100ms; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover { + border-color: #aaa; +} +.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; +} +.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-widget-enabled > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #ebebeb; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fafafa)); + background-image: -webkit-linear-gradient(top, #ddd 0, #fafafa 100%); + background-image: -moz-linear-gradient(top, #ddd 0, #fafafa 100%); + background-image: linear-gradient(to bottom, #ddd 0, #fafafa 100%); + color: #000; + border-color: #ccc; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); +} +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus, +.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus { + border-color: #ace; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07), 0 0 2px 2px #ace; +} +.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + margin-left: -0.34375em; + margin-right: -0.34375em; + display: inline-block; + vertical-align: middle; +} +.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 { + 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-flaggedElement-progressive > .oo-ui-buttonElement-button { + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee)); + background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); + border: 1px solid #a6cee1; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { + border-color: #9dc2d4; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); + border: 1px solid #a6cee1; +} +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { + color: #d45353; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { + opacity: 0.5; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: none; + color: #333; + background: #eee; + border-color: #ccc; +} +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus { + border-color: #ccc; + box-shadow: none; +} +.oo-ui-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-active > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { + background-color: #ebebeb; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fafafa)); + background-image: -webkit-linear-gradient(top, #ddd 0, #fafafa 100%); + background-image: -moz-linear-gradient(top, #ddd 0, #fafafa 100%); + background-image: linear-gradient(to bottom, #ddd 0, #fafafa 100%); + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); +} + +.oo-ui-clippableElement-clippable { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + min-height: 40px; + -webkit-overflow-scrolling: touch; +} + +.oo-ui-floatableElement { + position: absolute; +} + + + +.oo-ui-labelElement .oo-ui-labelElement-label, +.oo-ui-labelElement.oo-ui-labelElement-label { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-labelElement-invisible { + display: block; + position: absolute; + clip: rect(1px, 1px, 1px, 1px); + width: 1px; + height: 1px; + margin: -1px; + border: 0; + padding: 0; + overflow: hidden; +} +.oo-ui-labelElement .oo-ui-labelElement-label-highlight { + font-weight: bold; +} + +.oo-ui-iconElement-icon { + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + position: absolute; + top: 0; + min-width: 20px; + width: 1.875em; + min-height: 20px; + height: 100%; +} +.oo-ui-iconElement-noIcon { + display: none; +} +.oo-ui-iconElement-icon { + position: static; + top: auto; + width: 1.5625em; + height: 1.5625em; + margin: 0.15625em; + opacity: 0.8; +} + +.oo-ui-indicatorElement-indicator { + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + position: absolute; + top: 0; + min-width: 12px; + width: 0.9375em; + min-height: 12px; + height: 100%; +} +.oo-ui-indicatorElement-noIndicator { + display: none; +} +.oo-ui-indicatorElement-indicator { + position: static; + top: auto; + height: 0.9375em; + opacity: 0.8; +} + +.oo-ui-pendingElement-pending { + background-color: #ddd; + background-image: -webkit-linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent); + background-image: linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent); + background-size: 1.5625em 1.5625em; + -webkit-animation: oo-ui-pendingElement-stripes 650ms linear infinite; + -moz-animation: oo-ui-pendingElement-stripes 650ms linear infinite; + animation: oo-ui-pendingElement-stripes 650ms linear infinite; +} +@-webkit-keyframes oo-ui-pendingElement-stripes { + 0% { + background-position: -1.5625em 0; + } + 100% { + background-position: 0 0; + } +} +@-moz-keyframes oo-ui-pendingElement-stripes { + 0% { + background-position: -1.5625em 0; + } + 100% { + background-position: 0 0; + } +} +@keyframes oo-ui-pendingElement-stripes { + 0% { + background-position: -1.5625em 0; + } + 100% { + background-position: 0 0; + } +} + + + + + +.oo-ui-fieldLayout { + display: block; + margin-top: 0.75em; +} +.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:after, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body:after { + content: ' '; + display: block; + clear: both; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help, +.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-fieldLayout-header { + text-align: right; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline { + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { + display: table; + width: 100%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + display: table-cell; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { + vertical-align: middle; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + width: 1px; + vertical-align: top; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + display: block; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help { + float: right; +} +.oo-ui-fieldLayout .oo-ui-fieldLayout-help:not( .oo-ui-popupButtonWidget ) > .oo-ui-buttonElement-button { + cursor: help; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help { + margin-right: 0; + margin-left: -2.5em; +} +.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-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { + margin-right: 5%; + width: 35%; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { + display: block; + padding-top: 0.5em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline { + margin-top: 1em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { + max-width: 50em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { + padding-left: 0.5em; +} +.oo-ui-fieldLayout:first-child { + margin-top: 0; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { + max-width: 50em; + margin-bottom: 0.25em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-inline-help { + margin-top: 0.25em; +} +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top .oo-ui-fieldLayout-help, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help { + margin-top: -0.3em; + margin-right: -0.625em; +} +.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-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { + color: #ccc; +} +.oo-ui-fieldLayout-messages { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 50em; + margin: 0.25em 0 0 0.25em; + padding: 0; +} +.oo-ui-fieldLayout-messages > .oo-ui-messageWidget { + margin-left: 0.15625em; + margin-right: 0.15625em; +} +.oo-ui-fieldLayout-messages > .oo-ui-messageWidget:first-child { + margin-top: 0.3125em; +} + +.oo-ui-actionFieldLayout-input, +.oo-ui-actionFieldLayout-button { + display: table-cell; + vertical-align: middle; +} +.oo-ui-actionFieldLayout-button { + width: 1%; + white-space: nowrap; +} +.oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top { + max-width: 50em; +} +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input .oo-ui-widget:not( .oo-ui-textInputWidget ) { + margin-right: 1em; +} +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input { + border-radius: 3px 0 0 3px; + position: relative; +} +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { + border-radius: 0 3px 3px 0; + margin-left: -1px; +} +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:hover, +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:focus, +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget.oo-ui-flaggedElement-invalid > .oo-ui-inputWidget-input, +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:hover ~ *, +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input:focus ~ *, +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget.oo-ui-flaggedElement-invalid > .oo-ui-inputWidget-input ~ * { + z-index: 1; +} +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button > .oo-ui-buttonElement > .oo-ui-buttonElement-button:hover, +.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button > .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { + z-index: 1; +} + +.oo-ui-fieldsetLayout { + position: relative; + min-width: 0; + margin: 0; + border: 0; + padding: 0.01px 0 0 0; +} +body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { + display: table-cell; +} +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header { + display: none; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header, +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header { + color: inherit; + display: inline-table; + box-sizing: border-box; + padding: 0; + white-space: normal; + float: left; + width: 100%; +} +.oo-ui-fieldsetLayout > .oo-ui-inline-help { + clear: left; +} +.oo-ui-fieldsetLayout-group { + clear: both; +} +.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help { + float: right; +} +.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help:not( .oo-ui-popupButtonWidget ) > .oo-ui-buttonElement-button { + cursor: help; +} +.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header { + max-width: 50em; +} +.oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout, +.oo-ui-fieldsetLayout + .oo-ui-formLayout { + margin-top: 2em; +} +.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { + display: inline-block; + font-size: 1.15em; + margin-bottom: 0.5em; + padding: 0.25em 0; + font-weight: bold; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { + padding-left: 2em; + line-height: 1.8em; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon { + display: block; + position: absolute; + top: 0.25em; + left: 0; +} +.oo-ui-fieldsetLayout > .oo-ui-inline-help { + margin-bottom: 0.5em; +} +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget { + margin-right: 0; +} +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .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-panelLayout { + position: relative; +} +.oo-ui-panelLayout-scrollable { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.oo-ui-panelLayout-expanded { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-panelLayout-padded { + padding: 1em 1em 1.25em; +} +.oo-ui-panelLayout-framed { + border: 1px solid #ccc; + border-radius: 3px; +} +.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed { + margin: 1em 0; +} + +.oo-ui-horizontalLayout > .oo-ui-widget { + display: inline-block; + vertical-align: middle; +} +.oo-ui-horizontalLayout > .oo-ui-layout { + display: inline-block; +} +.oo-ui-horizontalLayout > .oo-ui-layout, +.oo-ui-horizontalLayout > .oo-ui-widget { + margin-right: 0.5em; +} +.oo-ui-horizontalLayout > .oo-ui-layout:last-child, +.oo-ui-horizontalLayout > .oo-ui-widget:last-child { + margin-right: 0; +} +.oo-ui-horizontalLayout > .oo-ui-layout { + margin-top: 0; +} +.oo-ui-horizontalLayout > .oo-ui-widget { + margin-bottom: 0.5em; +} + + + +.oo-ui-optionWidget { + position: relative; + display: block; + border: 0; +} +.oo-ui-optionWidget.oo-ui-widget-enabled { + cursor: pointer; +} +.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: #e1f3ff; +} +.oo-ui-optionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-selectWidget-unpressed .oo-ui-optionWidget-selected { + background-color: #a7dcff; +} +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed, +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted, +.oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { + background-color: #a7dcff; +} +.oo-ui-optionWidget.oo-ui-widget-disabled { + color: #ccc; +} + +.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; + top: 0; + height: 100%; +} +.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { + left: 0.5em; + margin: 0; +} +.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { + 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-radioOptionWidget { + display: table; + padding: 0.3125em 0; +} +.oo-ui-radioOptionWidget .oo-ui-radioInputWidget, +.oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { + display: table-cell; + vertical-align: top; +} +.oo-ui-radioOptionWidget .oo-ui-radioInputWidget { + width: 1px; +} +.oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { + white-space: normal; +} +.oo-ui-radioOptionWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { + padding-left: 0.5em; +} +.oo-ui-radioOptionWidget .oo-ui-radioInputWidget { + margin-right: 0; +} + +.oo-ui-labelWidget { + display: inline-block; +} +.oo-ui-labelWidget.oo-ui-inline-help { + display: block; + color: #595959; + font-size: 0.9375em; +} + +.oo-ui-messageWidget { + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + font-weight: bold; +} +.oo-ui-messageWidget > .oo-ui-labelElement-label { + display: block; +} +.oo-ui-messageWidget > .oo-ui-iconElement-icon { + display: block; + float: left; + margin: 0; +} +.oo-ui-messageWidget > .oo-ui-labelElement-label { + margin-top: 0.15625em; + margin-left: 2.5em; + line-height: 1.4; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block { + border: 1px solid; + padding: 1.25em 1.875em; + font-weight: normal; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { + background-color: #ffdcdc; + border-color: #d45353; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { + background-color: #fff8c6; + border-color: #b85c00; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { + background-color: #d5fdd6; + border-color: #34782b; +} +.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { + background-color: #fafafa; + border-color: #ccc; +} +.oo-ui-messageWidget.oo-ui-flaggedElement-error:not( .oo-ui-messageWidget-block ) { + color: #d45353; +} +.oo-ui-messageWidget.oo-ui-flaggedElement-success:not( .oo-ui-messageWidget-block ) { + color: #34782b; +} +.oo-ui-messageWidget + .oo-ui-messageWidget { + margin-top: 0.625em; +} + +.oo-ui-iconWidget { + vertical-align: middle; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + clip: auto; + margin: 0; + text-indent: -9999px; + line-height: 2.5em; + display: inline-block; + position: static; + top: auto; + height: 1.5625em; + margin: 0.15625em; +} +.oo-ui-iconWidget.oo-ui-widget-disabled { + opacity: 0.2; +} + +.oo-ui-indicatorWidget { + vertical-align: middle; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + clip: auto; + margin: 0; + text-indent: -9999px; + line-height: 2.5em; + margin: 0.46875em; + display: inline-block; + position: static; + top: auto; + height: 1.875em; +} +.oo-ui-indicatorWidget.oo-ui-widget-disabled { + opacity: 0.2; +} + +.oo-ui-buttonWidget { + margin-right: 0.5em; +} +.oo-ui-buttonWidget:last-child { + margin-right: 0; +} + +.oo-ui-buttonGroupWidget { + display: inline-block; + border-radius: 3px; + margin-right: 0.5em; + z-index: 0; + position: relative; + padding-bottom: 1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button { + cursor: default; +} +.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-right: -1px; + margin-bottom: -1px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { + margin-right: 0; + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { + z-index: 1; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { + z-index: 2; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + z-index: 3; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + z-index: -1; +} +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button, +.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active { + z-index: 3; +} + +.oo-ui-popupWidget { + position: absolute; + z-index: 1; +} +.oo-ui-popupWidget-popup { + position: relative; + overflow: hidden; + word-wrap: break-word; + overflow-wrap: break-word; +} +.oo-ui-popupWidget-anchor { + display: none; +} +.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { + display: block; + position: absolute; + background-repeat: no-repeat; +} +.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; +} +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor { + left: 0; +} +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { + border-top: 0; +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { + left: 0; +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { + border-bottom: 0; +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor { + top: 0; +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after { + border-left: 0; +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor { + top: 0; +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before, +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after { + border-right: 0; +} +.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 { + position: absolute; +} +.oo-ui-popupWidget-head > .oo-ui-iconElement-icon { + float: left; +} +.oo-ui-popupWidget-head > .oo-ui-labelElement-label { + float: left; + cursor: default; +} +.oo-ui-popupWidget-body { + clear: both; +} +.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable { + min-height: 1em; +} +.oo-ui-popupWidget-popup { + background-color: #fff; + border: 1px solid #ccc; + border-radius: 3px; + box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); +} +@supports ( filter: drop-shadow( 0 0 0 ) ) { + .oo-ui-popupWidget { + filter: drop-shadow(0 0.15em 0.5em rgba(0, 0, 0, 0.2)); + } + .oo-ui-popupWidget-popup { + box-shadow: none; + } +} +.oo-ui-popupWidget-anchored-top { + margin-top: 6px; +} +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor { + top: -6px; +} +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { + bottom: -7px; + left: -6px; + border-bottom-color: #a8a8a8; + border-width: 7px; +} +.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { + bottom: -7px; + left: -5px; + border-bottom-color: #fff; + border-width: 6px; +} +.oo-ui-popupWidget-anchored-bottom { + margin-bottom: 6px; +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { + bottom: -6px; +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { + top: -7px; + left: -6px; + border-top-color: #aaa; + border-width: 7px; +} +.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { + top: -7px; + left: -5px; + border-top-color: #fff; + border-width: 6px; +} +.oo-ui-popupWidget-anchored-start { + margin-left: 6px; +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor { + left: -6px; +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before { + right: -7px; + top: -6px; + border-right-color: #aaa; + border-width: 7px; +} +.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after { + right: -7px; + top: -5px; + border-right-color: #fff; + border-width: 6px; +} +.oo-ui-popupWidget-anchored-end { + margin-right: 6px; +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor { + right: -6px; +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before { + left: -7px; + top: -6px; + border-left-color: #aaa; + border-width: 7px; +} +.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after { + left: -7px; + top: -5px; + border-left-color: #fff; + border-width: 6px; +} +.oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { + -webkit-transition: width 100ms, height 100ms, left 100ms; + -moz-transition: width 100ms, height 100ms, left 100ms; + transition: width 100ms, height 100ms, left 100ms; +} +.oo-ui-popupWidget-head { + height: 2.5em; +} +.oo-ui-popupWidget-head > .oo-ui-buttonWidget { + top: 0.25em; + right: 0.25em; +} +.oo-ui-popupWidget-head > .oo-ui-buttonWidget .oo-ui-icon-close { + background-size: 1.25em 1.25em; +} +.oo-ui-popupWidget-head > .oo-ui-labelElement-label { + margin: 0.75em 2.125em 0.75em 0.25em; +} +.oo-ui-popupWidget-head > .oo-ui-iconElement-icon { + height: 100%; + margin-left: 0.75em; +} +.oo-ui-popupWidget-body { + line-height: 1.4; +} +.oo-ui-popupWidget-body-padded { + margin: 0.75em 1em; +} + +.oo-ui-popupButtonWidget { + position: relative; +} +.oo-ui-popupButtonWidget .oo-ui-popupWidget { + cursor: auto; +} + +.oo-ui-inputWidget { + margin-right: 0.5em; +} +.oo-ui-inputWidget:last-child { + margin-right: 0; +} + +.oo-ui-buttonInputWidget > button, +.oo-ui-buttonInputWidget > input { + background-color: transparent; + margin: 0; + border: 0; + padding: 0; +} + +.oo-ui-checkboxInputWidget { + display: inline-block; +} +.oo-ui-checkboxInputWidget-checkIcon { + display: none; +} + +.oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout { + margin-top: 0; +} +.oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body { + padding: 0.3125em 0; +} +.oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-labelElement-label { + line-height: 1.5; +} + +.oo-ui-dropdownInputWidget { + position: relative; + vertical-align: middle; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + max-width: 50em; +} +.oo-ui-dropdownInputWidget .oo-ui-dropdownWidget, +.oo-ui-dropdownInputWidget.oo-ui-dropdownInputWidget-php select, +.oo-ui-dropdownInputWidget.oo-ui-isMobile select { + display: block; +} +.oo-ui-dropdownInputWidget.oo-ui-isMobile .oo-ui-dropdownWidget { + display: none; +} +.oo-ui-dropdownInputWidget select { + display: none; + background-position: -9999em 0; + background-repeat: no-repeat; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { + cursor: pointer; +} +.oo-ui-dropdownInputWidget select { + background-color: #fff; + height: 2.5em; + padding: 0.5em; + font-size: inherit; + font-family: inherit; + border: 1px solid #ccc; + border-radius: 3px; +} +.oo-ui-dropdownInputWidget option { + font-size: inherit; + font-family: inherit; + height: 1.5em; + padding: 0.5em 1em; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { + border-color: #aaa; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { + border-color: #ace; + outline: 0; + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { + color: #ccc; + border-color: #ddd; + background-color: #f3f3f3; +} + +.oo-ui-radioInputWidget { + display: inline-block; +} + +.oo-ui-radioSelectInputWidget .oo-ui-fieldLayout { + margin-top: 0; +} +.oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body { + padding: 0.3125em 0; +} +.oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-labelElement-label { + line-height: 1.5; +} + +.oo-ui-textInputWidget { + position: relative; + vertical-align: middle; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + max-width: 50em; +} +.oo-ui-textInputWidget .oo-ui-inputWidget-input { + -webkit-appearance: none; + -moz-appearance: textfield; + display: block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-textInputWidget input::-ms-clear { + display: none; +} +.oo-ui-textInputWidget textarea { + overflow: auto; +} +.oo-ui-textInputWidget textarea.oo-ui-textInputWidget-autosized { + resize: none; +} +.oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button, +.oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} +.oo-ui-textInputWidget [type='search']::-webkit-search-decoration, +.oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button { + display: none; +} +.oo-ui-textInputWidget > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label { + left: 0; +} +.oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator, +.oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label { + right: 0; +} +.oo-ui-textInputWidget > .oo-ui-labelElement-label { + position: absolute; + top: 0; +} +.oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label { + display: block; +} +.oo-ui-textInputWidget-labelPosition-after.oo-ui-labelElement ::-ms-clear { + display: none; +} +.oo-ui-textInputWidget-php > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget-php > .oo-ui-indicatorElement-indicator, +.oo-ui-textInputWidget-php > .oo-ui-labelElement-label { + pointer-events: none; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator { + cursor: text; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator { + cursor: pointer; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled > * { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-textInputWidget .oo-ui-inputWidget-input { + background-color: #fff; + color: #000; + border: 1px solid #ccc; + border-radius: 3px; + padding: 0.46875em 0.5em; + box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd; + font-size: inherit; + font-family: inherit; + line-height: 1.40625em; + -webkit-transition: border-color 250ms, box-shadow 250ms; + -moz-transition: border-color 250ms, box-shadow 250ms; + transition: border-color 250ms, box-shadow 250ms; +} +.oo-ui-textInputWidget .oo-ui-pendingElement-pending { + background-color: #ddd; +} +.oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator { + position: absolute; + top: 0; + height: 100%; + margin: 0 0.15625em; +} +.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-inputWidget-input { + padding-left: 2.475em; +} +.oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon { + max-height: 2.5em; + margin-left: 0.5em; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-inputWidget-input { + padding-right: 2.4875em; +} +.oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator { + max-height: 2.5em; + margin-right: 0.775em; +} +.oo-ui-textInputWidget > .oo-ui-labelElement-label { + color: #767676; + top: 1px; + padding: 0.46875em 0.4em; + line-height: 1.40625em; +} +.oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { + margin-right: 2.0875em; +} +.oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label { + margin-left: 2.075em; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-moz-placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { + outline: 0; + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not( .oo-ui-pendingElement-pending ) { + background-color: #f3f3f3; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { + background-color: #fdd; +} +.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { + background-color: #f3f3f3; + color: #ccc; + border-color: #ddd; + text-shadow: 0 1px 1px #fff; +} +.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: #ddd; + text-shadow: 0 1px 1px #fff; +} + +.oo-ui-menuSelectWidget { + position: absolute; + width: 100%; + z-index: 4; + background-color: #fff; + margin-top: -1px; + margin-bottom: -1px; + border: 1px solid #ccc; + border-radius: 0 0 3px 3px; + box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2); +} +.oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable { + min-height: 32px; +} +.oo-ui-menuSelectWidget-invisible { + display: none; +} + +.oo-ui-menuOptionWidget .oo-ui-menuOptionWidget-checkIcon { + display: none; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget > .oo-ui-indicatorElement-indicator { + display: none; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { + background-color: transparent; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected > .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-menuOptionWidget-checkIcon { + display: block; +} +.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, +.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { + background-color: #e1f3ff; +} +.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { + color: #333; +} + +.oo-ui-menuSectionOptionWidget { + padding: 0.33em 0.75em; + color: #767676; +} +.oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled { + cursor: default; +} + +.oo-ui-dropdownWidget { + display: inline-block; + position: relative; + vertical-align: middle; + width: 100%; + max-width: 50em; + margin-right: 0.5em; +} +.oo-ui-dropdownWidget-handle { + position: relative; + width: 100%; + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + cursor: default; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { + cursor: pointer; +} +.oo-ui-dropdownWidget:last-child { + margin-right: 0; +} +.oo-ui-dropdownWidget-handle { + min-height: 2.5em; + border: 1px solid #ccc; + border-radius: 3px; + padding: 0.46875em 2.5em 0.46875em 0.78125em; + line-height: 1; +} +.oo-ui-dropdownWidget-handle:focus { + outline: 0; +} +.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { + position: absolute; + top: 0; + height: 100%; + margin: 0; +} +.oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { + left: 0.55em; +} +.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { + line-height: 1.40625em; +} +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { + right: 0.775em; +} +.oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle { + padding-left: 3em; +} +.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { + background-color: #fff; +} +.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { + border-color: #aaa; +} +.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { + background-color: #f3f3f3; + color: #ccc; + border-color: #ddd; + text-shadow: 0 1px 1px #fff; +} +.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} + +.oo-ui-comboBoxInputWidget { + display: inline-block; + position: relative; + width: 100%; + max-width: 50em; + margin-right: 0.5em; +} +.oo-ui-comboBoxInputWidget-field { + display: table; + width: 100%; + table-layout: fixed; +} +.oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input { + display: table-cell; + vertical-align: middle; + position: relative; + overflow: hidden; +} +.oo-ui-comboBoxInputWidget-dropdownButton { + display: table-cell; +} +.oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button { + display: block; + overflow: hidden; +} +.oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton { + display: none; +} +.oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator { + opacity: 0; + position: absolute; + right: 0; + top: 0; + width: 2.5em; + height: 2.5em; + padding: 0; +} +.oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorWidget { + display: block; + position: absolute; + top: 0; + height: 100%; + pointer-events: none; +} +.oo-ui-comboBoxInputWidget:last-child { + margin-right: 0; +} +.oo-ui-comboBoxInputWidget-dropdownButton { + position: absolute; + top: 0; + right: 0; +} +.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button, +.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button:hover:not( :focus ), +.oo-ui-buttonElement-pressed.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button, +.oo-ui-buttonElement-pressed.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button:focus:active { + border-color: transparent; + background: none; + box-shadow: none; +} +.oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget { + right: 0; + max-height: 2.5em; + margin: 0; + margin-right: 0.775em; +} +.oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { + cursor: default; + opacity: 0.2; +} + + +.oo-ui-multioptionWidget { + position: relative; + display: block; +} +.oo-ui-multioptionWidget.oo-ui-widget-enabled { + cursor: pointer; +} +.oo-ui-multioptionWidget.oo-ui-widget-disabled { + cursor: default; +} +.oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-multioptionWidget .oo-ui-labelElement-label { + line-height: 1.5em; +} +.oo-ui-multioptionWidget.oo-ui-widget-disabled { + color: #ccc; +} + + +.oo-ui-checkboxMultioptionWidget { + display: table; + padding: 0.3125em 0; +} +.oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget, +.oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { + display: table-cell; + vertical-align: top; +} +.oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget { + width: 1px; +} +.oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { + white-space: normal; +} +.oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { + padding-left: 0.5em; +} +.oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget { + margin-right: 0; +} + +.oo-ui-progressBarWidget { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 50em; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 3px; + overflow: hidden; +} +.oo-ui-progressBarWidget-bar { + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee)); + background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); + height: 1em; + border-right: 1px solid #ccc; + -webkit-transition: width 250ms; + -moz-transition: width 250ms; + transition: width 250ms; +} +.oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar { + width: 40%; + border-left: 1px solid #ccc; + -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -webkit-transform: translate(-25%); + -moz-transform: translate(-25%); + -ms-transform: translate(-25%); + transform: translate(-25%); +} +.oo-ui-progressBarWidget.oo-ui-widget-disabled { + opacity: 0.6; +} +@-webkit-keyframes oo-ui-progressBarWidget-slide { + from { + -webkit-transform: translate(-100%); + -moz-transform: translate(-100%); + -ms-transform: translate(-100%); + transform: translate(-100%); + } + to { + -webkit-transform: translate(350%); + -moz-transform: translate(350%); + -ms-transform: translate(350%); + transform: translate(350%); + } +} +@-moz-keyframes oo-ui-progressBarWidget-slide { + from { + -webkit-transform: translate(-100%); + -moz-transform: translate(-100%); + -ms-transform: translate(-100%); + transform: translate(-100%); + } + to { + -webkit-transform: translate(350%); + -moz-transform: translate(350%); + -ms-transform: translate(350%); + transform: translate(350%); + } +} +@keyframes oo-ui-progressBarWidget-slide { + from { + -webkit-transform: translate(-100%); + -moz-transform: translate(-100%); + -ms-transform: translate(-100%); + transform: translate(-100%); + } + to { + -webkit-transform: translate(350%); + -moz-transform: translate(350%); + -ms-transform: translate(350%); + transform: translate(350%); + } +} + +.oo-ui-numberInputWidget { + display: inline-block; + position: relative; + max-width: 50em; +} +.oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget, +.oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input { + display: table-cell; + height: 100%; +} +.oo-ui-numberInputWidget-field { + display: table; + table-layout: fixed; + width: 100%; +} +.oo-ui-numberInputWidget-field > .oo-ui-buttonWidget { + width: 2.5em; +} +.oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget, +.oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input { + height: 2.5em; +} +.oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button .oo-ui-iconElement-icon { + min-width: 20px; + width: 1.5625em; +} +.oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input { + border-radius: 0; +} +.oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-width: 0; +} +.oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-width: 0; +} + +.oo-ui-selectFileInputWidget { + width: 100%; + max-width: 50em; +} +.oo-ui-selectFileInputWidget-selectButton > .oo-ui-buttonElement-button { + position: relative; + overflow: hidden; +} +.oo-ui-selectFileInputWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + z-index: 1; + cursor: pointer; + padding-top: 100px; +} +.oo-ui-selectFileInputWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] { + display: none; +} +.oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { + pointer-events: none; +} +.oo-ui-selectFileInputWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileInputWidget-label { + cursor: default; +} + +.oo-ui-defaultOverlay { + position: absolute; + top: 0; + /* @noflip */ + left: 0; +} diff --git a/ooui/oojs-ui-images-tyrian.css b/ooui/oojs-ui-images-tyrian.css new file mode 100644 index 0000000..415a6ce --- /dev/null +++ b/ooui/oojs-ui-images-tyrian.css @@ -0,0 +1,978 @@ +/*! + * OOUI v0.40.4 + * https://www.mediawiki.org/wiki/OOUI + * + * Copyright 2011–2020 OOUI Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2020-10-09T19:34:00Z + */ +.oo-ui-icon-arrowNext { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/arrowNext-ltr.svg); +} +.oo-ui-icon-arrowPrevious { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/arrowPrevious-ltr.svg); +} +.oo-ui-icon-collapse { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/collapse.svg); +} +.oo-ui-icon-downTriangle { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/downTriangle.svg); +} +.oo-ui-icon-draggable { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/draggable.svg); +} +.oo-ui-icon-doubleChevronEnd { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/doubleChevronEnd-ltr.svg); +} +.oo-ui-icon-doubleChevronStart { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/doubleChevronStart-ltr.svg); +} +.oo-ui-icon-expand { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/expand.svg); +} +.oo-ui-icon-move { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/move.svg); +} +.oo-ui-icon-next { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/next-ltr.svg); +} +.oo-ui-icon-previous { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/previous-ltr.svg); +} +.oo-ui-icon-last { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/moveLast-ltr.svg); +} +.oo-ui-icon-first { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/moveFirst-ltr.svg); +} +.oo-ui-icon-upTriangle { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/upTriangle.svg); +} + +.oo-ui-icon-article { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/article-ltr.svg); +} +.oo-ui-icon-articles { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articles-ltr.svg); +} +.oo-ui-icon-articleAdd { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articleAdd.svg); +} +.oo-ui-icon-articleCheck { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articleCheck.svg); +} +.oo-ui-icon-articleDisambiguation { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articleDisambiguation-ltr.svg); +} +.oo-ui-icon-articleNotFound { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articleNotFound-ltr.svg); +} +/* @noflip */ +.oo-ui-icon-articleNotFound:lang(he) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articleNotFound-ltr.svg); +} +/* @noflip */ +.oo-ui-icon-articleNotFound:lang(yi) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articleNotFound-ltr.svg); +} +.oo-ui-icon-articleSearch { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articleSearch.svg); +} +.oo-ui-icon-articlesSearch { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articlesSearch-ltr.svg); +} +.oo-ui-icon-articleRedirect { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/articleRedirect-ltr.svg); +} +.oo-ui-icon-die { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/die.svg); +} +.oo-ui-icon-download { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/download.svg); +} +.oo-ui-icon-folderPlaceholder { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/folderPlaceholder-ltr.svg); +} +.oo-ui-icon-history { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/history.svg); +} +.oo-ui-icon-info { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/info.svg); +} +/* @noflip */ +.oo-ui-icon-info:lang(ar) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/lightbulb.svg); +} +.oo-ui-icon-infoFilled { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/infoFilled.svg); +} +/* @noflip */ +.oo-ui-icon-infoFilled:lang(ar) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/lightbulb.svg); +} +.oo-ui-icon-robot { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/robot.svg); +} +.oo-ui-icon-specialPages { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/specialPages-ltr.svg); +} +.oo-ui-icon-tag { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tag-ltr.svg); +} +.oo-ui-icon-upload { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/upload.svg); +} +.oo-ui-icon-window { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/window.svg); +} + +.oo-ui-icon-alert { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/alert.svg); +} +.oo-ui-icon-bell { + background-image: /* @embed */ url(themes/tyrian/images/bell.svg); +} +.oo-ui-icon-bellOutline { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bellOutline.svg); +} +.oo-ui-icon-error { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/error.svg); +} +.oo-ui-icon-message { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/message.svg); +} +.oo-ui-icon-notice { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/notice.svg); +} +.oo-ui-icon-speechBubble { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/speechBubble-ltr.svg); +} +.oo-ui-icon-speechBubbleAdd { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/speechBubbleAdd-ltr.svg); +} +.oo-ui-icon-speechBubbles { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/speechBubbles-ltr.svg); +} +.oo-ui-icon-tray { + background-image: /* @embed */ url(themes/tyrian/images/tray.svg); +} + +.oo-ui-icon-add { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/add.svg); +} +.oo-ui-icon-browser { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/browser-ltr.svg); +} +.oo-ui-icon-cancel { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/cancel.svg); +} +.oo-ui-icon-check { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/check.svg); +} +.oo-ui-icon-checkAll { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/checkAll.svg); +} +.oo-ui-icon-clear { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/clear.svg); +} +.oo-ui-icon-clock { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/clock.svg); +} +.oo-ui-icon-close { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/close.svg); +} +.oo-ui-icon-ellipsis { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/ellipsis.svg); +} +.oo-ui-icon-feedback { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/feedback-ltr.svg); +} +.oo-ui-icon-funnel { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/funnel-ltr.svg); +} +.oo-ui-icon-heart { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/heart.svg); +} +.oo-ui-icon-help { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/help-ltr.svg); +} +/* @noflip */ +.oo-ui-icon-help:lang(he) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/help-ltr.svg); +} +/* @noflip */ +.oo-ui-icon-help:lang(yi) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/help-ltr.svg); +} +.oo-ui-icon-helpNotice { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/helpNotice-ltr.svg); +} +/* @noflip */ +.oo-ui-icon-helpNotice:lang(he) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/helpNotice-ltr.svg); +} +/* @noflip */ +.oo-ui-icon-helpNotice:lang(yi) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/helpNotice-ltr.svg); +} +.oo-ui-icon-home { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/home.svg); +} +.oo-ui-icon-key { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/key.svg); +} +.oo-ui-icon-keyboard { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/keyboard.svg); +} +.oo-ui-icon-lightbulb { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/lightbulb.svg); +} +.oo-ui-icon-logIn { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/logIn-ltr.svg); +} +.oo-ui-icon-logOut { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/logOut-ltr.svg); +} +.oo-ui-icon-newWindow { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/newWindow-ltr.svg); +} +.oo-ui-icon-pageSettings { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/pageSettings.svg); +} +.oo-ui-icon-printer { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/printer.svg); +} +.oo-ui-icon-reload { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/reload.svg); +} +.oo-ui-icon-search { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/search.svg); +} +.oo-ui-icon-settings { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/settings.svg); +} +.oo-ui-icon-stopHand { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/stopHand.svg); +} +.oo-ui-icon-subtract { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/subtract.svg); +} + +.oo-ui-icon-bookmarkOutline { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bookmarkOutline.svg); +} +.oo-ui-icon-bookmark { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bookmark.svg); +} +.oo-ui-icon-block { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/block.svg); +} +.oo-ui-icon-unBlock { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/unBlock.svg); +} +.oo-ui-icon-flag { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/flag-ltr.svg); +} +.oo-ui-icon-unFlag { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/unFlag-ltr.svg); +} +.oo-ui-icon-lock { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/lock.svg); +} +.oo-ui-icon-unLock { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/unLock.svg); +} +.oo-ui-icon-restore { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/restore.svg); +} +.oo-ui-icon-star { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/star.svg); +} +.oo-ui-icon-halfStar { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/halfStar-ltr.svg); +} +.oo-ui-icon-unStar { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/unStar.svg); +} +.oo-ui-icon-trash { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/trash.svg); +} +.oo-ui-icon-pushPin { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/pushPin.svg); +} +.oo-ui-icon-ongoingConversation { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/ongoingConversation-ltr.svg); +} + +.oo-ui-icon-edit { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/edit.svg); +} +.oo-ui-icon-editLock { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/editLock.svg); +} +.oo-ui-icon-editUndo { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/editUndo-ltr.svg); +} +.oo-ui-icon-link { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/link.svg); +} +.oo-ui-icon-unLink { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/unLink.svg); +} +.oo-ui-icon-linkExternal { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/linkExternal-ltr.svg); +} +.oo-ui-icon-linkSecure { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/linkSecure.svg); +} +.oo-ui-icon-redo { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/redo-ltr.svg); +} +.oo-ui-icon-undo { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/undo-ltr.svg); +} + +.oo-ui-icon-bigger { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bigger.svg); +} +.oo-ui-icon-smaller { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/smaller.svg); +} +.oo-ui-icon-subscript { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/subscript-ltr.svg); +} +.oo-ui-icon-superscript { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/superscript-ltr.svg); +} +.oo-ui-icon-bold { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-a.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(ar) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-arab-ain.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(be) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-cyrl-te.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(ce) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-cyrl-palochka.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(cs) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-b.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(en) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-b.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(he) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-b.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(ml) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-b.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(pl) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-b.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(sco) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-b.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(da) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-f.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(de) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-f.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(hu) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-f.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(ksh) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-f.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(nn) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-f.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(no) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-f.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(sv) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-f.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(es) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-n.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(gl) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-n.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(pt) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-n.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(eu) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-l.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(fi) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-l.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(fa) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-arab-dad.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(fr) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-g.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(it) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-g.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(hy) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-armn-to.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(ka) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-geor-man.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(ky) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-cyrl-zhe.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(ru) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-cyrl-zhe.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(uk) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-cyrl-zhe.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(nl) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-v.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(os) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-cyrl-be.svg); +} +/* @noflip */ +.oo-ui-icon-bold:lang(ur) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bold-arab-jeem.svg); +} +.oo-ui-icon-highlight { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/highlight.svg); +} +.oo-ui-icon-italic { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-a.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(ar) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-arab-meem.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(cs) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-i.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(en) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-i.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(fr) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-i.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(he) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-i.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(ml) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-i.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(pl) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-i.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(pt) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-i.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(sco) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-i.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(be) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(ce) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(da) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(de) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(fi) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(ky) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(nn) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(no) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(os) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(sv) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(ru) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(uk) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-k.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(es) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-c.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(gl) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-c.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(it) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-c.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(nl) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-c.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(eu) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-e.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(fa) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-arab-keheh-jeem.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(hu) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-d.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(hy) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-armn-sha.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(ksh) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-s.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(ka) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-geor-kan.svg); +} +/* @noflip */ +.oo-ui-icon-italic:lang(ur) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/italic-arab-teh.svg); +} +.oo-ui-icon-strikethrough { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/strikethrough-a.svg); +} +/* @noflip */ +.oo-ui-icon-strikethrough:lang(en) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/strikethrough-s.svg); +} +/* @noflip */ +.oo-ui-icon-strikethrough:lang(fi) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/strikethrough-y.svg); +} +.oo-ui-icon-underline { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/underline-a.svg); +} +/* @noflip */ +.oo-ui-icon-underline:lang(en) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/underline-u.svg); +} +/* @noflip */ +.oo-ui-icon-underline:lang(de) { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/underline-u.svg); +} +.oo-ui-icon-textLanguage { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/language.svg); +} +.oo-ui-icon-textDirLTR { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/textDirLTR.svg); +} +.oo-ui-icon-textDirRTL { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/textDirRTL.svg); +} +.oo-ui-icon-textStyle { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/textStyle.svg); +} + +.oo-ui-icon-indent { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/indent-ltr.svg); +} +.oo-ui-icon-listBullet { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/listBullet-ltr.svg); +} +.oo-ui-icon-listNumbered { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/listNumbered-ltr.svg); +} +.oo-ui-icon-outdent { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/outdent-ltr.svg); +} + +.oo-ui-icon-alignCenter { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/alignCenter.svg); +} +.oo-ui-icon-alignLeft { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/alignLeft.svg); +} +.oo-ui-icon-alignRight { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/alignRight.svg); +} +.oo-ui-icon-attachment { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/attachment.svg); +} +.oo-ui-icon-calendar { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/calendar.svg); +} +.oo-ui-icon-code { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/code.svg); +} +.oo-ui-icon-hieroglyph { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/hieroglyph.svg); +} +.oo-ui-icon-imageLayoutBasic { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/imageLayoutBasic.svg); +} +.oo-ui-icon-imageLayoutFrame { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/imageLayoutFrame.svg); +} +.oo-ui-icon-imageLayoutFrameless { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/imageLayoutFrameless.svg); +} +.oo-ui-icon-imageLayoutThumbnail { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/imageLayoutThumbnail.svg); +} +.oo-ui-icon-labFlask { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/labFlask.svg); +} +.oo-ui-icon-language { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/language.svg); +} +.oo-ui-icon-layout { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/layout-ltr.svg); +} +.oo-ui-icon-markup { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/markup.svg); +} +.oo-ui-icon-mathematics { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/mathematics.svg); +} +.oo-ui-icon-mathematicsDisplayBlock { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/mathematicsDisplayBlock.svg); +} +.oo-ui-icon-mathematicsDisplayDefault { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/mathematicsDisplayDefault.svg); +} +.oo-ui-icon-mathematicsDisplayInline { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/mathematicsDisplayInline.svg); +} +.oo-ui-icon-newline { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/newline-ltr.svg); +} +.oo-ui-icon-noWikiText { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/noWikiText.svg); +} +.oo-ui-icon-outline { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/outline-ltr.svg); +} +.oo-ui-icon-puzzle { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/puzzle-ltr.svg); +} +.oo-ui-icon-quotes { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/quotes-ltr.svg); +} +.oo-ui-icon-searchCaseSensitive { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/searchCaseSensitive.svg); +} +.oo-ui-icon-searchDiacritics { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/searchDiacritics.svg); +} +.oo-ui-icon-searchRegularExpression { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/searchRegularExpression.svg); +} +.oo-ui-icon-signature { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/signature-ltr.svg); +} +.oo-ui-icon-specialCharacter { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/specialCharacter.svg); +} +.oo-ui-icon-table { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/table.svg); +} +.oo-ui-icon-tableAddColumnAfter { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableAddColumnAfter-ltr.svg); +} +.oo-ui-icon-tableAddColumnBefore { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableAddColumnBefore-ltr.svg); +} +.oo-ui-icon-tableAddRowAfter { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableAddRowAfter.svg); +} +.oo-ui-icon-tableAddRowBefore { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableAddRowBefore.svg); +} +.oo-ui-icon-tableCaption { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableCaption.svg); +} +.oo-ui-icon-tableMergeCells { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableMergeCells.svg); +} +.oo-ui-icon-tableMoveColumnAfter { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableMoveColumnAfter-ltr.svg); +} +.oo-ui-icon-tableMoveColumnBefore { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableMoveColumnBefore-ltr.svg); +} +.oo-ui-icon-tableMoveRowAfter { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableMoveRowAfter.svg); +} +.oo-ui-icon-tableMoveRowBefore { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/tableMoveRowBefore.svg); +} +.oo-ui-icon-templateAdd { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/templateAdd-ltr.svg); +} +.oo-ui-icon-translation { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/language.svg); +} +.oo-ui-icon-wikiText { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/wikiText.svg); +} + +.oo-ui-icon-book { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/book-ltr.svg); +} +.oo-ui-icon-journal { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/journal-ltr.svg); +} +.oo-ui-icon-newspaper { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/newspaper-ltr.svg); +} +.oo-ui-icon-reference { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/reference.svg); +} +.oo-ui-icon-referenceExisting { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/referenceExisting-ltr.svg); +} +.oo-ui-icon-references { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/references-ltr.svg); +} + +.oo-ui-icon-camera { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/camera.svg); +} +.oo-ui-icon-chart { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/chart.svg); +} +.oo-ui-icon-exitFullscreen { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/exitFullscreen.svg); +} +.oo-ui-icon-fullScreen { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/fullScreen.svg); +} +.oo-ui-icon-image { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/image.svg); +} +.oo-ui-icon-imageAdd { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/imageAdd-ltr.svg); +} +.oo-ui-icon-imageBroken { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/imageBroken.svg); +} +.oo-ui-icon-imageLock { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/imageLock-ltr.svg); +} +.oo-ui-icon-imageGallery { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/imageGallery.svg); +} +.oo-ui-icon-musicalScore { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/musicalScore.svg); +} +.oo-ui-icon-pause { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/pause.svg); +} +.oo-ui-icon-play { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/play.svg); +} +.oo-ui-icon-stop { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/stop.svg); +} +.oo-ui-icon-volumeDown { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/volumeDown-ltr.svg); +} +.oo-ui-icon-volumeOff { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/volumeOff-ltr.svg); +} +.oo-ui-icon-volumeUp { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/volumeUp-ltr.svg); +} +.oo-ui-icon-zoomIn { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/zoomIn.svg); +} +.oo-ui-icon-zoomOut { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/zoomOut.svg); +} + +.oo-ui-icon-globe { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/globe.svg); +} +.oo-ui-icon-map { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/map-ltr.svg); +} +.oo-ui-icon-mapPin { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/mapPin.svg); +} +.oo-ui-icon-mapPinAdd { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/mapPinAdd.svg); +} +.oo-ui-icon-mapTrail { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/mapTrail.svg); +} + +.oo-ui-icon-userAdd { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/userAdd-ltr.svg); +} +.oo-ui-icon-userAnonymous { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/userAnonymous.svg); +} +.oo-ui-icon-userAvatar { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/userAvatar.svg); +} +.oo-ui-icon-userAvatarOutline { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/userAvatarOutline.svg); +} +.oo-ui-icon-userGroup { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/userGroup-ltr.svg); +} +.oo-ui-icon-userTalk { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/userTalk-ltr.svg); +} + +.oo-ui-icon-menu { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/menu.svg); +} +.oo-ui-icon-recentChanges { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/recentChanges-ltr.svg); +} +.oo-ui-icon-textFlow { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/textFlow-ltr.svg); +} +.oo-ui-icon-textSummary { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/textSummary-ltr.svg); +} +.oo-ui-icon-viewCompact { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/viewCompact.svg); +} +.oo-ui-icon-viewDetails { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/viewDetails-ltr.svg); +} + +.oo-ui-icon-bright { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/bright.svg); +} +.oo-ui-icon-halfBright { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/halfBright-ltr.svg); +} +.oo-ui-icon-notBright { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/notBright.svg); +} +.oo-ui-icon-eye { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/eye.svg); +} +.oo-ui-icon-eyeClosed { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/eyeClosed.svg); +} +.oo-ui-icon-moon { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/moon.svg); +} +.oo-ui-icon-largerText { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/largerText.svg); +} +.oo-ui-icon-smallerText { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/smallerText.svg); +} +.oo-ui-icon-visionSimulator { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/visionSimulator.svg); +} + +.oo-ui-icon-logoCC { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/logo-CC.svg); +} +.oo-ui-icon-logoWikidata { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/logo-Wikidata.svg); +} +.oo-ui-icon-logoWikimedia { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/logo-Wikimedia.svg); +} +.oo-ui-icon-logoWikimediaCommons { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/logo-Wikimedia-Commons.svg); +} +.oo-ui-icon-logoWikimediaDiscovery { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/logo-Wikimedia-Discovery.svg); +} +.oo-ui-icon-logoWikipedia { + background-image: /* @embed */ url(themes/wikimediaui/images/icons/logo-Wikipedia.svg); +} + +.oo-ui-indicator-clear { + background-image: /* @embed */ url(themes/wikimediaui/images/indicators/clear.svg); +} +.oo-ui-indicator-up { + background-image: /* @embed */ url(themes/wikimediaui/images/indicators/up.svg); +} +.oo-ui-indicator-down { + background-image: /* @embed */ url(themes/wikimediaui/images/indicators/down.svg); +} +.oo-ui-indicator-required { + background-image: /* @embed */ url(themes/wikimediaui/images/indicators/required.svg); +} diff --git a/ooui/oojs-ui-toolbars-tyrian.css b/ooui/oojs-ui-toolbars-tyrian.css new file mode 100644 index 0000000..187bf08 --- /dev/null +++ b/ooui/oojs-ui-toolbars-tyrian.css @@ -0,0 +1,544 @@ +/*! + * OOUI v0.40.4 + * https://www.mediawiki.org/wiki/OOUI + * + * Copyright 2011–2020 OOUI Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2020-10-09T19:34:00Z + */ +.oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon { + display: none; +} + +.oo-ui-popupTool-popup.oo-ui-popupWidget { + z-index: 4; +} + +.oo-ui-toolGroupTool > .oo-ui-popupToolGroup { + border: 0; + border-radius: 0; + margin: 0; +} +.oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle { + height: 1.875em; + padding: 0.3125em; + border-color: transparent; + border-style: solid; + border-width: 1px 0; + margin: -1px 0; +} +.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; + margin: 0.375em; + border-radius: 3px; + border: 1px solid transparent; + -webkit-transition: border-color 250ms; + -moz-transition: border-color 250ms; + transition: border-color 250ms; +} +.oo-ui-toolGroup-empty { + display: none; +} +.oo-ui-toolGroup-tools .oo-ui-tool-link { + color: inherit; + text-decoration: none; + cursor: pointer; +} +.oo-ui-toolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool-link, +.oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link { + outline: 0; + cursor: default; +} +.oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup { + margin-left: 0; +} +.oo-ui-toolGroup.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.1); +} + +.oo-ui-barToolGroup-tools > .oo-ui-tool { + display: inline-block; + position: relative; + vertical-align: top; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { + display: block; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel { + display: none; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title { + display: none; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title { + display: inline-block; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool { + margin: -1px 0 -1px -1px; + border: 1px solid transparent; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool:last-child { + margin-right: -1px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { + color: inherit; + height: 1.875em; + padding: 0.3125em; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { + display: inline-block; + vertical-align: top; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-checkIcon { + display: none; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { + line-height: 2.1em; +} +.oo-ui-barToolGroup-tools > .oo-ui-tool:not( .oo-ui-tool-with-icon ) > .oo-ui-tool-link .oo-ui-iconElement-noIcon { + display: none; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07); + background-color: #f8fbfd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f1f7fb), color-stop(100%, #fff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0, #fff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0, #fff 100%); + background-image: linear-gradient(to bottom, #f1f7fb 0, #fff 100%); +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-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-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link:focus { + outline: 0; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive { + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee)); + background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); + border: 1px solid #a6cee1; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive:hover { + border-color: #9dc2d4; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive.oo-ui-tool-active.oo-ui-widget-enabled { + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); + border: 1px solid #a6cee1; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { + padding: 0.3125em 0.6255em; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive { + background-color: #ebebeb; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fafafa), color-stop(100%, #ddd)); + background-image: -webkit-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: -moz-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: linear-gradient(to bottom, #fafafa 0, #ddd 100%); + border: 1px solid #ccc; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-tool-link { + color: #d45353; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive > .oo-ui-tool-link { + padding: 0.3125em 0.6255em; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool:focus { + outline: 0; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link:focus { + outline: 0; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} + +.oo-ui-popupToolGroup { + position: relative; + height: 2.5em; + min-width: 2.5em; +} +.oo-ui-popupToolGroup-handle { + display: block; + cursor: pointer; +} +.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) { + display: inline-block; +} +.oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { + outline: 0; + cursor: default; +} +.oo-ui-popupToolGroup-tools { + display: none; + position: absolute; + z-index: 4; +} +.oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools { + display: block; +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link { + display: table; + width: 100%; + vertical-align: middle; + white-space: nowrap; +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel, +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title { + display: table-cell; + vertical-align: middle; +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { + text-align: right; +} +.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: 2.25em; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 1.75em; +} +.oo-ui-popupToolGroup-handle { + height: 2.5em; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + position: absolute; + top: 0; +} +.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + width: 0.9375em; + height: 0.9375em; + margin: 0.78125em; + right: 0; +} +.oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { + right: -0.3125em; +} +.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { + margin: 0.46875em; + left: 0.3125em; +} +.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 { + background-color: #f8fbfd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f1f7fb), color-stop(100%, #fff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0, #fff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0, #fff 100%); + background-image: linear-gradient(to bottom, #f1f7fb 0, #fff 100%); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07); +} +.oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive { + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee)); + background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); + border: 1px solid #a6cee1; +} +.oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive:hover { + border-color: #9dc2d4; +} +.oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active.oo-ui-widget-enabled { + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); + border: 1px solid #a6cee1; +} +.oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive { + background-color: #ebebeb; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fafafa), color-stop(100%, #ddd)); + background-image: -webkit-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: -moz-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: linear-gradient(to bottom, #fafafa 0, #ddd 100%); + border: 1px solid #ccc; +} +.oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle { + color: #d45353; +} +.oo-ui-popupToolGroup-tools { + margin: -1px; + border: 1px solid #ccc; + background-color: #fff; + box-shadow: 0 0.3125em 1.25em rgba(0, 0, 0, 0.25); +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link { + padding: 0.3125em 0 0.3125em 0.3125em; +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon { + display: table-cell; + min-width: 1.5625em; + width: 1.5625em; + height: 1.5625em; + vertical-align: middle; +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-checkIcon { + display: none; +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title { + padding-left: 0.5em; +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel, +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title { + line-height: 2em; +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { + color: #767676; +} +.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) { + padding-left: 3em; +} + +.oo-ui-listToolGroup-tools .oo-ui-tool { + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-listToolGroup-tools { + padding: 0.3125em; +} +.oo-ui-listToolGroup.oo-ui-popupToolGroup-active { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup-tools .oo-ui-tool { + border: 1px solid transparent; + margin: -1px 0; + padding: 0 0.625em 0 0; +} +.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07); + background-color: #f8fbfd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f1f7fb), color-stop(100%, #fff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0, #fff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0, #fff 100%); + background-image: linear-gradient(to bottom, #f1f7fb 0, #fff 100%); +} +.oo-ui-listToolGroup-tools .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-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 1; +} +.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel { + color: #ddd; +} +.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.2; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled { + color: #ccc; +} +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} + +.oo-ui-menuToolGroup { + border-color: rgba(0, 0, 0, 0.1); +} +.oo-ui-menuToolGroup-tools .oo-ui-tool { + display: block; +} +.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-tools { + padding: 0.3125em 0 0.3125em 0; +} +.oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { + border-color: rgba(0, 0, 0, 0.25); +} +.oo-ui-menuToolGroup-tools .oo-ui-tool { + padding: 0 1.25em 0 0.3125em; +} +.oo-ui-menuToolGroup-tools .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon { + display: none; +} +.oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-iconElement-icon { + display: none; +} +.oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-tool-checkIcon { + display: table-cell; +} +.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { + background-color: #e1f3ff; +} +.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { + color: #ccc; +} +.oo-ui-menuToolGroup.oo-ui-widget-disabled { + color: #ccc; + border-color: rgba(0, 0, 0, 0.05); +} +.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, +.oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { + opacity: 0.2; +} + +.oo-ui-toolbar { + clear: both; +} +.oo-ui-toolbar-bar { + line-height: 1; + position: relative; +} +.oo-ui-toolbar-tools, +.oo-ui-toolbar-actions { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toolbar-tools { + display: inline; +} +.oo-ui-toolbar-popups { + position: absolute; +} +.oo-ui-toolbar-tools, +.oo-ui-toolbar-popups { + white-space: nowrap; +} +.oo-ui-toolbar-tools .oo-ui-tool, +.oo-ui-toolbar-popups .oo-ui-tool, +.oo-ui-toolbar-tools .oo-ui-popupTool-popup, +.oo-ui-toolbar-popups .oo-ui-popupTool-popup { + white-space: normal; +} +.oo-ui-toolbar-narrow .oo-ui-toolbar-tools, +.oo-ui-toolbar-narrow.oo-ui-toolbar-popups { + white-space: normal; +} +.oo-ui-toolbar-actions { + float: right; +} +.oo-ui-toolbar-actions .oo-ui-toolbar, +.oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, +.oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + display: inline-block; +} +.oo-ui-toolbar-actions .oo-ui-popupWidget { + -webkit-touch-callout: default; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; +} +.oo-ui-toolbar-bar { + background-color: #f8fbfd; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #f1f7fb)); + background-image: -webkit-linear-gradient(top, #fff 0, #f1f7fb 100%); + background-image: -moz-linear-gradient(top, #fff 0, #f1f7fb 100%); + background-image: linear-gradient(to bottom, #fff 0, #f1f7fb 100%); +} +.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { + border-bottom: 1px solid #ccc; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); +} +.oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar { + border-top: 1px solid #ccc; + box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1); +} +.oo-ui-toolbar-bar .oo-ui-toolbar-bar { + border: 0; + background: none; + box-shadow: none; +} diff --git a/ooui/oojs-ui-tyrian.js b/ooui/oojs-ui-tyrian.js new file mode 100644 index 0000000..0810063 --- /dev/null +++ b/ooui/oojs-ui-tyrian.js @@ -0,0 +1,45 @@ +/*! + * OOUI v0.40.4 + * https://www.mediawiki.org/wiki/OOUI + * + * Copyright 2011–2020 OOUI Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2020-10-09T19:30:10Z + */ +( function ( OO ) { + +'use strict'; + +/** + * @class + * @extends OO.ui.Theme + * + * @constructor + */ +OO.ui.TyrianTheme = function OoUiApexTheme() { + // Parent constructor + OO.ui.TyrianTheme.super.call( this ); +}; + +/* Setup */ + +OO.inheritClass( OO.ui.TyrianTheme, OO.ui.Theme ); + +/* Methods */ + +/** + * @inheritdoc + */ +OO.ui.TyrianTheme.prototype.getDialogTransitionDuration = function () { + return 250; +}; + +/* Instantiation */ + +OO.ui.theme = new OO.ui.TyrianTheme(); + +}( OO ) ); + +//# sourceMappingURL=oojs-ui-tyrian.js.map.json \ No newline at end of file diff --git a/ooui/oojs-ui-widgets-tyrian.css b/ooui/oojs-ui-widgets-tyrian.css new file mode 100644 index 0000000..84c1844 --- /dev/null +++ b/ooui/oojs-ui-widgets-tyrian.css @@ -0,0 +1,932 @@ +/*! + * OOUI v0.40.4 + * https://www.mediawiki.org/wiki/OOUI + * + * Copyright 2011–2020 OOUI Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2020-10-09T19:34:00Z + */ +.oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget { + cursor: move; + cursor: url(images/grab.cur ); + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; +} +.oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ):active { + cursor: url(images/grabbing.cur ); + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; +} +.oo-ui-draggableElement-handle.oo-ui-widget-disabled, +.oo-ui-widget-disabled .oo-ui-draggableElement-handle { + cursor: default; +} +.oo-ui-draggableElement-placeholder { + opacity: 0.2; +} +.oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement { + display: inline-block; +} + + + +.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { + overflow: 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-outlinePanel-editable > .oo-ui-outlineSelectWidget { + height: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 2.5em; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 2.5em; +} +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { + padding: 1.5em; +} +.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); +} +.oo-ui-bookletLayout > .oo-ui-menuLayout-menu { + border-right: 1px solid #ddd; +} + +.oo-ui-indexLayout { + /* Use two classes to ensure increased specificity over menuLayout */ +} +.oo-ui-indexLayout.oo-ui-menuLayout > .oo-ui-menuLayout-menu { + height: auto; +} +.oo-ui-indexLayout.oo-ui-menuLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu { + height: 3em; + white-space: nowrap; +} +.oo-ui-indexLayout.oo-ui-menuLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content { + top: 3em; +} +.oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout { + padding: 1.5em; +} + +.oo-ui-menuLayout { + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.oo-ui-menuLayout-expanded, +.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu, +.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content { + position: absolute; +} +.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu { + z-index: 1; +} +.oo-ui-menuLayout-static.oo-ui-menuLayout-after, +.oo-ui-menuLayout-static.oo-ui-menuLayout-before { + display: table; + width: 100%; +} +.oo-ui-menuLayout-static.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu, +.oo-ui-menuLayout-static.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu, +.oo-ui-menuLayout-static.oo-ui-menuLayout-after > .oo-ui-menuLayout-content, +.oo-ui-menuLayout-static.oo-ui-menuLayout-before > .oo-ui-menuLayout-content { + display: table-cell; + vertical-align: top; +} +.oo-ui-menuLayout > .oo-ui-menuLayout-menu, +.oo-ui-menuLayout > .oo-ui-menuLayout-content { + -webkit-transition: height 250ms, width 250ms, top 250ms, left 250ms, right 250ms, bottom 250ms; + -moz-transition: height 250ms, width 250ms, top 250ms, left 250ms, right 250ms, bottom 250ms; + transition: height 250ms, width 250ms, top 250ms, left 250ms, right 250ms, bottom 250ms; +} +.oo-ui-menuLayout > .oo-ui-menuLayout-menu { + height: 15.625em; + width: 15.625em; +} +.oo-ui-menuLayout > .oo-ui-menuLayout-content { + top: 15.625em; + left: 15.625em; + right: 15.625em; + bottom: 15.625em; +} +.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-stackLayout-continuous > .oo-ui-panelLayout { + display: block; + position: relative; +} + +.oo-ui-buttonSelectWidget { + display: inline-block; + border-radius: 3px; + margin-right: 0.5em; + z-index: 0; + position: relative; + padding-bottom: 1px; +} +.oo-ui-buttonSelectWidget:last-child { + margin-right: 0; +} +.oo-ui-buttonSelectWidget:focus { + outline: 0; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { + border-radius: 0; + margin-right: -1px; + margin-bottom: -1px; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + margin-right: 0; +} +.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { + z-index: 1; +} +.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { + z-index: 3; +} +.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { + z-index: -1; +} + +.oo-ui-buttonOptionWidget { + display: inline-block; + padding: 0; + background-color: transparent; +} +.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button { + cursor: default; +} +.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-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-toggleButtonWidget { + margin-right: 0.5em; +} +.oo-ui-toggleButtonWidget:last-child { + margin-right: 0; +} +.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { + background-color: rgba(0, 0, 0, 0.13333333); +} +.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + color: #000; +} + +.oo-ui-toggleSwitchWidget { + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0); + transform: translateZ(0); + background-color: #ebebeb; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fafafa)); + background-image: -webkit-linear-gradient(top, #ddd 0, #fafafa 100%); + background-image: -moz-linear-gradient(top, #ddd 0, #fafafa 100%); + background-image: linear-gradient(to bottom, #ddd 0, #fafafa 100%); + width: 4em; + height: 2em; + margin-right: 0.5em; + border: 1px solid #ccc; + border-radius: 1em; + box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { + cursor: pointer; +} +.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:last-child { + margin-right: 0; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { + opacity: 0.5; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover, +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { + border-color: #aaa; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { + outline: 0; + border-color: #ace; + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { + border-color: #ace; +} +.oo-ui-toggleSwitchWidget-grip { + background-color: #ebebeb; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fafafa), color-stop(100%, #ddd)); + background-image: -webkit-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: -moz-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: linear-gradient(to bottom, #fafafa 0, #ddd 100%); + top: 0.25em; + left: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border: 1px solid #ccc; + border-radius: 1em; + box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); + -webkit-transition: left 250ms, margin-left 250ms; + -moz-transition: left 250ms, margin-left 250ms; + transition: left 250ms, margin-left 250ms; +} +.oo-ui-toggleSwitchWidget-glow { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + border-radius: 1em; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + -webkit-transition: opacity 250ms; + -moz-transition: opacity 250ms; + transition: opacity 250ms; + background-color: #cde7f4; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa)); + background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { + opacity: 0; +} +.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { + left: 0.25em; + margin-left: 0; +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { + opacity: 1; +} +.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { + left: 2.25em; + margin-left: -2px; +} + +.oo-ui-selectFileWidget-dropTarget { + position: relative; + cursor: default; + height: 8.815em; +} +.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, +.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileInputWidget-selectButton { + display: none; +} +.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail { + width: 7.815em; + position: absolute; + top: 0.5em; + bottom: 0.5em; + left: 0.5em; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; +} +.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon { + opacity: 0.4; + height: 7.815em; + width: 7.815em; +} +.oo-ui-selectFileWidget-dropTarget .oo-ui-pendingElement-pending { + background-repeat: repeat; +} +.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileInputWidget-info { + display: block; + height: 100%; + width: auto; + margin-right: 0; +} +.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { + border: 0; + box-shadow: none; + background: transparent; +} +.oo-ui-selectFileWidget-dropTarget.oo-ui-selectFileWidget-withThumbnail .oo-ui-selectFileInputWidget-info { + margin-left: 8.815em; +} +.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileInputWidget-label { + display: block; + position: relative; + top: inherit; +} +.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileInputWidget-fileName { + display: block; +} +.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-selectFileWidget-dropTarget { + text-align: center; +} +.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail, +.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileInputWidget-info { + display: none; +} +.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileInputWidget-selectButton { + display: block; + margin: 2.2em 1em 1em; +} +.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel { + display: block; +} +.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, +.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button { + cursor: no-drop; +} +.oo-ui-selectFileWidget-dropTarget { + background-color: #fff; + border: 1px solid #aaa; + border-radius: 3px; + vertical-align: middle; +} +.oo-ui-selectFileWidget-dropTarget.oo-ui-selectFileInputWidget-empty { + border-style: dashed; +} +.oo-ui-selectFileWidget-dropTarget .oo-ui-pendingElement-pending { + background-size: 1.5625em 1.5625em; +} +.oo-ui-selectFileWidget-buttonOnly { + width: auto; + max-width: none; +} +.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, +.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { + background-color: #e1f3ff; +} +.oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, +.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { + background-color: #f3f3f3; + color: #ccc; + border-color: #ddd; + text-shadow: 0 1px 1px #fff; +} + + +.oo-ui-outlineOptionWidget { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1.1em; + padding: 0.75em; +} +.oo-ui-outlineOptionWidget .oo-ui-iconElement-icon { + font-size: 90.90909%; +} +.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.oo-ui-iconElement { + padding-left: 2.5em; +} +.oo-ui-outlineOptionWidget-level-1 { + padding-left: 2.5em; +} +.oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement { + padding-left: 4.5em; +} +.oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 2.5em; +} +.oo-ui-outlineOptionWidget-level-2 { + padding-left: 5em; +} +.oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement { + padding-left: 7em; +} +.oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon { + left: 5em; +} +.oo-ui-selectWidget-unpressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { + background-color: #a7dcff; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); +} + +.oo-ui-outlineControlsWidget { + background-color: #fff; +} +.oo-ui-outlineControlsWidget-items, +.oo-ui-outlineControlsWidget-movers { + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-outlineControlsWidget-items { + float: left; +} +.oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { + float: left; +} +.oo-ui-outlineControlsWidget-movers { + float: right; +} +.oo-ui-outlineControlsWidget-items > .oo-ui-buttonWidget, +.oo-ui-outlineControlsWidget-movers > .oo-ui-buttonWidget { + height: 2.5em; + width: 2.5em; + /* There's a lot of weird specific margins with weird specific selectors */ + margin: 0 !important; + /* stylelint-disable-line declaration-no-important */ +} + +.oo-ui-tabSelectWidget { + text-align: left; + overflow-x: auto; + overflow-y: hidden; + -webkit-overflow-scrolling: auto; +} +.oo-ui-tabSelectWidget-mobile { + white-space: nowrap; +} +.oo-ui-tabSelectWidget-framed { + background-color: #eee; + box-shadow: inset 0 -0.015em 0.1em rgba(0, 0, 0, 0.1); +} +.oo-ui-tabSelectWidget-frameless { + box-shadow: inset 0 -1px 0 0 #ccc; +} +.oo-ui-tabSelectWidget-mobile:after { + content: ''; + position: absolute; + bottom: 0; + right: 0; + height: 2.5em; + width: 2em; + pointer-events: none; +} +.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after { + background-color: #eeeeee; + background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(238, 238, 238, 0)), color-stop(100%, #eee)); + background-image: -webkit-linear-gradient(left, rgba(238, 238, 238, 0) 0, #eee 100%); + background-image: -moz-linear-gradient(left, rgba(238, 238, 238, 0) 0, #eee 100%); + background-image: linear-gradient(to right, rgba(238, 238, 238, 0) 0, #eee 100%); + background-color: transparent; +} +.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after { + background-color: #ffffff; + background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #fff)); + background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%); + background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%); + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%); + background-color: transparent; + bottom: 2px; +} +.oo-ui-tabSelectWidget.oo-ui-widget-enabled:focus { + outline: 0; +} + +.oo-ui-tabOptionWidget { + display: inline-block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: bottom; + color: #333; + margin: 0.5em 0 0 0.75em; + border-color: transparent; + border-style: solid; + padding: 0.5em 1em; +} +.oo-ui-tabOptionWidget > .oo-ui-labelElement-label { + color: inherit; + text-decoration: inherit; +} +.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { + cursor: default; +} +.oo-ui-tabSelectWidget-mobile .oo-ui-tabOptionWidget:last-child { + margin-right: 2em; +} +.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget { + border-width: 1px 1px 0 1px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { + background-color: #fff; + color: #000; + border-color: #ddd; +} +.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { + background-color: rgba(255, 255, 255, 0.2); + color: #000; + border-color: #ddd; +} +.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { + background-color: #fff; + color: #000; + border-color: #ddd; +} +.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { + background-color: #fff; + color: #000; +} +.oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { + box-shadow: 0 0 2px 2px #ace, inset 0 -2px 0 0 #087ecc; +} +.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget { + margin: 0.5em 0.75em 0 0; + border-width: 0; + background-color: transparent; + box-shadow: inset 0 0 0 0 #087ecc; + -webkit-transition: color 100ms, box-shadow 100ms; + -moz-transition: color 100ms, box-shadow 100ms; + transition: color 100ms, box-shadow 100ms; +} +.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { + color: #087ecc; + box-shadow: inset 0 -2px 0 0 #087ecc; +} +.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover, +.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { + color: #087ecc; + box-shadow: inset 0 -2px 0 0 #087ecc; +} +.oo-ui-tabSelectWidget-frameless.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { + background-color: #e1f3ff; +} + +.oo-ui-tagMultiselectWidget { + display: inline-block; + position: relative; + width: 100%; + max-width: 50em; +} +.oo-ui-tagMultiselectWidget-handle { + width: 100%; + display: block; + position: relative; +} +.oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon, +.oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator { + position: absolute; + top: 0; + height: 100%; +} +.oo-ui-tagMultiselectWidget-content { + position: relative; +} +.oo-ui-tagMultiselectWidget-group { + display: inline; +} +.oo-ui-tagMultiselectWidget-outlined { + width: 100%; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle { + cursor: text; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-content > input { + display: none; +} +.oo-ui-tagMultiselectWidget-focusTrap { + display: inline-block; + height: 1px; + width: 1px; +} +.oo-ui-tagMultiselectWidget-focusTrap:focus { + outline: 0; +} +.oo-ui-tagMultiselectWidget-handle { + cursor: text; + min-height: 2.4em; + margin-right: 0.5em; + padding: 0.15em 0.25em; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 3px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-tagMultiselectWidget-handle:last-child { + margin-right: 0; +} +.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input { + border: 0; + line-height: 1.675em; + margin: 0; + margin-left: 0.2em; + padding: 0; + font-size: inherit; + font-family: inherit; + background-color: transparent; + color: #000; + vertical-align: middle; +} +.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-webkit-input-placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-ms-input-placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-moz-placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-moz-placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::placeholder { + color: #767676; + opacity: 1; +} +.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:focus { + outline: 0; +} +.oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle { + padding-left: 2.475em; +} +.oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon { + left: 0; + margin: 0 0.3em; +} +.oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle { + padding-right: 2.4875em; +} +.oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator { + right: 0; + margin: 0 0.775em; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { + background-color: #fff; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined-handle { + border-color: rgba(0, 0, 0, 0.2); +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { + border-color: #ace; + outline: 0; + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { + border-color: #d45353; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { + border-bottom: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { + background-color: #fff; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { + border-color: #d45353; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { + color: #d45353; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled { + background-color: #f3f3f3; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled-handle { + color: #ccc; + border-color: #ddd; + text-shadow: 0 1px 1px #fff; + cursor: default; +} +.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled-handle > .oo-ui-iconElement-icon, +.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled-handle > .oo-ui-indicatorElement-indicator { + opacity: 0.2; +} +.oo-ui-tagMultiselectWidget-popup > .oo-ui-popupWidget-popup { + border: 0; +} + + +.oo-ui-tagItemWidget { + position: relative; + display: inline-block; + cursor: default; + white-space: nowrap; + background-color: #ebebeb; + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fafafa), color-stop(100%, #ddd)); + background-image: -webkit-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: -moz-linear-gradient(top, #fafafa 0, #ddd 100%); + background-image: linear-gradient(to bottom, #fafafa 0, #ddd 100%); + color: #333; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: auto; + max-width: 100%; + height: 1.71875em; + margin: 0.1em; + border: 1px solid #ccc; + border-radius: 3px; + padding: 0 0.4em; + line-height: 1.640625em; + vertical-align: middle; +} +.oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label { + display: inline-block; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; +} +.oo-ui-tagItemWidget.oo-ui-labelElement:not( .oo-ui-tagItemWidget-fixed ) .oo-ui-labelElement-label { + cursor: text; +} +.oo-ui-tagItemWidget:focus { + border-color: #ace; + outline: 0; + box-shadow: 0 0 2px 2px #ace; +} +.oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label { + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); +} +.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button { + padding: 0; +} +.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-labelElement-label, +.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { + display: none; +} +.oo-ui-tagItemWidget.oo-ui-widget-enabled:not( .oo-ui-tagItemWidget-fixed ) { + padding-right: 1.796875em; +} +.oo-ui-tagItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement { + display: block; + width: 1.5625em; + position: absolute; + top: 0; + right: 0; +} +.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button { + display: block; + -webkit-transition: background-color 100ms; + -moz-transition: background-color 100ms; + transition: background-color 100ms; +} +.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-iconElement-icon { + min-width: 14px; + width: 1.09375em; + margin: 0 0 0 0.234375em; +} +.oo-ui-tagItemWidget.oo-ui-widget-disabled { + opacity: 0.5; + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: none; + color: #333; + background: #eee; + border-color: #ccc; +} + +.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; + -webkit-overflow-scrolling: touch; +} +.oo-ui-searchWidget-query { + height: 4em; + padding: 0 1em; + box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); +} +.oo-ui-searchWidget-query .oo-ui-textInputWidget { + margin: 0.75em 0; +} +.oo-ui-searchWidget-results { + top: 4em; + padding: 1em; + line-height: 0; +} diff --git a/ooui/oojs-ui-windows-tyrian.css b/ooui/oojs-ui-windows-tyrian.css new file mode 100644 index 0000000..d4dd91a --- /dev/null +++ b/ooui/oojs-ui-windows-tyrian.css @@ -0,0 +1,422 @@ +/*! + * OOUI v0.40.4 + * https://www.mediawiki.org/wiki/OOUI + * + * Copyright 2011–2020 OOUI Team and other contributors. + * Released under the MIT license + * http://oojs.mit-license.org + * + * Date: 2020-10-09T19:34:00Z + */ + +.oo-ui-window { + background-color: transparent; + background-image: none; +} +.oo-ui-window-frame { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-window-content { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; +} +.oo-ui-window-content:focus { + outline: 0; +} +.oo-ui-window-head, +.oo-ui-window-foot { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.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; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-dialog-content > .oo-ui-window-head { + overflow: hidden; + z-index: 3; + top: 0; +} +.oo-ui-dialog-content > .oo-ui-window-body { + overflow: auto; + -webkit-overflow-scrolling: touch; + z-index: 2; + top: 0; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-foot { + z-index: 3; + bottom: 0; +} +.oo-ui-dialog-content > .oo-ui-window-body { + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); +} + +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + position: relative; + text-align: center; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + display: block; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { + position: relative; + top: auto; + bottom: auto; +} +.oo-ui-messageDialog-actions-horizontal { + display: table; + table-layout: fixed; + width: 100%; +} +.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-content .oo-ui-window-body { + box-shadow: none; +} +.oo-ui-messageDialog-title, +.oo-ui-messageDialog-message { + display: block; + line-height: 1.5em; + text-align: center; +} +.oo-ui-messageDialog-title { + font-size: 1.5em; + color: #000; +} +.oo-ui-messageDialog-message { + font-size: 1.1em; + color: #666; + text-align: left; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + min-height: 2.5em; + margin-right: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child { + margin-right: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { + padding-top: 0; + padding-bottom: 0; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label { + line-height: 2.5em; + text-align: center; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { + font-weight: bold; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + margin: 0; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button { + border-left-width: 2px; + border-left-color: transparent; + border-radius: 0 0 0 3px; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:hover { + border-left-color: #aaa; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:focus { + border-left-color: #ace; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button { + border-right-width: 2px; + border-right-color: transparent; + border-radius: 0 0 3px 0; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:hover { + border-right-color: #aaa; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:focus { + border-right-color: #ace; +} +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:only-child > .oo-ui-buttonElement-button { + border-radius: 0 0 3px 3px; +} +@supports ( width: calc( 100% + 2px ) ) { + .oo-ui-messageDialog-actions-horizontal { + width: calc(100% + 2px); + margin-left: -1px; + margin-right: -1px; + } +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + margin: -1px 0 0; + border-bottom: 1px solid #e5e5e5; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:first-child { + margin-top: 0; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { + border-bottom-width: 0; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget > .oo-ui-buttonElement-button { + border-radius: 0; +} +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button { + border-radius: 0 0 3px 3px; +} + +.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: 4; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} +.oo-ui-processDialog-content .oo-ui-window-head { + height: 3.4em; +} +.oo-ui-processDialog-content .oo-ui-window-body { + top: 3.4em; + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); +} +.oo-ui-processDialog-navigation { + position: relative; + height: 3.4em; +} +.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-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; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { + padding: 0 1em; + vertical-align: middle; + margin: -1px; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless { + margin: 0; +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button { + padding: 0.75em 1em; + vertical-align: middle; +} +.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-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-destructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement { + margin-right: 0; +} +.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 0 3em; +} +.oo-ui-processDialog-errors-title { + font-size: 1.5em; + color: #000; + margin-bottom: 2em; + text-align: center; +} +.oo-ui-processDialog-errors > .oo-ui-messageWidget { + margin: 1em 0 0; +} +.oo-ui-processDialog-errors-actions { + text-align: center; +} +.oo-ui-processDialog-errors-actions > .oo-ui-buttonWidget { + margin: 2em 1em; +} +.oo-ui-processDialog.oo-ui-isMobile .oo-ui-processDialog-location { + text-align: left; +} + +.oo-ui-windowManager-modal > .oo-ui-dialog { + position: fixed; + width: 0; + height: 0; + overflow: hidden; + z-index: 4; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active { + width: auto; + height: auto; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1em; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { + position: absolute; + right: 0; + left: 0; + margin: auto; + 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-active { + overflow: hidden; + position: relative; +} +.oo-ui-windowManager-ios-modal-ready { + height: 100%; + overflow: hidden; +} +.oo-ui-windowManager-modal > .oo-ui-dialog { + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms; + -moz-transition: opacity 250ms; + transition: opacity 250ms; +} +.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { + background-color: #fff; + opacity: 0; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: all 250ms; + -moz-transition: all 250ms; + transition: all 250ms; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { + opacity: 1; +} +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { + opacity: 1; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { + top: 1em; + bottom: 1em; + max-height: 100%; + max-height: calc( 100% - 2em ); + border: 1px solid #ccc; + border-radius: 3px; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); +} diff --git a/skin.json b/skin.json index 476e800..8fa3e75 100644 --- a/skin.json +++ b/skin.json @@ -45,11 +45,22 @@ }, "AutoloadClasses": { "SkinTyrian": "SkinTyrian.php", - "TyrianTemplate": "TyrianTemplate.php" + "TyrianTemplate": "TyrianTemplate.php", + "OOUI\\Tyrian": "ooui/TyrianTheme.php" }, "Hooks": { "OutputPageBeforeHTML": "SkinTyrian::injectMetaTags" }, + "SkinOOUIThemes": { + "Tyrian": "Tyrian" + }, + "OOUIThemePaths": { + "Tyrian": { + "scripts": "ooui/oojs-ui-tyrian.js", + "styles": "ooui/oojs-ui-{module}-tyrian.css", + "images": "ooui/{module}.json" + } + }, "manifest_version": 1 } -- cgit v1.2.3-65-gdbad