3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2019 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2019-03-21T15:54:46Z
13 background-color: transparent
;
14 background-image: none
;
17 -webkit-box-sizing: border-box
;
18 -moz-box-sizing: border-box
;
19 box-sizing: border-box
;
21 .oo-ui-window-content {
29 .oo-ui-window-content:focus {
34 -webkit-touch-callout: none
;
35 -webkit-user-select: none
;
36 -moz-user-select: none
;
37 -ms-user-select: none
;
45 .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 {
69 -webkit-overflow-scrolling: touch
;
74 .oo-ui-dialog-content > .oo-ui-window-foot {
78 .oo-ui-dialog-content > .oo-ui-window-body {
79 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
82 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
86 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
89 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
94 .oo-ui-messageDialog-actions-horizontal {
99 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
103 .oo-ui-messageDialog-actions-vertical {
106 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
109 text-overflow: ellipsis
;
111 .oo-ui-messageDialog-content .oo-ui-window-body {
114 .oo-ui-messageDialog-title
,
115 .oo-ui-messageDialog-message {
120 .oo-ui-messageDialog-title {
124 .oo-ui-messageDialog-message {
129 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
133 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
136 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
140 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
143 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
146 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
147 border-left-width: 2px;
148 border-left-color: transparent
;
149 border-radius: 0 0 0 3px;
151 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:hover {
152 border-left-color: #aaa;
154 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:focus {
155 border-left-color: #ace;
157 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
158 border-right-width: 2px;
159 border-right-color: transparent
;
160 border-radius: 0 0 3px 0;
162 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:hover {
163 border-right-color: #aaa;
165 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:focus {
166 border-right-color: #ace;
168 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:only-child > .oo-ui-buttonElement-button {
169 border-radius: 0 0 3px 3px;
171 @supports ( width: calc
( 100% + 2px ) ) {
172 .oo-ui-messageDialog-actions-horizontal {
173 width: calc
(100% + 2px);
178 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
180 border-bottom: 1px solid
#e5e5e5;
182 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:first-child {
185 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
186 border-bottom-width: 0;
188 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget > .oo-ui-buttonElement-button {
191 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
192 border-radius: 0 0 3px 3px;
195 .oo-ui-processDialog-location {
197 text-overflow: ellipsis
;
200 .oo-ui-processDialog-title {
204 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
205 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
206 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
209 .oo-ui-processDialog-actions-safe
,
210 .oo-ui-processDialog-actions-primary {
215 .oo-ui-processDialog-actions-safe {
218 .oo-ui-processDialog-actions-primary {
221 .oo-ui-processDialog-errors {
230 -webkit-overflow-scrolling: touch
;
232 .oo-ui-processDialog-content .oo-ui-window-head {
235 .oo-ui-processDialog-content .oo-ui-window-body {
237 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
239 .oo-ui-processDialog-navigation {
244 .oo-ui-processDialog-location {
250 .oo-ui-processDialog-title {
252 line-height: 1.875em;
254 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
255 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
256 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
260 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
261 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
262 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
263 line-height: 1.875em;
265 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
266 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
267 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
268 margin-top: -0.125em;
270 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
271 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
272 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
275 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
276 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
277 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
279 vertical-align: middle
;
282 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
283 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
284 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
287 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
288 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
289 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
291 vertical-align: middle
;
293 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
294 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
295 background-color: rgba
(0, 0, 0, 0.05);
297 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
298 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
299 background-color: rgba
(0, 0, 0, 0.1);
301 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
302 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
303 background-color: rgba
(8, 126, 204, 0.05);
305 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
306 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
307 background-color: rgba
(8, 126, 204, 0.1);
309 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
310 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
313 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
314 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
315 background-color: rgba
(212, 83, 83, 0.05);
317 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
318 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
319 background-color: rgba
(212, 83, 83, 0.1);
321 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
324 .oo-ui-processDialog > .oo-ui-window-frame {
327 .oo-ui-processDialog-errors {
328 background-color: rgba
(255, 255, 255, 0.9);
329 padding: 3em 3em 1.5em 3em;
332 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
333 margin: 2em 1em 2em 1em;
335 .oo-ui-processDialog-errors-title {
340 .oo-ui-processDialog-error {
344 border: 1px solid
#ff9e9e;
345 background-color: #fff7f7;
349 .oo-ui-windowManager-modal > .oo-ui-dialog {
356 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
365 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
373 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
379 .oo-ui-windowManager-modal-active {
383 .oo-ui-windowManager-modal > .oo-ui-dialog {
384 background-color: rgba
(255, 255, 255, 0.5);
386 -webkit-transition: opacity
250ms;
387 -moz-transition: opacity
250ms;
388 transition: opacity
250ms;
390 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
391 background-color: #fff;
393 -webkit-transform: scale
(0.5);
394 -moz-transform: scale
(0.5);
395 -ms-transform: scale
(0.5);
396 transform: scale
(0.5);
397 -webkit-transition: all
250ms;
398 -moz-transition: all
250ms;
399 transition: all
250ms;
401 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
404 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
406 -webkit-transform: scale
(1);
407 -moz-transform: scale
(1);
408 -ms-transform: scale
(1);
411 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
415 max-height: calc
( 100% - 2em );
416 border: 1px solid
#ccc;
418 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);