X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-mediawiki-noimages.css;h=b2e58135b815d37268286a846b5dbc25282bcbb0;hb=c74dcacbe682db9609b104712958c1310f6da293;hp=41d06ff1ae6dc7e1d879ebfb4166ce311e9e92cb;hpb=3fa15fea69c729ca1fd01fec7bb9663140a1ef70;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css b/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css index 41d06ff1ae..b2e58135b8 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.12.5 + * OOjs UI v0.12.7 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs UI Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-08-19T02:10:25Z + * Date: 2015-09-01T23:25:39Z */ @-webkit-keyframes oo-ui-progressBarWidget-slide { from { @@ -149,10 +149,10 @@ } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #347bff; + color: #2962cc; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #777777; + color: #347bff; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { @@ -161,10 +161,10 @@ } .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: #00af89; + color: #008064; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #777777; + color: #00af89; } .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 { @@ -173,10 +173,10 @@ } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label { - color: #d11d13; + color: #8c130d; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { - color: #777777; + color: #d11d13; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { @@ -765,6 +765,9 @@ .oo-ui-horizontalLayout > .oo-ui-widget:last-child { margin-right: 0; } +.oo-ui-horizontalLayout .oo-ui-fieldLayout { + margin-bottom: 0; +} .oo-ui-popupTool .oo-ui-popupWidget-popup, .oo-ui-popupTool .oo-ui-popupWidget-anchor { z-index: 4; @@ -1121,6 +1124,9 @@ background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg"); background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg"); background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png"); + background-size: contain; + background-position: center center; + background-repeat: no-repeat; } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { background-color: #eeeeee; @@ -2166,32 +2172,20 @@ } .oo-ui-selectFileWidget { display: inline-block; - position: relative; vertical-align: middle; width: 100%; max-width: 50em; margin-right: 0.5em; } -.oo-ui-selectFileWidget-handle { - width: 100%; - display: inline-block; - cursor: pointer; - overflow: hidden; - -webkit-touch-callout: none; - -webkit-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; +.oo-ui-selectFileWidget-selectButton { + display: table-cell; + vertical-align: middle; } -.oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator, -.oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon, -.oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton { - position: absolute; +.oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button { + position: relative; + overflow: hidden; } -.oo-ui-selectFileWidget-handle > input[type="file"] { +.oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > input[type="file"] { position: absolute; margin: 0; top: 0; @@ -2203,17 +2197,35 @@ opacity: 0; z-index: 1; cursor: pointer; + /* Push the button part of the native control out of view, as it changes the cursor */ + padding-top: 100px; +} +.oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > input[type="file"] { + display: none; } -.oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton { +.oo-ui-selectFileWidget-info { + width: 100%; + display: table-cell; + vertical-align: middle; + position: relative; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator, +.oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon, +.oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton { + position: absolute; +} +.oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton { z-index: 2; } -.oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle, -.oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle { +.oo-ui-selectFileWidget-dropTarget { cursor: default; } -.oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > input[type="file"], -.oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle > input[type="file"] { - display: none; +.oo-ui-selectFileWidget-supported.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropTarget { + cursor: pointer; } .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton, .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton { @@ -2222,23 +2234,24 @@ .oo-ui-selectFileWidget:last-child { margin-right: 0; } -.oo-ui-selectFileWidget-handle { - height: 2.5em; +.oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button { + margin: 0 0 0 0.5em; +} +.oo-ui-selectFileWidget-info { + height: 2.4em; border: 1px solid #cccccc; border-radius: 0.1em; padding: 0 1em; - background: #ffffff; } -.oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator { +.oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator { right: 0; } -.oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon { +.oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon { left: 0.25em; } -.oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-label { - line-height: 2.5em; +.oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label { + line-height: 2.3em; margin: 0; - display: inline-block; overflow: hidden; width: 100%; white-space: nowrap; @@ -2247,63 +2260,82 @@ box-sizing: border-box; text-overflow: ellipsis; } -.oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton { +.oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton { top: 0; width: 1.875em; height: 1.875em; margin: 0.3em; } -.oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator { +.oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator { top: 0; width: 0.9375em; height: 0.9375em; margin: 0.775em; } -.oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon { +.oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon { top: 0; width: 1.875em; height: 1.875em; margin: 0.3em; } -.oo-ui-selectFileWidget:hover .oo-ui-selectFileWidget-handle { - border-color: #aaaaaa; -} -.oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle { +.oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info { color: #cccccc; text-shadow: 0 1px 1px #ffffff; border-color: #dddddd; background-color: #f3f3f3; } -.oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon, -.oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator { +.oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon, +.oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator { opacity: 0.2; } .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label { color: #cccccc; } -.oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-handle { +.oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info { padding-left: 3em; } -.oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle { +.oo-ui-selectFileWidget .oo-ui-selectFileWidget-info { padding-right: 3em; } -.oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton { +.oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton { right: 0; } -.oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle { +.oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info { padding-right: 5em; } -.oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton { +.oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton { right: 2em; } -.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-handle, -.oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle { +.oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-info, +.oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info { padding-right: 1em; } -.oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle, -.oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle { +.oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-info, +.oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info { padding-right: 2em; } +.oo-ui-selectFileWidget-dropTarget { + line-height: 3.5em; + border: 1px dashed #cccccc; + padding: 0.5em 1em; + margin-bottom: 0.5em; + background: #ffffff; + text-align: center; + vertical-align: middle; +} +.oo-ui-selectFileWidget-supported.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropTarget:hover { + background-color: #eeeeee; +} +.oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget { + background: rgba(52, 123, 255, 0.1); +} +.oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-dropTarget, +.oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget { + color: #cccccc; + text-shadow: 0 1px 1px #ffffff; + border-color: #dddddd; + background-color: #f3f3f3; +} .oo-ui-outlineOptionWidget { position: relative; cursor: pointer;