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-09-13T18:30:06Z
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 {
66 .oo-ui-messageDialog-actions-horizontal {
71 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
75 .oo-ui-messageDialog-actions-vertical {
78 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
81 text-overflow: ellipsis
;
83 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
87 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
90 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
97 .oo-ui-messageDialog-content > .oo-ui-window-foot {
98 outline: 1px solid
#aaa;
100 .oo-ui-messageDialog-title
,
101 .oo-ui-messageDialog-message {
105 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
106 .oo-ui-messageDialog-message.oo-ui-labelElement {
109 .oo-ui-messageDialog-title {
114 .oo-ui-messageDialog-message {
119 .oo-ui-messageDialog-message-verbose {
124 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
125 border-right: 1px solid
#9aa0a7;
128 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
129 border-right-width: 0;
131 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
132 border-bottom: 1px solid
#9aa0a7;
135 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
136 border-bottom-width: 0;
138 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
142 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
145 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
149 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
150 background-color: rgba
(0, 0, 0, 0.05);
152 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
153 background-color: rgba
(0, 0, 0, 0.1);
155 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
156 background-color: rgba
(8, 126, 204, 0.05);
158 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
159 background-color: rgba
(8, 126, 204, 0.1);
161 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
164 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
165 background-color: rgba
(8, 126, 204, 0.05);
167 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
168 background-color: rgba
(8, 126, 204, 0.1);
170 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
171 background-color: rgba
(212, 83, 83, 0.05);
173 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
174 background-color: rgba
(212, 83, 83, 0.1);
176 .oo-ui-processDialog-location {
178 text-overflow: ellipsis
;
181 .oo-ui-processDialog-title {
185 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
186 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
187 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
190 .oo-ui-processDialog-actions-safe
,
191 .oo-ui-processDialog-actions-primary {
196 .oo-ui-processDialog-actions-safe {
199 .oo-ui-processDialog-actions-primary {
202 .oo-ui-processDialog-errors {
212 .oo-ui-processDialog-content .oo-ui-window-head {
215 .oo-ui-processDialog-content .oo-ui-window-body {
217 outline: 1px solid rgba
(0, 0, 0, 0.2);
219 .oo-ui-processDialog-navigation {
224 .oo-ui-processDialog-location {
230 .oo-ui-processDialog-title {
232 line-height: 1.875em;
234 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
235 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
236 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
239 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
240 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
241 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
244 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
245 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
246 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
248 vertical-align: middle
;
250 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
251 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
252 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
253 line-height: 1.875em;
255 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:hover
,
256 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
257 background-color: rgba
(0, 0, 0, 0.05);
259 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:active
,
260 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
261 background-color: rgba
(0, 0, 0, 0.1);
263 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
264 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover {
265 background-color: rgba
(8, 126, 204, 0.05);
267 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
268 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active {
269 background-color: rgba
(8, 126, 204, 0.1);
271 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
272 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
275 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:hover
,
276 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover {
277 background-color: rgba
(118, 171, 54, 0.05);
279 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:active
,
280 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active {
281 background-color: rgba
(118, 171, 54, 0.1);
283 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:hover
,
284 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
285 background-color: rgba
(212, 83, 83, 0.05);
287 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:active
,
288 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
289 background-color: rgba
(212, 83, 83, 0.1);
291 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
294 .oo-ui-processDialog > .oo-ui-window-frame {
297 .oo-ui-processDialog-errors {
298 background-color: rgba
(255, 255, 255, 0.9);
299 padding: 3em 3em 1.5em 3em;
302 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
303 margin: 2em 1em 2em 1em;
305 .oo-ui-processDialog-errors-title {
310 .oo-ui-processDialog-error {
314 border: 1px solid
#ff9e9e;
315 background-color: #fff7f7;
318 .oo-ui-windowManager-modal > .oo-ui-dialog {
325 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
334 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
343 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
349 .oo-ui-windowManager-modal > .oo-ui-dialog {
350 background-color: rgba
(255, 255, 255, 0.5);
352 -webkit-transition: opacity
250ms;
353 -moz-transition: opacity
250ms;
354 transition: opacity
250ms;
356 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
357 background-color: #fff;
359 -webkit-transform: scale
(0.5);
360 -moz-transform: scale
(0.5);
361 -ms-transform: scale
(0.5);
362 transform: scale
(0.5);
363 -webkit-transition: all
250ms;
364 -moz-transition: all
250ms;
365 transition: all
250ms;
367 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
370 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
372 -webkit-transform: scale
(1);
373 -moz-transform: scale
(1);
374 -ms-transform: scale
(1);
377 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
381 max-height: calc
(100% - 2em);
382 border: 1px solid
#a2a9b1;
384 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);