From 8db1cb1da4b0ed18a75d8859c5a7fa1b05431cdc Mon Sep 17 00:00:00 2001 From: "James D. Forrester" Date: Thu, 18 Sep 2014 16:22:23 -0700 Subject: [PATCH] Update OOjs UI to v0.1.0-pre (f2c3f12959) New changes: f8e3599 Fix automatic sizing of windows 427b9a4 README: Add devDependencies badge 5018f7b build: Use csscomb to prettify the CSS f2c3f12 Followup ec785c2: re-evaluate clipping state after positioning Change-Id: I0e1d5d44a6e90a66cfa280c782b6e75ba44ce7c4 --- resources/lib/oojs-ui/oojs-ui-apex.css | 2048 ++++++++++----------- resources/lib/oojs-ui/oojs-ui-minerva.css | 1430 +++++++------- resources/lib/oojs-ui/oojs-ui.js | 18 +- resources/lib/oojs-ui/oojs-ui.svg.css | 68 +- 4 files changed, 1787 insertions(+), 1777 deletions(-) diff --git a/resources/lib/oojs-ui/oojs-ui-apex.css b/resources/lib/oojs-ui/oojs-ui-apex.css index b10bb25621..fdf41ae68c 100644 --- a/resources/lib/oojs-ui/oojs-ui-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-apex.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (ec785c2c64) + * OOjs UI v0.1.0-pre (f2c3f12959) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-09-18T01:30:17Z + * Date: 2014-09-18T23:22:20Z */ /* * Blank theme mixins. @@ -21,220 +21,220 @@ */ /* @noflip */ .oo-ui-rtl { - direction: rtl; + direction: rtl; } /* @noflip */ .oo-ui-ltr { - direction: ltr; + direction: ltr; } .oo-ui-buttonElement > .oo-ui-buttonElement-button { - 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; + 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-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - display: none; + display: none; } .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - display: none; + display: none; } .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - cursor: default; + cursor: default; } .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-buttonElement-frameless { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - display: inline-block; - vertical-align: top; - text-align: center; + display: inline-block; + vertical-align: top; + text-align: center; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - cursor: default; + cursor: default; } .oo-ui-buttonElement > .oo-ui-buttonElement-button { - color: #333; + color: #333333; } .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: 0; + margin-left: 0; } .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-right: -0.75em; + margin-right: -0.75em; } .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - opacity: 0.8; - width: 1.9em; - height: 1.9em; + opacity: 0.8; + width: 1.9em; + height: 1.9em; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */ - /*.oo-ui-transition(opacity 200ms);*/ + /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */ + /*.oo-ui-transition(opacity 200ms);*/ } .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; + 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; + color: #000000; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #333; - margin-left: 0.25em; + color: #333333; + margin-left: 0.25em; } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #087ecc; + color: #087ecc; } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #76ab36; + color: #76ab36; } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #d45353; + color: #d45353; } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #ccc; + color: #cccccc; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - margin: 0.1em 0; - padding: 0.2em 0.8em; - border-radius: 0.3em; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); - border: 1px #c9c9c9 solid; - -webkit-transition: border-color 100ms ease-in-out; - -moz-transition: border-color 100ms ease-in-out; - -ms-transition: border-color 100ms ease-in-out; - -o-transition: border-color 100ms ease-in-out; - transition: border-color 100ms ease-in-out; - background: #eeeeee; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); - background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); - background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); - background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); - background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); - background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); + margin: 0.1em 0; + padding: 0.2em 0.8em; + border-radius: 0.3em; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); + border: 1px #c9c9c9 solid; + -webkit-transition: border-color 100ms ease-in-out; + -moz-transition: border-color 100ms ease-in-out; + -ms-transition: border-color 100ms ease-in-out; + -o-transition: border-color 100ms ease-in-out; + transition: border-color 100ms ease-in-out; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { - border-color: #aaa; + border-color: #aaaaaa; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - line-height: 1.9em; + line-height: 1.9em; } .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); - color: black; - border-color: #c9c9c9; - background: #eeeeee; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); - background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); - background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); - background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); - background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); - background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + color: black; + border-color: #c9c9c9; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); } .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: -0.5em; - margin-right: -0.5em; + margin-left: -0.5em; + margin-right: -0.5em; } .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: -0.5em; - margin-right: 0.3em; + margin-left: -0.5em; + margin-right: 0.3em; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { - border: solid 1px #a6cee1; - background: #cde7f4; - 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%); + border: solid 1px #a6cee1; + background: #cde7f4; + 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-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus { - border-color: #9dc2d4; + border-color: #9dc2d4; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - border: solid 1px #a6cee1; - background: #cde7f4; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); - 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: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); - background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); - background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + border: solid 1px #a6cee1; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); + 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: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - border: solid 1px #b8d892; - background: #daf0be; - 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%); + border: solid 1px #b8d892; + background: #daf0be; + 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-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { - border-color: #adcb89; + border-color: #adcb89; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - border: solid 1px #b8d892; - background: #daf0be; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1'); - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1)); - background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); - background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); - background-image: -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); - background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); - background-image: linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + border: solid 1px #b8d892; + background: #daf0be; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1)); + background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); + background-image: linear-gradient(top, #c3e59a 0%, #f0fbe1 100%); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - color: #d45353; + 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; - box-shadow: none; - color: #333; - background: #eee; - border-color: #ccc; + opacity: 0.5; + box-shadow: none; + color: #333333; + background: #eeeeee; + border-color: #cccccc; } .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, @@ -242,1704 +242,1704 @@ .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; + border-color: #cccccc; + box-shadow: none; } .oo-ui-clippableElement-clippable { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable { - overflow-y: hidden; + overflow-y: hidden; } .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable { - overflow-y: auto; + overflow-y: auto; } .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { - padding: 2em; + padding: 2em; } .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 3em; - overflow-y: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 3em; + overflow-y: auto; } .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { - position: absolute; - bottom: 0; - left: 0; - right: 0; + position: absolute; + bottom: 0; + left: 0; + right: 0; } .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { - padding: 1.5em; + padding: 1.5em; } .oo-ui-bookletLayout-outlinePanel { - border-right: solid 1px #ddd; + border-right: solid 1px #dddddd; } .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { - box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); + box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); } .oo-ui-fieldLayout { - margin-bottom: 1em; + margin-bottom: 1em; } .oo-ui-fieldLayout:before, .oo-ui-fieldLayout:after { - content: " "; - display: table; + content: " "; + display: table; } .oo-ui-fieldLayout:after { - clear: both; + clear: both; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { - display: block; - float: left; + display: block; + float: left; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { - display: block; - float: left; + display: block; + float: left; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { - text-align: right; + text-align: right; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { - display: inline-block; + display: inline-block; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; + z-index: 1; } .oo-ui-fieldLayout .oo-ui-fieldLayout-help { - float: right; + float: right; } .oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { - padding: 0.5em 0.75em; + padding: 0.5em 0.75em; } .oo-ui-fieldLayout:last-child { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { - padding-top: 0.5em; - margin-right: 5%; - width: 35%; + padding-top: 0.5em; + margin-right: 5%; + width: 35%; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { - width: 60%; + width: 60%; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { - padding: 0.75em 0.5em 0.5em 0.5em; + padding: 0.75em 0.5em 0.5em 0.5em; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { - padding: 0.5em 0; + padding: 0.5em 0; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { - padding: 0.5em 0; + padding: 0.5em 0; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-top: 0.25em; + margin-top: 0.25em; } .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { - color: #ccc; + color: #cccccc; } .oo-ui-fieldsetLayout { - position: relative; - margin: 0; - padding: 0; - border: none; + position: relative; + margin: 0; + padding: 0; + border: none; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - display: block; - position: absolute; - background-position: center center; - background-repeat: no-repeat; + display: block; + position: absolute; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { - display: inline-block; + display: inline-block; } .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { - margin-top: 2em; + margin-top: 2em; } .oo-ui-fieldsetLayout > .oo-ui-labelElement-label { - font-size: 1.5em; - margin-bottom: 0.5em; - padding: 0.25em 0; + font-size: 1.5em; + margin-bottom: 0.5em; + padding: 0.25em 0; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { - padding-left: 1.75em; - line-height: 1.33em; + padding-left: 1.75em; + line-height: 1.33em; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - left: 0; - top: 0.25em; - width: 2em; - height: 2em; + left: 0; + top: 0.25em; + width: 2em; + height: 2em; } .oo-ui-gridLayout { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; } .oo-ui-panelLayout { - position: relative; + position: relative; } .oo-ui-panelLayout-scrollable { - overflow-y: auto; + overflow-y: auto; } .oo-ui-panelLayout-expanded { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; } .oo-ui-panelLayout-padded { - padding: 1.25em; + padding: 1.25em; } .oo-ui-stackLayout > .oo-ui-panelLayout { - display: none; + display: none; } .oo-ui-stackLayout-continuous > .oo-ui-panelLayout { - display: block; - position: relative; + display: block; + position: relative; } .oo-ui-popupTool .oo-ui-popupWidget-popup, .oo-ui-popupTool .oo-ui-popupWidget-anchor { - z-index: 4; + z-index: 4; } .oo-ui-popupTool .oo-ui-popupWidget { - margin-left: 1.25em; - font-size: 0.8em; + margin-left: 1.25em; + font-size: 0.8em; } .oo-ui-toolGroup { - display: inline-block; - vertical-align: middle; - margin: 0.3em; - border-radius: 0.25em; - border: solid 1px transparent; - -webkit-transition: border-color 300ms ease-in-out; - -moz-transition: border-color 300ms ease-in-out; - -ms-transition: border-color 300ms ease-in-out; - -o-transition: border-color 300ms ease-in-out; - transition: border-color 300ms ease-in-out; + display: inline-block; + vertical-align: middle; + margin: 0.3em; + border-radius: 0.25em; + border: solid 1px transparent; + -webkit-transition: border-color 300ms ease-in-out; + -moz-transition: border-color 300ms ease-in-out; + -ms-transition: border-color 300ms ease-in-out; + -o-transition: border-color 300ms ease-in-out; + transition: border-color 300ms ease-in-out; } .oo-ui-toolGroup-empty { - display: none; + display: none; } .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-position: center center; - background-repeat: no-repeat; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-toolGroup.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.1); + border-color: rgba(0, 0, 0, 0.1); } .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { - color: #000; + color: #000000; } .oo-ui-barToolGroup > .oo-ui-iconElement-icon, .oo-ui-barToolGroup > .oo-ui-labelElement-label { - display: none; + display: none; } .oo-ui-barToolGroup .oo-ui-tool { - display: inline-block; - position: relative; - vertical-align: top; + display: inline-block; + position: relative; + vertical-align: top; } .oo-ui-barToolGroup .oo-ui-tool-link { - display: block; + display: block; } .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - display: block; + display: block; } .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: none; + display: none; } .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; + cursor: default; } .oo-ui-barToolGroup .oo-ui-tool-title, .oo-ui-barToolGroup .oo-ui-tool-accel { - display: none; + display: none; } .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { - cursor: pointer; + cursor: pointer; } .oo-ui-barToolGroup .oo-ui-tool { - margin: -1px 0 -1px -1px; - border: solid 1px transparent; + margin: -1px 0 -1px -1px; + border: solid 1px transparent; } .oo-ui-barToolGroup .oo-ui-tool:first-child { - border-top-left-radius: 0.25em; - border-bottom-left-radius: 0.25em; + 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; + margin-right: -1px; + border-top-right-radius: 0.25em; + border-bottom-right-radius: 0.25em; } .oo-ui-barToolGroup .oo-ui-tool-link { - height: 1.5em; - padding: 0.25em; + height: 1.5em; + padding: 0.25em; } .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.5em; - width: 1.5em; - opacity: 0.8; + height: 1.5em; + width: 1.5em; + opacity: 0.8; } .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled { - border-color: rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); - background: #f8fbfd; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); - background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); } .oo-ui-barToolGroup.oo-ui-widget-enabled .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); + border-left-color: rgba(0, 0, 0, 0.1); } .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.8; + opacity: 0.8; } .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 1; + opacity: 1; } .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-popupToolGroup { - position: relative; - height: 2em; - min-width: 2.5em; + position: relative; + height: 2em; + min-width: 2.5em; } .oo-ui-popupToolGroup-handle { - display: block; - cursor: pointer; + display: block; + cursor: pointer; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - position: absolute; - background-position: center center; - background-repeat: no-repeat; + position: absolute; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { - cursor: default; + cursor: default; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - display: none; - position: absolute; - z-index: 4; + display: none; + position: absolute; + z-index: 4; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { - background-repeat: no-repeat; - background-position: center center; + background-repeat: no-repeat; + background-position: center center; } .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { - display: block; + display: block; } .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { - left: 0; + left: 0; } .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { - right: 0; + right: 0; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-popupToolGroup .oo-ui-tool-accel { - display: none; + display: none; } .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 3.5em; + min-width: 3.5em; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - top: 0; - width: 2em; - height: 2em; - opacity: 0.8; + top: 0; + width: 2em; + height: 2em; + opacity: 0.8; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - right: 0; + right: 0; } .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - left: 0.25em; + left: 0.25em; } .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.6em; - font-size: 0.8em; - margin: 0 1em; + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; } .oo-ui-popupToolGroup-header { - line-height: 2.6em; - font-size: 0.8em; - margin: 0 0.6em; - font-weight: bold; + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; } .oo-ui-popupToolGroup-active.oo-ui-widget-enabled { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); - background: #f8fbfd; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); - background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); } .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-left: 3em; + margin-left: 3em; } .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 2.25em; + margin-right: 2.25em; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - top: 2em; - margin: 0 -1px; - border: solid 1px #ccc; - background-color: white; - box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); + top: 2em; + margin: 0 -1px; + border: solid 1px #cccccc; + background-color: white; + box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25); } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 2em; - width: 2em; - margin-right: 0.25em; + height: 2em; + width: 2em; + margin-right: 0.25em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - line-height: 2em; - font-size: 0.8em; + line-height: 2em; + font-size: 0.8em; } .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; + display: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-listToolGroup .oo-ui-tool-link { - display: block; - cursor: pointer; - white-space: nowrap; + display: block; + cursor: pointer; + white-space: nowrap; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; + cursor: default; } .oo-ui-listToolGroup .oo-ui-toolGroup-tools { - padding: 0.25em; + padding: 0.25em; } .oo-ui-listToolGroup.oo-ui-popupToolGroup-active { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-listToolGroup .oo-ui-tool { - border: solid 1px transparent; - margin: -1px 0; + border: solid 1px transparent; + margin: -1px 0; } .oo-ui-listToolGroup .oo-ui-tool-link { - padding-right: 0.5em; + padding-right: 0.5em; } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { - border-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); - background: #f8fbfd; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); - background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); - background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + border-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%); + background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%); } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { - border-top-color: rgba(0, 0, 0, 0.1); + border-top-color: rgba(0, 0, 0, 0.1); } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.8; + opacity: 0.8; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 1; + opacity: 1; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { - color: #ccc; + color: #cccccc; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-listToolGroup.oo-ui-widget-disabled { - color: #ccc; + color: #cccccc; } .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-menuToolGroup { - border-color: rgba(0, 0, 0, 0.1); + border-color: rgba(0, 0, 0, 0.1); } .oo-ui-menuToolGroup .oo-ui-tool { - display: block; + display: block; } .oo-ui-menuToolGroup .oo-ui-tool-link { - display: block; - cursor: pointer; - white-space: nowrap; + display: block; + cursor: pointer; + white-space: nowrap; } .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: none; + background-image: none; } .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: /* @embed */ url(images/icons/check.svg); + background-image: /* @embed */ url(images/icons/check.svg); } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; + cursor: default; } .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 8em; + min-width: 8em; } .oo-ui-menuToolGroup .oo-ui-toolGroup-tools { - padding: 0.25em 0 0.25em 0; + padding: 0.25em 0 0.25em 0; } .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { - border-color: rgba(0, 0, 0, 0.25); + border-color: rgba(0, 0, 0, 0.25); } .oo-ui-menuToolGroup .oo-ui-tool-link { - padding: 0 1em 0 0.25em; + padding: 0 1em 0 0.25em; } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { - background-color: #e1f3ff; + background-color: #e1f3ff; } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { - color: #ccc; + color: #cccccc; } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.2; + opacity: 0.2; } .oo-ui-menuToolGroup.oo-ui-widget-disabled { - color: #ccc; - border-color: rgba(0, 0, 0, 0.05); + color: #cccccc; + 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; + opacity: 0.2; } .oo-ui-toolbar { - clear: both; + clear: both; } .oo-ui-toolbar-bar { - line-height: 1em; + line-height: 1em; } .oo-ui-toolbar-actions { - float: right; + float: right; } .oo-ui-toolbar-tools { - display: inline; + display: inline; } .oo-ui-toolbar-tools, .oo-ui-toolbar-actions, .oo-ui-toolbar-shadow { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-toolbar-actions .oo-ui-popupWidget { - -webkit-touch-callout: default; - -webkit-user-select: all; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; } .oo-ui-toolbar-shadow { - background-position: left top; - background-repeat: repeat-x; - position: absolute; - width: 100%; - pointer-events: none; + background-position: left top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; } .oo-ui-toolbar-bar { - border-bottom: solid 1px #ccc; - background: #f8fbfd; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb'); - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb)); - background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); - background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); - background-image: -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); - background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); - background-image: linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + border-bottom: solid 1px #cccccc; + background: #f8fbfd; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%); + background-image: linear-gradient(top, #ffffff 0%, #f1f7fb 100%); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar { - border: none; - background: none; + border: none; + background: none; } .oo-ui-toolbar-shadow { - background-image: /* @embed */ url(images/toolbar-shadow.png); - bottom: -9px; - height: 9px; - opacity: 0.125; - -webkit-transition: opacity 500ms ease-in-out; - -moz-transition: opacity 500ms ease-in-out; - -ms-transition: opacity 500ms ease-in-out; - -o-transition: opacity 500ms ease-in-out; - transition: opacity 500ms ease-in-out; + background-image: /* @embed */ url(images/toolbar-shadow.png); + bottom: -9px; + height: 9px; + opacity: 0.125; + -webkit-transition: opacity 500ms ease-in-out; + -moz-transition: opacity 500ms ease-in-out; + -ms-transition: opacity 500ms ease-in-out; + -o-transition: opacity 500ms ease-in-out; + transition: opacity 500ms ease-in-out; } .oo-ui-optionWidget { - position: relative; - display: block; - cursor: pointer; - padding: 0.5em 2em 0.5em 3em; - border: none; + position: relative; + display: block; + cursor: pointer; + padding: 0.5em 2em 0.5em 3em; + border: none; } .oo-ui-optionWidget.oo-ui-widget-disabled { - cursor: default; + cursor: default; } .oo-ui-optionWidget .oo-ui-labelElement-label { - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .oo-ui-optionWidget-highlighted { - background-color: #e1f3ff; + background-color: #e1f3ff; } .oo-ui-optionWidget .oo-ui-labelElement-label { - line-height: 1.5em; + line-height: 1.5em; } .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected { - background-color: #a7dcff; + background-color: #a7dcff; } .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed { - background-color: #a7dcff; + background-color: #a7dcff; } .oo-ui-optionWidget.oo-ui-widget-disabled { - color: #ccc; + color: #cccccc; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - position: absolute; - background-repeat: no-repeat; - background-position: center center; + position: absolute; + background-repeat: no-repeat; + background-position: center center; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - top: 50%; - width: 2em; - height: 2em; - margin-top: -1em; + top: 50%; + width: 2em; + height: 2em; + margin-top: -1em; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { - left: 0.5em; + left: 0.5em; } .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - right: 0.5em; + right: 0.5em; } .oo-ui-buttonSelectWidget { - display: inline-block; - white-space: nowrap; - border-radius: 0.3em; + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; } .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; + border-radius: 0; + margin-left: -1px; } .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 0.3em; - border-top-left-radius: 0.3em; - margin-left: 0; + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; + margin-left: 0; } .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 0.3em; - border-top-right-radius: 0.3em; + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; } .oo-ui-buttonOptionWidget { - display: inline-block; - padding: 0; - background-color: transparent; + display: inline-block; + padding: 0; + background-color: transparent; } .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - position: relative; + position: relative; } .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - position: static; - display: inline-block; - vertical-align: middle; + position: static; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - height: 1.9em; + height: 1.9em; } .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - height: 1.9em; - margin-top: 0; + height: 1.9em; + margin-top: 0; } .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected, .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { - background-color: transparent; + background-color: transparent; } .oo-ui-labelWidget { - display: inline-block; - padding: 0.5em 0; + display: inline-block; + padding: 0.5em 0; } .oo-ui-iconWidget { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; - line-height: 2.5em; - height: 1.9em; - width: 1.9em; - opacity: 0.8; + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; } .oo-ui-iconWidget.oo-ui-widget-disabled { - opacity: 0.2; + opacity: 0.2; } .oo-ui-indicatorWidget { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; - line-height: 2.5em; - height: 1.9em; - width: 1.9em; - opacity: 0.8; + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; } .oo-ui-indicatorWidget.oo-ui-widget-disabled { - opacity: 0.2; + opacity: 0.2; } .oo-ui-buttonWidget { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonGroupWidget { - display: inline-block; - white-space: nowrap; - border-radius: 0.3em; + display: inline-block; + white-space: nowrap; + border-radius: 0.3em; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - border-radius: 0; - margin-bottom: -1px; - margin-left: -1px; + border-radius: 0; + margin-bottom: -1px; + margin-left: -1px; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 0.3em; - border-top-left-radius: 0.3em; - margin-left: 0; + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; + margin-left: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 0.3em; - border-top-right-radius: 0.3em; + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; } .oo-ui-toggleSwitchWidget { - position: relative; - display: inline-block; - vertical-align: middle; - overflow: hidden; - cursor: pointer; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transform: translateZ(0px); - -moz-transform: translateZ(0px); - -ms-transform: translateZ(0px); - -o-transform: translateZ(0px); - transform: translateZ(0px); - height: 2em; - width: 4em; - border-radius: 1em; - box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd; - border: solid 1px #ccc; - background: #eeeeee; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); - background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); - background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); - background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); - background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); - background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -ms-transform: translateZ(0px); + -o-transform: translateZ(0px); + transform: translateZ(0px); + height: 2em; + width: 4em; + border-radius: 1em; + box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd; + border: solid 1px #cccccc; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); + background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%); + background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { - cursor: default; + cursor: default; } .oo-ui-toggleSwitchWidget-grip { - position: absolute; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { - display: none; + display: none; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { - opacity: 0.5; + opacity: 0.5; } .oo-ui-toggleSwitchWidget-grip { - top: 0.25em; - left: 0.25em; - width: 1.5em; - height: 1.5em; - margin-top: -1px; - border-radius: 1em; - box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); - border: 1px #c9c9c9 solid; - -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; - -ms-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; - background: #eeeeee; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); - background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); - background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); - background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); - background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); - background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); - background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); + top: 0.25em; + left: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + border-radius: 1em; + box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1); + border: 1px #c9c9c9 solid; + -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; + -ms-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; + background: #eeeeee; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd'); + background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); + background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%); + background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { - border-color: #aaa; + border-color: #aaaaaa; } .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { - border-radius: 1em; - box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); - -webkit-transition: opacity 200ms ease-in-out; - -moz-transition: opacity 200ms ease-in-out; - -ms-transition: opacity 200ms ease-in-out; - -o-transition: opacity 200ms ease-in-out; - transition: opacity 200ms ease-in-out; - background: #cde7f4; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); - 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: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); - background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); - background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + border-radius: 1em; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07); + -webkit-transition: opacity 200ms ease-in-out; + -moz-transition: opacity 200ms ease-in-out; + -ms-transition: opacity 200ms ease-in-out; + -o-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; + background: #cde7f4; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); + 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: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); + background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%); } .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow { - opacity: 1; + opacity: 1; } .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { - left: 2.25em; - margin-left: -2px; + left: 2.25em; + margin-left: -2px; } .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { - display: block; - opacity: 0; + display: block; + opacity: 0; } .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { - left: 0.25em; - margin-left: 0; + left: 0.25em; + margin-left: 0; } .oo-ui-actionWidget.oo-ui-pendingElement-pending { - background-image: /* @embed */ url(images/textures/pending.gif); + background-image: /* @embed */ url(images/textures/pending.gif); } .oo-ui-popupWidget-popup { - position: absolute; - overflow: hidden; - z-index: 1; + position: absolute; + overflow: hidden; + z-index: 1; } .oo-ui-popupWidget-anchor { - display: none; - z-index: 1; + display: none; + z-index: 1; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { - display: block; - position: absolute; - background-repeat: no-repeat; + display: block; + position: absolute; + background-repeat: no-repeat; } .oo-ui-popupWidget-head { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-popupWidget-head .oo-ui-buttonWidget { - float: right; + float: right; } .oo-ui-popupWidget-head .oo-ui-labelElement-label { - float: left; - cursor: default; + float: left; + cursor: default; } .oo-ui-popupWidget-body { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .oo-ui-popupWidget-popup { - 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); + border: solid 1px #cccccc; + border-radius: 0.25em; + background-color: #ffffff; + box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2); } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { - margin-top: 7px; + margin-top: 7px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { - width: 15px; - height: 8px; - margin-left: -7px; - background-image: /* @embed */ url(images/anchor.svg); + width: 15px; + height: 8px; + margin-left: -7px; + background-image: /* @embed */ url(images/anchor.svg); } .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { - -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; - transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; + transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out; } .oo-ui-popupWidget-head { - height: 2.5em; + height: 2.5em; } .oo-ui-popupWidget-head .oo-ui-buttonWidget { - margin: 0.25em; + margin: 0.25em; } .oo-ui-popupWidget-head .oo-ui-labelElement-label { - margin: 0.75em 1em; + margin: 0.75em 1em; } .oo-ui-popupWidget-body { - box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); } .oo-ui-popupWidget-body-padded { - padding: 0 1em; + padding: 0 1em; } .oo-ui-popupButtonWidget { - position: relative; + position: relative; } .oo-ui-popupButtonWidget .oo-ui-popupWidget { - position: absolute; - left: 1em; - cursor: auto; + position: absolute; + left: 1em; + cursor: auto; } .oo-ui-textInputWidget { - position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 20em; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 20em; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - display: inline-block; - width: 100%; - resize: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-textInputWidget.oo-ui-pendingElement-pending input, .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { - background-image: /* @embed */ url(images/textures/pending.gif); + background-image: /* @embed */ url(images/textures/pending.gif); } .oo-ui-textInputWidget > .oo-ui-iconElement-icon, .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { - position: absolute; - top: 0; - height: 100%; - background-repeat: no-repeat; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + position: absolute; + top: 0; + height: 100%; + background-repeat: no-repeat; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget > .oo-ui-iconElement-icon { - left: 0; + left: 0; } .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { - right: 0; + right: 0; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - padding: 0.5em; - font-size: 1em; - font-family: sans-serif; - background-color: #fff; - border: solid 1px #ccc; - box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd; - border-radius: 0.25em; - -webkit-transition: border-color 200ms, box-shadow 200ms; - -moz-transition: border-color 200ms, box-shadow 200ms; - -ms-transition: border-color 200ms, box-shadow 200ms; - -o-transition: border-color 200ms, box-shadow 200ms; - transition: border-color 200ms, box-shadow 200ms; + padding: 0.5em; + font-size: 1em; + font-family: sans-serif; + background-color: #ffffff; + border: solid 1px #cccccc; + box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd; + border-radius: 0.25em; + -webkit-transition: border-color 200ms, box-shadow 200ms; + -moz-transition: border-color 200ms, box-shadow 200ms; + -ms-transition: border-color 200ms, box-shadow 200ms; + -o-transition: border-color 200ms, box-shadow 200ms; + transition: border-color 200ms, box-shadow 200ms; } .oo-ui-textInputWidget-decorated input, .oo-ui-textInputWidget-decorated textarea { - padding-left: 2em; + padding-left: 2em; } .oo-ui-textInputWidget-icon { - width: 2em; + width: 2em; } .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { - outline: none; - border-color: #a7dcff; - box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white; + outline: none; + border-color: #a7dcff; + box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white; } .oo-ui-textInputWidget input[readonly], .oo-ui-textInputWidget textarea[readonly] { - color: #777; - text-shadow: 0 1px 1px #fff; + color: #777777; + text-shadow: 0 1px 1px #ffffff; } .oo-ui-textInputWidget.oo-ui-pendingElement-pending input, .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { - background-color: transparent; + background-color: transparent; } .oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus { - color: #ccc; - text-shadow: 0 1px 1px #fff; - border-color: #ddd; - background-color: #f3f3f3; + color: #cccccc; + text-shadow: 0 1px 1px #ffffff; + border-color: #dddddd; + background-color: #f3f3f3; } .oo-ui-textInputWidget .oo-ui-iconElement-icon, .oo-ui-textInputWidget .oo-ui-indicatorElement-indicator { - opacity: 0.8; + opacity: 0.8; } .oo-ui-textInputWidget.oo-ui-iconElement input, .oo-ui-textInputWidget.oo-ui-iconElement textarea { - padding-left: 2em; + padding-left: 2em; } .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - width: 2em; - background-position: right center; + width: 2em; + background-position: right center; } .oo-ui-textInputWidget.oo-ui-indicatorElement input, .oo-ui-textInputWidget.oo-ui-indicatorElement textarea { - padding-right: 1.5em; + padding-right: 1.5em; } .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - width: 1.5em; - background-position: left center; + width: 1.5em; + background-position: left center; } .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); + position: absolute; + background: #ffffff; + margin-top: -1px; + border: solid 1px #cccccc; + 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; + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; } .oo-ui-menuItemWidget { - position: relative; + position: relative; } .oo-ui-menuItemWidget .oo-ui-iconElement-icon { - display: none; + display: none; } .oo-ui-menuItemWidget.oo-ui-optionWidget-selected { - background-color: transparent; + background-color: transparent; } .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: block; + display: block; } .oo-ui-menuItemWidget.oo-ui-optionWidget-selected { - background-color: transparent; + background-color: transparent; } .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { - background-color: #e1f3ff; + background-color: #e1f3ff; } .oo-ui-menuSectionItemWidget { - cursor: default; - padding: 0.33em 0.75em; - color: #888; + cursor: default; + padding: 0.33em 0.75em; + color: #888888; } .oo-ui-inlineMenuWidget { - position: relative; - display: inline-block; - margin: 0.25em 0; - min-width: 20em; + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; } .oo-ui-inlineMenuWidget-handle { - width: 100%; - display: inline-block; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + display: inline-block; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { - position: absolute; - background-position: center center; - background-repeat: no-repeat; + position: absolute; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-inlineMenuWidget .oo-ui-menuWidget { - z-index: 1; - width: 100%; + z-index: 1; + width: 100%; } .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { - cursor: default; + cursor: default; } .oo-ui-inlineMenuWidget-handle { - height: 2.5em; - border: solid 1px rgba(0, 0, 0, 0.1); - border-radius: 0.25em; + height: 2.5em; + border: solid 1px rgba(0, 0, 0, 0.1); + border-radius: 0.25em; } .oo-ui-inlineMenuWidget-handle:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { - right: 0; + right: 0; } .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { - left: 0.25em; + left: 0.25em; } .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { - line-height: 2.5em; - margin: 0 0.5em; + line-height: 2.5em; + margin: 0 0.5em; } .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { - top: 0; - width: 2.5em; - height: 2.5em; - opacity: 0.8; + top: 0; + width: 2.5em; + height: 2.5em; + opacity: 0.8; } .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { - color: #ccc; - text-shadow: 0 1px 1px #fff; - border-color: #ddd; - background-color: #f3f3f3; + color: #cccccc; + text-shadow: 0 1px 1px #ffffff; + border-color: #dddddd; + background-color: #f3f3f3; } .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { - opacity: 0.2; + opacity: 0.2; } .oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { - margin-left: 3em; + margin-left: 3em; } .oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { - margin-right: 2em; + margin-right: 2em; } .oo-ui-outlineItemWidget { - position: relative; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 1.1em; - padding: 0.75em; + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1.1em; + padding: 0.75em; } .oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { - padding-right: 1.5em; + padding-right: 1.5em; } .oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - opacity: 0.5; + opacity: 0.5; } .oo-ui-outlineItemWidget-level-0 { - padding-left: 3.5em; + padding-left: 3.5em; } .oo-ui-outlineItemWidget-level-0 .oo-ui-iconElement-icon { - left: 1em; + left: 1em; } .oo-ui-outlineItemWidget-level-1 { - padding-left: 5em; + padding-left: 5em; } .oo-ui-outlineItemWidget-level-1 .oo-ui-iconElement-icon { - left: 2.5em; + left: 2.5em; } .oo-ui-outlineItemWidget-level-2 { - padding-left: 6.5em; + padding-left: 6.5em; } .oo-ui-outlineItemWidget-level-2 .oo-ui-iconElement-icon { - left: 4em; + left: 4em; } .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected { - background-color: #a7dcff; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); + background-color: #a7dcff; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); } .oo-ui-outlineItemWidget.oo-ui-flaggedElement-important { - font-weight: bold; + font-weight: bold; } .oo-ui-outlineItemWidget.oo-ui-flaggedElement-placeholder { - font-style: italic; + font-style: italic; } .oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon { - opacity: 0.5; + opacity: 0.5; } .oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label { - color: #777; + color: #777777; } .oo-ui-outlineControlsWidget { - height: 3em; - background-color: #fff; + height: 3em; + background-color: #ffffff; } .oo-ui-outlineControlsWidget-items, .oo-ui-outlineControlsWidget-movers { - float: left; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - float: left; - background-position: right center; - background-repeat: no-repeat; + float: left; + background-position: right center; + background-repeat: no-repeat; } .oo-ui-outlineControlsWidget-items { - float: left; + float: left; } .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { - float: left; + float: left; } .oo-ui-outlineControlsWidget-movers { - float: right; + float: right; } .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { - float: right; + float: right; } .oo-ui-outlineControlsWidget-items, .oo-ui-outlineControlsWidget-movers { - height: 2em; - margin: 0.5em; - padding: 0; + height: 2em; + margin: 0.5em; + padding: 0; } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - width: 1.5em; - height: 2em; - margin: 0.5em 0 0.5em 0.5em; - opacity: 0.2; + width: 1.5em; + height: 2em; + margin: 0.5em 0 0.5em 0.5em; + opacity: 0.2; } .oo-ui-outlineControlsWidget-items { - margin-left: 0; + margin-left: 0; } .oo-ui-comboBoxWidget > .oo-ui-selectWidget { - z-index: 1; - min-width: 20em; + z-index: 1; + min-width: 20em; } .oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle { - border: solid 1px rgba(0, 0, 0, 0.1); - border-radius: 0.25em; + border: solid 1px rgba(0, 0, 0, 0.1); + border-radius: 0.25em; } .oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle:hover { - border-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-comboBoxWidget > .oo-ui-selectWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator, .oo-ui-comboBoxWidget > .oo-ui-selectWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - cursor: default; - opacity: 0.2; + cursor: default; + opacity: 0.2; } .oo-ui-searchWidget-query { - position: absolute; - top: 0; - left: 0; - right: 0; + position: absolute; + top: 0; + left: 0; + right: 0; } .oo-ui-searchWidget-query .oo-ui-textInputWidget { - width: 100%; + width: 100%; } .oo-ui-searchWidget-results { - position: absolute; - bottom: 0; - left: 0; - right: 0; - overflow-x: hidden; - overflow-y: auto; + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow-x: hidden; + overflow-y: auto; } .oo-ui-searchWidget-query { - height: 4em; - padding: 0 1em; - box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2); + 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; + margin: 0.75em 0; } .oo-ui-searchWidget-results { - top: 4em; - padding: 1em; - line-height: 0; + top: 4em; + padding: 1em; + line-height: 0; } .oo-ui-window { - line-height: 1em; - /* Content div takes focus when opened, so hide outline */ + line-height: 1em; + /* Content div takes focus when opened, so hide outline */ } .oo-ui-window-frame { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-window-frame > iframe { - width: 100%; - height: 100%; - margin: 0; - padding: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; } .oo-ui-window-content:focus { - outline: none; + outline: none; } .oo-ui-window-head, .oo-ui-window-foot { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -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; + margin: 0; + padding: 0; + background: none; } .oo-ui-window-overlay { - position: absolute; - top: 0; - left: 0; + position: absolute; + top: 0; + left: 0; } .oo-ui-window-isolated { - background-color: transparent; - background-image: none; - font-family: sans-serif; - font-size: 0.8em; + background-color: transparent; + background-image: none; + font-family: sans-serif; + font-size: 0.8em; } .oo-ui-dialog-content > .oo-ui-window-head, .oo-ui-dialog-content > .oo-ui-window-body, .oo-ui-dialog-content > .oo-ui-window-foot { - position: absolute; - left: 0; - right: 0; - overflow: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dialog-content > .oo-ui-window-head { - z-index: 1; - top: 0; + z-index: 1; + top: 0; } .oo-ui-dialog-content > .oo-ui-window-head.oo-ui-pendingElement-pending { - background-image: /* @embed */ url(images/textures/pending.gif); + background-image: /* @embed */ url(images/textures/pending.gif); } .oo-ui-dialog-content > .oo-ui-window-body { - z-index: 2; - top: 0; - bottom: 0; + z-index: 2; + top: 0; + bottom: 0; } .oo-ui-dialog-content > .oo-ui-window-foot { - z-index: 1; - bottom: 0; + z-index: 1; + bottom: 0; } .oo-ui-dialog-content > .oo-ui-window-overlay { - z-index: 3; + z-index: 3; } .oo-ui-dialog-content > .oo-ui-window-body { - box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); + box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); } .oo-ui-messageDialog-actions-horizontal { - display: table; - table-layout: fixed; - width: 100%; + display: table; + table-layout: fixed; + width: 100%; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - display: table-cell; - width: 1%; + display: table-cell; + width: 1%; } .oo-ui-messageDialog-actions-vertical { - display: block; + display: block; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - display: block; - overflow: hidden; - text-overflow: ellipsis; + display: block; + overflow: hidden; + text-overflow: ellipsis; } .oo-ui-messageDialog-actions .oo-ui-actionWidget { - position: relative; - text-align: center; + position: relative; + text-align: center; } .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { - display: block; + display: block; } .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { - position: relative; - top: auto; - bottom: auto; - display: inline; - white-space: nowrap; + position: relative; + top: auto; + bottom: auto; + display: inline; + white-space: nowrap; } .oo-ui-messageDialog-content .oo-ui-window-body { - box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); } .oo-ui-messageDialog-title, .oo-ui-messageDialog-message { - display: block; - text-align: center; - padding-top: 0.5em; + display: block; + text-align: center; + padding-top: 0.5em; } .oo-ui-messageDialog-title { - font-size: 1.5em; - line-height: 1em; - color: #000; + font-size: 1.5em; + line-height: 1em; + color: #000000; } .oo-ui-messageDialog-message { - font-size: 0.9em; - line-height: 1.25em; - color: #666; + font-size: 0.9em; + line-height: 1.25em; + color: #666666; } .oo-ui-messageDialog-message-verbose { - font-size: 1.1em; - line-height: 1.5em; - text-align: left; + font-size: 1.1em; + line-height: 1.5em; + text-align: left; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - border-right: solid 1px #e5e5e5; + border-right: solid 1px #e5e5e5; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { - border-right-width: 0; + border-right-width: 0; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - border-bottom: solid 1px #e5e5e5; + border-bottom: solid 1px #e5e5e5; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { - border-bottom-width: 0; + border-bottom-width: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { - text-align: center; - line-height: 3.4em; - padding: 0 2em; + text-align: center; + line-height: 3.4em; + padding: 0 2em; } .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { - background-color: rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget:active { - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { - background-color: rgba(8, 126, 204, 0.05); + background-color: rgba(8, 126, 204, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { - background-color: rgba(8, 126, 204, 0.1); + background-color: rgba(8, 126, 204, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { - font-weight: bold; + font-weight: bold; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { - background-color: rgba(118, 171, 54, 0.05); + background-color: rgba(118, 171, 54, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { - background-color: rgba(118, 171, 54, 0.1); + background-color: rgba(118, 171, 54, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); + background-color: rgba(212, 83, 83, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { - background-color: rgba(212, 83, 83, 0.1); + background-color: rgba(212, 83, 83, 0.1); } .oo-ui-processDialog-location { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .oo-ui-processDialog-title { - display: inline; - padding: 0; + 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; + white-space: nowrap; } .oo-ui-processDialog-actions-safe, .oo-ui-processDialog-actions-primary { - position: absolute; - top: 0; - bottom: 0; + position: absolute; + top: 0; + bottom: 0; } .oo-ui-processDialog-actions-safe { - left: 0; + left: 0; } .oo-ui-processDialog-actions-primary { - right: 0; + right: 0; } .oo-ui-processDialog-errors { - display: none; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 2; - overflow-x: hidden; - overflow-y: auto; + display: none; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; } .oo-ui-processDialog-content .oo-ui-window-head { - height: 3.4em; + 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); + top: 3.4em; + box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33); } .oo-ui-processDialog-navigation { - position: relative; - height: 3.4em; - padding: 0 1em; + position: relative; + height: 3.4em; + padding: 0 1em; } .oo-ui-processDialog-location { - padding: 0.75em 0; - height: 1.9em; - cursor: default; - text-align: center; + padding: 0.75em 0; + height: 1.9em; + cursor: default; + text-align: center; } .oo-ui-processDialog-title { - font-weight: bold; - line-height: 1.9em; + font-weight: bold; + line-height: 1.9em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { - padding-top: 0.75em; - padding-bottom: 0.75em; - min-width: 1.9em; - min-height: 1.9em; + padding-top: 0.75em; + padding-bottom: 0.75em; + min-width: 1.9em; + min-height: 1.9em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { - line-height: 1.9em; - padding: 0 1em; + line-height: 1.9em; + padding: 0 1em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { - position: absolute; - margin-top: -0.125em; + position: absolute; + margin-top: -0.125em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed { - margin: 0.75em 0 0.75em 0.75em; + margin: 0.75em 0 0.75em 0.75em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - padding: 0; - vertical-align: middle; + padding: 0; + 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); + 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); + background-color: rgba(0, 0, 0, 0.1); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed { - margin: 0.75em; + margin: 0.75em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - /* Adjust for border so text aligns with title */ - margin: -1px; + /* Adjust for border so text aligns with title */ + margin: -1px; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { - background-color: rgba(8, 126, 204, 0.05); + background-color: rgba(8, 126, 204, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { - background-color: rgba(8, 126, 204, 0.1); + background-color: rgba(8, 126, 204, 0.1); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { - font-weight: bold; + font-weight: bold; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { - background-color: rgba(118, 171, 54, 0.05); + background-color: rgba(118, 171, 54, 0.05); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { - background-color: rgba(118, 171, 54, 0.1); + background-color: rgba(118, 171, 54, 0.1); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); + 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); + background-color: rgba(212, 83, 83, 0.1); } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0.5em; + left: 0.5em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { - padding-left: 2.25em; + padding-left: 2.25em; } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - right: 0.5em; + right: 0.5em; } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { - padding-right: 2.25em; + padding-right: 2.25em; } .oo-ui-processDialog > .oo-ui-window-frame { - min-height: 5em; + min-height: 5em; } .oo-ui-processDialog-errors { - background-color: rgba(255, 255, 255, 0.9); - padding: 3em 3em 1.5em 3em; - text-align: center; + 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; + margin: 2em 1em 2em 1em; } .oo-ui-processDialog-errors-title { - font-size: 1.5em; - color: #000; - margin-bottom: 2em; + font-size: 1.5em; + color: #000000; + margin-bottom: 2em; } .oo-ui-processDialog-error { - text-align: left; - margin: 1em; - padding: 1em; - border: solid 1px #ff9e9e; - background-color: #fff7f7; - border-radius: 0.25em; + text-align: left; + margin: 1em; + padding: 1em; + border: solid 1px #ff9e9e; + background-color: #fff7f7; + border-radius: 0.25em; } .oo-ui-windowManager-modal > .oo-ui-dialog { - position: fixed; - width: 0; - height: 0; - overflow: hidden; + position: fixed; + width: 0; + height: 0; + overflow: hidden; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { - width: auto; - height: auto; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1em; + width: auto; + height: auto; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1em; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { - position: absolute; - right: 0; - left: 0; - margin: auto; - overflow: hidden; - max-width: 100%; - max-height: 100%; + position: absolute; + right: 0; + left: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { - width: 100%; - height: 100%; - top: 0; - bottom: 0; + width: 100%; + height: 100%; + top: 0; + bottom: 0; } .oo-ui-windowManager-modal > .oo-ui-dialog { - background-color: rgba(255, 255, 255, 0.5); - opacity: 0; - -webkit-transition: opacity 250ms ease-in-out; - -moz-transition: opacity 250ms ease-in-out; - -ms-transition: opacity 250ms ease-in-out; - -o-transition: opacity 250ms ease-in-out; - transition: opacity 250ms ease-in-out; + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms ease-in-out; + -moz-transition: opacity 250ms ease-in-out; + -ms-transition: opacity 250ms ease-in-out; + -o-transition: opacity 250ms ease-in-out; + transition: opacity 250ms ease-in-out; } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { - top: 1em; - bottom: 1em; - background-color: #fff; - -webkit-transform: scale(0.5); - -moz-transform: scale(0.5); - -ms-transform: scale(0.5); - -o-transform: scale(0.5); - transform: scale(0.5); - -webkit-transition: all 250ms ease-in-out; - -moz-transition: all 250ms ease-in-out; - -ms-transition: all 250ms ease-in-out; - -o-transition: all 250ms ease-in-out; - transition: all 250ms ease-in-out; + top: 1em; + bottom: 1em; + background-color: #ffffff; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: all 250ms ease-in-out; + -moz-transition: all 250ms ease-in-out; + -ms-transition: all 250ms ease-in-out; + -o-transition: all 250ms ease-in-out; + transition: all 250ms ease-in-out; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { - opacity: 1; + opacity: 1; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { - border: solid 1px #ccc; - border-radius: 0.5em; - box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); + border: solid 1px #cccccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); } diff --git a/resources/lib/oojs-ui/oojs-ui-minerva.css b/resources/lib/oojs-ui/oojs-ui-minerva.css index bad16ec279..36492c05d4 100644 --- a/resources/lib/oojs-ui/oojs-ui-minerva.css +++ b/resources/lib/oojs-ui/oojs-ui-minerva.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (ec785c2c64) + * OOjs UI v0.1.0-pre (f2c3f12959) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-09-18T01:30:17Z + * Date: 2014-09-18T23:22:20Z */ /* * Blank theme mixins. @@ -21,1368 +21,1368 @@ */ /* @noflip */ .oo-ui-rtl { - direction: rtl; + direction: rtl; } /* @noflip */ .oo-ui-ltr { - direction: ltr; + direction: ltr; } .oo-ui-buttonElement > .oo-ui-buttonElement-button { - 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; + 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-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - display: none; + display: none; } .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - display: none; + display: none; } .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button { - cursor: default; + cursor: default; } .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-buttonElement-frameless { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - display: inline-block; - vertical-align: top; - text-align: center; + display: inline-block; + vertical-align: top; + text-align: center; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - cursor: default; + cursor: default; } .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-left: 0; + margin-left: 0; } .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-right: -0.75em; + margin-right: -0.75em; } .oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, .oo-ui-buttonElement.oo-ui-iconElement .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - width: 3.35em; - height: 3.35em; - background-size: 2em auto; + width: 3.35em; + height: 3.35em; + background-size: 2em auto; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin-left: 0.25em; + margin-left: 0.25em; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - line-height: 1.9em; + line-height: 1.9em; } .oo-ui-clippableElement-clippable { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable { - overflow-y: hidden; + overflow-y: hidden; } .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable { - overflow-y: auto; + overflow-y: auto; } .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { - padding: 2em; + padding: 2em; } .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 3em; - overflow-y: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 3em; + overflow-y: auto; } .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { - position: absolute; - bottom: 0; - left: 0; - right: 0; + position: absolute; + bottom: 0; + left: 0; + right: 0; } .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { - padding: 0 0 1em; + padding: 0 0 1em; } .oo-ui-fieldLayout { - margin-bottom: 1em; + margin-bottom: 1em; } .oo-ui-fieldLayout:before, .oo-ui-fieldLayout:after { - content: " "; - display: table; + content: " "; + display: table; } .oo-ui-fieldLayout:after { - clear: both; + clear: both; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { - display: block; - float: left; + display: block; + float: left; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { - display: block; - float: left; + display: block; + float: left; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { - text-align: right; + text-align: right; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { - display: inline-block; + display: inline-block; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; + z-index: 1; } .oo-ui-fieldLayout .oo-ui-fieldLayout-help { - float: right; + float: right; } .oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { - padding: 0.5em 0.75em; + padding: 0.5em 0.75em; } .oo-ui-fieldLayout:last-child { - margin-bottom: 0; + margin-bottom: 0; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { - padding-top: 0.5em; - margin-right: 5%; - width: 35%; + padding-top: 0.5em; + margin-right: 5%; + width: 35%; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { - width: 60%; + width: 60%; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { - padding: 0.75em 0.5em 0.5em 0.5em; + padding: 0.75em 0.5em 0.5em 0.5em; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { - padding: 0.5em 0; + padding: 0.5em 0; } .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { - padding: 0.5em 0; + padding: 0.5em 0; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - margin-top: 0.25em; + margin-top: 0.25em; } .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { - color: #ccc; + color: #cccccc; } .oo-ui-fieldsetLayout { - position: relative; - margin: 0; - padding: 0; + position: relative; + margin: 0; + padding: 0; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - display: block; - position: absolute; - background-position: center center; - background-repeat: no-repeat; + display: block; + position: absolute; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label { - display: inline-block; + display: inline-block; } .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout { - margin-top: 2em; + margin-top: 2em; } .oo-ui-fieldsetLayout > .oo-ui-labelElement-label { - margin-bottom: 0.5em; - padding: 0.25em 0; + margin-bottom: 0.5em; + padding: 0.25em 0; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label { - padding-left: 1.75em; - line-height: 1.33em; + padding-left: 1.75em; + line-height: 1.33em; } .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon { - left: 0; - top: 0.25em; - width: 2em; - height: 2em; + left: 0; + top: 0.25em; + width: 2em; + height: 2em; } .oo-ui-gridLayout { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; } .oo-ui-panelLayout { - position: relative; - padding: 1em 3.35em; + position: relative; + padding: 1em 3.35em; } .oo-ui-panelLayout-scrollable { - overflow-y: auto; + overflow-y: auto; } .oo-ui-panelLayout-expanded { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; } .oo-ui-stackLayout > .oo-ui-panelLayout { - display: none; + display: none; } .oo-ui-stackLayout-continuous > .oo-ui-panelLayout { - display: block; - position: relative; + display: block; + position: relative; } .oo-ui-popupTool .oo-ui-popupWidget-popup, .oo-ui-popupTool .oo-ui-popupWidget-anchor { - z-index: 4; + z-index: 4; } .oo-ui-popupTool .oo-ui-popupWidget { - margin-left: 1.25em; - font-size: 0.8em; + margin-left: 1.25em; + font-size: 0.8em; } .oo-ui-toolGroup { - display: inline-block; - vertical-align: middle; - margin: 0.3em; + display: inline-block; + vertical-align: middle; + margin: 0.3em; } .oo-ui-toolGroup-empty { - display: none; + display: none; } .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-position: center center; - background-repeat: no-repeat; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-barToolGroup > .oo-ui-iconElement-icon, .oo-ui-barToolGroup > .oo-ui-labelElement-label { - display: none; + display: none; } .oo-ui-barToolGroup .oo-ui-tool { - display: inline-block; - position: relative; - vertical-align: top; + display: inline-block; + position: relative; + vertical-align: top; } .oo-ui-barToolGroup .oo-ui-tool-link { - display: block; + display: block; } .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - display: block; + display: block; } .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: none; + display: none; } .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; + cursor: default; } .oo-ui-barToolGroup .oo-ui-tool-title, .oo-ui-barToolGroup .oo-ui-tool-accel { - display: none; + display: none; } .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link { - cursor: pointer; + cursor: pointer; } .oo-ui-barToolGroup .oo-ui-tool-link { - height: 1.5em; - padding: 0.25em; + height: 1.5em; + padding: 0.25em; } .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.5em; - width: 1.5em; + height: 1.5em; + width: 1.5em; } .oo-ui-popupToolGroup { - position: relative; - height: 2em; - min-width: 2.5em; + position: relative; + height: 2em; + min-width: 2.5em; } .oo-ui-popupToolGroup-handle { - display: block; - cursor: pointer; + display: block; + cursor: pointer; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - position: absolute; - background-position: center center; - background-repeat: no-repeat; + position: absolute; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle { - cursor: default; + cursor: default; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - display: none; - position: absolute; - z-index: 4; + display: none; + position: absolute; + z-index: 4; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon { - background-repeat: no-repeat; - background-position: center center; + background-repeat: no-repeat; + background-position: center center; } .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools { - display: block; + display: block; } .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools { - left: 0; + left: 0; } .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { - right: 0; + right: 0; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-popupToolGroup .oo-ui-tool-accel { - display: none; + display: none; } .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 3.5em; + min-width: 3.5em; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - top: 0; - width: 2em; - height: 2em; + top: 0; + width: 2em; + height: 2em; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - right: 0; + right: 0; } .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - left: 0.25em; + left: 0.25em; } .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.6em; - font-size: 0.8em; - margin: 0 1em; + line-height: 2.6em; + font-size: 0.8em; + margin: 0 1em; } .oo-ui-popupToolGroup-header { - line-height: 2.6em; - font-size: 0.8em; - margin: 0 0.6em; - font-weight: bold; + line-height: 2.6em; + font-size: 0.8em; + margin: 0 0.6em; + font-weight: bold; } .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-left: 3em; + margin-left: 3em; } .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 2.25em; + margin-right: 2.25em; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - top: 2.3em; - margin: 0 -1px; - border: solid 1px #dddddd; - background-color: white; + top: 2.3em; + margin: 0 -1px; + border: solid 1px #dddddd; + background-color: white; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 2em; - width: 2em; - margin-right: 0.25em; + height: 2em; + width: 2em; + margin-right: 0.25em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - line-height: 2em; - font-size: 0.8em; + line-height: 2em; + font-size: 0.8em; } .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; + display: inline-block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-listToolGroup .oo-ui-tool-link { - display: block; - cursor: pointer; - white-space: nowrap; + display: block; + cursor: pointer; + white-space: nowrap; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; + cursor: default; } .oo-ui-listToolGroup .oo-ui-toolGroup-tools { - padding: 0.25em; + padding: 0.25em; } .oo-ui-listToolGroup .oo-ui-tool-link { - padding-right: 0.5em; + padding-right: 0.5em; } .oo-ui-menuToolGroup .oo-ui-tool { - display: block; + display: block; } .oo-ui-menuToolGroup .oo-ui-tool-link { - display: block; - cursor: pointer; - white-space: nowrap; + display: block; + cursor: pointer; + white-space: nowrap; } .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: none; + background-image: none; } .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon { - background-image: /* @embed */ url(images/icons/check.svg); + background-image: /* @embed */ url(images/icons/check.svg); } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { - cursor: default; + cursor: default; } .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 8em; + min-width: 8em; } .oo-ui-menuToolGroup .oo-ui-toolGroup-tools { - padding: 0.25em 0 0.25em 0; + padding: 0.25em 0 0.25em 0; } .oo-ui-menuToolGroup .oo-ui-tool-link { - padding: 0 1em 0 0.25em; + padding: 0 1em 0 0.25em; } .oo-ui-toolbar { - clear: both; + clear: both; } .oo-ui-toolbar-bar { - line-height: 1em; + line-height: 1em; } .oo-ui-toolbar-actions { - float: right; + float: right; } .oo-ui-toolbar-tools { - display: inline; + display: inline; } .oo-ui-toolbar-tools, .oo-ui-toolbar-actions, .oo-ui-toolbar-shadow { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-toolbar-actions .oo-ui-popupWidget { - -webkit-touch-callout: default; - -webkit-user-select: all; - -moz-user-select: all; - -ms-user-select: all; - user-select: all; + -webkit-touch-callout: default; + -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; + user-select: all; } .oo-ui-toolbar-shadow { - background-position: left top; - background-repeat: repeat-x; - position: absolute; - width: 100%; - pointer-events: none; + background-position: left top; + background-repeat: repeat-x; + position: absolute; + width: 100%; + pointer-events: none; } .oo-ui-toolbar-bar { - border-bottom: solid 1px #dddddd; - background: white; + border-bottom: solid 1px #dddddd; + background: white; } .oo-ui-toolbar-bar .oo-ui-toolbar-bar { - border: none; - background: none; + border: none; + background: none; } .oo-ui-selectWidget { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .oo-ui-optionWidget { - position: relative; - display: block; - cursor: pointer; - padding: 0.8em 1em 0.8em 3.35em; - border: none; - font-weight: bold; + position: relative; + display: block; + cursor: pointer; + padding: 0.8em 1em 0.8em 3.35em; + border: none; + font-weight: bold; } .oo-ui-optionWidget.oo-ui-widget-disabled { - cursor: default; + cursor: default; } .oo-ui-optionWidget .oo-ui-labelElement-label { - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .oo-ui-optionWidget .oo-ui-labelElement-label { - line-height: 1.5em; + line-height: 1.5em; } .oo-ui-optionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { - padding-right: 1.5em; + padding-right: 1.5em; } .oo-ui-optionWidget-level-0 { - padding-left: 3.5em; + padding-left: 3.5em; } .oo-ui-optionWidget-level-0 .oo-ui-iconElement-icon { - left: 1em; + left: 1em; } .oo-ui-optionWidget-level-1 { - padding-left: 5em; + padding-left: 5em; } .oo-ui-optionWidget-level-1 .oo-ui-iconElement-icon { - left: 2.5em; + left: 2.5em; } .oo-ui-optionWidget-level-2 { - padding-left: 6.5em; + padding-left: 6.5em; } .oo-ui-optionWidget-level-2 .oo-ui-iconElement-icon { - left: 4em; + left: 4em; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - position: absolute; - background-repeat: no-repeat; - background-position: center center; + position: absolute; + background-repeat: no-repeat; + background-position: center center; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - top: 50%; - width: 2em; - height: 2em; - margin-top: -1em; + top: 50%; + width: 2em; + height: 2em; + margin-top: -1em; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { - left: 0.5em; + left: 0.5em; } .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { - right: 0.5em; + right: 0.5em; } .oo-ui-buttonSelectWidget { - display: inline-block; - white-space: nowrap; + display: inline-block; + white-space: nowrap; } .oo-ui-buttonOptionWidget { - display: inline-block; - padding: 0; - background-color: transparent; + display: inline-block; + padding: 0; + background-color: transparent; } .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - position: relative; + position: relative; } .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - position: static; - display: inline-block; - vertical-align: middle; + position: static; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - height: 1.9em; + height: 1.9em; } .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - height: 1.9em; - margin-top: 0; + height: 1.9em; + margin-top: 0; } .oo-ui-labelWidget { - display: inline-block; - padding: 0.5em 0; + display: inline-block; + padding: 0.5em 0; } .oo-ui-iconWidget { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; - line-height: 2.5em; - height: 1.9em; - width: 1.9em; - opacity: 0.8; + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; } .oo-ui-iconWidget.oo-ui-widget-disabled { - opacity: 0.2; + opacity: 0.2; } .oo-ui-indicatorWidget { - display: inline-block; - vertical-align: middle; - background-position: center center; - background-repeat: no-repeat; - line-height: 2.5em; - height: 1.9em; - width: 1.9em; - opacity: 0.8; + display: inline-block; + vertical-align: middle; + background-position: center center; + background-repeat: no-repeat; + line-height: 2.5em; + height: 1.9em; + width: 1.9em; + opacity: 0.8; } .oo-ui-indicatorWidget.oo-ui-widget-disabled { - opacity: 0.2; + opacity: 0.2; } .oo-ui-buttonWidget { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .oo-ui-buttonGroupWidget { - border-radius: 0.3em; + border-radius: 0.3em; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - border-radius: 0; - margin-bottom: -1px; - margin-left: -1px; + border-radius: 0; + margin-bottom: -1px; + margin-left: -1px; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 0.3em; - border-top-left-radius: 0.3em; - margin-left: 0; + border-bottom-left-radius: 0.3em; + border-top-left-radius: 0.3em; + margin-left: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 0.3em; - border-top-right-radius: 0.3em; + border-bottom-right-radius: 0.3em; + border-top-right-radius: 0.3em; } .oo-ui-toggleSwitchWidget { - position: relative; - display: inline-block; - vertical-align: middle; - overflow: hidden; - cursor: pointer; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transform: translateZ(0px); - -moz-transform: translateZ(0px); - -ms-transform: translateZ(0px); - -o-transform: translateZ(0px); - transform: translateZ(0px); - height: 2em; - width: 4em; + position: relative; + display: inline-block; + vertical-align: middle; + overflow: hidden; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -ms-transform: translateZ(0px); + -o-transform: translateZ(0px); + transform: translateZ(0px); + height: 2em; + width: 4em; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { - cursor: default; + cursor: default; } .oo-ui-toggleSwitchWidget-grip { - position: absolute; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: absolute; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow { - display: none; + display: none; } .oo-ui-toggleSwitchWidget-grip { - top: 0.25em; - left: 0.25em; - width: 1.5em; - height: 1.5em; - margin-top: -1px; - -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; - -ms-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; + top: 0.25em; + left: 0.25em; + width: 1.5em; + height: 1.5em; + margin-top: -1px; + -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; + -ms-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-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow { - -webkit-transition: opacity 200ms ease-in-out; - -moz-transition: opacity 200ms ease-in-out; - -ms-transition: opacity 200ms ease-in-out; - -o-transition: opacity 200ms ease-in-out; - transition: opacity 200ms ease-in-out; + -webkit-transition: opacity 200ms ease-in-out; + -moz-transition: opacity 200ms ease-in-out; + -ms-transition: opacity 200ms ease-in-out; + -o-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; } .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { - left: 2.25em; - margin-left: -2px; + left: 2.25em; + margin-left: -2px; } .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { - left: 0.25em; - margin-left: 0; + left: 0.25em; + margin-left: 0; } .oo-ui-actionWidget.oo-ui-pendingElement-pending { - background-image: /* @embed */ url(images/textures/pending.gif); + background-image: /* @embed */ url(images/textures/pending.gif); } .oo-ui-popupWidget-popup { - position: absolute; - overflow: hidden; - z-index: 1; + position: absolute; + overflow: hidden; + z-index: 1; } .oo-ui-popupWidget-anchor { - display: none; - z-index: 1; + display: none; + z-index: 1; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { - display: block; - position: absolute; - background-repeat: no-repeat; + display: block; + position: absolute; + background-repeat: no-repeat; } .oo-ui-popupWidget-head { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-popupWidget-head .oo-ui-buttonWidget { - float: right; + float: right; } .oo-ui-popupWidget-head .oo-ui-labelElement-label { - float: left; - cursor: default; + float: left; + cursor: default; } .oo-ui-popupWidget-body { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup { - margin-top: 7px; + margin-top: 7px; } .oo-ui-popupWidget-head { - height: 2.5em; + height: 2.5em; } .oo-ui-popupWidget-head .oo-ui-buttonWidget { - margin: 0.25em; + margin: 0.25em; } .oo-ui-popupWidget-head .oo-ui-labelElement-label { - margin: 0.75em 1em; + margin: 0.75em 1em; } .oo-ui-popupWidget-body-padded { - padding: 0 1em; + padding: 0 1em; } .oo-ui-popupButtonWidget { - position: relative; + position: relative; } .oo-ui-popupButtonWidget .oo-ui-popupWidget { - position: absolute; - left: 1em; - cursor: auto; + position: absolute; + left: 1em; + cursor: auto; } .oo-ui-lookupInputWidget-menu { - background-color: #fff; + background-color: #ffffff; } .oo-ui-textInputWidget { - position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - display: inline-block; - width: 100%; - resize: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + display: inline-block; + width: 100%; + resize: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-textInputWidget.oo-ui-pendingElement-pending input, .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea { - background-image: /* @embed */ url(images/textures/pending.gif); + background-image: /* @embed */ url(images/textures/pending.gif); } .oo-ui-textInputWidget > .oo-ui-iconElement-icon, .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { - position: absolute; - top: 0; - height: 100%; - background-repeat: no-repeat; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + position: absolute; + top: 0; + height: 100%; + background-repeat: no-repeat; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget > .oo-ui-iconElement-icon { - left: 0; + left: 0; } .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator { - right: 0; + right: 0; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { - padding: .8em 1em; + padding: 0.8em 1em; } .oo-ui-menuWidget { - position: absolute; - background: white; - border: solid 1px #dddddd; + position: absolute; + background: white; + border: solid 1px #dddddd; } .oo-ui-menuWidget input { - position: absolute; - width: 0; - height: 0; - overflow: hidden; - opacity: 0; + position: absolute; + width: 0; + height: 0; + overflow: hidden; + opacity: 0; } .oo-ui-menuItemWidget { - position: relative; + position: relative; } .oo-ui-menuItemWidget .oo-ui-iconElement-icon { - display: none; + display: none; } .oo-ui-menuItemWidget.oo-ui-optionWidget-selected { - background-color: transparent; + background-color: transparent; } .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: block; + display: block; } .oo-ui-menuItemWidget.oo-ui-optionWidget-selected { - background: #347bff; - color: #ffffff; + background: #347bff; + color: #ffffff; } .oo-ui-menuItemWidget .oo-ui-iconElement-icon { - background-size: 24px auto; + background-size: 24px auto; } .oo-ui-menuSectionItemWidget { - cursor: default; - font-weight: normal; - color: #777777; - border: none; + cursor: default; + font-weight: normal; + color: #777777; + border: none; } .oo-ui-inlineMenuWidget { - position: relative; - display: inline-block; - margin: 0.25em 0; - min-width: 20em; + position: relative; + display: inline-block; + margin: 0.25em 0; + min-width: 20em; } .oo-ui-inlineMenuWidget-handle { - width: 100%; - display: inline-block; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + display: inline-block; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { - position: absolute; - background-position: center center; - background-repeat: no-repeat; + position: absolute; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-inlineMenuWidget .oo-ui-menuWidget { - z-index: 1; - width: 100%; + z-index: 1; + width: 100%; } .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle { - cursor: default; + cursor: default; } .oo-ui-inlineMenuWidget-handle { - height: 2.5em; + height: 2.5em; } .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator, .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { - top: 0; - width: 2.5em; - height: 2.5em; + top: 0; + width: 2.5em; + height: 2.5em; } .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator { - right: 0; + right: 0; } .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon { - left: 0.25em; + left: 0.25em; } .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { - line-height: 2.5em; - margin: 0 0.5em; + line-height: 2.5em; + margin: 0 0.5em; } .oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { - margin-left: 3em; + margin-left: 3em; } .oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label { - margin-right: 2em; + margin-right: 2em; } .oo-ui-outlineItemWidget { - position: relative; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding: 0.75em; + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 0.75em; } .oo-ui-outlineControlsWidget { - height: 3em; + height: 3em; } .oo-ui-outlineControlsWidget-items, .oo-ui-outlineControlsWidget-movers { - float: left; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - float: left; - background-position: right center; - background-repeat: no-repeat; + float: left; + background-position: right center; + background-repeat: no-repeat; } .oo-ui-outlineControlsWidget-items { - float: left; + float: left; } .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget { - float: left; + float: left; } .oo-ui-outlineControlsWidget-movers { - float: right; + float: right; } .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget { - float: right; + float: right; } .oo-ui-outlineControlsWidget-items, .oo-ui-outlineControlsWidget-movers { - height: 2em; - margin: 0.5em; - padding: 0; + height: 2em; + margin: 0.5em; + padding: 0; } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { - width: 1.5em; - height: 2em; - margin: 0.5em 0 0.5em 0.5em; + width: 1.5em; + height: 2em; + margin: 0.5em 0 0.5em 0.5em; } .oo-ui-outlineControlsWidget-items { - margin-left: 0; + margin-left: 0; } .oo-ui-comboBoxWidget > .oo-ui-selectWidget { - z-index: 1; + z-index: 1; } .oo-ui-comboBoxWidget > .oo-ui-selectWidget > .oo-ui-selectWidget { - min-width: 20em; + min-width: 20em; } .oo-ui-searchWidget-query { - position: absolute; - top: 0; - left: 0; - right: 0; + position: absolute; + top: 0; + left: 0; + right: 0; } .oo-ui-searchWidget-query .oo-ui-textInputWidget { - width: 100%; + width: 100%; } .oo-ui-searchWidget-results { - position: absolute; - bottom: 0; - left: 0; - right: 0; - overflow-x: hidden; - overflow-y: auto; + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow-x: hidden; + overflow-y: auto; } .oo-ui-searchWidget-query { - height: 4em; - padding: 0 1em; + height: 4em; + padding: 0 1em; } .oo-ui-searchWidget-query .oo-ui-textInputWidget { - margin: 0.75em 0; + margin: 0.75em 0; } .oo-ui-searchWidget-results { - top: 4em; - padding: 1em; - line-height: 0; + top: 4em; + padding: 1em; + line-height: 0; } .oo-ui-window { - line-height: 1em; - /* Content div takes focus when opened, so hide outline */ + line-height: 1em; + /* Content div takes focus when opened, so hide outline */ } .oo-ui-window-frame { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-window-frame > iframe { - width: 100%; - height: 100%; - margin: 0; - padding: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; } .oo-ui-window-content:focus { - outline: none; + outline: none; } .oo-ui-window-head, .oo-ui-window-foot { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -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; + margin: 0; + padding: 0; + background: none; } .oo-ui-window-overlay { - position: absolute; - top: 0; - left: 0; + position: absolute; + top: 0; + left: 0; } .oo-ui-dialog-content > .oo-ui-window-head, .oo-ui-dialog-content > .oo-ui-window-body, .oo-ui-dialog-content > .oo-ui-window-foot { - position: absolute; - left: 0; - right: 0; - overflow: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dialog-content > .oo-ui-window-head { - z-index: 1; - top: 0; + z-index: 1; + top: 0; } .oo-ui-dialog-content > .oo-ui-window-head.oo-ui-pendingElement-pending { - background-image: /* @embed */ url(images/textures/pending.gif); + background-image: /* @embed */ url(images/textures/pending.gif); } .oo-ui-dialog-content > .oo-ui-window-body { - z-index: 2; - top: 0; - bottom: 0; + z-index: 2; + top: 0; + bottom: 0; } .oo-ui-dialog-content > .oo-ui-window-foot { - z-index: 1; - bottom: 0; + z-index: 1; + bottom: 0; } .oo-ui-dialog-content > .oo-ui-window-overlay { - z-index: 3; + z-index: 3; } .oo-ui-messageDialog-actions-horizontal { - display: table; - table-layout: fixed; - width: 100%; + display: table; + table-layout: fixed; + width: 100%; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - display: table-cell; - width: 1%; + display: table-cell; + width: 1%; } .oo-ui-messageDialog-actions-vertical { - display: block; + display: block; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - display: block; - overflow: hidden; - text-overflow: ellipsis; + display: block; + overflow: hidden; + text-overflow: ellipsis; } .oo-ui-messageDialog-actions .oo-ui-actionWidget { - position: relative; - text-align: center; + position: relative; + text-align: center; } .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { - display: block; + display: block; } .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { - position: relative; - top: auto; - bottom: auto; - display: inline; - white-space: nowrap; + position: relative; + top: auto; + bottom: auto; + display: inline; + white-space: nowrap; } .oo-ui-messageDialog-title, .oo-ui-messageDialog-message { - display: block; - text-align: center; - padding-top: 0.5em; + display: block; + text-align: center; + padding-top: 0.5em; } .oo-ui-messageDialog-title { - font-size: 1.5em; - line-height: 1em; - color: #000; + font-size: 1.5em; + line-height: 1em; + color: #000000; } .oo-ui-messageDialog-message { - font-size: 0.9em; - line-height: 1.25em; - color: #666; + font-size: 0.9em; + line-height: 1.25em; + color: #666666; } .oo-ui-messageDialog-message-verbose { - font-size: 1.1em; - line-height: 1.5em; - text-align: left; + font-size: 1.1em; + line-height: 1.5em; + text-align: left; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { - border-right: solid 1px #e5e5e5; + border-right: solid 1px #e5e5e5; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { - border-right-width: 0; + border-right-width: 0; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { - border-bottom: solid 1px #e5e5e5; + border-bottom: solid 1px #e5e5e5; } .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { - border-bottom-width: 0; + border-bottom-width: 0; } .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { - text-align: center; - line-height: 3.4em; - padding: 0 2em; + text-align: center; + line-height: 3.4em; + padding: 0 2em; } .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { - background-color: rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget:active { - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { - background-color: rgba(8, 126, 204, 0.05); + background-color: rgba(8, 126, 204, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { - background-color: rgba(8, 126, 204, 0.1); + background-color: rgba(8, 126, 204, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { - font-weight: bold; + font-weight: bold; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { - background-color: rgba(118, 171, 54, 0.05); + background-color: rgba(118, 171, 54, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active { - background-color: rgba(118, 171, 54, 0.1); + background-color: rgba(118, 171, 54, 0.1); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover { - background-color: rgba(212, 83, 83, 0.05); + background-color: rgba(212, 83, 83, 0.05); } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { - background-color: rgba(212, 83, 83, 0.1); + background-color: rgba(212, 83, 83, 0.1); } .oo-ui-processDialog-location { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .oo-ui-processDialog-title { - display: inline; - padding: 0; + 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; + white-space: nowrap; } .oo-ui-processDialog-actions-safe, .oo-ui-processDialog-actions-primary { - position: absolute; - top: 0; - bottom: 0; + position: absolute; + top: 0; + bottom: 0; } .oo-ui-processDialog-actions-safe { - left: 0; + left: 0; } .oo-ui-processDialog-actions-primary { - right: 0; + right: 0; } .oo-ui-processDialog-errors { - display: none; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 2; - overflow-x: hidden; - overflow-y: auto; + display: none; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + overflow-x: hidden; + overflow-y: auto; } .oo-ui-processDialog-content .oo-ui-window-head { - height: 3.35em; - border-bottom: 1px solid #dddddd; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + height: 3.35em; + border-bottom: 1px solid #dddddd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-processDialog-content .oo-ui-window-body { - top: 3.35em; - padding: 2em 0; + top: 3.35em; + padding: 2em 0; } .oo-ui-processDialog-navigation { - position: relative; - height: 3.35em; - padding: 0 1em; + position: relative; + height: 3.35em; + padding: 0 1em; } .oo-ui-processDialog-location { - padding: 0.75em 0; - height: 1.85em; - cursor: default; - text-align: center; + padding: 0.75em 0; + height: 1.85em; + cursor: default; + text-align: center; } .oo-ui-processDialog-title { - font-weight: bold; - line-height: 1.85em; + font-weight: bold; + line-height: 1.85em; } .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 { - padding: 0.35em 0.75em; - min-width: 1.85em; - min-height: 1.85em; - border: 1px solid #dddddd; - border-radius: 4px; + padding: 0.35em 0.75em; + min-width: 1.85em; + min-height: 1.85em; + border: 1px solid #dddddd; + border-radius: 4px; } .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.85em; - padding: 0 1em; - font-weight: bold; - color: #777777; + line-height: 1.85em; + padding: 0 1em; + font-weight: bold; + color: #777777; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { - position: absolute; - margin-top: -0.125em; + position: absolute; + margin-top: -0.125em; } .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 { - vertical-align: middle; + vertical-align: middle; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button { - border: 1px solid transparent; + border: 1px solid transparent; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label { - color: #d11d13; + color: #d11d13; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button { - padding: 0.75em 0.35em; - border: none; - border-radius: 0; + padding: 0.75em 0.35em; + border: none; + border-radius: 0; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button { - background-color: #347bff; + background-color: #347bff; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { - color: #ffffff; + color: #ffffff; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0.5em; + left: 0.5em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { - padding-left: 2.25em; + padding-left: 2.25em; } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - right: 0.5em; + right: 0.5em; } .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { - padding-right: 2.25em; + padding-right: 2.25em; } .oo-ui-processDialog-actions-other { - position: absolute; - bottom: 1em; + position: absolute; + bottom: 1em; } .oo-ui-processDialog > .oo-ui-window-frame { - min-height: 5em; + min-height: 5em; } .oo-ui-processDialog-errors { - background-color: rgba(255, 255, 255, 0.9); - padding: 3em 3em 1.5em 3em; - text-align: center; + 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; + margin: 2em 1em 2em 1em; } .oo-ui-processDialog-errors-title { - font-size: 1.5em; - color: #000; - margin-bottom: 2em; + font-size: 1.5em; + color: #000000; + margin-bottom: 2em; } .oo-ui-processDialog-error { - text-align: left; - margin: 1em; - padding: 1em; - border: solid 1px #ff9e9e; - background-color: #fff7f7; - border-radius: 0.25em; + text-align: left; + margin: 1em; + padding: 1em; + border: solid 1px #ff9e9e; + background-color: #fff7f7; + border-radius: 0.25em; } .oo-ui-windowManager-modal > .oo-ui-dialog { - position: fixed; - width: 0; - height: 0; - overflow: hidden; + position: fixed; + width: 0; + height: 0; + overflow: hidden; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup { - width: auto; - height: auto; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1em; + width: auto; + height: auto; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1em; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { - position: absolute; - right: 0; - left: 0; - margin: auto; - overflow: hidden; - max-width: 100%; - max-height: 100%; + position: absolute; + right: 0; + left: 0; + margin: auto; + overflow: hidden; + max-width: 100%; + max-height: 100%; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { - width: 100%; - height: 100%; - top: 0; - bottom: 0; + width: 100%; + height: 100%; + top: 0; + bottom: 0; } .oo-ui-windowManager-modal > .oo-ui-dialog { - background-color: rgba(255, 255, 255, 0.5); - opacity: 0; - -webkit-transition: opacity 250ms ease-in-out; - -moz-transition: opacity 250ms ease-in-out; - -ms-transition: opacity 250ms ease-in-out; - -o-transition: opacity 250ms ease-in-out; - transition: opacity 250ms ease-in-out; + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms ease-in-out; + -moz-transition: opacity 250ms ease-in-out; + -ms-transition: opacity 250ms ease-in-out; + -o-transition: opacity 250ms ease-in-out; + transition: opacity 250ms ease-in-out; } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { - top: 0; - bottom: 0; - background-color: #fff; - -webkit-transform: translate3d(0, -200%, 0); - -moz-transform: translate3d(0, -200%, 0); - -ms-transform: translate3d(0, -200%, 0); - -o-transform: translate3d(0, -200%, 0); - transform: translate3d(0, -200%, 0); - -webkit-transition: transform 250ms ease-in-out; - -moz-transition: transform 250ms ease-in-out; - -ms-transition: transform 250ms ease-in-out; - -o-transition: transform 250ms ease-in-out; - transition: transform 250ms ease-in-out; + top: 0; + bottom: 0; + background-color: #ffffff; + -webkit-transform: translate3d(0, -200%, 0); + -moz-transform: translate3d(0, -200%, 0); + -ms-transform: translate3d(0, -200%, 0); + -o-transform: translate3d(0, -200%, 0); + transform: translate3d(0, -200%, 0); + -webkit-transition: transform 250ms ease-in-out; + -moz-transition: transform 250ms ease-in-out; + -ms-transition: transform 250ms ease-in-out; + -o-transition: transform 250ms ease-in-out; + transition: transform 250ms ease-in-out; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { - opacity: 1; + opacity: 1; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { - border: solid 1px #ccc; - border-radius: 0.5em; - box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); + border: solid 1px #cccccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); } /* @@ -1392,6 +1392,6 @@ * additional rules to the base styles. */ .oo-ui-icon-check { - background-image: /* @embed */ url(themes/minerva/images/icons/check.png); - background: #347bff; + background-image: /* @embed */ url(themes/minerva/images/icons/check.png); + background: #347bff; } diff --git a/resources/lib/oojs-ui/oojs-ui.js b/resources/lib/oojs-ui/oojs-ui.js index 525e5a1fd9..33c8238d26 100644 --- a/resources/lib/oojs-ui/oojs-ui.js +++ b/resources/lib/oojs-ui/oojs-ui.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (ec785c2c64) + * OOjs UI v0.1.0-pre (f2c3f12959) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-09-18T01:30:17Z + * Date: 2014-09-18T23:22:20Z */ ( function ( OO ) { @@ -1644,17 +1644,26 @@ OO.ui.Window.prototype.getSize = function () { * @return {number} Content height */ OO.ui.Window.prototype.getContentHeight = function () { + // Temporarily resize the frame so getBodyHeight() can use scrollHeight measurements + var bodyHeight, oldHeight = this.$frame[0].style.height; + this.$frame[0].style.height = '1px'; + bodyHeight = this.getBodyHeight(); + this.$frame[0].style.height = oldHeight; + return Math.round( // Add buffer for border ( this.$frame.outerHeight() - this.$frame.innerHeight() ) + // Use combined heights of children - ( this.$head.outerHeight( true ) + this.getBodyHeight() + this.$foot.outerHeight( true ) ) + ( this.$head.outerHeight( true ) + bodyHeight + this.$foot.outerHeight( true ) ) ); }; /** * Get the height of the dialog contents. * + * When this function is called, the dialog will temporarily have been resized + * to height=1px, so .scrollHeight measurements can be taken accurately. + * * @return {number} Height of content */ OO.ui.Window.prototype.getBodyHeight = function () { @@ -2800,7 +2809,6 @@ OO.ui.WindowManager.prototype.openWindow = function ( win, data ) { manager.opening.notify( { state: 'setup' } ); setTimeout( function () { win.ready( data ).then( function () { - manager.updateWindowSize( win ); manager.opening.notify( { state: 'ready' } ); manager.opening = null; manager.opened = $.Deferred(); @@ -11150,6 +11158,8 @@ OO.ui.TextInputMenuWidget.prototype.position = function () { } this.$element.css( dimensions ); this.setIdealSize( $container.width() ); + // We updated the position, so re-evaluate the clipping state + this.clip(); return this; }; diff --git a/resources/lib/oojs-ui/oojs-ui.svg.css b/resources/lib/oojs-ui/oojs-ui.svg.css index 6c55898715..aafdff36a4 100644 --- a/resources/lib/oojs-ui/oojs-ui.svg.css +++ b/resources/lib/oojs-ui/oojs-ui.svg.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.1.0-pre (ec785c2c64) + * OOjs UI v0.1.0-pre (f2c3f12959) * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-09-18T01:30:17Z + * Date: 2014-09-18T23:22:20Z */ /* * Blank theme mixins. @@ -15,98 +15,98 @@ * additional rules to the base styles. */ .oo-ui-icon-add-item { - background-image: /* @embed */ url(images/icons/add-item.svg); + background-image: /* @embed */ url(images/icons/add-item.svg); } .oo-ui-icon-advanced { - background-image: /* @embed */ url(images/icons/advanced.svg); + background-image: /* @embed */ url(images/icons/advanced.svg); } .oo-ui-icon-alert { - background-image: /* @embed */ url(images/icons/alert.svg); + background-image: /* @embed */ url(images/icons/alert.svg); } .oo-ui-icon-check { - background-image: /* @embed */ url(images/icons/check.svg); + background-image: /* @embed */ url(images/icons/check.svg); } .oo-ui-icon-clear { - background-image: /* @embed */ url(images/icons/clear.svg); + background-image: /* @embed */ url(images/icons/clear.svg); } .oo-ui-icon-close { - background-image: /* @embed */ url(images/icons/close.svg); + background-image: /* @embed */ url(images/icons/close.svg); } .oo-ui-icon-code { - background-image: /* @embed */ url(images/icons/code.svg); + background-image: /* @embed */ url(images/icons/code.svg); } .oo-ui-icon-collapse { - background-image: /* @embed */ url(images/icons/collapse.svg); + background-image: /* @embed */ url(images/icons/collapse.svg); } .oo-ui-icon-comment { - background-image: /* @embed */ url(images/icons/comment.svg); + background-image: /* @embed */ url(images/icons/comment.svg); } .oo-ui-icon-expand { - background-image: /* @embed */ url(images/icons/expand.svg); + background-image: /* @embed */ url(images/icons/expand.svg); } .oo-ui-icon-help { - background-image: /* @embed */ url(images/icons/help.svg); + background-image: /* @embed */ url(images/icons/help.svg); } .oo-ui-icon-info { - background-image: /* @embed */ url(images/icons/info.svg); + background-image: /* @embed */ url(images/icons/info.svg); } .oo-ui-icon-link { - background-image: /* @embed */ url(images/icons/link.svg); + background-image: /* @embed */ url(images/icons/link.svg); } .oo-ui-icon-menu { - background-image: /* @embed */ url(images/icons/menu.svg); + background-image: /* @embed */ url(images/icons/menu.svg); } .oo-ui-icon-next { - background-image: /* @embed */ url(images/icons/move-ltr.svg); + background-image: /* @embed */ url(images/icons/move-ltr.svg); } .oo-ui-icon-picture { - background-image: /* @embed */ url(images/icons/picture.svg); + background-image: /* @embed */ url(images/icons/picture.svg); } .oo-ui-icon-previous { - background-image: /* @embed */ url(images/icons/move-rtl.svg); + background-image: /* @embed */ url(images/icons/move-rtl.svg); } .oo-ui-icon-redo { - background-image: /* @embed */ url(images/icons/arched-arrow-ltr.svg); + background-image: /* @embed */ url(images/icons/arched-arrow-ltr.svg); } .oo-ui-icon-remove { - background-image: /* @embed */ url(images/icons/remove.svg); + background-image: /* @embed */ url(images/icons/remove.svg); } .oo-ui-icon-search { - background-image: /* @embed */ url(images/icons/search.svg); + background-image: /* @embed */ url(images/icons/search.svg); } .oo-ui-icon-settings { - background-image: /* @embed */ url(images/icons/settings.svg); + background-image: /* @embed */ url(images/icons/settings.svg); } .oo-ui-icon-tag { - background-image: /* @embed */ url(images/icons/tag.svg); + background-image: /* @embed */ url(images/icons/tag.svg); } .oo-ui-icon-undo { - background-image: /* @embed */ url(images/icons/arched-arrow-rtl.svg); + background-image: /* @embed */ url(images/icons/arched-arrow-rtl.svg); } .oo-ui-icon-window { - background-image: /* @embed */ url(images/icons/window.svg); + background-image: /* @embed */ url(images/icons/window.svg); } .oo-ui-indicator-alert { - background-image: /* @embed */ url(images/indicators/alert.svg); + background-image: /* @embed */ url(images/indicators/alert.svg); } .oo-ui-indicator-down { - background-image: /* @embed */ url(images/indicators/arrow-down.svg); + background-image: /* @embed */ url(images/indicators/arrow-down.svg); } .oo-ui-indicator-next { - background-image: /* @embed */ url(images/indicators/arrow-ltr.svg); + background-image: /* @embed */ url(images/indicators/arrow-ltr.svg); } .oo-ui-indicator-previous { - background-image: /* @embed */ url(images/indicators/arrow-rtl.svg); + background-image: /* @embed */ url(images/indicators/arrow-rtl.svg); } .oo-ui-indicator-required { - background-image: /* @embed */ url(images/indicators/required.svg); + background-image: /* @embed */ url(images/indicators/required.svg); } .oo-ui-indicator-up { - background-image: /* @embed */ url(images/indicators/arrow-up.svg); + background-image: /* @embed */ url(images/indicators/arrow-up.svg); } .oo-ui-texture-pending { - background-image: /* @embed */ url(images/textures/pending.gif); + background-image: /* @embed */ url(images/textures/pending.gif); } .oo-ui-texture-transparency { - background-image: /* @embed */ url(images/textures/transparency.svg); + background-image: /* @embed */ url(images/textures/transparency.svg); } -- 2.20.1