X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core-mediawiki.css;h=393ff596caafc5e1195d4612b74ceb669ad78666;hb=9398c3161ae13a66c13c82af386856a793309335;hp=c4fdf20e8b1e0ca8f0fd76341e704046a740afc3;hpb=17eba67ef329fb8f444f681e6ff515d1919376cb;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css index c4fdf20e8b..393ff596ca 100644 --- a/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-core-mediawiki.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.20.0 + * OOjs UI v0.21.2 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2017 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2017-03-15T17:06:28Z + * Date: 2017-04-26T01:05:15Z */ .oo-ui-element-hidden { display: none !important; @@ -20,17 +20,21 @@ cursor: pointer; display: inline-block; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; vertical-align: middle; font-family: inherit; font-size: inherit; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.oo-ui-buttonElement > .oo-ui-buttonElement-button::-moz-focus-inner { + border-color: transparent; + padding: 0; } .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { @@ -53,31 +57,53 @@ text-align: center; } .oo-ui-buttonElement > .oo-ui-buttonElement-button { + position: relative; font-weight: bold; text-decoration: none; } .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus { - border-radius: 2px; outline: 0; } -.oo-ui-buttonElement > .oo-ui-buttonElement-button:focus::-moz-focus-inner { - border-color: transparent; +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, +.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + position: absolute; + top: 0; + height: 100%; +} +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + display: block; +} +.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button, +.oo-ui-buttonElement > input.oo-ui-buttonElement-button { + line-height: 1; +} +.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { + line-height: 1.172em; +} +.oo-ui-buttonElement.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button { + padding-left: 2.03125em; +} +.oo-ui-buttonElement.oo-ui-labelElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { + padding-right: 2.5em; +} +.oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + display: block; } -.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-right: 0.25em; - margin-left: 0.46875em; +.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, +.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + right: 0.9375em; } .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button { -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; - -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; - transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; + transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms; } .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { opacity: 0.87; -webkit-transition: opacity 100ms; - -moz-transition: opacity 100ms; - transition: opacity 100ms; + -moz-transition: opacity 100ms; + transition: opacity 100ms; } .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon.oo-ui-image-invert, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator.oo-ui-image-invert { @@ -95,16 +121,27 @@ .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { opacity: 1; } -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { - margin-right: 0; +.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button { + border-radius: 1px; } -.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin-left: 0.25em; - margin-right: 0.25em; +.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button { + min-width: 1.875em; + min-height: 1.875em; } -.oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button { - padding-left: 0.25em; - padding-right: 0.25em; +.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + left: 0; +} +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button { + margin-left: -1px; + border-color: #fff; + border-color: transparent; + border-style: solid; + border-width: 1px; + padding: 0.3125em 0; +} +.oo-ui-buttonElement-frameless.oo-ui-indicatorElement > .oo-ui-buttonElement-button { + min-width: 0.9375em; + min-height: 0.9375em; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #222; @@ -113,7 +150,7 @@ color: #444; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c; + box-shadow: 0 0 0 2px #36c; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:active { @@ -171,57 +208,48 @@ .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { opacity: 0.51; } -.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { - padding-left: 2.4em; -} .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - position: relative; - min-height: 2.5em; border-radius: 2px; - padding: 0.625em 1em 0.546875em; + padding-left: 0.9375em; + padding-right: 0.9375em; } .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button { - min-width: 3.125em; + padding-top: 2.34375em; + padding-bottom: 0; + padding-left: 2.03125em; } -.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button { - min-width: 0; +.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + left: 0.546875em; } -.oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button { - line-height: 1; +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { + padding-left: 2.5em; } -.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - line-height: 1.172em; +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, +.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { + left: 0.46875em; } -.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { - display: block; - position: absolute; - top: 0; - height: 100%; - left: 0.5625em; +.oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button { + padding-top: 2.34375em; + padding-right: 2.03125em; + padding-bottom: 0; } -.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - margin-left: 0.3em; +.oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + right: 1.015625em; } -.oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator, -.oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - margin-left: 0.46875em; - margin-right: -0.275em; +.oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button { + padding-right: 2.5em; } -.oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { - position: relative; - left: 0.2em; +.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button { + padding-top: 0.625em; + padding-bottom: 0.546875em; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background-color: #c8ccd1; color: #fff; border: 1px solid #c8ccd1; } -.oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { - border-left-color: #fff; -} .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background-color: #f8f9fa; color: #222; @@ -263,7 +291,8 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background-color: #eff3fa; color: #2a4b8d; border-color: #2a4b8d; @@ -272,6 +301,7 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: #36c; box-shadow: inset 0 0 0 1px #36c; + outline: 0; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { color: #36c; @@ -283,7 +313,8 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background-color: #eff3fa; color: #2a4b8d; border-color: #2a4b8d; @@ -292,9 +323,10 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { border-color: #36c; box-shadow: inset 0 0 0 1px #36c; + outline: 0; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { - color: #d33; + color: #d73333; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: #fff; @@ -303,7 +335,8 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background-color: #ffffff; color: #b32424; border-color: #b32424; @@ -312,6 +345,7 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: #d33; box-shadow: inset 0 0 0 1px #d33; + outline: 0; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #fff; @@ -325,7 +359,8 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: #fff; background-color: #2a4b8d; border-color: #2a4b8d; @@ -334,6 +369,7 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: #36c; box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; + outline: 0; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { color: #fff; @@ -347,7 +383,8 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: #fff; background-color: #2a4b8d; border-color: #2a4b8d; @@ -356,6 +393,7 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { border-color: #36c; box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; + outline: 0; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: #fff; @@ -369,7 +407,8 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: #fff; background-color: #b32424; border-color: #b32424; @@ -378,6 +417,7 @@ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { border-color: #d33; box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #fff; + outline: 0; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { @@ -385,8 +425,8 @@ } .oo-ui-clippableElement-clippable { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; min-height: 3.125em; } .oo-ui-floatableElement { @@ -626,7 +666,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-panelLayout-scrollable { overflow: auto; -webkit-transform: translateZ(0); - transform: translateZ(0); + transform: translateZ(0); } .oo-ui-panelLayout-expanded { position: absolute; @@ -670,7 +710,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-optionWidget { position: relative; display: block; - border: 0; } .oo-ui-optionWidget.oo-ui-widget-enabled { cursor: pointer; @@ -694,7 +733,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { color: #72777d; } .oo-ui-decoratedOptionWidget { - padding: 0.5em 2em 0.5em 3em; + padding: 0.703125em 0.9375em 0.625em; + line-height: 1; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { @@ -705,11 +745,20 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { top: 0; height: 100%; } +.oo-ui-decoratedOptionWidget.oo-ui-iconElement { + padding-left: 2.5em; +} .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0.5em; + left: 0.46875em; +} +.oo-ui-decoratedOptionWidget .oo-ui-labelElement-label { + line-height: 1.172em; +} +.oo-ui-decoratedOptionWidget.oo-ui-indicatorElement { + padding-right: 1.875em; } .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - right: 0.5em; + right: 0.9375em; } .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { @@ -782,18 +831,21 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { margin-right: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - border-radius: 0; margin-left: -1px; + border-radius: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { + margin-left: 0; border-bottom-left-radius: 2px; border-top-left-radius: 2px; - margin-left: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } +.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button { + border-left-color: #fff; +} .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { z-index: 1; @@ -868,9 +920,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-popupWidget-head { -webkit-touch-callout: none; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-popupWidget-head > .oo-ui-buttonWidget { float: right; @@ -965,8 +1017,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { -webkit-transition: width 100ms, height 100ms, left 100ms; - -moz-transition: width 100ms, height 100ms, left 100ms; - transition: width 100ms, height 100ms, left 100ms; + -moz-transition: width 100ms, height 100ms, left 100ms; + transition: width 100ms, height 100ms, left 100ms; } .oo-ui-popupWidget-head { height: 2.5em; @@ -989,14 +1041,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-popupButtonWidget .oo-ui-popupWidget { cursor: auto; } -.oo-ui-popupButtonWidget-frameless-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor, -.oo-ui-popupButtonWidget-frameless-popup.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { - margin-left: 0.9375em; -} -.oo-ui-popupButtonWidget-framed-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor, -.oo-ui-popupButtonWidget-framed-popup.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { - margin-left: 1.5em; -} .oo-ui-inputWidget { margin-right: 0.5em; } @@ -1034,8 +1078,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { background-repeat: no-repeat; background-size: 0 0; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; position: absolute; left: 0; width: 1.5625em; @@ -1046,8 +1090,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-checkboxInputWidget [type='checkbox']:checked + span { background-image: url('themes/mediawiki/images/icons/check-invert.png'); background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg'); - background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg'); - background-image: -o-linear-gradient(transparent, transparent), url('themes/mediawiki/images/icons/check-invert.png'); + background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg'); + background-image: -o-linear-gradient(transparent, transparent), url('themes/mediawiki/images/icons/check-invert.png'); background-size: 90% 90%; } .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span { @@ -1064,8 +1108,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span { cursor: pointer; -webkit-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; - -moz-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; - transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; + transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span { @@ -1115,8 +1159,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { position: relative; vertical-align: middle; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; width: 100%; max-width: 50em; } @@ -1129,8 +1173,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { background-repeat: no-repeat; width: 100%; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { cursor: pointer; @@ -1142,14 +1186,14 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-dropdownInputWidget select { -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; border: 1px solid #a2a9b1; border-radius: 2px; - padding: 0.5em 1em; + padding: 0.625em 0.9375em 0.546875em; font-size: inherit; font-family: inherit; vertical-align: middle; @@ -1161,20 +1205,20 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { background-position: right 1.75em center; width: calc( 100% + 1em ); height: 2.5em; - padding: 0 0 0 1em; + padding: 0 0 0 0.9375em; } .oo-ui-dropdownInputWidget option { font-size: inherit; font-family: inherit; height: 1.5em; - padding: 0.5em 1em; + padding: 0.625em 0.9375em; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { background-color: #f8f9fa; color: #222; -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; - -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; - transition: background-color 100ms, border-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; + transition: background-color 100ms, border-color 100ms, box-shadow 100ms; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { background-color: #fff; @@ -1218,8 +1262,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { position: absolute; left: 0; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; width: 1.5625em; height: 1.5625em; border: 1px solid #72777d; @@ -1255,8 +1299,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span { cursor: pointer; -webkit-transition: background-color 100ms, border-color 100ms, border-width 100ms; - -moz-transition: background-color 100ms, border-color 100ms, border-width 100ms; - transition: background-color 100ms, border-color 100ms, border-width 100ms; + -moz-transition: background-color 100ms, border-color 100ms, border-width 100ms; + transition: background-color 100ms, border-color 100ms, border-width 100ms; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span { border-color: #36c; @@ -1307,8 +1351,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { position: relative; vertical-align: middle; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; width: 100%; max-width: 50em; } @@ -1317,8 +1361,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { display: block; width: 100%; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-textInputWidget textarea { overflow: auto; @@ -1355,9 +1399,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { height: 100%; -webkit-touch-callout: none; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator { @@ -1367,19 +1411,13 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { cursor: pointer; } .oo-ui-textInputWidget.oo-ui-widget-disabled input, -.oo-ui-textInputWidget.oo-ui-widget-disabled textarea { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} +.oo-ui-textInputWidget.oo-ui-widget-disabled textarea, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label { -webkit-touch-callout: none; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label { display: block; @@ -1410,7 +1448,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { color: #000; border: 1px solid #a2a9b1; border-radius: 2px; - padding: 0.625em 0.546875em 0.546875em; + padding: 0.625em 0.625em 0.546875em; } .oo-ui-textInputWidget input { line-height: 1.172em; @@ -1423,10 +1461,10 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea { - box-shadow: inset 0 0 0 1px #fff; + box-shadow: inset 0 0 0 1px transparent; -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); - transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); + transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1); } .oo-ui-textInputWidget.oo-ui-widget-enabled input:hover, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover { @@ -1440,7 +1478,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { - color: #72777d; + background-color: #f8f9fa; } .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:hover, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:hover { @@ -1448,8 +1486,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus { - border-color: #c8ccd1; - box-shadow: inset 0 0 0 1px #c8ccd1; + border-color: #36c; } .oo-ui-textInputWidget.oo-ui-widget-enabled input::-webkit-input-placeholder, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea::-webkit-input-placeholder { @@ -1507,40 +1544,39 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { opacity: 0.51; } -.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label { +.oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: #72777d; text-shadow: 0 1px 1px #fff; } .oo-ui-textInputWidget.oo-ui-iconElement input, .oo-ui-textInputWidget.oo-ui-iconElement textarea { - padding-left: 2.875em; + padding-left: 2.5em; } .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0; + left: 0.46875em; +} +.oo-ui-textInputWidget.oo-ui-iconElement textarea + .oo-ui-iconElement-icon { max-height: 2.5em; - margin-left: 0.5em; - background-position: right center; } .oo-ui-textInputWidget.oo-ui-indicatorElement input, .oo-ui-textInputWidget.oo-ui-indicatorElement textarea { - padding-right: 2.4875em; + padding-right: 2.1875em; } .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { - height: 100%; max-height: 2.5em; - margin: 0 0.775em; + margin-right: 0.9375em; } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: #72777d; margin-top: 1px; - padding: 0.625em 0.546875em 0.546875em; + padding: 0.625em 0 0.546875em 0.625em; line-height: 1.172em; } .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { - margin-right: 2.0875em; + margin-right: 2.5em; } .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label { - margin-left: 2.475em; + padding-left: 2.5em; } .oo-ui-menuSelectWidget { position: absolute; @@ -1566,17 +1602,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { display: none; } .oo-ui-menuOptionWidget { - position: relative; - padding: 0.5em 1em; -webkit-transition: background-color 100ms, color 100ms; - -moz-transition: background-color 100ms, color 100ms; - transition: background-color 100ms, color 100ms; -} -.oo-ui-menuOptionWidget .oo-ui-iconElement-icon { - display: none; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: block; + -moz-transition: background-color 100ms, color 100ms; + transition: background-color 100ms, color 100ms; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: #eaecf0; @@ -1586,18 +1614,18 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { background-color: #eaf3ff; color: #36c; } -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { - display: none; -} .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: rgba(41, 98, 204, 0.1); color: #36c; } .oo-ui-menuSectionOptionWidget { - cursor: default; color: #72777d; - padding: 0.33em 0.75em; + padding: 0.703125em 0.9375em 0.3125em; + font-weight: bold; +} +.oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled { + cursor: default; } .oo-ui-dropdownWidget { display: inline-block; @@ -1607,6 +1635,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { margin-right: 0.5em; } .oo-ui-dropdownWidget-handle { + position: relative; width: 100%; display: block; white-space: nowrap; @@ -1615,12 +1644,12 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - 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; + -moz-box-sizing: border-box; + box-sizing: border-box; } .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon, .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { @@ -1635,29 +1664,33 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { margin-right: 0; } .oo-ui-dropdownWidget-handle { - padding: 0.546875em 0; - height: 2.5em; - line-height: 1.275; + min-height: 2.5em; border: 1px solid #a2a9b1; border-radius: 2px; -} -.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { - right: 0; - margin: 0 0.775em; + padding: 0.625em 0.9375em 0.546875em; + line-height: 1; } .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { - left: 0.25em; - margin: 0 0.3em; + left: 0.46875em; +} +.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { + right: 0.9375em; } .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin: 0 1em; + line-height: 1.172em; +} +.oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle { + padding-left: 2.5em; +} +.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle { + padding-right: 1.875em; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: #f8f9fa; color: #222; -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; - -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; - transition: background-color 100ms, border-color 100ms, box-shadow 100ms; + -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms; + transition: background-color 100ms, border-color 100ms, box-shadow 100ms; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: #fff; @@ -1681,8 +1714,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator { opacity: 0.87; -webkit-transition: opacity 100ms; - -moz-transition: opacity 100ms; - transition: opacity 100ms; + -moz-transition: opacity 100ms; + transition: opacity 100ms; } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: #fff; @@ -1703,12 +1736,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { opacity: 0.15; } -.oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-left: 3em; -} -.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - margin-right: 2em; -} .oo-ui-comboBoxInputWidget { display: inline-block; position: relative; @@ -1743,7 +1770,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { height: 2.5em; padding: 0; } -.oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator { +.oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorWidget { + display: block; + position: absolute; + top: 0; + height: 100%; pointer-events: none; } .oo-ui-comboBoxInputWidget input { @@ -1758,20 +1789,26 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { border-bottom-right-radius: 2px; border-right-width: 1px; } -.oo-ui-comboBoxInputWidget-dropdownButton { +.oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement { width: 2.5em; } -.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button { +.oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button { min-width: 2.5em; min-height: 2.5em; padding-left: 0; - padding-right: 0; } -.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button, -.oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button:focus { +.oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { + right: 0.703125em; +} +.oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button, +.oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button:focus { border-top-left-radius: 0; border-bottom-left-radius: 0; } +.oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget { + right: 0.9375em; + margin: 0; +} .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator { opacity: 1; } @@ -1809,6 +1846,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { margin-right: 0; } .oo-ui-progressBarWidget { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; max-width: 50em; background-color: #fff; border: 1px solid #a2a9b1; @@ -1818,18 +1858,18 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-progressBarWidget-bar { height: 1em; -webkit-transition: width 200ms; - -moz-transition: width 200ms; - transition: width 200ms; + -moz-transition: width 200ms; + transition: width 200ms; } .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar { -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear; - animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + animation: oo-ui-progressBarWidget-slide 2s infinite linear; width: 40%; -webkit-transform: translate(-25%); - -moz-transform: translate(-25%); - -ms-transform: translate(-25%); - transform: translate(-25%); + -moz-transform: translate(-25%); + -ms-transform: translate(-25%); + transform: translate(-25%); border-left-width: 1px; } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { @@ -1841,42 +1881,42 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { @-webkit-keyframes oo-ui-progressBarWidget-slide { from { -webkit-transform: translate(-100%); - -moz-transform: translate(-100%); - -ms-transform: translate(-100%); - transform: translate(-100%); + -moz-transform: translate(-100%); + -ms-transform: translate(-100%); + transform: translate(-100%); } to { -webkit-transform: translate(350%); - -moz-transform: translate(350%); - -ms-transform: translate(350%); - transform: translate(350%); + -moz-transform: translate(350%); + -ms-transform: translate(350%); + transform: translate(350%); } } @-moz-keyframes oo-ui-progressBarWidget-slide { from { -webkit-transform: translate(-100%); - -moz-transform: translate(-100%); - -ms-transform: translate(-100%); - transform: translate(-100%); + -moz-transform: translate(-100%); + -ms-transform: translate(-100%); + transform: translate(-100%); } to { -webkit-transform: translate(350%); - -moz-transform: translate(350%); - -ms-transform: translate(350%); - transform: translate(350%); + -moz-transform: translate(350%); + -ms-transform: translate(350%); + transform: translate(350%); } } @keyframes oo-ui-progressBarWidget-slide { from { -webkit-transform: translate(-100%); - -moz-transform: translate(-100%); - -ms-transform: translate(-100%); - transform: translate(-100%); + -moz-transform: translate(-100%); + -ms-transform: translate(-100%); + transform: translate(-100%); } to { -webkit-transform: translate(350%); - -moz-transform: translate(350%); - -ms-transform: translate(350%); - transform: translate(350%); + -moz-transform: translate(350%); + -ms-transform: translate(350%); + transform: translate(350%); } }