X-Git-Url: http://git.cyclocoop.org/%22%20.%20generer_url_ecrire%28%22auteur_infos%22%2C%22id_auteur=%24connect_id_auteur%22%29%20.%20%22?a=blobdiff_plain;f=resources%2Flib%2Fooui%2Foojs-ui-core-wikimediaui.css;h=c6cf8fa4122c9c270f1872e75d13f0cddd52280a;hb=fe3f47ce3b5ddaf33f5bd1ef5cfd49c9cc8f292a;hp=344a9fcce6e85ea586195a78a92242b3278da05c;hpb=6f7d145fdb6c2c2e52fcab10a6c4716cab43a41e;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/ooui/oojs-ui-core-wikimediaui.css b/resources/lib/ooui/oojs-ui-core-wikimediaui.css index 344a9fcce6..c6cf8fa412 100644 --- a/resources/lib/ooui/oojs-ui-core-wikimediaui.css +++ b/resources/lib/ooui/oojs-ui-core-wikimediaui.css @@ -1,12 +1,12 @@ /*! - * OOUI v0.31.1 + * OOUI v0.31.3 * https://www.mediawiki.org/wiki/OOUI * * Copyright 2011–2019 OOUI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2019-03-21T15:54:46Z + * Date: 2019-04-04T19:10:54Z */ .oo-ui-element-hidden { display: none !important; @@ -65,7 +65,7 @@ } .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - line-height: 1; + line-height: 1.28571429em; } .oo-ui-buttonElement.oo-ui-labelElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button { padding-right: 2.28571429em; @@ -134,7 +134,7 @@ border-color: transparent; border-style: solid; border-width: 1px; - padding: 0.57142857em 0.14285714em; + padding: 0.42857143em 0.14285714em; } .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button { padding-left: 2.14285714em; @@ -150,7 +150,7 @@ } .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button { padding-left: 0.14285714em; - padding-top: 0.57142857em; + padding-top: 0.42857143em; } .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button { padding-left: 2.14285714em; @@ -258,8 +258,8 @@ padding-right: 2.28571429em; } .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button { - padding-top: 0.57142857em; - padding-bottom: 0.57142857em; + padding-top: 0.42857143em; + padding-bottom: 0.42857143em; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background-color: #c8ccd1; @@ -590,7 +590,7 @@ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { padding-top: 0; padding-bottom: 0; - padding-left: 0.57142857em; + padding-left: 0.42857143em; } .oo-ui-fieldLayout .oo-ui-fieldLayout-help { margin-right: 0; @@ -836,7 +836,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-decoratedOptionWidget { - padding: 0.57142857em 0.85714286em; + padding: 0.42857143em 0.85714286em; line-height: 1; } .oo-ui-decoratedOptionWidget.oo-ui-iconElement { @@ -893,6 +893,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { white-space: normal; } +.oo-ui-radioOptionWidget:first-child { + margin-top: -0.28571429em; +} .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { padding-left: 0.42857143em; } @@ -1171,8 +1174,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { transition: width 100ms, height 100ms, left 100ms; } .oo-ui-popupWidget-head > .oo-ui-labelElement-label { - margin: 0.64285714em 2.64285714em 0.57142857em 0.85714286em; - line-height: 1; + margin: 0.64285714em 2.64285714em 0.42857143em 0.85714286em; + line-height: 1.28571429em; } .oo-ui-popupWidget-head > .oo-ui-buttonWidget { right: 0; @@ -1184,13 +1187,13 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { line-height: 1.42857143em; } .oo-ui-popupWidget-body-padded { - margin: 0.64285714em 0.85714286em 0.57142857em; + margin: 0.64285714em 0.85714286em 0.42857143em; } .oo-ui-popupWidget-body-padded > :first-child { margin-top: 0; } .oo-ui-popupWidget-footer { - margin: 0.64285714em 0.85714286em 0.57142857em; + margin: 0.64285714em 0.85714286em 0.42857143em; } .oo-ui-popupButtonWidget { @@ -1251,6 +1254,20 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-checkboxInputWidget [type='checkbox']:checked + span { background-size: 1em 1em; } +.oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span { + background-image: none; + background-color: #36c; + border-color: #36c; +} +.oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span:before { + content: ' '; + position: absolute; + top: 0.57142857em; + bottom: 0.57142857em; + left: 0.21428571em; + right: 0.21428571em; + background-color: #fff; +} .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span { background-color: #c8ccd1; border-color: #c8ccd1; @@ -1296,7 +1313,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout { - margin-top: 0.28571429em; + margin-top: 0; + padding: 0.28571429em 0; +} +.oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout:first-child { + margin-top: -0.28571429em; } .oo-ui-dropdownInputWidget { @@ -1324,20 +1345,18 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { cursor: pointer; } -.oo-ui-dropdownInputWidget-php { - border-right: 1px solid #a2a9b1; - border-radius: 2px; - overflow-x: hidden; -} .oo-ui-dropdownInputWidget select { -webkit-appearance: none; -moz-appearance: none; + background-color: transparent; + background-position: right 0.85714286em center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + height: 2.28571429em; border: 1px solid #a2a9b1; border-radius: 2px; - padding: 0.57142857em 0.85714286em; + padding: 0.42857143em 0.85714286em; font-size: inherit; font-family: inherit; vertical-align: middle; @@ -1345,27 +1364,35 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-dropdownInputWidget select::-ms-expand { display: none; } -.oo-ui-dropdownInputWidget select:not( [no-ie] ) { - background-position: right 1.75em center; - width: calc( 100% + 1em ); - height: 2.28571429em; - padding: 0 0 0 0.85714286em; +@media screen and (min-width: 0 \0 ) { + .oo-ui-dropdownInputWidget select select { + background-image: none\9; + padding: 5px\9; + } } .oo-ui-dropdownInputWidget option { + background-color: transparent; font-size: inherit; font-family: inherit; height: 1.5em; - padding: 0.57142857em 0.85714286em; + padding: 0.42857143em 0.85714286em; } -.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: #f8f9fa; + -webkit-transition: background-color 100ms; + -moz-transition: background-color 100ms; + transition: background-color 100ms; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { + background-color: #fff; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { 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; + -webkit-transition: border-color 100ms, box-shadow 100ms; + -moz-transition: border-color 100ms, box-shadow 100ms; + transition: border-color 100ms, box-shadow 100ms; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { - background-color: #fff; color: #444; border-color: #a2a9b1; } @@ -1378,8 +1405,10 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { outline: 0; box-shadow: inset 0 0 0 1px #36c; } -.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { +.oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: #eaecf0; +} +.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: #72777d; border-color: #c8ccd1; } @@ -1472,7 +1501,11 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout { - margin-top: 0.28571429em; + margin-top: 0; + padding: 0.28571429em 0; +} +.oo-ui-radioSelectInputWidget .oo-ui-fieldLayout:first-child { + margin-top: -0.28571429em; } .oo-ui-textInputWidget { @@ -1485,32 +1518,30 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { max-width: 50em; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { + -webkit-appearance: none; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +.oo-ui-textInputWidget input { + -moz-appearance: textfield; +} +.oo-ui-textInputWidget input::-ms-clear { + display: none; +} .oo-ui-textInputWidget textarea { overflow: auto; } .oo-ui-textInputWidget textarea.oo-ui-textInputWidget-autosized { resize: none; } -.oo-ui-textInputWidget [type='number'] { - -moz-appearance: textfield; -} .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button, .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } -.oo-ui-textInputWidget [type='search'] { - -webkit-appearance: none; -} -.oo-ui-textInputWidget [type='search']::-ms-clear { - display: none; -} .oo-ui-textInputWidget [type='search']::-webkit-search-decoration, .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button { display: none; @@ -1553,22 +1584,18 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { user-select: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { - -webkit-appearance: none; background-color: #fff; color: #000; margin: 0; border: 1px solid #a2a9b1; border-radius: 2px; - padding: 0.57142857em 0.57142857em; + padding: 0.42857143em 0.57142857em; font-size: inherit; font-family: inherit; + line-height: 1.28571429em; } .oo-ui-textInputWidget input { height: 2.28571429em; - line-height: 1; -} -.oo-ui-textInputWidget textarea { - line-height: 1.286; } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: #eaecf0; @@ -1585,8 +1612,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: #72777d; margin-top: 1px; - padding: 0.57142857em 0.85714286em 0.57142857em 0.57142857em; - line-height: 1; + padding: 0.42857143em 0.85714286em 0.42857143em 0.57142857em; + line-height: 1.28571429em; } .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-inputWidget-input { padding-right: 2em; @@ -1657,7 +1684,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { outline-color: #d33; } } -.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, +.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon { + opacity: 0.67; +} .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator { opacity: 0.87; } @@ -1732,7 +1761,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-menuSectionOptionWidget { color: #72777d; - padding: 0.57142857em 0.85714286em 0.28571429em; + padding: 0.42857143em 0.85714286em 0.28571429em; font-weight: bold; } .oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled { @@ -1791,7 +1820,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { min-height: 2.28571429em; border: 1px solid #a2a9b1; border-radius: 2px; - padding: 0.57142857em 0.85714286em; + padding: 0.42857143em 0.85714286em; line-height: 1; } .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon { @@ -1801,7 +1830,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { right: 0.78571429em; } .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - line-height: 1; + line-height: 1.28571429em; } .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle { padding-left: 2.64285714em; @@ -1982,6 +2011,9 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { white-space: normal; } +.oo-ui-checkboxMultioptionWidget:first-child { + margin-top: -0.28571429em; +} .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { padding-left: 0.42857143em; } @@ -2169,13 +2201,13 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { box-sizing: border-box; display: block; right: 2.85714286em; - padding-top: 0.57142857em; + padding-top: 0.42857143em; padding-left: 0.57142857em; - padding-bottom: 0.57142857em; + padding-bottom: 0.42857143em; white-space: nowrap; } .oo-ui-selectFileInputWidget.oo-ui-labelElement .oo-ui-selectFileInputWidget-label { - line-height: 1; + line-height: 1.28571429em; } .oo-ui-defaultOverlay {