X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-mediawiki-noimages.css;h=806fab11323e2996422c1503c8ae0ed19b493578;hb=5d62627a21e7203539cf0aa2e2ce8a872162eef9;hp=41e2f880a3e35ac1a0c62075562ce8d510eeb742;hpb=cf73ab56fff68ebf3eb3fc3d1d600c950b42e4dc;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 41e2f880a3..806fab1132 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.9.8 + * OOjs UI v0.11.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-04-12T17:19:13Z + * Date: 2015-04-30T01:42:35Z */ @-webkit-keyframes oo-ui-progressBarWidget-slide { from { @@ -623,48 +623,67 @@ -o-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } +.oo-ui-menuLayout-menu { + height: 18em; + width: 18em; +} .oo-ui-menuLayout-content { - top: 0; - left: 0; - right: 0; - bottom: 0; + top: 18em; + left: 18em; + right: 18em; + bottom: 18em; +} +.oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-menu { + width: 0 !important; + height: 0 !important; + overflow: hidden; +} +.oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-content { + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; } -.oo-ui-menuLayout-top .oo-ui-menuLayout-menu { +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-menu { + width: auto !important; left: 0; top: 0; right: 0; } -.oo-ui-menuLayout-top .oo-ui-menuLayout-content { +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-content { right: 0 !important; bottom: 0 !important; left: 0 !important; } -.oo-ui-menuLayout-after .oo-ui-menuLayout-menu { +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-menu { + height: auto !important; top: 0; right: 0; bottom: 0; } -.oo-ui-menuLayout-after .oo-ui-menuLayout-content { +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-content { bottom: 0 !important; left: 0 !important; top: 0 !important; } -.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu { +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu { + width: auto !important; right: 0; bottom: 0; left: 0; } -.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content { +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content { left: 0 !important; top: 0 !important; right: 0 !important; } -.oo-ui-menuLayout-before .oo-ui-menuLayout-menu { +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-menu { + height: auto !important; bottom: 0; left: 0; top: 0; } -.oo-ui-menuLayout-before .oo-ui-menuLayout-content { +.oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-content { top: 0 !important; right: 0 !important; bottom: 0 !important; @@ -701,18 +720,17 @@ .oo-ui-popupTool .oo-ui-popupWidget { /* @noflip */ margin-left: 1.25em; - font-size: 0.8em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup { margin: 0; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle { - height: 1.5em; - padding: 0.25em; + height: 1.875em; + padding: 0.3125em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - height: 1.5em; - width: 1.5em; + height: 1.875em; + width: 1.875em; opacity: 0.8; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { @@ -721,11 +739,14 @@ .oo-ui-toolGroup { display: inline-block; vertical-align: middle; - margin: 0.3em; + margin: 0.375em; } .oo-ui-toolGroup-empty { display: none; } +.oo-ui-toolGroup .oo-ui-tool-link { + text-decoration: none; +} .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { background-position: center center; background-repeat: no-repeat; @@ -751,32 +772,33 @@ .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { display: block; } -.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel { + display: none; +} +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon { display: block; } -.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel, -.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title { display: none; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link { cursor: default; } -.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-title, -.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-accel { - display: none; -} .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { cursor: pointer; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { - height: 1.5em; - padding: 0.25em; + height: 1.875em; + padding: 0.3125em; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.5em; - width: 1.5em; + height: 1.875em; + width: 1.875em; opacity: 0.8; } +.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { + line-height: 2.1em; +} .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled { background-color: #eeeeee; } @@ -794,8 +816,8 @@ } .oo-ui-popupToolGroup { position: relative; - height: 2em; - min-width: 2em; + height: 2.5em; + min-width: 2.5em; } .oo-ui-popupToolGroup-handle { display: block; @@ -833,7 +855,6 @@ width: 100%; vertical-align: middle; white-space: nowrap; - text-decoration: none; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, @@ -848,23 +869,22 @@ padding-left: 3em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup { - min-width: 1.5em; + min-width: 1.875em; } .oo-ui-popupToolGroup.oo-ui-iconElement { - min-width: 2.5em; + min-width: 3.125em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement { - min-width: 2em; + min-width: 2.5em; } .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 3.5em; + min-width: 4.375em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { - min-width: 3em; + min-width: 3.75em; } .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { line-height: 2.6em; - font-size: 0.8em; margin: 0 1em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { @@ -883,42 +903,41 @@ margin-right: 1.75em; } .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - width: 0.75em; - height: 0.75em; - margin: 0.625em; + width: 0.9375em; + height: 0.9375em; + margin: 0.78125em; top: 0; right: 0; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { - right: -0.25em; + right: -0.3125em; } .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - width: 1.5em; - height: 1.5em; - margin: 0.25em; + width: 1.875em; + height: 1.875em; + margin: 0.3125em; top: 0; - left: 0.25em; + left: 0.3125em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { left: 0; } .oo-ui-popupToolGroup-header { line-height: 2.6em; - font-size: 0.8em; margin: 0 0.6em; font-weight: bold; } .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - top: 2em; + top: 2.5em; background-color: white; } .oo-ui-popupToolGroup .oo-ui-tool-link { - padding: 0.25em 0 0.25em 0.25em; + padding: 0.3125em 0 0.3125em 0.3125em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.5em; - width: 1.5em; - min-width: 1.5em; + height: 1.875em; + width: 1.875em; + min-width: 1.875em; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { padding-left: 0.5em; @@ -926,7 +945,6 @@ .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { line-height: 2em; - font-size: 0.8em; } .oo-ui-listToolGroup .oo-ui-tool { display: block; @@ -941,7 +959,7 @@ cursor: default; } .oo-ui-listToolGroup .oo-ui-tool { - padding: 0 0.75em 0 0.25em; + padding: 0 0.9375em 0 0.3125em; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { background-color: #eeeeee; @@ -967,14 +985,14 @@ opacity: 0.2; } .oo-ui-listToolGroup .oo-ui-toolGroup-tools { - padding: 0.25em 0 0.25em 0; + padding: 0.3125em 0 0.3125em 0; border: 1px solid #aaaaaa; - border-radius: 0.2em; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1); + border-radius: 0.25em; + box-shadow: inset 0 -0.25em 0 0 rgba(0, 0, 0, 0.2), 0 0.125em 0 0 rgba(0, 0, 0, 0.1); } .oo-ui-menuToolGroup { border: 1px solid #cccccc; - border-radius: 0.1em; + border-radius: 0.125em; } .oo-ui-menuToolGroup .oo-ui-tool { display: block; @@ -986,18 +1004,18 @@ cursor: default; } .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 8em; + min-width: 10em; } .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { - min-width: 6.5em; + min-width: 8.125em; } .oo-ui-menuToolGroup .oo-ui-toolGroup-tools { margin-left: -1px; - padding: 0.25em 0 0.25em 0; + padding: 0.3125em 0 0.3125em 0; border: 1px solid #aaaaaa; - border-radius: 0.2em; + border-radius: 0.25em; border-top-left-radius: 0; - box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0 -0.25em 0 0 rgba(0, 0, 0, 0.2), 0 0.125em 0 0 rgba(0, 0, 0, 0.1); } .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { border-color: #aaaaaa; @@ -1006,7 +1024,7 @@ border-color: #aaaaaa; } .oo-ui-menuToolGroup .oo-ui-tool { - padding: 0 1em 0 0.25em; + padding: 0 1.25em 0 0.3125em; } .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { background-image: none; @@ -1278,10 +1296,10 @@ .oo-ui-buttonGroupWidget:last-child { margin-right: 0; } -.oo-ui-buttonGroupWidget .oo-ui-buttonWidget { +.oo-ui-buttonGroupWidget .oo-ui-buttonElement { margin-right: 0; } -.oo-ui-buttonGroupWidget .oo-ui-buttonWidget:last-child { +.oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child { margin-right: 0; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { @@ -1297,6 +1315,14 @@ border-bottom-right-radius: 2px; border-top-right-radius: 2px; } +.oo-ui-toggleButtonWidget { + display: inline-block; + vertical-align: middle; + margin-right: 0.5em; +} +.oo-ui-toggleButtonWidget:last-child { + margin-right: 0; +} .oo-ui-toggleSwitchWidget { position: relative; display: inline-block; @@ -1827,6 +1853,16 @@ border-color: #cccccc; box-shadow: inset 0 0 0 0.1em #cccccc; } +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input, +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea { + border-color: red; + box-shadow: inset 0 0 0 0 red; +} +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus, +.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus { + border-color: red; + box-shadow: inset 0 0 0 0.1em red; +} .oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea { color: #cccccc; @@ -2149,7 +2185,6 @@ } .oo-ui-window { background: transparent; - font-size: 0.8em; } .oo-ui-window-frame { -webkit-box-sizing: border-box;