3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-02-22T22:33:37Z
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:focus {
28 -webkit-touch-callout: none
;
29 -webkit-user-select: none
;
30 -moz-user-select: none
;
31 -ms-user-select: none
;
39 .oo-ui-window-overlay {
45 .oo-ui-dialog-content
> .oo-ui-window-head
,
46 .oo-ui-dialog-content
> .oo-ui-window-body
,
47 .oo-ui-dialog-content > .oo-ui-window-foot {
51 -webkit-box-sizing: border-box
;
52 -moz-box-sizing: border-box
;
53 box-sizing: border-box
;
55 .oo-ui-dialog-content > .oo-ui-window-head {
60 .oo-ui-dialog-content > .oo-ui-window-body {
66 .oo-ui-dialog-content > .oo-ui-window-foot {
71 .oo-ui-dialog-content > .oo-ui-window-body {
72 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
74 .oo-ui-messageDialog-actions-horizontal {
79 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
83 .oo-ui-messageDialog-actions-vertical {
86 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
89 text-overflow: ellipsis
;
91 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
95 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
98 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
105 .oo-ui-messageDialog-content .oo-ui-window-body {
106 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
108 .oo-ui-messageDialog-title
,
109 .oo-ui-messageDialog-message {
113 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
114 .oo-ui-messageDialog-message.oo-ui-labelElement {
117 .oo-ui-messageDialog-title {
122 .oo-ui-messageDialog-message {
127 .oo-ui-messageDialog-message-verbose {
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.oo-ui-labelElement .oo-ui-labelElement-label {
158 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
159 background-color: rgba
(0, 0, 0, 0.05);
161 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
162 background-color: rgba
(0, 0, 0, 0.1);
164 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
165 background-color: rgba
(8, 126, 204, 0.05);
167 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
168 background-color: rgba
(8, 126, 204, 0.1);
170 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
173 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
174 background-color: rgba
(118, 171, 54, 0.05);
176 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
177 background-color: rgba
(118, 171, 54, 0.1);
179 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
180 background-color: rgba
(212, 83, 83, 0.05);
182 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
183 background-color: rgba
(212, 83, 83, 0.1);
185 .oo-ui-processDialog-location {
187 text-overflow: ellipsis
;
190 .oo-ui-processDialog-title {
194 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
195 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
196 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
199 .oo-ui-processDialog-actions-safe
,
200 .oo-ui-processDialog-actions-primary {
205 .oo-ui-processDialog-actions-safe {
208 .oo-ui-processDialog-actions-primary {
211 .oo-ui-processDialog-errors {
221 .oo-ui-processDialog-content .oo-ui-window-head {
224 .oo-ui-processDialog-content .oo-ui-window-body {
226 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
228 .oo-ui-processDialog-navigation {
233 .oo-ui-processDialog-location {
239 .oo-ui-processDialog-title {
241 line-height: 1.875em;
243 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
244 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
245 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
249 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
250 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
251 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
252 line-height: 1.875em;
254 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
255 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
256 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
257 margin-top: -0.125em;
259 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
260 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
261 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
264 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
265 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
266 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
268 vertical-align: middle
;
271 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
272 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
273 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
276 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
277 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
278 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
280 vertical-align: middle
;
282 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
283 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
284 background-color: rgba
(0, 0, 0, 0.05);
286 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
287 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
288 background-color: rgba
(0, 0, 0, 0.1);
290 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
291 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
292 background-color: rgba
(8, 126, 204, 0.05);
294 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
295 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
296 background-color: rgba
(8, 126, 204, 0.1);
298 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
299 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
302 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:hover
,
303 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
304 background-color: rgba
(118, 171, 54, 0.05);
306 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:active
,
307 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
308 background-color: rgba
(118, 171, 54, 0.1);
310 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
311 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
312 background-color: rgba
(212, 83, 83, 0.05);
314 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
315 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
316 background-color: rgba
(212, 83, 83, 0.1);
318 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
321 .oo-ui-processDialog > .oo-ui-window-frame {
324 .oo-ui-processDialog-errors {
325 background-color: rgba
(255, 255, 255, 0.9);
326 padding: 3em 3em 1.5em 3em;
329 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
330 margin: 2em 1em 2em 1em;
332 .oo-ui-processDialog-errors-title {
337 .oo-ui-processDialog-error {
341 border: 1px solid
#ff9e9e;
342 background-color: #fff7f7;
343 border-radius: 0.25em;
345 .oo-ui-windowManager-modal > .oo-ui-dialog {
351 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
360 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
369 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
375 .oo-ui-windowManager-modal > .oo-ui-dialog {
376 background-color: rgba
(255, 255, 255, 0.5);
378 -webkit-transition: opacity
250ms ease
;
379 -moz-transition: opacity
250ms ease
;
380 transition: opacity
250ms ease
;
382 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
383 background-color: #ffffff;
385 -webkit-transform: scale
(0.5);
386 -moz-transform: scale
(0.5);
387 -ms-transform: scale
(0.5);
388 transform: scale
(0.5);
389 -webkit-transition: all
250ms ease
;
390 -moz-transition: all
250ms ease
;
391 transition: all
250ms ease
;
393 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
396 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
398 -webkit-transform: scale
(1);
399 -moz-transform: scale
(1);
400 -ms-transform: scale
(1);
403 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
406 border: 1px solid
#cccccc;
407 border-radius: 0.5em;
408 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);