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
12 background: transparent
;
15 -webkit-box-sizing: border-box
;
16 -moz-box-sizing: border-box
;
17 box-sizing: border-box
;
19 .oo-ui-window-content:focus {
24 -webkit-touch-callout: none
;
25 -webkit-user-select: none
;
26 -moz-user-select: none
;
27 -ms-user-select: none
;
35 .oo-ui-window-overlay {
41 .oo-ui-dialog-content
> .oo-ui-window-head
,
42 .oo-ui-dialog-content
> .oo-ui-window-body
,
43 .oo-ui-dialog-content > .oo-ui-window-foot {
47 -webkit-box-sizing: border-box
;
48 -moz-box-sizing: border-box
;
49 box-sizing: border-box
;
51 .oo-ui-dialog-content > .oo-ui-window-head {
56 .oo-ui-dialog-content > .oo-ui-window-body {
62 .oo-ui-dialog-content > .oo-ui-window-foot {
67 .oo-ui-dialog-content > .oo-ui-window-body {
68 outline: 1px solid
#aaaaaa;
70 .oo-ui-messageDialog-actions-horizontal {
75 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
79 .oo-ui-messageDialog-actions-vertical {
82 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
85 text-overflow: ellipsis
;
87 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
91 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
94 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
101 .oo-ui-messageDialog-title
,
102 .oo-ui-messageDialog-message {
106 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
107 .oo-ui-messageDialog-message.oo-ui-labelElement {
110 .oo-ui-messageDialog-title {
115 .oo-ui-messageDialog-message {
120 .oo-ui-messageDialog-message-verbose {
125 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
126 border-right: 1px solid
#e5e5e5;
129 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
130 border-right-width: 0;
132 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
133 border-bottom: 1px solid
#e5e5e5;
136 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
137 border-bottom-width: 0;
139 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
143 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
146 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
151 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
152 background-color: rgba
(0, 0, 0, 0.05);
154 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
155 background-color: rgba
(0, 0, 0, 0.1);
157 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
158 background-color: rgba
(8, 126, 204, 0.05);
160 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
161 background-color: rgba
(8, 126, 204, 0.1);
163 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
166 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
167 background-color: rgba
(118, 171, 54, 0.05);
169 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
170 background-color: rgba
(118, 171, 54, 0.1);
172 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
173 background-color: rgba
(212, 83, 83, 0.05);
175 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
176 background-color: rgba
(212, 83, 83, 0.1);
178 .oo-ui-processDialog-location {
180 text-overflow: ellipsis
;
183 .oo-ui-processDialog-title {
187 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
188 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
189 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
192 .oo-ui-processDialog-actions-safe
,
193 .oo-ui-processDialog-actions-primary {
198 .oo-ui-processDialog-actions-safe {
201 .oo-ui-processDialog-actions-primary {
204 .oo-ui-processDialog-errors {
214 .oo-ui-processDialog-content .oo-ui-window-head {
217 .oo-ui-processDialog-content .oo-ui-window-body {
219 outline: 1px solid rgba
(0, 0, 0, 0.2);
221 .oo-ui-processDialog-navigation {
226 .oo-ui-processDialog-location {
232 .oo-ui-processDialog-title {
234 line-height: 1.875em;
236 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
237 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
238 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
241 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
242 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
243 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
246 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
247 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
248 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
250 vertical-align: middle
;
252 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
253 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
254 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
255 line-height: 1.875em;
257 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:hover
,
258 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
259 background-color: rgba
(0, 0, 0, 0.05);
261 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:active
,
262 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
263 background-color: rgba
(0, 0, 0, 0.1);
265 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
266 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover {
267 background-color: rgba
(8, 126, 204, 0.05);
269 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
270 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active {
271 background-color: rgba
(8, 126, 204, 0.1);
273 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
274 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
277 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:hover
,
278 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover {
279 background-color: rgba
(118, 171, 54, 0.05);
281 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:active
,
282 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active {
283 background-color: rgba
(118, 171, 54, 0.1);
285 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:hover
,
286 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
287 background-color: rgba
(212, 83, 83, 0.05);
289 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:active
,
290 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
291 background-color: rgba
(212, 83, 83, 0.1);
293 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
296 .oo-ui-processDialog > .oo-ui-window-frame {
299 .oo-ui-processDialog-errors {
300 background-color: rgba
(255, 255, 255, 0.9);
301 padding: 3em 3em 1.5em 3em;
304 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
305 margin: 2em 1em 2em 1em;
307 .oo-ui-processDialog-errors-title {
312 .oo-ui-processDialog-error {
316 border: 1px solid
#ff9e9e;
317 background-color: #fff7f7;
320 .oo-ui-windowManager-modal > .oo-ui-dialog {
326 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
335 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
344 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
350 .oo-ui-windowManager-modal > .oo-ui-dialog {
351 background-color: rgba
(255, 255, 255, 0.5);
353 -webkit-transition: opacity
250ms;
354 -moz-transition: opacity
250ms;
355 transition: opacity
250ms;
357 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
358 background-color: #ffffff;
360 -webkit-transform: scale
(0.5);
361 -moz-transform: scale
(0.5);
362 -ms-transform: scale
(0.5);
363 transform: scale
(0.5);
364 -webkit-transition: all
250ms;
365 -moz-transition: all
250ms;
366 transition: all
250ms;
368 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
371 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
373 -webkit-transform: scale
(1);
374 -moz-transform: scale
(1);
375 -ms-transform: scale
(1);
378 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
381 border: 1px solid
#aaaaaa;
383 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);