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-05-09T00:44:50Z
11 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
12 background-image: /* @embed */ url
(themes/wikimediaui/images/textures/pending.gif);
15 background-color: transparent
;
16 background-image: none
;
19 -webkit-box-sizing: border-box
;
20 -moz-box-sizing: border-box
;
21 box-sizing: border-box
;
23 .oo-ui-window-content {
31 .oo-ui-window-content:focus {
36 -webkit-touch-callout: none
;
37 -webkit-user-select: none
;
38 -moz-user-select: none
;
39 -ms-user-select: none
;
47 .oo-ui-window-overlay {
53 .oo-ui-dialog-content
> .oo-ui-window-head
,
54 .oo-ui-dialog-content
> .oo-ui-window-body
,
55 .oo-ui-dialog-content > .oo-ui-window-foot {
59 -webkit-box-sizing: border-box
;
60 -moz-box-sizing: border-box
;
61 box-sizing: border-box
;
63 .oo-ui-dialog-content > .oo-ui-window-head {
68 .oo-ui-dialog-content > .oo-ui-window-body {
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);
81 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
85 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
88 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
93 .oo-ui-messageDialog-actions-horizontal {
98 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
102 .oo-ui-messageDialog-actions-vertical {
105 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
108 text-overflow: ellipsis
;
110 .oo-ui-messageDialog-content .oo-ui-window-body {
111 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
113 .oo-ui-messageDialog-title
,
114 .oo-ui-messageDialog-message {
118 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
119 .oo-ui-messageDialog-message.oo-ui-labelElement {
122 .oo-ui-messageDialog-title {
127 .oo-ui-messageDialog-message {
133 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
134 border-right: 1px solid
#e5e5e5;
137 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
138 border-right-width: 0;
140 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
141 border-bottom: 1px solid
#e5e5e5;
144 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
145 border-bottom-width: 0;
147 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
151 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
154 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
155 background-color: rgba
(0, 0, 0, 0.05);
157 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
158 background-color: rgba
(0, 0, 0, 0.1);
160 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
163 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
167 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
168 background-color: rgba
(8, 126, 204, 0.05);
170 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
171 background-color: rgba
(8, 126, 204, 0.1);
173 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
176 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
177 background-color: rgba
(212, 83, 83, 0.05);
179 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
180 background-color: rgba
(212, 83, 83, 0.1);
182 .oo-ui-processDialog-location {
184 text-overflow: ellipsis
;
187 .oo-ui-processDialog-title {
191 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
192 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
193 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
196 .oo-ui-processDialog-actions-safe
,
197 .oo-ui-processDialog-actions-primary {
202 .oo-ui-processDialog-actions-safe {
205 .oo-ui-processDialog-actions-primary {
208 .oo-ui-processDialog-errors {
218 .oo-ui-processDialog-content .oo-ui-window-head {
221 .oo-ui-processDialog-content .oo-ui-window-body {
223 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
225 .oo-ui-processDialog-navigation {
230 .oo-ui-processDialog-location {
236 .oo-ui-processDialog-title {
238 line-height: 1.875em;
240 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
241 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
242 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
246 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
247 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
248 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
249 line-height: 1.875em;
251 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
252 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
253 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
254 margin-top: -0.125em;
256 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
257 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
258 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
261 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
262 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
263 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
265 vertical-align: middle
;
268 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
269 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
270 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
273 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
274 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
275 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
277 vertical-align: middle
;
279 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
280 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
281 background-color: rgba
(0, 0, 0, 0.05);
283 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
284 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
285 background-color: rgba
(0, 0, 0, 0.1);
287 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
288 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
289 background-color: rgba
(8, 126, 204, 0.05);
291 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
292 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
293 background-color: rgba
(8, 126, 204, 0.1);
295 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
296 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
299 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
300 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
301 background-color: rgba
(212, 83, 83, 0.05);
303 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
304 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
305 background-color: rgba
(212, 83, 83, 0.1);
307 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
310 .oo-ui-processDialog > .oo-ui-window-frame {
313 .oo-ui-processDialog-errors {
314 background-color: rgba
(255, 255, 255, 0.9);
315 padding: 3em 3em 1.5em 3em;
318 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
319 margin: 2em 1em 2em 1em;
321 .oo-ui-processDialog-errors-title {
326 .oo-ui-processDialog-error {
330 border: 1px solid
#ff9e9e;
331 background-color: #fff7f7;
332 border-radius: 0.25em;
334 .oo-ui-windowManager-modal > .oo-ui-dialog {
341 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
350 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
358 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
364 .oo-ui-windowManager-modal > .oo-ui-dialog {
365 background-color: rgba
(255, 255, 255, 0.5);
367 -webkit-transition: opacity
250ms ease
;
368 -moz-transition: opacity
250ms ease
;
369 transition: opacity
250ms ease
;
371 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
372 background-color: #fff;
374 -webkit-transform: scale
(0.5);
375 -moz-transform: scale
(0.5);
376 -ms-transform: scale
(0.5);
377 transform: scale
(0.5);
378 -webkit-transition: all
250ms ease
;
379 -moz-transition: all
250ms ease
;
380 transition: all
250ms ease
;
382 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
385 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
387 -webkit-transform: scale
(1);
388 -moz-transform: scale
(1);
389 -ms-transform: scale
(1);
392 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
396 max-height: calc
( 100% - 2em );
397 border: 1px solid
#ccc;
398 border-radius: 0.5em;
399 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);