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-02-28T23:19:44Z
11 /* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
12 /* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
13 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
14 background-image: /* @embed */ url
(themes/apex/images/textures/pending.gif);
17 background-color: transparent
;
18 background-image: none
;
21 -webkit-box-sizing: border-box
;
22 -moz-box-sizing: border-box
;
23 box-sizing: border-box
;
25 .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 {
54 .oo-ui-dialog-content
> .oo-ui-window-head
,
55 .oo-ui-dialog-content
> .oo-ui-window-body
,
56 .oo-ui-dialog-content > .oo-ui-window-foot {
60 -webkit-box-sizing: border-box
;
61 -moz-box-sizing: border-box
;
62 box-sizing: border-box
;
64 .oo-ui-dialog-content > .oo-ui-window-head {
69 .oo-ui-dialog-content > .oo-ui-window-body {
75 .oo-ui-dialog-content > .oo-ui-window-foot {
79 .oo-ui-dialog-content > .oo-ui-window-body {
80 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
82 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
86 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
89 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
94 .oo-ui-messageDialog-actions-horizontal {
99 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
103 .oo-ui-messageDialog-actions-vertical {
106 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
109 text-overflow: ellipsis
;
111 .oo-ui-messageDialog-content .oo-ui-window-body {
112 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
114 .oo-ui-messageDialog-title
,
115 .oo-ui-messageDialog-message {
119 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
120 .oo-ui-messageDialog-message.oo-ui-labelElement {
123 .oo-ui-messageDialog-title {
128 .oo-ui-messageDialog-message {
133 .oo-ui-messageDialog-message-verbose {
138 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
139 border-right: 1px solid
#e5e5e5;
142 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
143 border-right-width: 0;
145 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
146 border-bottom: 1px solid
#e5e5e5;
149 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
150 border-bottom-width: 0;
152 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
156 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
159 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
163 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
164 background-color: rgba
(0, 0, 0, 0.05);
166 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
167 background-color: rgba
(0, 0, 0, 0.1);
169 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
170 background-color: rgba
(8, 126, 204, 0.05);
172 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
173 background-color: rgba
(8, 126, 204, 0.1);
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-constructive:hover {
179 background-color: rgba
(118, 171, 54, 0.05);
181 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
182 background-color: rgba
(118, 171, 54, 0.1);
184 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
185 background-color: rgba
(212, 83, 83, 0.05);
187 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
188 background-color: rgba
(212, 83, 83, 0.1);
190 .oo-ui-processDialog-location {
192 text-overflow: ellipsis
;
195 .oo-ui-processDialog-title {
199 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
200 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
201 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
204 .oo-ui-processDialog-actions-safe
,
205 .oo-ui-processDialog-actions-primary {
210 .oo-ui-processDialog-actions-safe {
213 .oo-ui-processDialog-actions-primary {
216 .oo-ui-processDialog-errors {
226 .oo-ui-processDialog-content .oo-ui-window-head {
229 .oo-ui-processDialog-content .oo-ui-window-body {
231 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
233 .oo-ui-processDialog-navigation {
238 .oo-ui-processDialog-location {
244 .oo-ui-processDialog-title {
246 line-height: 1.875em;
248 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
249 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
250 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
254 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
255 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
256 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
257 line-height: 1.875em;
259 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
260 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
261 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
262 margin-top: -0.125em;
264 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
265 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
266 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
269 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
270 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
271 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
273 vertical-align: middle
;
276 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
277 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
278 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
281 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
282 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
283 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
285 vertical-align: middle
;
287 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
288 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
289 background-color: rgba
(0, 0, 0, 0.05);
291 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
292 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
293 background-color: rgba
(0, 0, 0, 0.1);
295 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
296 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
297 background-color: rgba
(8, 126, 204, 0.05);
299 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
300 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
301 background-color: rgba
(8, 126, 204, 0.1);
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-constructive:hover
,
308 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
309 background-color: rgba
(118, 171, 54, 0.05);
311 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:active
,
312 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
313 background-color: rgba
(118, 171, 54, 0.1);
315 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
316 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
317 background-color: rgba
(212, 83, 83, 0.05);
319 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
320 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
321 background-color: rgba
(212, 83, 83, 0.1);
323 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
326 .oo-ui-processDialog > .oo-ui-window-frame {
329 .oo-ui-processDialog-errors {
330 background-color: rgba
(255, 255, 255, 0.9);
331 padding: 3em 3em 1.5em 3em;
334 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
335 margin: 2em 1em 2em 1em;
337 .oo-ui-processDialog-errors-title {
342 .oo-ui-processDialog-error {
346 border: 1px solid
#ff9e9e;
347 background-color: #fff7f7;
348 border-radius: 0.25em;
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-setup > .oo-ui-window-frame {
375 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
381 .oo-ui-windowManager-modal > .oo-ui-dialog {
382 background-color: rgba
(255, 255, 255, 0.5);
384 -webkit-transition: opacity
250ms ease
;
385 -moz-transition: opacity
250ms ease
;
386 transition: opacity
250ms ease
;
388 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
389 background-color: #fff;
391 -webkit-transform: scale
(0.5);
392 -moz-transform: scale
(0.5);
393 -ms-transform: scale
(0.5);
394 transform: scale
(0.5);
395 -webkit-transition: all
250ms ease
;
396 -moz-transition: all
250ms ease
;
397 transition: all
250ms ease
;
399 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
402 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
404 -webkit-transform: scale
(1);
405 -moz-transform: scale
(1);
406 -ms-transform: scale
(1);
409 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
413 max-height: calc
(100% - 2em);
414 border: 1px solid
#ccc;
415 border-radius: 0.5em;
416 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);