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-08T22:38:15Z
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 {
76 .oo-ui-dialog-content > .oo-ui-window-foot {
80 .oo-ui-dialog-content > .oo-ui-window-body {
81 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
84 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
88 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
91 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
96 .oo-ui-messageDialog-actions-horizontal {
101 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
105 .oo-ui-messageDialog-actions-vertical {
108 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
111 text-overflow: ellipsis
;
113 .oo-ui-messageDialog-content .oo-ui-window-body {
116 .oo-ui-messageDialog-title
,
117 .oo-ui-messageDialog-message {
122 .oo-ui-messageDialog-title {
126 .oo-ui-messageDialog-message {
131 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
135 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
138 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
142 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
145 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
148 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
149 border-left-width: 2px;
150 border-left-color: transparent
;
151 border-radius: 0 0 0 3px;
153 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:hover {
154 border-left-color: #aaa;
156 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:focus {
157 border-left-color: #ace;
159 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
160 border-right-width: 2px;
161 border-right-color: transparent
;
162 border-radius: 0 0 3px 0;
164 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:hover {
165 border-right-color: #aaa;
167 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:focus {
168 border-right-color: #ace;
170 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:only-child > .oo-ui-buttonElement-button {
171 border-radius: 0 0 3px 3px;
173 @supports ( width: calc
( 100% + 2px ) ) {
174 .oo-ui-messageDialog-actions-horizontal {
175 width: calc
(100% + 2px);
180 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
182 border-bottom: 1px solid
#e5e5e5;
184 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:first-child {
187 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
188 border-bottom-width: 0;
190 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget > .oo-ui-buttonElement-button {
193 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
194 border-radius: 0 0 3px 3px;
197 .oo-ui-processDialog-location {
199 text-overflow: ellipsis
;
202 .oo-ui-processDialog-title {
206 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
207 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
208 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
211 .oo-ui-processDialog-actions-safe
,
212 .oo-ui-processDialog-actions-primary {
217 .oo-ui-processDialog-actions-safe {
220 .oo-ui-processDialog-actions-primary {
223 .oo-ui-processDialog-errors {
233 .oo-ui-processDialog-content .oo-ui-window-head {
236 .oo-ui-processDialog-content .oo-ui-window-body {
238 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
240 .oo-ui-processDialog-navigation {
245 .oo-ui-processDialog-location {
251 .oo-ui-processDialog-title {
253 line-height: 1.875em;
255 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
256 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
257 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
261 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
262 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
263 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
264 line-height: 1.875em;
266 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
267 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
268 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
269 margin-top: -0.125em;
271 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
272 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
273 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
276 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
277 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
278 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
280 vertical-align: middle
;
283 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
284 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
285 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
288 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
289 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
290 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
292 vertical-align: middle
;
294 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
295 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
296 background-color: rgba
(0, 0, 0, 0.05);
298 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
299 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
300 background-color: rgba
(0, 0, 0, 0.1);
302 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
303 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
304 background-color: rgba
(8, 126, 204, 0.05);
306 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
307 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
308 background-color: rgba
(8, 126, 204, 0.1);
310 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
311 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
314 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
315 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
316 background-color: rgba
(212, 83, 83, 0.05);
318 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
319 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
320 background-color: rgba
(212, 83, 83, 0.1);
322 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
325 .oo-ui-processDialog > .oo-ui-window-frame {
328 .oo-ui-processDialog-errors {
329 background-color: rgba
(255, 255, 255, 0.9);
330 padding: 3em 3em 1.5em 3em;
333 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
334 margin: 2em 1em 2em 1em;
336 .oo-ui-processDialog-errors-title {
341 .oo-ui-processDialog-error {
345 border: 1px solid
#ff9e9e;
346 background-color: #fff7f7;
350 .oo-ui-windowManager-modal > .oo-ui-dialog {
357 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
366 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
374 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
380 .oo-ui-windowManager-modal > .oo-ui-dialog {
381 background-color: rgba
(255, 255, 255, 0.5);
383 -webkit-transition: opacity
250ms;
384 -moz-transition: opacity
250ms;
385 transition: opacity
250ms;
387 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
388 background-color: #fff;
390 -webkit-transform: scale
(0.5);
391 -moz-transform: scale
(0.5);
392 -ms-transform: scale
(0.5);
393 transform: scale
(0.5);
394 -webkit-transition: all
250ms;
395 -moz-transition: all
250ms;
396 transition: all
250ms;
398 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
401 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
403 -webkit-transform: scale
(1);
404 -moz-transform: scale
(1);
405 -ms-transform: scale
(1);
408 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
412 max-height: calc
( 100% - 2em );
413 border: 1px solid
#ccc;
415 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);