X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core-wikimediaui.css;h=c19b02f51e250d2bfaf1949a4e3d1f5e46fc6580;hb=fe4b09380562976aea9f06e59d342fff8d91b026;hp=a98f4cd8b8e39ea7b0b71a5bba1a923c10948211;hpb=8e27780cfdb7209e22a2c8a05b4ca4774d8fdfa6;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-core-wikimediaui.css b/resources/lib/oojs-ui/oojs-ui-core-wikimediaui.css index a98f4cd8b8..c19b02f51e 100644 --- a/resources/lib/oojs-ui/oojs-ui-core-wikimediaui.css +++ b/resources/lib/oojs-ui/oojs-ui-core-wikimediaui.css @@ -1,24 +1,17 @@ /*! - * OOjs UI v0.24.1 + * OOjs UI v0.25.0 * https://www.mediawiki.org/wiki/OOjs_UI * - * Copyright 2011–2017 OOjs UI Team and other contributors. + * Copyright 2011–2018 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2017-10-31T22:46:39Z + * Date: 2018-01-10T00:26:07Z */ /** - * WikimediaUI Base v0.9.2 + * WikimediaUI Base v0.10.0 * Wikimedia Foundation user interface base variables */ -/* Colors */ -/* Positioning */ -/* Box Model properties */ -/* Max Widths */ -/* Typography incl. print properties */ -/* Other Properties */ -/* Animation & Transition */ .oo-ui-element-hidden { display: none !important; } @@ -193,20 +186,15 @@ border-color: transparent; box-shadow: none; } -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #36c; } -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: #447ff5; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active:focus, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: #2a4b8d; box-shadow: none; } @@ -312,32 +300,24 @@ border-color: #36c; box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #36c; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #fff; border-color: #447ff5; } .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-constructive > .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-constructive > .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-constructive.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-constructive.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, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-popupToolGroup-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; box-shadow: none; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { +.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; } @@ -362,34 +342,26 @@ border-color: #d33; box-shadow: inset 0 0 0 1px #d33; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #fff; background-color: #36c; border-color: #36c; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #447ff5; border-color: #447ff5; } .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-constructive > .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-constructive > .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-constructive.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-constructive.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, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-popupToolGroup-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; box-shadow: none; } -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { +.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; } @@ -562,9 +534,6 @@ .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top .oo-ui-fieldLayout-help, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help { margin-top: -0.46875em; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top .oo-ui-fieldLayout-help:last-child, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help:last-child { margin-right: -0.3125em; } .oo-ui-fieldLayout-messages { @@ -623,6 +592,10 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { display: table-cell; } +.oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header { + display: none; +} +.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header, .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header { color: inherit; display: inline-table; @@ -632,9 +605,6 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { float: left; width: 100%; } -.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label:empty { - display: none; -} .oo-ui-fieldsetLayout-group { clear: both; } @@ -719,6 +689,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed { margin: 1em 0; } +.oo-ui-panelLayout-scrollable { + background-color: #fff; +} .oo-ui-horizontalLayout > .oo-ui-widget { display: inline-block; vertical-align: middle; @@ -737,6 +710,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-horizontalLayout > .oo-ui-layout { margin-top: 0; } +.oo-ui-horizontalLayout > .oo-ui-widget { + margin-bottom: 0.5em; +} .oo-ui-widget .oo-ui-iconElement-icon, .oo-ui-widget .oo-ui-indicatorElement-indicator, .oo-ui-widget.oo-ui-iconElement .oo-ui-widget .oo-ui-iconElement-icon, @@ -1151,9 +1127,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-checkboxInputWidget [type='checkbox']:checked + span { background-image: url('themes/wikimediaui/images/icons/check-invert.png'); - background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/wikimediaui/images/icons/check-invert.svg'); background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/wikimediaui/images/icons/check-invert.svg'); - background-image: -o-linear-gradient(transparent, transparent), url('themes/wikimediaui/images/icons/check-invert.png'); background-size: 90% 90%; } .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span { @@ -1215,10 +1189,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { max-width: 50em; } .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget, -.oo-ui-dropdownInputWidget select { +.oo-ui-dropdownInputWidget.oo-ui-dropdownInputWidget-php select { display: block; } .oo-ui-dropdownInputWidget select { + display: none; background-position: -9999em 0; background-repeat: no-repeat; width: 100%; @@ -1250,7 +1225,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-dropdownInputWidget select::-ms-expand { display: none; } -.oo-ui-dropdownInputWidget select:not( [ no-ie ] ) { +.oo-ui-dropdownInputWidget select:not( [no-ie] ) { background-position: right 1.75em center; width: calc( 100% + 1em ); height: 2.5em; @@ -1519,6 +1494,10 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea { border-color: #72777d; } +.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus, +.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus { + border-color: #36c; +} @media screen and (min-width: 0) { .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { outline: 1px solid #36c; @@ -1593,6 +1572,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { z-index: 4; background-color: #fff; margin-top: -1px; + margin-bottom: -1px; border: 1px solid #a2a9b1; border-radius: 0 0 2px 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); @@ -1810,7 +1790,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { border-top-left-radius: 0; border-bottom-left-radius: 0; } -.oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget { +.oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget.oo-ui-indicatorElement.oo-ui-indicatorElement-indicator { + display: block; + position: absolute; + top: 0; + height: 100%; right: 0.9375em; margin: 0; } @@ -1939,3 +1923,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { transform: translate(350%); } } +.oo-ui-defaultOverlay { + position: absolute; + top: 0; + /* @noflip */ + left: 0; +}