X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-apex.svg.css;h=fee616373b5ccea815637b40093f0ef4fc453ebc;hb=26c8555f74752fe3d98104307c8013bfe6ae337e;hp=ccbc0b393f8128a8ff542868d261c53e87dfcdcd;hpb=8181f97897e2ce419d4e8599240af46d33b5ea63;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-apex.svg.css b/resources/lib/oojs-ui/oojs-ui-apex.svg.css index ccbc0b393f..fee616373b 100644 --- a/resources/lib/oojs-ui/oojs-ui-apex.svg.css +++ b/resources/lib/oojs-ui/oojs-ui-apex.svg.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.4.0 + * OOjs UI v0.6.0 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2014 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2014-12-06T00:33:19Z + * Date: 2014-12-16T21:01:07Z */ .oo-ui-progressBarWidget-slide-frames from { margin-left: -40%; @@ -153,7 +153,7 @@ .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { margin-left: 0.25em; } -.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { +.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #087ecc; } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { @@ -194,7 +194,7 @@ outline: none; } .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { +.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { line-height: 1.9em; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, @@ -220,7 +220,7 @@ margin-left: -0.5em; margin-right: 0.3em; } -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { border: solid 1px #a6cee1; background: #cde7f4; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee'); @@ -231,13 +231,13 @@ background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%); } -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus { +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: #9dc2d4; } -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { border: solid 1px #a6cee1; background: #cde7f4; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa'); @@ -324,22 +324,22 @@ display: block; background: rgba(0, 0, 0, 0.4); } -.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable { +.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable { overflow-y: hidden; } -.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } -.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable { +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable { overflow-y: auto; } -.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded { padding: 2em; } -.oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineSelectWidget { +.oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget { position: absolute; top: 0; left: 0; @@ -347,19 +347,19 @@ bottom: 3em; overflow-y: auto; } -.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { +.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { position: absolute; bottom: 0; left: 0; right: 0; } -.oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout { +.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout { padding: 1.5em; } .oo-ui-bookletLayout-outlinePanel { border-right: solid 1px #dddddd; } -.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget { +.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget { box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); } .oo-ui-fieldLayout { @@ -374,60 +374,57 @@ .oo-ui-fieldLayout:after { clear: both; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { - display: block; - float: left; -} -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { display: block; float: left; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { text-align: right; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { - display: inline-block; - vertical-align: middle; +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { + display: table; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { - display: inline-block; +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { + display: table-cell; vertical-align: middle; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { +.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { display: inline-block; } -.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - z-index: 1; -} -.oo-ui-fieldLayout .oo-ui-fieldLayout-help { +.oo-ui-fieldLayout > .oo-ui-fieldLayout-help { float: right; } -.oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { +.oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { + z-index: 1; +} +.oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content { padding: 0.5em 0.75em; line-height: 1.5em; } .oo-ui-fieldLayout:last-child { margin-bottom: 0; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label { +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { padding-top: 0.5em; margin-right: 5%; width: 35%; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field, -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field { +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field, +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { width: 60%; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label { - padding: 0.75em 0.5em 0.5em 0.5em; +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { + padding: 0.5em; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field { +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { padding: 0.5em 0; } -.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label { +.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label { padding: 0.5em 0; } .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { @@ -548,6 +545,7 @@ .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { display: block; } +.oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-accel, .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title { display: none; } @@ -649,28 +647,23 @@ .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools { right: 0; } -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - display: inline-block; +.oo-ui-popupToolGroup .oo-ui-tool-link { + display: table; + 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, .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { - display: inline-table; - vertical-align: middle; - width: 100%; - margin-right: -2.5em; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-title-text, -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel { display: table-cell; + vertical-align: middle; } -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-title-text { - width: 100%; -} -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel { +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { text-align: right; - padding-right: 2.5em; } -.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel:not(:empty) { +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) { padding-left: 3em; } .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { @@ -729,26 +722,27 @@ .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { height: 2em; width: 2em; - margin-right: 0.25em; + min-width: 2em; +} +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { + padding-left: 0.25em; } +.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-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel { +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { color: #888888; } .oo-ui-listToolGroup .oo-ui-tool { - display: inline-block; - width: 100%; + display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .oo-ui-listToolGroup .oo-ui-tool-link { - display: block; cursor: pointer; - white-space: nowrap; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { cursor: default; @@ -762,9 +756,7 @@ .oo-ui-listToolGroup .oo-ui-tool { border: solid 1px transparent; margin: -1px 0; -} -.oo-ui-listToolGroup .oo-ui-tool-link { - padding-right: 0.5em; + padding: 0 0.25em 0 0; } .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { border-color: rgba(0, 0, 0, 0.1); @@ -796,7 +788,7 @@ .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { color: #cccccc; } -.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel { +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel { color: #dddddd; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon { @@ -816,9 +808,7 @@ display: block; } .oo-ui-menuToolGroup .oo-ui-tool-link { - display: block; cursor: pointer; - white-space: nowrap; } .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { cursor: default; @@ -835,11 +825,8 @@ .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { border-color: rgba(0, 0, 0, 0.25); } -.oo-ui-menuToolGroup .oo-ui-tool-link { - padding: 0 1em 0 0.25em; - display: block; - cursor: pointer; - white-space: nowrap; +.oo-ui-menuToolGroup .oo-ui-tool { + padding: 0 0.75em 0 0.25em; } .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { background-image: none; @@ -1085,7 +1072,6 @@ } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { border-radius: 0; - margin-bottom: -1px; margin-left: -1px; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button { @@ -1338,9 +1324,6 @@ .oo-ui-popupWidget-head .oo-ui-labelElement-label { margin: 0.75em 1em; } -.oo-ui-popupWidget-body { - box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25); -} .oo-ui-popupWidget-body-padded { padding: 0 1em; } @@ -1359,6 +1342,7 @@ } .oo-ui-textInputWidget { position: relative; + vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -1652,7 +1636,7 @@ .oo-ui-outlineControlsWidget-items, .oo-ui-outlineControlsWidget-movers { height: 2em; - margin: 0.5em; + margin: 0.5em 0.5em 0.5em 0; padding: 0; } .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon { @@ -1661,9 +1645,6 @@ margin: 0.5em 0 0.5em 0.5em; opacity: 0.2; } -.oo-ui-outlineControlsWidget-items { - margin-left: 0; -} .oo-ui-comboBoxWidget { display: inline-block; position: relative; @@ -1874,13 +1855,13 @@ .oo-ui-messageDialog-actions .oo-ui-actionWidget:active { background-color: rgba(0, 0, 0, 0.1); } -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover { background-color: rgba(8, 126, 204, 0.05); } -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active { background-color: rgba(8, 126, 204, 0.1); } -.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { font-weight: bold; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover { @@ -2001,16 +1982,16 @@ /* Adjust for border so text aligns with title */ margin: -1px; } -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover { +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover { background-color: rgba(8, 126, 204, 0.05); } -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active { +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active { background-color: rgba(8, 126, 204, 0.1); } -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label { +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label { font-weight: bold; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,