3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2017 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2017-09-05T21:24:03Z
11 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
12 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
15 background-color: transparent;
16 background-image: none;
19 -webkit-box-sizing: border-box;
20 -moz-box-sizing: border-box;
21 box-sizing: border-box;
23 .oo-ui-window-content {
30 .oo-ui-window-content:focus {
35 -webkit-touch-callout: none;
36 -webkit-user-select: none;
37 -moz-user-select: none;
38 -ms-user-select: none;
46 .oo-ui-window-overlay {
52 .oo-ui-dialog-content > .oo-ui-window-head,
53 .oo-ui-dialog-content > .oo-ui-window-body,
54 .oo-ui-dialog-content > .oo-ui-window-foot {
58 -webkit-box-sizing: border-box;
59 -moz-box-sizing: border-box;
60 box-sizing: border-box;
62 .oo-ui-dialog-content > .oo-ui-window-head {
67 .oo-ui-dialog-content > .oo-ui-window-body {
73 .oo-ui-dialog-content > .oo-ui-window-foot {
77 .oo-ui-dialog-content > .oo-ui-window-body {
78 box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
80 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
84 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
87 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
92 .oo-ui-messageDialog-actions-horizontal {
97 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
101 .oo-ui-messageDialog-actions-vertical {
104 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
107 text-overflow: ellipsis;
109 .oo-ui-messageDialog-content .oo-ui-window-body {
110 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
112 .oo-ui-messageDialog-title,
113 .oo-ui-messageDialog-message {
117 .oo-ui-messageDialog-title.oo-ui-labelElement,
118 .oo-ui-messageDialog-message.oo-ui-labelElement {
121 .oo-ui-messageDialog-title {
126 .oo-ui-messageDialog-message {
132 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
133 border-right: 1px solid #e5e5e5;
136 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
137 border-right-width: 0;
139 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
140 border-bottom: 1px solid #e5e5e5;
143 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
144 border-bottom-width: 0;
146 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
150 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
153 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
154 background-color: rgba(0, 0, 0, 0.05);
156 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
157 background-color: rgba(0, 0, 0, 0.1);
159 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
162 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
166 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
167 background-color: rgba(8, 126, 204, 0.05);
169 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
170 background-color: rgba(8, 126, 204, 0.1);
172 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
175 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
176 background-color: rgba(118, 171, 54, 0.05);
178 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
179 background-color: rgba(118, 171, 54, 0.1);
181 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
182 background-color: rgba(212, 83, 83, 0.05);
184 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
185 background-color: rgba(212, 83, 83, 0.1);
187 .oo-ui-processDialog-location {
189 text-overflow: ellipsis;
192 .oo-ui-processDialog-title {
196 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
197 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
198 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
201 .oo-ui-processDialog-actions-safe,
202 .oo-ui-processDialog-actions-primary {
207 .oo-ui-processDialog-actions-safe {
210 .oo-ui-processDialog-actions-primary {
213 .oo-ui-processDialog-errors {
223 .oo-ui-processDialog-content .oo-ui-window-head {
226 .oo-ui-processDialog-content .oo-ui-window-body {
228 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
230 .oo-ui-processDialog-navigation {
235 .oo-ui-processDialog-location {
241 .oo-ui-processDialog-title {
243 line-height: 1.875em;
245 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
246 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
247 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
251 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
252 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
253 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
254 line-height: 1.875em;
256 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
257 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
258 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
259 margin-top: -0.125em;
261 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
262 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
263 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
266 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
267 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
268 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
270 vertical-align: middle;
273 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
274 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
275 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
278 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
279 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
280 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
282 vertical-align: middle;
284 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
285 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
286 background-color: rgba(0, 0, 0, 0.05);
288 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
289 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
290 background-color: rgba(0, 0, 0, 0.1);
292 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
293 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
294 background-color: rgba(8, 126, 204, 0.05);
296 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
297 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
298 background-color: rgba(8, 126, 204, 0.1);
300 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
301 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
304 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
305 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
306 background-color: rgba(118, 171, 54, 0.05);
308 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
309 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
310 background-color: rgba(118, 171, 54, 0.1);
312 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
313 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
314 background-color: rgba(212, 83, 83, 0.05);
316 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
317 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
318 background-color: rgba(212, 83, 83, 0.1);
320 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
323 .oo-ui-processDialog > .oo-ui-window-frame {
326 .oo-ui-processDialog-errors {
327 background-color: rgba(255, 255, 255, 0.9);
328 padding: 3em 3em 1.5em 3em;
331 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
332 margin: 2em 1em 2em 1em;
334 .oo-ui-processDialog-errors-title {
339 .oo-ui-processDialog-error {
343 border: 1px solid #ff9e9e;
344 background-color: #fff7f7;
345 border-radius: 0.25em;
347 .oo-ui-windowManager-modal > .oo-ui-dialog {
354 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
363 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
372 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
378 .oo-ui-windowManager-modal > .oo-ui-dialog {
379 background-color: rgba(255, 255, 255, 0.5);
381 -webkit-transition: opacity 250ms ease;
382 -moz-transition: opacity 250ms ease;
383 transition: opacity 250ms ease;
385 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
386 background-color: #fff;
388 -webkit-transform: scale(0.5);
389 -moz-transform: scale(0.5);
390 -ms-transform: scale(0.5);
391 transform: scale(0.5);
392 -webkit-transition: all 250ms ease;
393 -moz-transition: all 250ms ease;
394 transition: all 250ms ease;
396 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
399 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
401 -webkit-transform: scale(1);
402 -moz-transform: scale(1);
403 -ms-transform: scale(1);
406 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
410 max-height: calc( 100% - 2em );
411 border: 1px solid #ccc;
412 border-radius: 0.5em;
413 box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);