/*! * OOJS UI v0.1.0-pre-svg (e5ef1e5b28) * https://www.mediawiki.org/wiki/OOJS * * Copyright 2011-2013 OOJS Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * * Date: Mon Nov 25 2013 10:40:32 GMT+0000 (GMT) */ /*csslint vendor-prefix:false */ /* Textures */ .oo-ui-texture-pending { /* @embed */ background-image: url(images/textures/pending.gif); } .oo-ui-texture-transparency { /* @embed */ background-image: url(images/textures/transparency.png); } /* Animation */ @-webkit-keyframes oo-ui-zoom-in { from { -webkit-transform: scale(0.5); } to { -webkit-transform: scale(1); } } @-moz-keyframes oo-ui-zoom-in { from { -moz-transform: scale(0.5); } to { -moz-transform: scale(1); } } @-o-keyframes oo-ui-zoom-in { from { -o-transform: scale(0.5); } to { -o-transform: scale(1); } } @keyframes oo-ui-zoom-in { from { transform: scale(0.5); } to { transform: scale(1); } } @-webkit-keyframes oo-ui-fade-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes oo-ui-fade-in { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes oo-ui-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes oo-ui-fade-in { from { opacity: 0; } to { opacity: 1; } } /* RTL Definitions */ /* @noflip */ .oo-ui-rtl { direction: rtl; } /* @noflip */ .oo-ui-ltr { direction: ltr; } .oo-ui-dialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 1em; line-height: 1em; background-color: #fff; background-color: rgba(255,255,255,0.5); -webkit-animation: oo-ui-fade-in 250ms ease-in-out 0 1 normal; -moz-animation: oo-ui-fade-in 250ms ease-in-out 0 1 normal; -o-animation: oo-ui-fade-in 250ms ease-in-out 0 1 normal; animation: oo-ui-fade-in 250ms ease-in-out 0 1 normal; } .oo-ui-dialog-closing { -webkit-animation: oo-ui-fade-in 250ms ease-in-out 0 1 reverse; -moz-animation: oo-ui-fade-in 250ms ease-in-out 0 1 reverse; -o-animation: oo-ui-fade-in 250ms ease-in-out 0 1 reverse; animation: oo-ui-fade-in 250ms ease-in-out 0 1 reverse; } .oo-ui-dialog .oo-ui-window-frame { position: fixed; top: 1em; right: 0; bottom: 1em; left: 0; margin: auto; width: 800px; min-height: 12em; max-height: 600px; background-color: #fff; border: solid 1px #ccc; border-radius: 0.5em; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); overflow: hidden; -webkit-animation: oo-ui-zoom-in 250ms ease-in-out 0 1 normal; -moz-animation: oo-ui-zoom-in 250ms ease-in-out 0 1 normal; -o-animation: oo-ui-zoom-in 250ms ease-in-out 0 1 normal; animation: oo-ui-zoom-in 250ms ease-in-out 0 1 normal; } .oo-ui-dialog .oo-ui-window-frame.oo-ui-window-frame-small { max-width: 600px; max-height: 400px; } .oo-ui-dialog-closing .oo-ui-window-frame { -webkit-animation: oo-ui-zoom-in 250ms ease-in-out 0 1 reverse; -moz-animation: oo-ui-zoom-in 250ms ease-in-out 0 1 reverse; -o-animation: oo-ui-zoom-in 250ms ease-in-out 0 1 reverse; animation: oo-ui-zoom-in 250ms ease-in-out 0 1 reverse; } .oo-ui-dialog .oo-ui-frame { width: 100%; height: 100%; } .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; overflow: hidden; } .oo-ui-dialog-content .oo-ui-window-head { top: 0; height: 3.8em; padding: 0.5em; } .oo-ui-dialog-content .oo-ui-window-foot { bottom: 0; height: 4.8em; padding: 1em; } .oo-ui-dialog-content .oo-ui-window-body { box-shadow: 0 0 0.66em rgba(0,0,0,0.25); top: 3.8em; bottom: 4.8em; } .oo-ui-dialog-content-footless .oo-ui-window-body { bottom: 0; } .oo-ui-dialog-content-footless .oo-ui-window-foot { display: none; } .oo-ui-dialog-content .oo-ui-window-icon { width: 2.4em; height: 2.8em; line-height: 2.8em; } .oo-ui-dialog-content .oo-ui-window-title { line-height: 2.8em; } .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-pushButtonWidget { float: left; margin: 0.125em 0.25em; } .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-pushButtonWidget.oo-ui-flaggableElement-primary, .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-pushButtonWidget.oo-ui-flaggableElement-constructive, .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-pushButtonWidget.oo-ui-flaggableElement-destructive { float: right; } .oo-ui-dialog-content .oo-ui-window-closeButton { float: right; margin: 0.25em 0.25em; } /* OO.ui.PagedLayout */ .oo-ui-pagedLayout-pagesPanel .oo-ui-panelLayout { padding: 1.5em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .oo-ui-pagedLayout-pagesPanel .oo-ui-panelLayout-scrollable { overflow-y: auto; } .oo-ui-pagedLayout-pagesPanel .oo-ui-panelLayout-padded { padding: 2em; } /* OO.ui.PagedOutlineLayout */ .oo-ui-pagedOutlineLayout-outlinePanel { border-right: solid 1px #ddd; } .oo-ui-pagedOutlineLayout-outlinePanel-editable .oo-ui-outlineWidget { position: absolute; top: 0; left: 0; right: 0; bottom: 3em; overflow-y: auto; } .oo-ui-pagedOutlineLayout-outlinePanel .oo-ui-outlineControlsWidget { position: absolute; bottom: 0; left: 0; right: 0; box-shadow: 0 0 0.25em rgba(0,0,0,0.25); } /* OO.ui.LabeledElement */ .oo-ui-labeledElement-label { display: block; } .oo-ui-clippableElement-clippable { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .oo-ui-frame { margin: 0; padding: 0; } .oo-ui-frame-body { margin: 0; padding: 0; background: none; } .oo-ui-frame-content { font-family: sans-serif; font-size: 0.8em; } /* OO.ui.GridLayout */ /* OO.ui.PanelLayout */ .oo-ui-gridLayout, .oo-ui-panelLayout { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .oo-ui-panelLayout-scrollable { overflow-y: auto; } .oo-ui-panelLayout-padded { padding: 2em; } /* OO.ui.FieldsetLayout */ .oo-ui-fieldsetLayout { border: none; margin: 0 0 1.75em 0; padding: 0; } .oo-ui-fieldsetLayout-labeled { margin-top: -0.75em; } .oo-ui-fieldsetLayout > legend.oo-ui-labeledElement-label { font-size: 1.5em; margin-bottom: 0.5em; } .oo-ui-fieldsetLayout-decorated > legend.oo-ui-labeledElement-label { padding-left: 1.75em; background-position: left center; background-repeat: no-repeat; } /* OO.ui.PopupTool */ .oo-ui-popupTool .oo-ui-popupWidget { margin-left: 1.25em; font-size: 0.8em; } .oo-ui-popupTool .oo-ui-popupWidget-popup, .oo-ui-popupTool .oo-ui-popupWidget-tail { z-index: 4; } .oo-ui-toolbar { clear: both; } .oo-ui-toolbar-bar { border-bottom: solid 1px #ccc; background-color: white; /* @embed */ background-image: url(images/fade-up.png); background-position: left bottom; background-repeat: repeat-x; padding-bottom: 1px; line-height: 1em; } .oo-ui-toolbar-bar .oo-ui-toolbar-bar { border: none; background: none; } .oo-ui-toolbar-bottom .oo-ui-toolbar-bar { position: absolute; } .oo-ui-toolbar-actions { float: right; } .oo-ui-toolbar-tools { float: left; } .oo-ui-toolbar-tools, .oo-ui-toolbar-actions, .oo-ui-toolbar-shadow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .oo-ui-toolbar-actions .oo-ui-popupWidget { -webkit-touch-callout: default; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } .oo-ui-toolbar-shadow { /* @embed */ background-image: url(images/toolbar-shadow.png); background-position: left top; background-repeat: repeat-x; position: absolute; bottom: -9px; height: 9px; width: 100%; pointer-events: none; -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; opacity: 0.125; } /* OO.ui.ToolGroup */ .oo-ui-toolGroup { display: inline-block; margin: 0.3em; vertical-align: middle; border-radius: 0.25em; border: solid 1px transparent; -webkit-transition: border-color 300ms; -moz-transition: border-color 300ms; -o-transition: border-color 300ms; transition: border-color 300ms; } .oo-ui-toolGroup:hover { border-color: rgba(0,0,0,0.1); } .oo-ui-toolGroup-empty { display: none; } .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-labeledElement-label { color: #000; } .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon { background-position: center center; background-repeat: no-repeat; } /* OO.ui.BarToolGroup */ .oo-ui-barToolGroup > .oo-ui-iconedElement-icon, .oo-ui-barToolGroup > .oo-ui-iconedElement-label { display: none; } .oo-ui-barToolGroup .oo-ui-tool { display: inline-block; position: relative; vertical-align: top; margin: -1px 0 -1px -1px; border: solid 1px transparent; } .oo-ui-barToolGroup .oo-ui-tool-link { display: block; height: 1.5em; padding: 0.25em; cursor: pointer; } .oo-ui-barToolGroup .oo-ui-tool-active:not(.oo-ui-widget-disabled) + .oo-ui-tool-active:not(.oo-ui-widget-disabled) { border-left-color: rgba(0,0,0,0.1); } .oo-ui-barToolGroup .oo-ui-tool:first-child { border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; } .oo-ui-barToolGroup .oo-ui-tool:last-child { margin-right: -1px; border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em; } .oo-ui-barToolGroup .oo-ui-tool:hover:not(.oo-ui-widget-disabled) { border-color: rgba(0,0,0,0.2); } .oo-ui-barToolGroup .oo-ui-tool-active:not(.oo-ui-widget-disabled) { border-color: rgba(0,0,0,0.2); } .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon { display: block; height: 1.5em; width: 1.5em; opacity: 0.8; } .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-labeledElement-label { display: none; } .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { cursor: default; } .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon { opacity: 0.2; } .oo-ui-barToolGroup .oo-ui-tool:not(.oo-ui-widget-disabled) .oo-ui-tool-link .oo-ui-iconedElement-icon { opacity: 0.8; } .oo-ui-barToolGroup .oo-ui-tool:hover:not(.oo-ui-widget-disabled) .oo-ui-tool-link .oo-ui-iconedElement-icon { opacity: 1; } .oo-ui-barToolGroup .oo-ui-tool-title, .oo-ui-barToolGroup .oo-ui-tool-accel { display: none; } /* OO.ui.PopupToolGroup */ .oo-ui-popupToolGroup { position: relative; height: 2em; min-width: 2em; } .oo-ui-popupToolGroup-handle { display: block; cursor: pointer; } .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon { position: absolute; top: 0; right: 0; height: 2em; width: 2em; background-position: center center; background-repeat: no-repeat; opacity: 0.8; } .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label { line-height: 2.6em; font-size: 0.8em; margin: 0 2.25em 0 1em; } .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-empty { display: none; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { display: none; position: absolute; top: 2em; left: -1px; z-index: 4; border: solid 1px #ccc; background-color: white; box-shadow: 0 0.25em 1em rgba(0,0,0,0.25); } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconedElement-icon { background-repeat: no-repeat; background-position: center center; } .oo-ui-popupToolGroup-active:not(.oo-ui-widget-disabled) > .oo-ui-toolGroup-tools { display: block; } .oo-ui-popupToolGroup-active:not(.oo-ui-widget-disabled) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon { display: inline-block; vertical-align: middle; height: 2em; width: 2em; margin-right: 0.5em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-labeledElement-label { display: inline-block; vertical-align: middle; line-height: 2em; font-size: 0.8em; } .oo-ui-popupToolGroup .oo-ui-tool-accel { display: none; } /* OO.ui.ListToolGroup */ .oo-ui-listToolGroup .oo-ui-toolGroup-tools { padding: 0.5em; } .oo-ui-listToolGroup .oo-ui-tool { display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px transparent; margin: -1px 0 -1px -1px; } .oo-ui-listToolGroup .oo-ui-tool-link { display: block; cursor: pointer; white-space: nowrap; padding-right: 0.5em; } .oo-ui-listToolGroup.oo-ui-popupToolGroup-active { border-color: rgba(0,0,0,0.2); } .oo-ui-listToolGroup .oo-ui-tool-active:not(.oo-ui-widget-disabled) + .oo-ui-tool-active:not(.oo-ui-widget-disabled) { border-top-color: rgba(0,0,0,0.1); } .oo-ui-listToolGroup .oo-ui-tool:hover:not(.oo-ui-widget-disabled) { border-color: rgba(0,0,0,0.2); } .oo-ui-listToolGroup .oo-ui-tool-active:not(.oo-ui-widget-disabled) { border-color: rgba(0,0,0,0.2); } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { cursor: default; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-labeledElement-label { color: #ccc; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon { opacity: 0.2; } .oo-ui-listToolGroup .oo-ui-tool:not(.oo-ui-widget-disabled) .oo-ui-tool-link .oo-ui-iconedElement-icon { opacity: 0.8; } .oo-ui-listToolGroup .oo-ui-tool:hover:not(.oo-ui-widget-disabled) .oo-ui-tool-link .oo-ui-iconedElement-icon { opacity: 1; } /* OO.ui.MenuToolGroup */ .oo-ui-menuToolGroup { border-color: rgba(0,0,0,0.1); } .oo-ui-menuToolGroup:hover { border-color: rgba(0,0,0,0.2); } .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { border-color: rgba(0,0,0,0.25); } .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { min-width: 8em; } .oo-ui-menuToolGroup .oo-ui-tool { display: block; } .oo-ui-menuToolGroup .oo-ui-tool-link { display: block; cursor: pointer; white-space: nowrap; padding: 0.25em 1em 0.25em 0.25em; } .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon { background-image: none; } .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconedElement-icon { /* @embed */ background-image: url(images/icons/check.png); } .oo-ui-menuToolGroup .oo-ui-tool:hover { background-color: #e1f3ff; } /* Common */ .oo-ui-barToolGroup .oo-ui-tool-active:not(.oo-ui-widget-disabled), .oo-ui-listToolGroup .oo-ui-tool-active:not(.oo-ui-widget-disabled), .oo-ui-popupToolGroup-active:not(.oo-ui-widget-disabled) { /* @embed */ background-image: url(images/fade-down.png); background-position: left top; background-repeat: repeat-x; box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); } /* OO.ui.ButtonWidget */ .oo-ui-buttonWidget { display: inline-block; vertical-align: middle; } a.oo-ui-buttonWidget-button { color: #333; cursor: pointer; display: inline-block; vertical-align: middle; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* OO.ui.IconButtonWidget */ .oo-ui-iconButtonWidget { display: inline-block; position: relative; -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; -o-transition: opacity 200ms; transition: opacity 200ms; } .oo-ui-iconButtonWidget .oo-ui-buttonWidget-button > .oo-ui-iconedElement-icon { opacity: 0.8; display: inline-block; vertical-align: middle; background-position: center center; background-repeat: no-repeat; width: 2em; height: 2em; } .oo-ui-iconButtonWidget .oo-ui-buttonWidget-button:hover > .oo-ui-iconedElement-icon, .oo-ui-iconButtonWidget .oo-ui-buttonWidget-button:focus > .oo-ui-iconedElement-icon { opacity: 1; } .oo-ui-iconButtonWidget.oo-ui-widget-disabled .oo-ui-buttonWidget-button > .oo-ui-iconedElement-icon { opacity: 0.2; } .oo-ui-iconButtonWidget .oo-ui-buttonWidget-button > .oo-ui-labeledElement-label { display: inline-block; vertical-align: middle; margin-left: 0.25em; color: #333; } .oo-ui-iconButtonWidget .oo-ui-buttonWidget-button:hover > .oo-ui-labeledElement-label, .oo-ui-iconButtonWidget .oo-ui-buttonWidget-button:focus > .oo-ui-labeledElement-label { color: #000; } .oo-ui-iconButtonWidget.oo-ui-widget-disabled .oo-ui-buttonWidget-button > .oo-ui-labeledElement-label { color: #ccc; } /* OO.ui.PopupButtonWidget */ .oo-ui-popupButtonWidget { position: relative; } .oo-ui-popupButtonWidget .oo-ui-popupWidget { position: absolute; left: 1em; cursor: auto; } /* OO.ui.PushButtonWidget */ .oo-ui-pushButtonWidget .oo-ui-buttonWidget-button { display: inline-block; font-size: 1em; margin: 0.1em 0; padding: 0.2em 0.8em; border-radius: 0.3em; vertical-align: top; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); text-align: center; /* Animation */ -webkit-transition: border-color 100ms; -moz-transition: border-color 100ms; -o-transition: border-color 100ms; transition: border-color 100ms; /* Gray */ border: 1px #c9c9c9 solid; background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0,startColorstr=#ffffff, endColorstr=#f0f0f0 ); background-image: -webkit-gradient( linear, right top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0) ); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%); } .oo-ui-pushButtonWidget .oo-ui-buttonWidget-button:hover, .oo-ui-pushButtonWidget .oo-ui-buttonWidget-button:focus { border-color: #aaa; } .oo-ui-pushButtonWidget .oo-ui-buttonWidget-button:active { border-color: #ddd; box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); color: black; } .oo-ui-pushButtonWidget.oo-ui-widget-disabled .oo-ui-buttonWidget-button, .oo-ui-pushButtonWidget.oo-ui-widget-disabled .oo-ui-buttonWidget-button:active { opacity: 0.5; cursor: default; box-shadow: none; color: #333; } .oo-ui-pushButtonWidget.oo-ui-widget-disabled .oo-ui-buttonWidget-button:hover, .oo-ui-pushButtonWidget.oo-ui-widget-disabled .oo-ui-buttonWidget-button:focus { border-color: #ccc; box-shadow: none; } .oo-ui-pushButtonWidget .oo-ui-buttonWidget-button > .oo-ui-labeledElement-label { display: inline-block; vertical-align: middle; line-height: 1.9em; } .oo-ui-pushButtonWidget.oo-ui-flaggableElement-destructive .oo-ui-buttonWidget-button { /* Red text */ color: #d45353; } .oo-ui-pushButtonWidget.oo-ui-flaggableElement-constructive .oo-ui-buttonWidget-button { /* Green */ border: solid 1px #c3e59a; background-color: #f0fbe1; filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0,startColorstr=#f0fbe1, endColorstr=#c3e59a ); background-image: -webkit-gradient( linear, right top, right bottom, color-stop(0%,#f0fbe1), color-stop(100%,#c3e59a) ); background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); background-image: -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); background-image: linear-gradient(top, #f0fbe1 0%, #c3e59a 100%); } .oo-ui-pushButtonWidget.oo-ui-flaggableElement-constructive .oo-ui-buttonWidget-button:hover, .oo-ui-pushButtonWidget.oo-ui-flaggableElement-constructive .oo-ui-buttonWidget-button:focus { border-color: #a6cf74; } .oo-ui-pushButtonWidget.oo-ui-flaggableElement-primary .oo-ui-buttonWidget-button { /* Blue */ border: solid 1px #b0d9ee; background-color: #eaf4fa; filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0,startColorstr=#eaf4fa, endColorstr=#b0d9ee ); 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: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); } .oo-ui-pushButtonWidget.oo-ui-flaggableElement-primary .oo-ui-buttonWidget-button:hover, .oo-ui-pushButtonWidget.oo-ui-flaggableElement-primary .oo-ui-buttonWidget-button:focus { border-color: #84b9d4; } /* OO.ui.SelectWidget */ .oo-ui-selectWidget { list-style: none; margin: 0; padding: 0; } /* OO.ui.OptionWidget */ .oo-ui-optionWidget { position: relative; display: block; border: none; list-style: none; margin: 0; padding: 0.5em 2em 0.5em 3em; cursor: pointer; } .oo-ui-optionWidget .oo-ui-labeledElement-label { line-height: 1.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .oo-ui-optionWidget-highlighted { background-color: #e1f3ff; } .oo-ui-optionWidget-selected { background-color: #a7dcff; } .oo-ui-optionWidget.oo-ui-widget-disabled { cursor: default; } .oo-ui-optionWidget .oo-ui-optionWidget-icon { position: absolute; top: 50%; left: 0.5em; width: 2em; height: 2em; margin-top: -1em; background-repeat: no-repeat; background-position: center center; } /* OO.ui.OutlineItemWidget */ .oo-ui-outlineItemWidget { position: relative; padding: 0.75em 0.75em 0.75em 3.5em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-size: 1.1em; } .oo-ui-outlineItemWidget-level-1 { padding-left: 5em; } .oo-ui-outlineItemWidget-level-2 { padding-left: 6.5em; } .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected { background-color: #a7dcff; text-shadow: 0 1px 1px rgba(255,255,255,0.5); } .oo-ui-outlineItemWidget-level-0 .oo-ui-optionWidget-icon { left: 1em; } .oo-ui-outlineItemWidget-level-1 .oo-ui-optionWidget-icon { left: 2.5em; } .oo-ui-outlineItemWidget-level-2 .oo-ui-optionWidget-icon { left: 4em; } /* OO.ui.OutlineControlsWidget */ .oo-ui-outlineControlsWidget { height: 3em; background-color: #fff; } .oo-ui-outlineControlsWidget-adders, .oo-ui-outlineControlsWidget-movers { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 3em; padding: 0.5em; } .oo-ui-outlineControlsWidget-adders { float: left; } .oo-ui-outlineControlsWidget-movers { float: right; } .oo-ui-outlineControlsWidget-adders .oo-ui-iconButtonWidget { float: left; } .oo-ui-outlineControlsWidget-movers .oo-ui-iconButtonWidget { float: right; } .oo-ui-outlineControlsWidget-adders:not(:hover) .oo-ui-iconButtonWidget:not(:first-child) { opacity: 0; } .oo-ui-outlineControlsWidget-adders:hover .oo-ui-iconButtonWidget:first-child { opacity: 0.25; cursor: default; } /* OO.ui.InputLabelWidget */ .oo-ui-inputLabelWidget { padding: 0.5em 0; } /* OO.ui.TextInputWidget */ .oo-ui-textInputWidget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 20em; position: relative; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget input:focus[readonly], .oo-ui-widget-disabled.oo-ui-textInputWidget input:focus, .oo-ui-textInputWidget textarea, .oo-ui-textInputWidget textarea:focus[readonly], .oo-ui-widget-disabled.oo-ui-textInputWidget textarea:focus { display: inline-block; font-size: 1em; font-family: sans-serif; background-color: #f7f7f7; border: solid 1px #ccc; box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd; padding: 0.5em; border-radius: 0.25em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; resize: none; /* Animation */ -webkit-transition: border-color 200ms, box-shadow 200ms, background-color 200ms; -moz-transition: border-color 200ms, box-shadow 200ms, background-color 200ms; -o-transition: border-color 200ms, box-shadow 200ms, background-color 200ms; transition: border-color 200ms, box-shadow 200ms, background-color 200ms; } .oo-ui-textInputWidget-pending input, .oo-ui-textInputWidget-pending textarea { background-color: transparent; } .oo-ui-textInputWidget input:focus, .oo-ui-textInputWidget textarea:focus { outline: none; border-color: #a7dcff; box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white; background-color: #fff; } .oo-ui-textInputWidget input[readonly], .oo-ui-textInputWidget textarea[readonly] { color: #777; text-shadow: 0 1px 1px #fff; } .oo-ui-widget-disabled.oo-ui-textInputWidget input, .oo-ui-widget-disabled.oo-ui-textInputWidget input:focus, .oo-ui-widget-disabled.oo-ui-textInputWidget textarea, .oo-ui-widget-disabled.oo-ui-textInputWidget textarea:focus { color: #ccc; text-shadow: 0 1px 1px #fff; } .oo-ui-textInputWidget-decorated input, .oo-ui-textInputWidget-decorated textarea { padding-left: 2em; } .oo-ui-textInputWidget-icon { position: absolute; top: 0; left: 0; width: 2em; height: 100%; background-position: right center; background-repeat: no-repeat; } /* OO.ui.MenuWidget */ .oo-ui-menuWidget { position: absolute; background: #fff; margin-top: -1px; border: solid 1px #ccc; border-radius: 0 0 0.25em 0.25em; box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2); } .oo-ui-menuWidget input { position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; } /* OO.ui.MenuItemWidget */ .oo-ui-menuItemWidget { position: relative; } .oo-ui-menuItemWidget .oo-ui-optionWidget-icon { display: none; } .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-optionWidget-icon { display: block; } .oo-ui-menuItemWidget.oo-ui-optionWidget-selected { background-color: transparent; } .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted { background-color: #e1f3ff; } /* OO.ui.MenuSectionItemWidget */ .oo-ui-menuSectionItemWidget { padding: 0.33em 0.75em; color: #888; cursor: default; } /* OO.ui.PopupWidget */ .oo-ui-popupWidget-popup { position: absolute; overflow: hidden; border: solid 1px #ccc; border-radius: 0.25em; background-color: #fff; box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); } .oo-ui-popupWidget-tail { display: none; } .oo-ui-popupWidget-tailed .oo-ui-popupWidget-popup { margin-top: 7px; } .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail { display: block; position: absolute; /* @embed */ background-image: url(images/tail.svg); background-repeat: no-repeat; width: 15px; height: 8px; margin-left: -7px; } .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { -webkit-transition: width 100ms, height 100ms, left 100ms; -moz-transition: width 100ms, height 100ms, left 100ms; -o-transition: width 100ms, height 100ms, left 100ms; transition: width 100ms, height 100ms, left 100ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .oo-ui-popupWidget-head { height: 2.5em; -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-iconButtonWidget { float: right; margin: 0.25em; } .oo-ui-popupWidget-head .oo-ui-labeledElement-label { float: left; margin: 0.75em 1em; cursor: default; } .oo-ui-popupWidget-body { box-shadow: 0 0 0.66em rgba(0,0,0,0.25); } /* OO.ui.SearchWidget */ .oo-ui-searchWidget-query { position: absolute; top: 0; left: 0; right: 0; height: 4em; padding: 0 1em; box-shadow: 0 0 0.5em rgba(0,0,0,0.2); } .oo-ui-searchWidget-query .oo-ui-textInputWidget { width: 100%; margin: 0.75em 0; } .oo-ui-searchWidget-results { position: absolute; top: 4em; bottom: 0; left: 0; right: 0; padding: 1em; overflow-x: hidden; overflow-y: auto; line-height: 0; } /* OO.ui.ToggleWidget */ .oo-ui-toggleWidget { position: relative; display: inline-block; vertical-align: middle; height: 2em; width: 6em; border-radius: 0.5em; overflow: hidden; box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd; border: solid 1px #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: background-color 200ms; -moz-transition: background-color 200ms; -o-transition: background-color 200ms; transition: background-color 200ms; } .oo-ui-toggleWidget-slide { position: absolute; top: 0; display: block; height: 2em; width: 10em; -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; transition: left 200ms ease-in-out, margin-left 200ms ease-in-out; } .oo-ui-toggleWidget-dragging .oo-ui-toggleWidget-slide { -webkit-transition: left 200ms ease-in-out; -moz-transition: left 200ms ease-in-out; -o-transition: left 200ms ease-in-out; transition: left 200ms ease-in-out; } .oo-ui-toggleWidget-on .oo-ui-toggleWidget-slide { left: 0; } .oo-ui-toggleWidget-off .oo-ui-toggleWidget-slide { left: -4em; } .oo-ui-toggleWidget-grip { position: absolute; top: 0; left: 4em; display: block; width: 2em; height: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: -1px; box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); border-radius: 0.5em; /* Gray */ border: 1px #c9c9c9 solid; background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0,startColorstr=#ffffff, endColorstr=#f0f0f0 ); background-image: -webkit-gradient( linear, right top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0) ); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%); } .oo-ui-toggleWidget:hover, .oo-ui-toggleWidget-dragging, .oo-ui-toggleWidget:hover .oo-ui-toggleWidget-grip, .oo-ui-toggleWidget-dragging .oo-ui-toggleWidget-grip { border-color: #aaa; } .oo-ui-toggleWidget-label { position: absolute; top: 0; display: block; width: 5em; height: 2em; line-height: 2em; color: black; text-align: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .oo-ui-toggleWidget-label-on { left: -0.5em; padding: 0 0.5em 0 0.75em; background-color: rgba(0,255,0,0.25); } .oo-ui-toggleWidget-label-off { left: 5.5em; padding: 0 0.75em 0 0.5em; background-color: rgba(128,128,128,0.25); } .oo-ui-window-head { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .oo-ui-window-body { padding: 0 0.75em; } .oo-ui-window-icon { float: left; width: 2em; height: 2em; line-height: 2em; margin-right: 0.5em; background-position: right center; background-repeat: no-repeat; } .oo-ui-window-title { float: left; line-height: 2em; color: #333; white-space: nowrap; cursor: default; } .oo-ui-window-overlay { font-family: sans-serif; line-height: 1.5em; font-size: 1em; position: absolute; top: 0; left: 0; } .oo-ui-icon-add-item { /* @embed */ background-image: url(images/icons/add-item.png); } .oo-ui-icon-alert { /* @embed */ background-image: url(images/icons/alert.png); } .oo-ui-icon-check { /* @embed */ background-image: url(images/icons/check.png); } .oo-ui-icon-clear { /* @embed */ background-image: url(images/icons/clear.png); } .oo-ui-icon-close { /* @embed */ background-image: url(images/icons/close.png); } .oo-ui-icon-code { /* @embed */ background-image: url(images/icons/code.png); } .oo-ui-icon-collapse { /* @embed */ background-image: url(images/icons/collapse.png); } .oo-ui-icon-comment { /* @embed */ background-image: url(images/icons/comment.png); } .oo-ui-icon-down { /* @embed */ background-image: url(images/icons/down.png); } .oo-ui-icon-expand { /* @embed */ background-image: url(images/icons/expand.png); } .oo-ui-icon-help { /* @embed */ background-image: url(images/icons/help.png); } .oo-ui-icon-link { /* @embed */ background-image: url(images/icons/link.png); } .oo-ui-icon-menu { /* @embed */ background-image: url(images/icons/menu.png); } .oo-ui-icon-next { /* @embed */ background-image: url(images/icons/move-ltr.png); } .oo-ui-icon-picture { /* @embed */ background-image: url(images/icons/picture.png); } .oo-ui-icon-previous { /* @embed */ background-image: url(images/icons/move-rtl.png); } .oo-ui-icon-redo { /* @embed */ background-image: url(images/icons/arched-arrow-ltr.png); } .oo-ui-icon-remove { /* @embed */ background-image: url(images/icons/remove.png); } .oo-ui-icon-search { /* @embed */ background-image: url(images/icons/search.png); } .oo-ui-icon-settings { /* @embed */ background-image: url(images/icons/settings.png); } .oo-ui-icon-tag { /* @embed */ background-image: url(images/icons/tag.png); } .oo-ui-icon-undo { /* @embed */ background-image: url(images/icons/arched-arrow-rtl.png); } .oo-ui-icon-up { /* @embed */ background-image: url(images/icons/up.png); } .oo-ui-icon-window { /* @embed */ background-image: url(images/icons/window.png); } .oo-ui-icon-add-item { /* @embed */ background-image: url(images/icons/add-item.svg); } .oo-ui-icon-alert { /* @embed */ background-image: url(images/icons/alert.svg); } .oo-ui-icon-check { /* @embed */ background-image: url(images/icons/check.svg); } .oo-ui-icon-clear { /* @embed */ background-image: url(images/icons/clear.svg); } .oo-ui-icon-close { /* @embed */ background-image: url(images/icons/close.svg); } .oo-ui-icon-code { /* @embed */ background-image: url(images/icons/code.svg); } .oo-ui-icon-collapse { /* @embed */ background-image: url(images/icons/collapse.svg); } .oo-ui-icon-comment { /* @embed */ background-image: url(images/icons/comment.svg); } .oo-ui-icon-down { /* @embed */ background-image: url(images/icons/down.svg); } .oo-ui-icon-expand { /* @embed */ background-image: url(images/icons/expand.svg); } .oo-ui-icon-help { /* @embed */ background-image: url(images/icons/help.svg); } .oo-ui-icon-link { /* @embed */ background-image: url(images/icons/link.svg); } .oo-ui-icon-menu { /* @embed */ background-image: url(images/icons/menu.svg); } .oo-ui-icon-next { /* @embed */ background-image: url(images/icons/move-ltr.svg); } .oo-ui-icon-picture { /* @embed */ background-image: url(images/icons/picture.svg); } .oo-ui-icon-previous { /* @embed */ background-image: url(images/icons/move-rtl.svg); } .oo-ui-icon-redo { /* @embed */ background-image: url(images/icons/arched-arrow-ltr.svg); } .oo-ui-icon-remove { /* @embed */ background-image: url(images/icons/remove.svg); } .oo-ui-icon-search { /* @embed */ background-image: url(images/icons/search.svg); } .oo-ui-icon-settings { /* @embed */ background-image: url(images/icons/settings.svg); } .oo-ui-icon-tag { /* @embed */ background-image: url(images/icons/tag.svg); } .oo-ui-icon-undo { /* @embed */ background-image: url(images/icons/arched-arrow-rtl.svg); } .oo-ui-icon-up { /* @embed */ background-image: url(images/icons/up.svg); } .oo-ui-icon-window { /* @embed */ background-image: url(images/icons/window.svg); }