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-07-11T22:12:41Z
12 background: transparent
;
15 -webkit-box-sizing: border-box
;
16 -moz-box-sizing: border-box
;
17 box-sizing: border-box
;
19 .oo-ui-window-content {
26 .oo-ui-window-content:focus {
31 -webkit-touch-callout: none
;
32 -webkit-user-select: none
;
33 -moz-user-select: none
;
34 -ms-user-select: none
;
42 .oo-ui-window-overlay {
48 .oo-ui-dialog-content
> .oo-ui-window-head
,
49 .oo-ui-dialog-content
> .oo-ui-window-body
,
50 .oo-ui-dialog-content > .oo-ui-window-foot {
54 -webkit-box-sizing: border-box
;
55 -moz-box-sizing: border-box
;
56 box-sizing: border-box
;
58 .oo-ui-dialog-content > .oo-ui-window-head {
63 .oo-ui-dialog-content > .oo-ui-window-body {
69 .oo-ui-dialog-content > .oo-ui-window-foot {
73 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
77 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
80 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
85 .oo-ui-messageDialog-actions-horizontal {
90 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
94 .oo-ui-messageDialog-actions-vertical {
97 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
100 text-overflow: ellipsis
;
102 .oo-ui-messageDialog-content > .oo-ui-window-foot {
103 outline: 1px solid
#a2a9b1;
105 .oo-ui-messageDialog-title
,
106 .oo-ui-messageDialog-message {
110 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
111 .oo-ui-messageDialog-message.oo-ui-labelElement {
114 .oo-ui-messageDialog-title {
119 .oo-ui-messageDialog-message {
125 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
126 border-right: 1px solid
#a2a9b1;
129 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
130 border-right-width: 0;
132 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
133 border-bottom: 1px solid
#a2a9b1;
136 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
137 border-bottom-width: 0;
139 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
140 min-height: 3.4375em;
143 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
146 .oo-ui-messageDialog-actions .oo-ui-actionWidget:first-child {
149 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
154 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
155 line-height: 3.4375em;
158 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
159 background-color: #f8f9fa;
161 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
162 background-color: #c8ccd1;
164 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus {
165 box-shadow: inset
0 0 0 1px #36c, 0 0 0 1px #36c;
167 .oo-ui-messageDialog-actions
.oo-ui-actionWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-button:hover
,
168 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button:hover {
169 background-color: #eaf3ff;
171 .oo-ui-messageDialog-actions
.oo-ui-actionWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-button:active
,
172 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button:active {
173 background-color: rgba
(8, 126, 204, 0.1);
175 .oo-ui-messageDialog-actions
.oo-ui-actionWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
176 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label {
179 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
180 background-color: #fee7e6;
182 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active {
183 background-color: rgba
(212, 83, 83, 0.1);
185 .oo-ui-processDialog-location {
187 text-overflow: ellipsis
;
190 .oo-ui-processDialog-title {
194 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
195 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
196 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
199 .oo-ui-processDialog-actions-safe
,
200 .oo-ui-processDialog-actions-primary {
205 .oo-ui-processDialog-actions-safe {
208 .oo-ui-processDialog-actions-primary {
211 .oo-ui-processDialog-errors {
221 .oo-ui-processDialog-content .oo-ui-window-head {
224 .oo-ui-processDialog-content .oo-ui-window-body {
226 outline: 1px solid
#c8ccd1;
228 .oo-ui-processDialog-navigation {
232 .oo-ui-processDialog-location {
237 .oo-ui-processDialog-title {
239 line-height: 3.4375em;
241 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
242 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
243 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
246 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement:first-child
,
247 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement:first-child
,
248 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
251 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
252 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
253 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
254 padding-left: 2.875em;
256 min-height: 3.4375em;
258 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
259 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
260 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
263 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement:first-child
,
264 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement:first-child
,
265 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
268 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
269 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
270 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
273 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
274 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
275 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
276 padding-left: 2.625em;
278 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
279 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
280 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
281 line-height: 1.875em;
283 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:hover
,
284 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
285 background-color: rgba
(0, 0, 0, 0.05);
287 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:active
,
288 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
289 background-color: rgba
(0, 0, 0, 0.1);
291 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
292 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
293 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:hover
,
294 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover {
295 background-color: rgba
(8, 126, 204, 0.05);
297 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
298 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
299 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:active
,
300 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active {
301 background-color: rgba
(8, 126, 204, 0.1);
303 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
304 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
305 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive
.oo-ui-labelElement-label
,
306 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label {
309 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:hover
,
310 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
311 background-color: rgba
(212, 83, 83, 0.05);
313 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:active
,
314 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
315 background-color: rgba
(212, 83, 83, 0.1);
317 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
320 .oo-ui-processDialog > .oo-ui-window-frame {
323 .oo-ui-processDialog-errors {
324 background-color: rgba
(255, 255, 255, 0.9);
325 padding: 3em 3em 1.5em 3em;
328 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
329 margin: 2em 1em 2em 1em;
331 .oo-ui-processDialog-errors-title {
336 .oo-ui-processDialog-error {
340 border: 1px solid
#d33;
341 background-color: #fff7f7;
344 .oo-ui-windowManager-modal > .oo-ui-dialog {
351 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
360 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
369 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
375 .oo-ui-windowManager-modal > .oo-ui-dialog {
376 background-color: rgba
(255, 255, 255, 0.5);
378 -webkit-transition: opacity
250ms;
379 -moz-transition: opacity
250ms;
380 transition: opacity
250ms;
382 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
383 background-color: #fff;
385 -webkit-transform: scale
(0.5);
386 -moz-transform: scale
(0.5);
387 -ms-transform: scale
(0.5);
388 transform: scale
(0.5);
389 -webkit-transition: all
250ms;
390 -moz-transition: all
250ms;
391 transition: all
250ms;
393 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
396 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
398 -webkit-transform: scale
(1);
399 -moz-transform: scale
(1);
400 -ms-transform: scale
(1);
403 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
407 max-height: calc
( 100% - 2em );
408 border: 1px solid
#a2a9b1;
410 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);