3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2018 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2018-01-02T19:09:04Z
11 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
12 background-image: /* @embed */ url
(themes/apex/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 {
30 .oo-ui-window-content:focus {
35 -webkit-touch-callout: none
;
36 -webkit-user-select: none
;
37 -moz-user-select: none
;
38 -ms-user-select: none
;
46 .oo-ui-window-overlay {
52 .oo-ui-dialog-content
> .oo-ui-window-head
,
53 .oo-ui-dialog-content
> .oo-ui-window-body
,
54 .oo-ui-dialog-content > .oo-ui-window-foot {
58 -webkit-box-sizing: border-box
;
59 -moz-box-sizing: border-box
;
60 box-sizing: border-box
;
62 .oo-ui-dialog-content > .oo-ui-window-head {
67 .oo-ui-dialog-content > .oo-ui-window-body {
73 .oo-ui-dialog-content > .oo-ui-window-foot {
77 .oo-ui-dialog-content > .oo-ui-window-body {
78 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
80 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
84 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
87 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
92 .oo-ui-messageDialog-actions-horizontal {
97 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
101 .oo-ui-messageDialog-actions-vertical {
104 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
107 text-overflow: ellipsis
;
109 .oo-ui-messageDialog-content .oo-ui-window-body {
110 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
112 .oo-ui-messageDialog-title
,
113 .oo-ui-messageDialog-message {
117 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
118 .oo-ui-messageDialog-message.oo-ui-labelElement {
121 .oo-ui-messageDialog-title {
126 .oo-ui-messageDialog-message {
132 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
133 border-right: 1px solid
#e5e5e5;
136 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
137 border-right-width: 0;
139 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
140 border-bottom: 1px solid
#e5e5e5;
143 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
144 border-bottom-width: 0;
146 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
150 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
153 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
154 background-color: rgba
(0, 0, 0, 0.05);
156 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
157 background-color: rgba
(0, 0, 0, 0.1);
159 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
162 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
166 .oo-ui-messageDialog-actions
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:hover
,
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-constructive:active
,
171 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
172 background-color: rgba
(8, 126, 204, 0.1);
174 .oo-ui-messageDialog-actions
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive
.oo-ui-labelElement-label
,
175 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
178 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
179 background-color: rgba
(212, 83, 83, 0.05);
181 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
182 background-color: rgba
(212, 83, 83, 0.1);
184 .oo-ui-processDialog-location {
186 text-overflow: ellipsis
;
189 .oo-ui-processDialog-title {
193 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
194 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
195 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
198 .oo-ui-processDialog-actions-safe
,
199 .oo-ui-processDialog-actions-primary {
204 .oo-ui-processDialog-actions-safe {
207 .oo-ui-processDialog-actions-primary {
210 .oo-ui-processDialog-errors {
220 .oo-ui-processDialog-content .oo-ui-window-head {
223 .oo-ui-processDialog-content .oo-ui-window-body {
225 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
227 .oo-ui-processDialog-navigation {
232 .oo-ui-processDialog-location {
238 .oo-ui-processDialog-title {
240 line-height: 1.875em;
242 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
243 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
244 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
248 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
249 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
250 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
251 line-height: 1.875em;
253 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
254 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
255 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
256 margin-top: -0.125em;
258 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
259 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
260 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
263 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
264 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
265 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
267 vertical-align: middle
;
270 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
271 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
272 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
275 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
276 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
277 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
279 vertical-align: middle
;
281 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
282 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
283 background-color: rgba
(0, 0, 0, 0.05);
285 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
286 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
287 background-color: rgba
(0, 0, 0, 0.1);
289 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:hover
,
290 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:hover
,
291 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
292 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
293 background-color: rgba
(8, 126, 204, 0.05);
295 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:active
,
296 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:active
,
297 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
298 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
299 background-color: rgba
(8, 126, 204, 0.1);
301 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive
.oo-ui-labelElement-label
,
302 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive
.oo-ui-labelElement-label
,
303 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
304 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
307 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
308 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
309 background-color: rgba
(212, 83, 83, 0.05);
311 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
312 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
313 background-color: rgba
(212, 83, 83, 0.1);
315 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
318 .oo-ui-processDialog > .oo-ui-window-frame {
321 .oo-ui-processDialog-errors {
322 background-color: rgba
(255, 255, 255, 0.9);
323 padding: 3em 3em 1.5em 3em;
326 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
327 margin: 2em 1em 2em 1em;
329 .oo-ui-processDialog-errors-title {
334 .oo-ui-processDialog-error {
338 border: 1px solid
#ff9e9e;
339 background-color: #fff7f7;
340 border-radius: 0.25em;
342 .oo-ui-windowManager-modal > .oo-ui-dialog {
349 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
358 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
366 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
372 .oo-ui-windowManager-modal > .oo-ui-dialog {
373 background-color: rgba
(255, 255, 255, 0.5);
375 -webkit-transition: opacity
250ms ease
;
376 -moz-transition: opacity
250ms ease
;
377 transition: opacity
250ms ease
;
379 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
380 background-color: #fff;
382 -webkit-transform: scale
(0.5);
383 -moz-transform: scale
(0.5);
384 -ms-transform: scale
(0.5);
385 transform: scale
(0.5);
386 -webkit-transition: all
250ms ease
;
387 -moz-transition: all
250ms ease
;
388 transition: all
250ms ease
;
390 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
393 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
395 -webkit-transform: scale
(1);
396 -moz-transform: scale
(1);
397 -ms-transform: scale
(1);
400 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
404 max-height: calc
( 100% - 2em );
405 border: 1px solid
#ccc;
406 border-radius: 0.5em;
407 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);