3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2018 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2018-11-07T00:58:38Z
13 background: transparent
;
16 -webkit-box-sizing: border-box
;
17 -moz-box-sizing: border-box
;
18 box-sizing: border-box
;
20 .oo-ui-window-content {
28 .oo-ui-window-content:focus {
33 -webkit-touch-callout: none
;
34 -webkit-user-select: none
;
35 -moz-user-select: none
;
36 -ms-user-select: none
;
44 .oo-ui-window-overlay {
51 .oo-ui-dialog-content
> .oo-ui-window-head
,
52 .oo-ui-dialog-content
> .oo-ui-window-body
,
53 .oo-ui-dialog-content > .oo-ui-window-foot {
57 -webkit-box-sizing: border-box
;
58 -moz-box-sizing: border-box
;
59 box-sizing: border-box
;
61 .oo-ui-dialog-content > .oo-ui-window-head {
66 .oo-ui-dialog-content > .oo-ui-window-body {
72 .oo-ui-dialog-content > .oo-ui-window-foot {
77 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
81 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
84 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
89 .oo-ui-messageDialog-actions-horizontal {
94 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
98 .oo-ui-messageDialog-actions-vertical {
101 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
104 text-overflow: ellipsis
;
106 .oo-ui-messageDialog-content > .oo-ui-window-foot {
107 outline: 1px solid
#a2a9b1;
109 .oo-ui-messageDialog-title
,
110 .oo-ui-messageDialog-message {
112 line-height: 1.42857143em;
115 .oo-ui-messageDialog-title {
119 .oo-ui-messageDialog-message {
124 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
125 min-height: 2.85714286em;
128 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
131 .oo-ui-messageDialog-actions .oo-ui-actionWidget:first-child {
134 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
139 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
140 line-height: 2.85714286em;
143 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
144 background-color: rgba
(8, 126, 204, 0.1);
146 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active {
147 background-color: rgba
(212, 83, 83, 0.1);
149 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
150 border-right: 1px solid
#a2a9b1;
153 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
154 border-radius: 0 0 0 2px;
156 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
157 border-right-width: 0;
159 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
160 border-radius: 0 0 2px 0;
162 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:only-child > .oo-ui-buttonElement-button {
163 border-radius: 0 0 2px 2px;
165 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
166 border-bottom: 1px solid
#a2a9b1;
169 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
170 border-bottom-width: 0;
172 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
173 border-radius: 0 0 2px 2px;
176 .oo-ui-processDialog-location {
178 text-overflow: ellipsis
;
181 .oo-ui-processDialog-title {
185 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
186 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
187 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
190 .oo-ui-processDialog-actions-safe
,
191 .oo-ui-processDialog-actions-primary {
196 .oo-ui-processDialog-actions-safe {
199 .oo-ui-processDialog-actions-primary {
202 .oo-ui-processDialog-errors {
212 .oo-ui-processDialog-content .oo-ui-window-head {
213 height: 3.14285714em;
215 .oo-ui-processDialog-content .oo-ui-window-body {
217 outline: 1px solid
#c8ccd1;
219 .oo-ui-processDialog-navigation {
221 height: 3.14285714em;
223 .oo-ui-processDialog-location {
224 height: 3.14285714em;
228 .oo-ui-processDialog-title {
230 line-height: 3.14285714em;
232 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
233 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
234 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
235 margin: 0.42857143em;
237 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement:first-child
,
238 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement:first-child
,
239 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
242 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
243 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
244 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
245 padding-left: 2.42857143em;
247 min-height: 3.14285714em;
249 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
250 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
251 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
254 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement:first-child
,
255 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement:first-child
,
256 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
259 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
260 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
261 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
264 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
265 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
266 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
267 padding-left: 2.17857143em;
269 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
270 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
271 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
272 line-height: 1.42857143em;
274 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:hover
,
275 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
276 background-color: rgba
(0, 0, 0, 0.05);
278 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:active
,
279 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
280 background-color: rgba
(0, 0, 0, 0.1);
282 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
283 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover {
284 background-color: rgba
(8, 126, 204, 0.05);
286 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
287 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active {
288 background-color: rgba
(8, 126, 204, 0.1);
290 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
291 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
294 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:hover
,
295 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
296 background-color: rgba
(212, 83, 83, 0.05);
298 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:active
,
299 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
300 background-color: rgba
(212, 83, 83, 0.1);
302 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
305 .oo-ui-processDialog > .oo-ui-window-frame {
308 .oo-ui-processDialog-errors {
309 background-color: rgba
(255, 255, 255, 0.9);
310 padding: 3em 3em 1.5em 3em;
313 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
314 margin: 2em 1em 2em 1em;
316 .oo-ui-processDialog-errors-title {
321 .oo-ui-processDialog-error {
325 border: 1px solid
#d33;
326 background-color: #fff7f7;
330 .oo-ui-windowManager-modal > .oo-ui-dialog {
337 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
346 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
354 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
360 .oo-ui-windowManager-modal > .oo-ui-dialog {
361 background-color: rgba
(255, 255, 255, 0.5);
363 -webkit-transition: opacity ease-out
250ms;
364 -moz-transition: opacity ease-out
250ms;
365 transition: opacity ease-out
250ms;
367 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
368 background-color: #fff;
370 -webkit-transform: scale
(0.5);
371 -moz-transform: scale
(0.5);
372 -ms-transform: scale
(0.5);
373 transform: scale
(0.5);
374 -webkit-transition: all ease-out
250ms;
375 -moz-transition: all ease-out
250ms;
376 transition: all ease-out
250ms;
378 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
381 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
383 -webkit-transform: scale
(1);
384 -moz-transform: scale
(1);
385 -ms-transform: scale
(1);
388 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
392 max-height: calc
( 100% - 2em );
393 border: 1px solid
#a2a9b1;
395 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);