X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core-apex.css;h=cecff46d32d2199bd036d80a59562b29278cc93f;hb=580d8de9b1542f88f104707cb179de96ba0c261e;hp=382c13b48675f2bdbc030317ab29bf53c7478f5b;hpb=cac0d75f3624529222b9dcd1a1283b9f2b93eceb;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-core-apex.css b/resources/lib/oojs-ui/oojs-ui-core-apex.css index 382c13b486..cecff46d32 100644 --- a/resources/lib/oojs-ui/oojs-ui-core-apex.css +++ b/resources/lib/oojs-ui/oojs-ui-core-apex.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 { @@ -111,13 +115,13 @@ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); border: 1px #c9c9c9 solid; -webkit-transition: border-color 100ms ease; - -moz-transition: border-color 100ms ease; - transition: border-color 100ms ease; + -moz-transition: border-color 100ms ease; + transition: border-color 100ms ease; background-color: #eeeeee; background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd)); background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%); - background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%); - background-image: linear-gradient(to bottom, #fff 0, #ddd 100%); + background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%); + background-image: linear-gradient(to bottom, #fff 0, #ddd 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )"; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, @@ -138,8 +142,8 @@ background-color: #eeeeee; background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff)); background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%); - background-image: -moz-linear-gradient(top, #ddd 0, #fff 100%); - background-image: linear-gradient(to bottom, #ddd 0, #fff 100%); + background-image: -moz-linear-gradient(top, #ddd 0, #fff 100%); + background-image: linear-gradient(to bottom, #ddd 0, #fff 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )"; } .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { @@ -165,8 +169,8 @@ background-color: #cde7f4; 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: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )"; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, @@ -180,8 +184,8 @@ background-color: #cde7f4; 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: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); + background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%); + background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )"; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { @@ -189,8 +193,8 @@ background-color: #daf0bd; 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: linear-gradient(to bottom, #f0fbe1 0, #c3e59a 100%); + background-image: -moz-linear-gradient(top, #f0fbe1 0, #c3e59a 100%); + background-image: linear-gradient(to bottom, #f0fbe1 0, #c3e59a 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0fbe1', endColorstr='#ffc3e59a' )"; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover, @@ -204,8 +208,8 @@ background-color: #daf0bd; 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: linear-gradient(to bottom, #c3e59a 0, #f0fbe1 100%); + background-image: -moz-linear-gradient(top, #c3e59a 0, #f0fbe1 100%); + background-image: linear-gradient(to bottom, #c3e59a 0, #f0fbe1 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc3e59a', endColorstr='#fff0fbe1' )"; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { @@ -216,7 +220,7 @@ .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { opacity: 0.5; -webkit-transform: translateZ(0); - transform: translateZ(0); + transform: translateZ(0); box-shadow: none; color: #333; background: #eee; @@ -233,8 +237,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 { @@ -479,7 +483,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; @@ -713,9 +717,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; @@ -810,8 +814,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup { -webkit-transition: width 100ms ease, height 100ms ease, left 100ms ease; - -moz-transition: width 100ms ease, height 100ms ease, left 100ms ease; - transition: width 100ms ease, height 100ms ease, left 100ms ease; + -moz-transition: width 100ms ease, height 100ms ease, left 100ms ease; + transition: width 100ms ease, height 100ms ease, left 100ms ease; } .oo-ui-popupWidget-head { height: 2.5em; @@ -834,14 +838,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.2375em; -} .oo-ui-inputWidget { margin-right: 0.5em; } @@ -861,8 +857,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; } @@ -875,8 +871,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; @@ -913,8 +909,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; } @@ -923,8 +919,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; @@ -961,9 +957,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 { @@ -973,19 +969,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; @@ -1019,8 +1009,8 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd; border-radius: 0.25em; -webkit-transition: border-color 250ms ease, box-shadow 250ms ease; - -moz-transition: border-color 250ms ease, box-shadow 250ms ease; - transition: border-color 250ms ease, box-shadow 250ms ease; + -moz-transition: border-color 250ms ease, box-shadow 250ms ease; + transition: border-color 250ms ease, box-shadow 250ms ease; } .oo-ui-textInputWidget input.oo-ui-pendingElement-pending, .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending { @@ -1028,27 +1018,27 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { } .oo-ui-textInputWidget input::-webkit-input-placeholder, .oo-ui-textInputWidget textarea::-webkit-input-placeholder { - color: #72777d; + color: #767676; opacity: 1; } .oo-ui-textInputWidget input:-ms-input-placeholder, .oo-ui-textInputWidget textarea:-ms-input-placeholder { - color: #72777d; + color: #767676; opacity: 1; } .oo-ui-textInputWidget input::-moz-placeholder, .oo-ui-textInputWidget textarea::-moz-placeholder { - color: #72777d; + color: #767676; opacity: 1; } .oo-ui-textInputWidget input:-moz-placeholder, .oo-ui-textInputWidget textarea:-moz-placeholder { - color: #72777d; + color: #767676; opacity: 1; } .oo-ui-textInputWidget input::placeholder, .oo-ui-textInputWidget textarea::placeholder { - color: #72777d; + color: #767676; opacity: 1; } .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, @@ -1059,7 +1049,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: #777; + color: #767676; } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input, .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea { @@ -1099,7 +1089,7 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-textInputWidget > .oo-ui-labelElement-label { padding: 0.4em; line-height: 1.5em; - color: #888; + color: #767676; } .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label { margin-right: 2.0875em; @@ -1130,26 +1120,35 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { .oo-ui-menuSelectWidget-invisible { display: none; } -.oo-ui-menuOptionWidget { - position: relative; -} -.oo-ui-menuOptionWidget .oo-ui-iconElement-icon { - display: none; +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { + background-color: transparent; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { + background-image: url('themes/apex/images/icons/check.png'); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg'); + background-image: linear-gradient(transparent, transparent), /* @embed */ url('themes/apex/images/icons/check.svg'); + background-image: -o-linear-gradient(transparent, transparent), url('themes/apex/images/icons/check.png'); + background-position: center center; + background-repeat: no-repeat; + background-size: contain; display: block; -} -.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { - background-color: transparent; + left: 0.5em; + top: 0; + min-width: 24px; + width: 1.875em; + min-height: 24px; + height: 100%; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected { background-color: #e1f3ff; } .oo-ui-menuSectionOptionWidget { - cursor: default; padding: 0.33em 0.75em; - color: #888; + color: #767676; +} +.oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled { + cursor: default; } .oo-ui-dropdownWidget { display: inline-block; @@ -1160,6 +1159,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; @@ -1168,12 +1168,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 { @@ -1262,7 +1262,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:last-child { @@ -1281,6 +1285,12 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { visibility: visible; margin: 0.775em; } +.oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget { + right: 0; + max-height: 2.375em; + margin: 0; + margin-right: 0.775em; +} .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator { cursor: default; opacity: 0.2; @@ -1322,6 +1332,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 #ccc; @@ -1332,24 +1345,24 @@ body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout { height: 1em; border-right: 1px solid #ccc; -webkit-transition: width 250ms ease; - -moz-transition: width 250ms ease; - transition: width 250ms ease; + -moz-transition: width 250ms ease; + transition: width 250ms ease; background-color: #cde7f4; 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: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); + background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%); + background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )"; } .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: 1px solid #a6cee1; } .oo-ui-progressBarWidget.oo-ui-widget-disabled { @@ -1358,42 +1371,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%); } }