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-14T00:52:27Z
11 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
12 background-image: /* @embed */ url
(themes/wikimediaui/images/textures/pending.gif);
16 background-color: transparent
;
17 background-image: none
;
20 -webkit-box-sizing: border-box
;
21 -moz-box-sizing: border-box
;
22 box-sizing: border-box
;
24 .oo-ui-window-content {
32 .oo-ui-window-content:focus {
37 -webkit-touch-callout: none
;
38 -webkit-user-select: none
;
39 -moz-user-select: none
;
40 -ms-user-select: none
;
48 .oo-ui-window-overlay {
55 .oo-ui-dialog-content
> .oo-ui-window-head
,
56 .oo-ui-dialog-content
> .oo-ui-window-body
,
57 .oo-ui-dialog-content > .oo-ui-window-foot {
61 -webkit-box-sizing: border-box
;
62 -moz-box-sizing: border-box
;
63 box-sizing: border-box
;
65 .oo-ui-dialog-content > .oo-ui-window-head {
70 .oo-ui-dialog-content > .oo-ui-window-body {
72 -webkit-overflow-scrolling: touch
;
77 .oo-ui-dialog-content > .oo-ui-window-foot {
81 .oo-ui-dialog-content > .oo-ui-window-body {
82 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
85 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
89 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
92 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
97 .oo-ui-messageDialog-actions-horizontal {
102 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
106 .oo-ui-messageDialog-actions-vertical {
109 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
112 text-overflow: ellipsis
;
114 .oo-ui-messageDialog-content .oo-ui-window-body {
117 .oo-ui-messageDialog-title
,
118 .oo-ui-messageDialog-message {
123 .oo-ui-messageDialog-title {
127 .oo-ui-messageDialog-message {
132 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
136 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
139 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
143 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
146 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
149 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
150 border-left-width: 2px;
151 border-left-color: transparent
;
152 border-radius: 0 0 0 3px;
154 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:hover {
155 border-left-color: #aaa;
157 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:focus {
158 border-left-color: #ace;
160 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
161 border-right-width: 2px;
162 border-right-color: transparent
;
163 border-radius: 0 0 3px 0;
165 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:hover {
166 border-right-color: #aaa;
168 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:focus {
169 border-right-color: #ace;
171 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:only-child > .oo-ui-buttonElement-button {
172 border-radius: 0 0 3px 3px;
174 @supports ( width: calc
( 100% + 2px ) ) {
175 .oo-ui-messageDialog-actions-horizontal {
176 width: calc
(100% + 2px);
181 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
183 border-bottom: 1px solid
#e5e5e5;
185 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:first-child {
188 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
189 border-bottom-width: 0;
191 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget > .oo-ui-buttonElement-button {
194 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
195 border-radius: 0 0 3px 3px;
198 .oo-ui-processDialog-location {
200 text-overflow: ellipsis
;
203 .oo-ui-processDialog-title {
207 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
208 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
209 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
212 .oo-ui-processDialog-actions-safe
,
213 .oo-ui-processDialog-actions-primary {
218 .oo-ui-processDialog-actions-safe {
221 .oo-ui-processDialog-actions-primary {
224 .oo-ui-processDialog-errors {
233 -webkit-overflow-scrolling: touch
;
235 .oo-ui-processDialog-content .oo-ui-window-head {
238 .oo-ui-processDialog-content .oo-ui-window-body {
240 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
242 .oo-ui-processDialog-navigation {
247 .oo-ui-processDialog-location {
253 .oo-ui-processDialog-title {
255 line-height: 1.875em;
257 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
258 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
259 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
263 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
264 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
265 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
266 line-height: 1.875em;
268 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
269 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
270 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
271 margin-top: -0.125em;
273 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
274 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
275 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
278 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
279 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
280 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
282 vertical-align: middle
;
285 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
286 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
287 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
290 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
291 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
292 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
294 vertical-align: middle
;
296 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
297 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
298 background-color: rgba
(0, 0, 0, 0.05);
300 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
301 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
302 background-color: rgba
(0, 0, 0, 0.1);
304 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
305 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
306 background-color: rgba
(8, 126, 204, 0.05);
308 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
309 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
310 background-color: rgba
(8, 126, 204, 0.1);
312 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
313 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
316 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
317 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
318 background-color: rgba
(212, 83, 83, 0.05);
320 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
321 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
322 background-color: rgba
(212, 83, 83, 0.1);
324 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
327 .oo-ui-processDialog > .oo-ui-window-frame {
330 .oo-ui-processDialog-errors {
331 background-color: rgba
(255, 255, 255, 0.9);
332 padding: 3em 3em 1.5em 3em;
335 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
336 margin: 2em 1em 2em 1em;
338 .oo-ui-processDialog-errors-title {
343 .oo-ui-processDialog-error {
347 border: 1px solid
#ff9e9e;
348 background-color: #fff7f7;
352 .oo-ui-windowManager-modal > .oo-ui-dialog {
359 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
368 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
376 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
382 .oo-ui-windowManager-modal-active {
386 .oo-ui-windowManager-modal > .oo-ui-dialog {
387 background-color: rgba
(255, 255, 255, 0.5);
389 -webkit-transition: opacity
250ms;
390 -moz-transition: opacity
250ms;
391 transition: opacity
250ms;
393 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
394 background-color: #fff;
396 -webkit-transform: scale
(0.5);
397 -moz-transform: scale
(0.5);
398 -ms-transform: scale
(0.5);
399 transform: scale
(0.5);
400 -webkit-transition: all
250ms;
401 -moz-transition: all
250ms;
402 transition: all
250ms;
404 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
407 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
409 -webkit-transform: scale
(1);
410 -moz-transform: scale
(1);
411 -ms-transform: scale
(1);
414 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
418 max-height: calc
( 100% - 2em );
419 border: 1px solid
#ccc;
421 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);