X-Git-Url: http://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-agora.css;h=49b4cdab91574b542c430f520d1826e595ff0aa1;hb=2e8e02b9d9d8e201301fc684dada5ee770822984;hp=dc999cd549304f36900da77a3cefd178cc022fd4;hpb=aaeb2033c92a4dc9a675488ee4036da78307d5ac;p=lhc%2Fweb%2Fwiklou.git diff --git a/resources/lib/oojs-ui/oojs-ui-agora.css b/resources/lib/oojs-ui/oojs-ui-agora.css index dc999cd549..49b4cdab91 100644 --- a/resources/lib/oojs-ui/oojs-ui-agora.css +++ b/resources/lib/oojs-ui/oojs-ui-agora.css @@ -1,56 +1,173 @@ /*! - * OOjs UI v0.1.0-pre (85cfc2e735) + * OOjs UI v0.1.0-pre (5ab041a801) * 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-07-03T02:33:09Z + * Date: 2014-07-19T22:45:44Z */ -.oo-ui-dialog-content .oo-ui-window-closeButton { +.oo-ui-dialog-content > .oo-ui-window-head, +.oo-ui-dialog-content > .oo-ui-window-body, +.oo-ui-dialog-content > .oo-ui-window-foot { position: absolute; - top: 0; + right: 0; left: 0; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -.oo-ui-dialog-content .oo-ui-window-icon { - margin-left: 3.35em; +.oo-ui-dialog-content > .oo-ui-window-head { + top: 0; + z-index: 1; } -.oo-ui-dialog-content .oo-ui-window-body { - position: absolute; - top: 3.35em; - right: 0; +.oo-ui-dialog-content > .oo-ui-window-body { + top: 0; bottom: 0; - left: 0; - overflow-y: auto; + z-index: 2; } -.oo-ui-dialog-content .oo-ui-window-foot { - position: absolute; - top: 0; - right: 0; - height: 3.35em; +.oo-ui-dialog-content > .oo-ui-window-foot { + bottom: 0; + z-index: 1; } -.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-button { - height: 100%; +.oo-ui-dialog-content > .oo-ui-window-overlay { + z-index: 3; } -.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-button .oo-ui-labeledElement-label { - display: inline-block; - width: 0; - text-indent: -9999px; +.oo-ui-windowManager-modal > .oo-ui-dialog { + background-color: rgba(255, 255, 255, 0.5); + opacity: 0; + -webkit-transition: opacity 250ms ease-in-out; + -moz-transition: opacity 250ms ease-in-out; + -ms-transition: opacity 250ms ease-in-out; + -o-transition: opacity 250ms ease-in-out; + transition: opacity 250ms ease-in-out; } -.oo-ui-dialog-medium .oo-ui-window-frame { - top: 0; - bottom: 0; - background-color: white; +.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { + top: 1em; + bottom: 1em; + background-color: #fff; + -webkit-transform: translate3d(0, -200%, 0); + -moz-transform: translate3d(0, -200%, 0); + -ms-transform: translate3d(0, -200%, 0); + -o-transform: translate3d(0, -200%, 0); + transform: translate3d(0, -200%, 0); + -webkit-transition: transform 250ms ease-in-out; + -moz-transition: transform 250ms ease-in-out; + -ms-transition: transform 250ms ease-in-out; + -o-transition: transform 250ms ease-in-out; + transition: transform 250ms ease-in-out; +} + +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready { + opacity: 1; +} + +.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { + border: solid 1px #ccc; + border-radius: 0.5em; + box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3); +} + +.oo-ui-messageDialog-title, +.oo-ui-messageDialog-message { + display: block; + padding-top: 0.5em; + text-align: center; +} + +.oo-ui-messageDialog-title { + font-size: 1.5em; + line-height: 1em; + color: #000; +} + +.oo-ui-messageDialog-message { + font-size: 0.9em; + line-height: 1.25em; + color: #666; +} + +.oo-ui-messageDialog-message-verbose { + font-size: 1.1em; + line-height: 1.5em; + text-align: left; } -.oo-ui-window-head { +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { + border-right: solid 1px #e5e5e5; +} + +.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child { + border-right-width: 0; +} + +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget { + border-bottom: solid 1px #e5e5e5; +} + +.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child { + border-bottom-width: 0; +} + +.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labeledElement-label { + padding: 0 2em; + line-height: 3.4em; + text-align: center; +} + +.oo-ui-messageDialog-actions .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.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-flaggableElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); +} + +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} + +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label { + font-weight: bold; +} + +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} + +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} + +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} + +.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} + +.oo-ui-processDialog-content .oo-ui-window-head { height: 3.35em; border-bottom: 1px solid #dddddd; -webkit-box-sizing: border-box; @@ -58,19 +175,172 @@ box-sizing: border-box; } -.oo-ui-window-body { - padding: 2em 3.35em; +.oo-ui-processDialog-content .oo-ui-window-body { + top: 3.35em; + padding: 2em 0; } -.oo-ui-window-icon { - width: 3.35em; +.oo-ui-processDialog-navigation { + position: relative; height: 3.35em; - background-size: 2em auto; - border-left: 1px solid #dddddd; + padding: 0 1em; +} + +.oo-ui-processDialog-location { + height: 3.35em; + padding: 0.25em 0; + text-align: center; + cursor: default; +} + +.oo-ui-processDialog-title { + font-weight: bold; + line-height: 1.85em; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonedElement-button { + min-width: 1.85em; + min-height: 1.85em; + padding-top: 0.75em; + padding-bottom: 0.75em; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labeledElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labeledElement-label, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labeledElement-label { + padding: 0 1em; + line-height: 1.85em; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconedElement-icon, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconedElement-icon, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconedElement-icon { + position: absolute; + margin-top: -0.125em; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonedElement-framed { + margin: 0.75em 0 0.75em 0.75em; + border: solid 1px #ccc; + border-radius: 0.25em; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button { + padding: 0; + vertical-align: middle; +} + +.oo-ui-processDialog-actions-safe.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-primary.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button { + margin: 0.75em; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active { + background-color: rgba(0, 0, 0, 0.1); +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed { + margin: 0.75em; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button { + /* Adjust for border so text aligns with title */ + + margin: -1px; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover { + background-color: rgba(8, 126, 204, 0.05); } -.oo-ui-window-title { - line-height: 3.35em; +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active { + background-color: rgba(8, 126, 204, 0.1); +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label { + font-weight: bold; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover { + background-color: rgba(118, 171, 54, 0.05); +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active { + background-color: rgba(118, 171, 54, 0.1); +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover { + background-color: rgba(212, 83, 83, 0.05); +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active, +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active { + background-color: rgba(212, 83, 83, 0.1); +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon { + left: 0.5em; +} + +.oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label { + padding-left: 2.25em; +} + +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon { + right: 0.5em; +} + +.oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label { + padding-right: 2.25em; +} + +.oo-ui-processDialog > .oo-ui-window-frame { + min-height: 5em; +} + +.oo-ui-processDialog-errors { + padding: 3em 3em 1.5em 3em; + text-align: center; + background-color: rgba(255, 255, 255, 0.9); +} + +.oo-ui-processDialog-errors .oo-ui-buttonWidget { + margin: 2em 1em 2em 1em; +} + +.oo-ui-processDialog-errors-title { + margin-bottom: 2em; + font-size: 1.5em; + color: #000; +} + +.oo-ui-processDialog-error { + padding: 1em; + margin: 1em; + text-align: left; + background-color: #fff7f7; + border: solid 1px #ff9e9e; + border-radius: 0.25em; } .oo-ui-buttonedElement.oo-ui-indicatedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator, @@ -122,6 +392,10 @@ padding: 0; } +.oo-ui-lookupWidget-menu { + background-color: #fff; +} + .oo-ui-menuItemWidget.oo-ui-optionWidget-selected { color: #ffffff; background: #347bff;