2 * OOjs UI v0.1.0-pre (d6008381aa)
3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2014 OOjs Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2014-08-21T23:45:56Z
11 .oo-ui-dialog-content
> .oo-ui-window-head
,
12 .oo-ui-dialog-content
> .oo-ui-window-body
,
13 .oo-ui-dialog-content > .oo-ui-window-foot {
18 -webkit-box-sizing: border-box
;
19 -moz-box-sizing: border-box
;
20 box-sizing: border-box
;
22 .oo-ui-dialog-content > .oo-ui-window-head {
26 .oo-ui-dialog-content > .oo-ui-window-body {
31 .oo-ui-dialog-content > .oo-ui-window-foot {
35 .oo-ui-dialog-content > .oo-ui-window-overlay {
39 .oo-ui-windowManager-modal > .oo-ui-dialog {
40 background-color: rgba
(255, 255, 255, 0.5);
42 -webkit-transition: opacity
250ms ease-in-out
;
43 -moz-transition: opacity
250ms ease-in-out
;
44 -ms-transition: opacity
250ms ease-in-out
;
45 -o-transition: opacity
250ms ease-in-out
;
46 transition: opacity
250ms ease-in-out
;
48 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
51 background-color: #fff;
52 -webkit-transform: translate3d
(0, -200%, 0);
53 -moz-transform: translate3d
(0, -200%, 0);
54 -ms-transform: translate3d
(0, -200%, 0);
55 -o-transform: translate3d
(0, -200%, 0);
56 transform: translate3d
(0, -200%, 0);
57 -webkit-transition: transform
250ms ease-in-out
;
58 -moz-transition: transform
250ms ease-in-out
;
59 -ms-transition: transform
250ms ease-in-out
;
60 -o-transition: transform
250ms ease-in-out
;
61 transition: transform
250ms ease-in-out
;
63 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
66 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
67 -webkit-transform: translate3d
(0, 0, 0);
68 -moz-transform: translate3d
(0, 0, 0);
69 -ms-transform: translate3d
(0, 0, 0);
70 -o-transform: translate3d
(0, 0, 0);
71 transform: translate3d
(0, 0, 0);
73 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
74 border: solid
1px #ccc;
76 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);
79 .oo-ui-messageDialog-title
,
80 .oo-ui-messageDialog-message {
85 .oo-ui-messageDialog-title {
90 .oo-ui-messageDialog-message {
95 .oo-ui-messageDialog-message-verbose {
100 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
101 border-right: solid
1px #e5e5e5;
103 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
104 border-right-width: 0;
106 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
107 border-bottom: solid
1px #e5e5e5;
109 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
110 border-bottom-width: 0;
112 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labeledElement-label {
117 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
118 background-color: rgba
(0, 0, 0, 0.05);
120 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
121 background-color: rgba
(0, 0, 0, 0.1);
123 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover {
124 background-color: rgba
(8, 126, 204, 0.05);
126 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active {
127 background-color: rgba
(8, 126, 204, 0.1);
129 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label {
132 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover {
133 background-color: rgba
(118, 171, 54, 0.05);
135 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active {
136 background-color: rgba
(118, 171, 54, 0.1);
138 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover {
139 background-color: rgba
(212, 83, 83, 0.05);
141 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active {
142 background-color: rgba
(212, 83, 83, 0.1);
145 .oo-ui-processDialog-content .oo-ui-window-head {
147 border-bottom: 1px solid
#dddddd;
148 -webkit-box-sizing: border-box
;
149 -moz-box-sizing: border-box
;
150 box-sizing: border-box
;
152 .oo-ui-processDialog-content .oo-ui-window-body {
156 .oo-ui-processDialog-navigation {
161 .oo-ui-processDialog-location {
167 .oo-ui-processDialog-title {
171 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonedElement-button
,
172 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonedElement-button
,
173 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonedElement-button {
174 padding: 0.35em 0.75em;
177 border: 1px solid
#dddddd;
180 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labeledElement-label
,
181 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labeledElement-label
,
182 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labeledElement-label {
188 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconedElement-icon
,
189 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconedElement-icon
,
190 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconedElement-icon {
192 margin-top: -0.125em;
194 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
,
195 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
,
196 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
197 vertical-align: middle
;
199 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-destructive
.oo-ui-buttonedElement-button
,
200 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-flaggableElement-destructive
.oo-ui-buttonedElement-button
,
201 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button {
202 border: 1px solid transparent
;
204 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-destructive
.oo-ui-labeledElement-label
,
205 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-flaggableElement-destructive
.oo-ui-labeledElement-label
,
206 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggableElement-destructive .oo-ui-labeledElement-label {
209 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonedElement-button
,
210 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonedElement-button {
211 padding: 0.75em 0.35em;
215 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button
,
216 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
217 background-color: #347bff;
219 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-primary
.oo-ui-labeledElement-label
,
220 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label {
223 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon {
226 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label {
227 padding-left: 2.25em;
229 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon {
232 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label {
233 padding-right: 2.25em;
235 .oo-ui-processDialog-actions-other {
239 .oo-ui-processDialog > .oo-ui-window-frame {
242 .oo-ui-processDialog-errors {
243 background-color: rgba
(255, 255, 255, 0.9);
244 padding: 3em 3em 1.5em 3em;
247 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
248 margin: 2em 1em 2em 1em;
250 .oo-ui-processDialog-errors-title {
255 .oo-ui-processDialog-error {
259 border: solid
1px #ff9e9e;
260 background-color: #fff7f7;
261 border-radius: 0.25em;
264 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
265 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
268 background-size: 2em auto
;
271 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
279 .oo-ui-optionWidget {
280 padding: 0.8em 1em 0.8em 3.35em;
282 border-bottom: 1px solid
#dddddd;
284 .oo-ui-optionWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
285 padding-right: 1.5em;
287 .oo-ui-optionWidget-level-0 {
290 .oo-ui-optionWidget-level-0 .oo-ui-iconedElement-icon {
293 .oo-ui-optionWidget-level-1 {
296 .oo-ui-optionWidget-level-1 .oo-ui-iconedElement-icon {
299 .oo-ui-optionWidget-level-2 {
302 .oo-ui-optionWidget-level-2 .oo-ui-iconedElement-icon {
306 .oo-ui-buttonOptionWidget {
310 .oo-ui-lookupWidget-menu {
311 background-color: #fff;
314 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
318 .oo-ui-menuItemWidget .oo-ui-iconedElement-icon {
319 background-size: 24px auto
;
322 .oo-ui-menuSectionItemWidget {
328 .oo-ui-textInputWidget input
,
329 .oo-ui-textInputWidget textarea {
335 background-image: /* @embed */ url
(themes/agora/images/icons/check.svg);