X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core-mediawiki.css;h=074c1b2e9f2eafbf18d4f4247758ebc435229561;hb=8eac2feedb7ee093d2c48504e1eb2b8a9dbc8452;hp=dfb34b340e6429499e4c915d5baebebdaf564109;hpb=8d21402039091b410fcc01b551fbf636e9a849bb;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 dfb34b340e..074c1b2e9f 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.16.1 + * OOjs UI v0.16.5 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2016 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2016-03-01T21:50:17Z + * Date: 2016-04-07T15:12:44Z */ .oo-ui-element-hidden { display: none !important; @@ -31,7 +31,8 @@ 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 { +.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, +.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { display: inline-block; vertical-align: middle; } @@ -39,19 +40,10 @@ display: inline-block; position: relative; } -.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; -} .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { - display: inline-block; vertical-align: top; text-align: center; } -.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - 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 { @@ -77,7 +69,7 @@ } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); - outline: none; + outline: 0; } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator { margin-right: 0; @@ -113,14 +105,14 @@ } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #008064; + color: #2962cc; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #00af89; + color: #347bff; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #005946; + color: #1f4999; box-shadow: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, @@ -161,12 +153,11 @@ } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { - outline: none; + outline: 0; } .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { line-height: 1.2em; - display: inline-block; } .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { position: absolute; @@ -176,9 +167,6 @@ .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 { - display: inline-block; -} .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; @@ -218,8 +206,8 @@ color: #347bff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { - background-color: rgba(52, 123, 255, 0.1); - border-color: rgba(31, 73, 153, 0.5); + background-color: #ebf2ff; + border-color: #859dcc; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px #1f4999; @@ -236,20 +224,20 @@ color: #ffffff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { - color: #00af89; + color: #347bff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { - background-color: rgba(0, 171, 137, 0.1); - border-color: rgba(0, 89, 70, 0.5); + background-color: #ebf2ff; + border-color: #859dcc; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { - box-shadow: inset 0 0 0 1px #005946; - border-color: #005946; + box-shadow: inset 0 0 0 1px #1f4999; + border-color: #1f4999; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { - color: #005946; - border-color: #005946; + color: #1f4999; + border-color: #1f4999; box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { @@ -260,8 +248,8 @@ color: #d11d13; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { - background-color: rgba(209, 29, 19, 0.1); - border-color: rgba(115, 16, 10, 0.5); + background-color: #fbe8e7; + border-color: #b77c79; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px #73100a; @@ -303,22 +291,22 @@ } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { color: #ffffff; - background-color: #00af89; - border-color: #00af89; + background-color: #347bff; + border-color: #347bff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover { - background: #008064; - border-color: #008064; + background: #2962cc; + border-color: #2962cc; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px #ffffff; - border-color: #00af89; + border-color: #347bff; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: #ffffff; - background-color: #005946; - border-color: #005946; + background-color: #1f4999; + border-color: #1f4999; box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { @@ -354,6 +342,9 @@ -moz-box-sizing: border-box; box-sizing: border-box; } +.oo-ui-floatableElement-hidden { + display: none; +} .oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-iconElement.oo-ui-iconElement-icon { background-size: contain; @@ -840,7 +831,7 @@ font: inherit; vertical-align: middle; } -.oo-ui-checkboxInputWidget input[type="checkbox"] { +.oo-ui-checkboxInputWidget [type="checkbox"] { opacity: 0; z-index: 1; position: relative; @@ -850,7 +841,7 @@ height: 1.6em; max-width: none; } -.oo-ui-checkboxInputWidget input[type="checkbox"] + span { +.oo-ui-checkboxInputWidget [type="checkbox"] + span { -webkit-transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); @@ -859,42 +850,42 @@ box-sizing: border-box; position: absolute; left: 0; - border-radius: 2px; width: 1.6em; height: 1.6em; - background-color: white; - border: 1px solid #777777; - background-image: url("themes/mediawiki/images/icons/check-constructive.png"); - background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg"); - background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg"); - background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive.png"); + background-color: #ffffff; + background-image: url("themes/mediawiki/images/icons/check-constructive-deprecated.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive-deprecated.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive-deprecated.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive-deprecated.png"); background-repeat: no-repeat; background-position: center center; background-origin: border-box; background-size: 0 0; + border: 1px solid #777777; + border-radius: 2px; } -.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span { +.oo-ui-checkboxInputWidget [type="checkbox"]:checked + span { background-size: 100% 100%; } -.oo-ui-checkboxInputWidget input[type="checkbox"]:active + span { +.oo-ui-checkboxInputWidget [type="checkbox"]:active + span { background-color: #cccccc; border-color: #cccccc; } -.oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span { +.oo-ui-checkboxInputWidget [type="checkbox"]:focus + span { border-width: 2px; } -.oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span, -.oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span { +.oo-ui-checkboxInputWidget [type="checkbox"]:focus:hover + span, +.oo-ui-checkboxInputWidget [type="checkbox"]:hover + span { border-bottom-width: 3px; } -.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled { +.oo-ui-checkboxInputWidget [type="checkbox"]:disabled { cursor: default; } -.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span { +.oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: #dddddd; border-color: #dddddd; } -.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span { +.oo-ui-checkboxInputWidget [type="checkbox"]:disabled: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"); @@ -915,7 +906,7 @@ } .oo-ui-dropdownInputWidget select { width: 100%; - resize: none; + cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -942,7 +933,7 @@ .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color: #aaaaaa; - outline: none; + outline: 0; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: #cccccc; @@ -958,7 +949,7 @@ font: inherit; vertical-align: middle; } -.oo-ui-radioInputWidget input[type="radio"] { +.oo-ui-radioInputWidget [type="radio"] { opacity: 0; z-index: 1; position: relative; @@ -968,7 +959,7 @@ height: 1.6em; max-width: none; } -.oo-ui-radioInputWidget input[type="radio"] + span { +.oo-ui-radioInputWidget [type="radio"] + span { -webkit-transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275); @@ -977,42 +968,42 @@ box-sizing: border-box; position: absolute; left: 0; - border-radius: 100%; width: 1.6em; height: 1.6em; - background: white; - border: 1px solid #777777; - background-image: url("themes/mediawiki/images/icons/circle-constructive.png"); - background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg"); - background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg"); - background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive.png"); + background-color: #ffffff; + background-image: url("themes/mediawiki/images/icons/circle-constructive-deprecated.png"); + background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive-deprecated.svg"); + background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive-deprecated.svg"); + background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive-deprecated.png"); background-repeat: no-repeat; background-position: center center; background-origin: border-box; background-size: 0 0; + border: 1px solid #777777; + border-radius: 100%; } -.oo-ui-radioInputWidget input[type="radio"]:checked + span { +.oo-ui-radioInputWidget [type="radio"]:checked + span { background-size: 100% 100%; } -.oo-ui-radioInputWidget input[type="radio"]:active + span { +.oo-ui-radioInputWidget [type="radio"]:active + span { background-color: #cccccc; border-color: #cccccc; } -.oo-ui-radioInputWidget input[type="radio"]:focus + span { +.oo-ui-radioInputWidget [type="radio"]:focus + span { border-width: 2px; } -.oo-ui-radioInputWidget input[type="radio"]:focus:hover + span, -.oo-ui-radioInputWidget input[type="radio"]:hover + span { +.oo-ui-radioInputWidget [type="radio"]:focus:hover + span, +.oo-ui-radioInputWidget [type="radio"]:hover + span { border-bottom-width: 3px; } -.oo-ui-radioInputWidget input[type="radio"]:disabled { +.oo-ui-radioInputWidget [type="radio"]:disabled { cursor: default; } -.oo-ui-radioInputWidget input[type="radio"]:disabled + span { +.oo-ui-radioInputWidget [type="radio"]:disabled + span { background-color: #dddddd; border-color: #dddddd; } -.oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span { +.oo-ui-radioInputWidget [type="radio"]:disabled:checked + span { background-image: url("themes/mediawiki/images/icons/circle-invert.png"); background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg"); background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg"); @@ -1021,6 +1012,12 @@ .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout { margin-bottom: 0; } +.oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body { + padding: 0.25em 0; +} +.oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label { + line-height: 1.5em; +} .oo-ui-textInputWidget { position: relative; vertical-align: middle; @@ -1042,19 +1039,16 @@ .oo-ui-textInputWidget textarea { overflow: auto; } -.oo-ui-textInputWidget input[type="search"] { - -webkit-appearance: none; -} -.oo-ui-textInputWidget input[type="search"]::-ms-clear { - display: none; +.oo-ui-textInputWidget [type="search"] { + -webkit-appearance: texfield; } -.oo-ui-textInputWidget input[type="search"]::-ms-reveal { +.oo-ui-textInputWidget [type="search"]::-ms-clear { display: none; } -.oo-ui-textInputWidget input[type="search"]::-webkit-search-decoration, -.oo-ui-textInputWidget input[type="search"]::-webkit-search-cancel-button, -.oo-ui-textInputWidget input[type="search"]::-webkit-search-results-button, -.oo-ui-textInputWidget input[type="search"]::-webkit-search-results-decoration { +.oo-ui-textInputWidget [type="search"]::-webkit-search-decoration, +.oo-ui-textInputWidget [type="search"]::-webkit-search-cancel-button, +.oo-ui-textInputWidget [type="search"]::-webkit-search-results-button, +.oo-ui-textInputWidget [type="search"]::-webkit-search-results-decoration { display: none; } .oo-ui-textInputWidget > .oo-ui-iconElement-icon, @@ -1128,7 +1122,7 @@ } .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { - outline: none; + outline: 0; border-color: #347bff; box-shadow: inset 0 0 0 0.1em #347bff; } @@ -1297,7 +1291,6 @@ left: 0.25em; } .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { - line-height: 1.275em; margin: 0 1em; } .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {