/*! * OOUI v0.26.4 * https://www.mediawiki.org/wiki/OOUI * * Copyright 2011–2018 OOUI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * * Date: 2018-04-17T22:24:02Z */ /** * WikimediaUI Base v0.10.0 * Wikimedia Foundation user interface base variables */ .oo-ui-window { background: transparent; } .oo-ui-window-frame { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .oo-ui-window-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .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: 1; top: 0; } .oo-ui-dialog-content > .oo-ui-window-body { overflow: auto; z-index: 2; top: 0; bottom: 0; } .oo-ui-dialog-content > .oo-ui-window-foot { z-index: 3; bottom: 0; } .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-foot { outline: 1px solid #a2a9b1; } .oo-ui-messageDialog-title, .oo-ui-messageDialog-message { display: block; text-align: center; } .oo-ui-messageDialog-title.oo-ui-labelElement, .oo-ui-messageDialog-message.oo-ui-labelElement { padding-top: 0.5em; } .oo-ui-messageDialog-title { font-size: 1.5em; line-height: 1; color: #000; } .oo-ui-messageDialog-message { font-size: 1.1em; line-height: 1.4; color: #222; text-align: left; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right: 1px solid #a2a9b1; margin: 0; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { border-right-width: 0; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { border-bottom: 1px solid #a2a9b1; margin: 0; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { border-bottom-width: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget { min-height: 3.14285714em; margin-right: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child { margin-right: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget:first-child { margin-left: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { border: 0; border-radius: 0; padding: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label { line-height: 3.14285714em; text-align: center; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: #f8f9fa; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { background-color: #c8ccd1; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:hover { background-color: #eaf3ff; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active { background-color: rgba(8, 126, 204, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { font-weight: bold; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover { background-color: #fee7e6; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active { background-color: rgba(212, 83, 83, 0.1); } .oo-ui-processDialog-location { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .oo-ui-processDialog-title { display: inline; padding: 0; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget, .oo-ui-processDialog-actions-other .oo-ui-actionWidget { white-space: nowrap; } .oo-ui-processDialog-actions-safe, .oo-ui-processDialog-actions-primary { position: absolute; top: 0; bottom: 0; } .oo-ui-processDialog-actions-safe { left: 0; } .oo-ui-processDialog-actions-primary { right: 0; } .oo-ui-processDialog-errors { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; overflow-x: hidden; overflow-y: auto; } .oo-ui-processDialog-content .oo-ui-window-head { height: 3.14285714em; } .oo-ui-processDialog-content .oo-ui-window-body { top: 3.14285714em; outline: 1px solid #c8ccd1; } .oo-ui-processDialog-navigation { position: relative; height: 3.14285714em; } .oo-ui-processDialog-location { height: 3.14285714em; cursor: default; text-align: center; } .oo-ui-processDialog-title { font-weight: bold; line-height: 3.14285714em; } .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.42857143em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child { margin-left: 0; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button { padding-left: 2.42857143em; padding-top: 0; min-height: 3.14285714em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { left: 0.5em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child { margin-left: 0; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button { padding: 0.75em 1em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button { padding-left: 2.17857143em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label { line-height: 1.42857143em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover { background-color: rgba(0, 0, 0, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active { background-color: rgba(0, 0, 0, 0.1); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover { background-color: rgba(8, 126, 204, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active { background-color: rgba(8, 126, 204, 0.1); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { font-weight: bold; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover { background-color: rgba(212, 83, 83, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.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 1.5em 3em; text-align: center; } .oo-ui-processDialog-errors .oo-ui-buttonWidget { margin: 2em 1em 2em 1em; } .oo-ui-processDialog-errors-title { font-size: 1.5em; color: #000; margin-bottom: 2em; } .oo-ui-processDialog-error { text-align: left; margin: 1em; padding: 1em; border: 1px solid #d33; background-color: #fff7f7; border-radius: 2px; } .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-setup > .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 > .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-ready > .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 #a2a9b1; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); }