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 */
14 background: transparent
;
17 -webkit-box-sizing: border-box
;
18 -moz-box-sizing: border-box
;
19 box-sizing: border-box
;
21 .oo-ui-window-content {
28 .oo-ui-window-content:focus {
33 -webkit-touch-callout: none
;
34 -webkit-user-select: none
;
35 -moz-user-select: none
;
36 -ms-user-select: none
;
44 .oo-ui-window-overlay {
50 .oo-ui-dialog-content
> .oo-ui-window-head
,
51 .oo-ui-dialog-content
> .oo-ui-window-body
,
52 .oo-ui-dialog-content > .oo-ui-window-foot {
56 -webkit-box-sizing: border-box
;
57 -moz-box-sizing: border-box
;
58 box-sizing: border-box
;
60 .oo-ui-dialog-content > .oo-ui-window-head {
65 .oo-ui-dialog-content > .oo-ui-window-body {
71 .oo-ui-dialog-content > .oo-ui-window-foot {
75 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
79 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
82 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
87 .oo-ui-messageDialog-actions-horizontal {
92 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
96 .oo-ui-messageDialog-actions-vertical {
99 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
102 text-overflow: ellipsis
;
104 .oo-ui-messageDialog-content > .oo-ui-window-foot {
105 outline: 1px solid
#a2a9b1;
107 .oo-ui-messageDialog-title
,
108 .oo-ui-messageDialog-message {
112 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
113 .oo-ui-messageDialog-message.oo-ui-labelElement {
116 .oo-ui-messageDialog-title {
121 .oo-ui-messageDialog-message {
126 .oo-ui-messageDialog-message-verbose {
131 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
132 border-right: 1px solid
#a2a9b1;
135 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
136 border-right-width: 0;
138 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
139 border-bottom: 1px solid
#a2a9b1;
142 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
143 border-bottom-width: 0;
145 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
149 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
152 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
155 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
159 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
160 background-color: rgba
(0, 0, 0, 0.05);
162 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
163 background-color: rgba
(0, 0, 0, 0.1);
165 .oo-ui-messageDialog-actions
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
166 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
167 background-color: rgba
(8, 126, 204, 0.05);
169 .oo-ui-messageDialog-actions
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
170 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
171 background-color: rgba
(8, 126, 204, 0.1);
173 .oo-ui-messageDialog-actions
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
174 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label {
177 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
178 background-color: rgba
(212, 83, 83, 0.05);
180 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
181 background-color: rgba
(212, 83, 83, 0.1);
183 .oo-ui-processDialog-location {
185 text-overflow: ellipsis
;
188 .oo-ui-processDialog-title {
192 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
193 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
194 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
197 .oo-ui-processDialog-actions-safe
,
198 .oo-ui-processDialog-actions-primary {
203 .oo-ui-processDialog-actions-safe {
206 .oo-ui-processDialog-actions-primary {
209 .oo-ui-processDialog-errors {
219 .oo-ui-processDialog-content .oo-ui-window-head {
222 .oo-ui-processDialog-content .oo-ui-window-body {
224 outline: 1px solid rgba
(0, 0, 0, 0.2);
226 .oo-ui-processDialog-navigation {
231 .oo-ui-processDialog-location {
237 .oo-ui-processDialog-title {
239 line-height: 1.875em;
241 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
242 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
243 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
246 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
247 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
248 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
251 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
252 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
253 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
255 vertical-align: middle
;
257 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
258 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
259 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
260 line-height: 1.875em;
262 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:hover
,
263 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
264 background-color: rgba
(0, 0, 0, 0.05);
266 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:active
,
267 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
268 background-color: rgba
(0, 0, 0, 0.1);
270 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
271 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
272 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:hover
,
273 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover {
274 background-color: rgba
(8, 126, 204, 0.05);
276 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
277 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
278 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:active
,
279 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active {
280 background-color: rgba
(8, 126, 204, 0.1);
282 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
283 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
284 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive
.oo-ui-labelElement-label
,
285 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive .oo-ui-labelElement-label {
288 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:hover
,
289 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
290 background-color: rgba
(212, 83, 83, 0.05);
292 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:active
,
293 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
294 background-color: rgba
(212, 83, 83, 0.1);
296 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
299 .oo-ui-processDialog > .oo-ui-window-frame {
302 .oo-ui-processDialog-errors {
303 background-color: rgba
(255, 255, 255, 0.9);
304 padding: 3em 3em 1.5em 3em;
307 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
308 margin: 2em 1em 2em 1em;
310 .oo-ui-processDialog-errors-title {
315 .oo-ui-processDialog-error {
319 border: 1px solid
#d33;
320 background-color: #fff7f7;
323 .oo-ui-windowManager-modal > .oo-ui-dialog {
330 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
339 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
348 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
354 .oo-ui-windowManager-modal > .oo-ui-dialog {
355 background-color: rgba
(255, 255, 255, 0.5);
357 -webkit-transition: opacity
250ms;
358 -moz-transition: opacity
250ms;
359 transition: opacity
250ms;
361 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
362 background-color: #fff;
364 -webkit-transform: scale
(0.5);
365 -moz-transform: scale
(0.5);
366 -ms-transform: scale
(0.5);
367 transform: scale
(0.5);
368 -webkit-transition: all
250ms;
369 -moz-transition: all
250ms;
370 transition: all
250ms;
372 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
375 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
377 -webkit-transform: scale
(1);
378 -moz-transform: scale
(1);
379 -ms-transform: scale
(1);
382 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
386 max-height: calc
(100% - 2em);
387 border: 1px solid
#a2a9b1;
389 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);