X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-mediawiki.css;h=d8d365387f988ee22325940260f55da891428464;hb=ffdd99bef1838e8ad79a367205a550957844ba6e;hp=f13404bd2a20142d928925ad6bd4f0fbdb5e9c37;hpb=5643e9fff21f96f48f2f67d3400b0144d429d055;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.css b/resources/lib/oojs-ui/oojs-ui-mediawiki.css index f13404bd2a..d8d365387f 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki.css +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.css @@ -1,13 +1,59 @@ /*! - * OOjs UI v0.1.0-pre (fe4076af75) + * OOjs UI v0.2.3 * 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-11-13T22:25:27Z + * Date: 2014-11-26T23:37:12Z */ +.oo-ui-progressBarWidget-slide-frames from { + margin-left: -40%; +} +.oo-ui-progressBarWidget-slide-frames to { + margin-left: 100%; +} +@-webkit-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@-moz-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@-ms-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@-o-keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} +@keyframes oo-ui-progressBarWidget-slide { + from { + margin-left: -40%; + } + to { + margin-left: 100%; + } +} /* @noflip */ .oo-ui-rtl { direction: rtl; @@ -47,7 +93,7 @@ display: inline-block; position: relative; } -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { +.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { display: inline-block; vertical-align: middle; } @@ -56,7 +102,7 @@ vertical-align: top; text-align: center; } -.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 { display: inline-block; vertical-align: middle; } @@ -95,7 +141,7 @@ .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus { outline: none; } -.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { +.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-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { @@ -256,7 +302,7 @@ .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded { padding: 2em; } -.oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget { +.oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineSelectWidget { position: absolute; top: 0; left: 0; @@ -323,6 +369,7 @@ } .oo-ui-fieldLayout .oo-ui-fieldLayout-help-content { padding: 0.5em 0.75em; + line-height: 1.5em; } .oo-ui-fieldLayout:last-child { margin-bottom: 0; @@ -557,6 +604,17 @@ .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement { min-width: 3.5em; } +.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-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-left: 3em; +} +.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { + margin-right: 2.25em; +} .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator, .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { top: 0; @@ -570,23 +628,12 @@ .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { left: 0.25em; } -.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - line-height: 2.6em; - font-size: 0.8em; - margin: 0 1em; -} .oo-ui-popupToolGroup-header { line-height: 2.6em; font-size: 0.8em; margin: 0 0.6em; font-weight: bold; } -.oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-left: 3em; -} -.oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 2.25em; -} .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { top: 2em; background-color: white; @@ -770,13 +817,13 @@ position: relative; display: block; cursor: pointer; - padding: 0.5em 2em 0.5em 3em; + padding: 0.25em 0.5em; border: none; } .oo-ui-optionWidget.oo-ui-widget-disabled { cursor: default; } -.oo-ui-optionWidget .oo-ui-labelElement-label { +.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { display: block; white-space: nowrap; text-overflow: ellipsis; @@ -795,6 +842,9 @@ .oo-ui-optionWidget.oo-ui-widget-disabled { color: #cccccc; } +.oo-ui-decoratedOptionWidget { + padding: 0.5em 2em 0.5em 3em; +} .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon, .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator { position: absolute; @@ -832,6 +882,9 @@ border-bottom-right-radius: 0.3em; border-top-right-radius: 0.3em; } +.oo-ui-radioSelectWidget { + padding: 0.75em 0 0.5em 0; +} .oo-ui-buttonOptionWidget { display: inline-block; padding: 0; @@ -859,6 +912,24 @@ .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted { background-color: transparent; } +.oo-ui-radioOptionWidget { + cursor: default; + padding: 0; + background-color: transparent; +} +.oo-ui-radioOptionWidget .oo-ui-radioInputWidget, +.oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label { + display: inline-block; + vertical-align: middle; +} +.oo-ui-radioOptionWidget.oo-ui-optionWidget-selected, +.oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed, +.oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted { + background-color: transparent; +} +.oo-ui-radioOptionWidget > .oo-ui-labelElement-label { + padding: 0 0.5em; +} .oo-ui-labelWidget { display: inline-block; } @@ -1005,20 +1076,29 @@ background-color: #ffffff; } .oo-ui-progressBarWidget { - width: 100%; max-width: 50em; border: solid 1px #0274ff; border-radius: 0.1em; + overflow: hidden; } .oo-ui-progressBarWidget-bar { height: 1em; - border-right: solid 1px #0274ff; background: #0274ff; - -webkit-transition: width 200ms; - -moz-transition: width 200ms; - -ms-transition: width 200ms; - -o-transition: width 200ms; - transition: width 200ms; + -webkit-transition: width 200ms, margin-left 200ms; + -moz-transition: width 200ms, margin-left 200ms; + -ms-transition: width 200ms, margin-left 200ms; + -o-transition: width 200ms, margin-left 200ms; + transition: width 200ms, margin-left 200ms; +} +.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; + -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear; + animation: oo-ui-progressBarWidget-slide 2s infinite linear; + width: 40%; + margin-left: -10%; + border-left-width: 1px; } .oo-ui-progressBarWidget.oo-ui-widget-disabled { opacity: 0.2; @@ -1129,15 +1209,9 @@ .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget { left: 1em; } -.oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - left: -1em; -} .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget { left: 1.75em; } -.oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget > .oo-ui-popupWidget-popup { - left: -1.75em; -} .oo-ui-checkboxInputWidget { position: relative; line-height: 1.6em; @@ -1295,7 +1369,7 @@ height: 100%; background-position: left center; } -.oo-ui-menuWidget { +.oo-ui-menuSelectWidget { position: absolute; background: #ffffff; margin-top: -1px; @@ -1304,32 +1378,32 @@ padding-bottom: 0.25em; box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2); } -.oo-ui-menuWidget input { +.oo-ui-menuSelectWidget input { position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; } -.oo-ui-menuItemWidget { +.oo-ui-menuOptionWidget { position: relative; } -.oo-ui-menuItemWidget .oo-ui-iconElement-icon { +.oo-ui-menuOptionWidget .oo-ui-iconElement-icon { display: none; } -.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: transparent; } -.oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { display: block; } -.oo-ui-menuItemWidget.oo-ui-optionWidget-selected { +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: transparent; } -.oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted { +.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: #eeeeee; } -.oo-ui-menuSectionItemWidget { +.oo-ui-menuSectionOptionWidget { cursor: default; padding: 0.33em 0.75em; color: #888888; @@ -1360,7 +1434,7 @@ background-position: center center; background-repeat: no-repeat; } -.oo-ui-dropdownWidget .oo-ui-menuWidget { +.oo-ui-dropdownWidget .oo-ui-menuSelectWidget { z-index: 1; width: 100%; } @@ -1409,7 +1483,7 @@ .oo-ui-dropdownWidget .oo-ui-selectWidget { border-top-color: #ffffff; } -.oo-ui-outlineItemWidget { +.oo-ui-outlineOptionWidget { position: relative; cursor: pointer; -webkit-touch-callout: none; @@ -1634,7 +1708,10 @@ .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { border-bottom-width: 0; } -.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label { +.oo-ui-messageDialog-actions .oo-ui-actionWidget { + height: 3.4em; +} +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label { text-align: center; line-height: 3.4em; padding: 0 2em; @@ -1731,8 +1808,6 @@ .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button { - padding-top: 0.75em; - padding-bottom: 0.75em; min-width: 1.9em; min-height: 1.9em; } @@ -1740,12 +1815,10 @@ .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label, .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label { line-height: 1.9em; - padding: 0 1em; } -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon, -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon, -.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon { - position: absolute; +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { margin-top: -0.125em; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed, @@ -1756,7 +1829,7 @@ .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button { - padding: 0; + padding: 0 1em; vertical-align: middle; } .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover, @@ -1804,18 +1877,6 @@ .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active { background-color: rgba(212, 83, 83, 0.1); } -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - left: 0.5em; -} -.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { - padding-left: 2.25em; -} -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon { - right: 0.5em; -} -.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label { - padding-right: 2.25em; -} .oo-ui-processDialog > .oo-ui-window-frame { min-height: 5em; } @@ -1863,17 +1924,15 @@ overflow: hidden; max-width: 100%; max-height: 100%; + visibility: visible; } .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe { width: 100%; height: 100%; } -.oo-ui-windowManager-modal > .oo-ui-dialog .oo-ui-window-frame { +.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { visibility: hidden; } -.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { - visibility: visible; -} .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame { width: 100%; height: 100%; @@ -1907,7 +1966,7 @@ .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load { opacity: 1; } -.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);