3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2018 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2018-06-07T21:36:35Z
12 * WikimediaUI Base v0.10.0
13 * Wikimedia Foundation user interface base variables
16 background: transparent
;
19 -webkit-box-sizing: border-box
;
20 -moz-box-sizing: border-box
;
21 box-sizing: border-box
;
23 .oo-ui-window-content {
31 .oo-ui-window-content:focus {
36 -webkit-touch-callout: none
;
37 -webkit-user-select: none
;
38 -moz-user-select: none
;
39 -ms-user-select: none
;
47 .oo-ui-window-overlay {
53 .oo-ui-dialog-content
> .oo-ui-window-head
,
54 .oo-ui-dialog-content
> .oo-ui-window-body
,
55 .oo-ui-dialog-content > .oo-ui-window-foot {
59 -webkit-box-sizing: border-box
;
60 -moz-box-sizing: border-box
;
61 box-sizing: border-box
;
63 .oo-ui-dialog-content > .oo-ui-window-head {
68 .oo-ui-dialog-content > .oo-ui-window-body {
74 .oo-ui-dialog-content > .oo-ui-window-foot {
78 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
82 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
85 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
90 .oo-ui-messageDialog-actions-horizontal {
95 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
99 .oo-ui-messageDialog-actions-vertical {
102 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
105 text-overflow: ellipsis
;
107 .oo-ui-messageDialog-content > .oo-ui-window-foot {
108 outline: 1px solid
#a2a9b1;
110 .oo-ui-messageDialog-title
,
111 .oo-ui-messageDialog-message {
115 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
116 .oo-ui-messageDialog-message.oo-ui-labelElement {
119 .oo-ui-messageDialog-title {
124 .oo-ui-messageDialog-message {
126 line-height: 1.42857143em;
130 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
131 border-right: 1px solid
#a2a9b1;
134 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
135 border-right-width: 0;
137 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
138 border-bottom: 1px solid
#a2a9b1;
141 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
142 border-bottom-width: 0;
144 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
145 min-height: 3.14285714em;
148 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
151 .oo-ui-messageDialog-actions .oo-ui-actionWidget:first-child {
154 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
159 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
160 line-height: 3.14285714em;
163 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
164 background-color: #f8f9fa;
166 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
167 background-color: #c8ccd1;
169 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus {
170 box-shadow: inset
0 0 0 1px #36c, 0 0 0 1px #36c;
172 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:hover {
173 background-color: #eaf3ff;
175 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
176 background-color: rgba
(8, 126, 204, 0.1);
178 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
181 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
182 background-color: #fee7e6;
184 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active {
185 background-color: rgba
(212, 83, 83, 0.1);
187 .oo-ui-processDialog-location {
189 text-overflow: ellipsis
;
192 .oo-ui-processDialog-title {
196 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
197 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
198 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
201 .oo-ui-processDialog-actions-safe
,
202 .oo-ui-processDialog-actions-primary {
207 .oo-ui-processDialog-actions-safe {
210 .oo-ui-processDialog-actions-primary {
213 .oo-ui-processDialog-errors {
223 .oo-ui-processDialog-content .oo-ui-window-head {
224 height: 3.14285714em;
226 .oo-ui-processDialog-content .oo-ui-window-body {
228 outline: 1px solid
#c8ccd1;
230 .oo-ui-processDialog-navigation {
232 height: 3.14285714em;
234 .oo-ui-processDialog-location {
235 height: 3.14285714em;
239 .oo-ui-processDialog-title {
241 line-height: 3.14285714em;
243 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
244 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
245 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
246 margin: 0.42857143em;
248 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement:first-child
,
249 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement:first-child
,
250 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
253 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
254 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
255 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
256 padding-left: 2.42857143em;
258 min-height: 3.14285714em;
260 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
261 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
262 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
265 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement:first-child
,
266 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement:first-child
,
267 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
270 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
271 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
272 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
275 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
276 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
,
277 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
278 padding-left: 2.17857143em;
280 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
281 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
282 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
283 line-height: 1.42857143em;
285 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:hover
,
286 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
287 background-color: rgba
(0, 0, 0, 0.05);
289 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:active
,
290 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
291 background-color: rgba
(0, 0, 0, 0.1);
293 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
294 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover {
295 background-color: rgba
(8, 126, 204, 0.05);
297 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
298 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active {
299 background-color: rgba
(8, 126, 204, 0.1);
301 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
302 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
305 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:hover
,
306 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
307 background-color: rgba
(212, 83, 83, 0.05);
309 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:active
,
310 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
311 background-color: rgba
(212, 83, 83, 0.1);
313 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
316 .oo-ui-processDialog > .oo-ui-window-frame {
319 .oo-ui-processDialog-errors {
320 background-color: rgba
(255, 255, 255, 0.9);
321 padding: 3em 3em 1.5em 3em;
324 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
325 margin: 2em 1em 2em 1em;
327 .oo-ui-processDialog-errors-title {
332 .oo-ui-processDialog-error {
336 border: 1px solid
#d33;
337 background-color: #fff7f7;
340 .oo-ui-windowManager-modal > .oo-ui-dialog {
347 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
356 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
364 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
370 .oo-ui-windowManager-modal > .oo-ui-dialog {
371 background-color: rgba
(255, 255, 255, 0.5);
373 -webkit-transition: opacity
250ms;
374 -moz-transition: opacity
250ms;
375 transition: opacity
250ms;
377 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
378 background-color: #fff;
380 -webkit-transform: scale
(0.5);
381 -moz-transform: scale
(0.5);
382 -ms-transform: scale
(0.5);
383 transform: scale
(0.5);
384 -webkit-transition: all
250ms;
385 -moz-transition: all
250ms;
386 transition: all
250ms;
388 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
391 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
393 -webkit-transform: scale
(1);
394 -moz-transform: scale
(1);
395 -ms-transform: scale
(1);
398 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
402 max-height: calc
( 100% - 2em );
403 border: 1px solid
#a2a9b1;
405 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);