3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2015 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2015-07-22T19:37:14Z
11 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
19 @-moz-keyframes oo-ui-progressBarWidget-slide
{
27 @-ms-keyframes oo-ui-progressBarWidget-slide
{
35 @-o-keyframes oo-ui-progressBarWidget-slide
{
43 @keyframes oo-ui-progressBarWidget-slide
{
59 .oo-ui-element-hidden {
60 display: none
!important
;
62 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
64 display: inline-block
;
65 vertical-align: middle
;
68 -webkit-touch-callout: none
;
69 -webkit-user-select: none
;
70 -moz-user-select: none
;
71 -ms-user-select: none
;
74 .oo-ui-buttonElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
75 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
78 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
81 .oo-ui-buttonElement
.oo-ui-indicatorElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
82 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
83 display: inline-block
;
84 vertical-align: middle
;
85 background-position: center center
;
86 background-repeat: no-repeat
;
88 .oo-ui-buttonElement-frameless {
89 display: inline-block
;
92 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
93 display: inline-block
;
94 vertical-align: middle
;
96 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
97 display: inline-block
;
101 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
102 display: inline-block
;
103 vertical-align: middle
;
105 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
,
106 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
107 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
110 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
113 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
116 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
121 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
122 margin-left: 0.46875em;
124 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
128 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
129 box-shadow: inset
0 0 0 1px rgba
(0, 0, 0, 0.2), 0 0 0 1px rgba
(0, 0, 0, 0.2);
132 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
135 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
137 margin-right: 0.25em;
139 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
140 padding-left: 0.25em;
141 padding-right: 0.25em;
144 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
> input
.oo-ui-buttonElement-button
,
145 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
148 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> input
.oo-ui-buttonElement-button
,
149 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
152 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
153 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
156 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
159 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
160 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
164 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
165 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
168 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
171 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
172 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
176 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
177 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
180 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
183 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
184 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
188 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
191 .oo-ui-buttonElement-frameless
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
192 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
195 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
197 padding: 0.2em 0.8em;
199 -webkit-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
200 -moz-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
201 -ms-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
202 -o-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
203 transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
205 .oo-ui-buttonElement-framed
> .oo-ui-buttonElement-button:hover
,
206 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
209 .oo-ui-buttonElement-framed
> input
.oo-ui-buttonElement-button
,
210 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
211 line-height: 1.875em;
213 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
215 margin-right: -0.5em;
217 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
220 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
222 margin-left: -0.005em;
223 margin-right: -0.005em;
225 .oo-ui-buttonElement-framed
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
226 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
227 margin-left: 0.46875em;
228 margin-right: -0.275em;
230 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
233 border: 1px solid
#dddddd;
235 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
237 background-color: #ffffff;
238 border: 1px solid
#cdcdcd;
240 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
241 background-color: #ebebeb;
243 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
244 box-shadow: inset
0 0 0 1px rgba
(0, 0, 0, 0.2);
246 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
247 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
248 background-color: #d9d9d9;
249 border-color: #d9d9d9;
252 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
253 background-color: #999999;
256 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
259 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
260 background-color: rgba
(52, 123, 255, 0.1);
261 border-color: rgba
(31, 73, 153, 0.5);
263 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
264 box-shadow: inset
0 0 0 1px #1f4999;
265 border-color: #1f4999;
267 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
268 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
270 border-color: #1f4999;
273 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
274 background-color: #999999;
277 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
280 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
281 background-color: rgba
(0, 171, 137, 0.1);
282 border-color: rgba
(0, 89, 70, 0.5);
284 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
285 box-shadow: inset
0 0 0 1px #005946;
286 border-color: #005946;
288 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
289 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
291 border-color: #005946;
294 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
295 background-color: #999999;
298 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
301 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
302 background-color: rgba
(209, 29, 19, 0.1);
303 border-color: rgba
(115, 16, 10, 0.5);
305 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
306 box-shadow: inset
0 0 0 1px #73100a;
307 border-color: #73100a;
309 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
310 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
312 border-color: #73100a;
315 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
316 background-color: #999999;
319 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
321 background-color: #347bff;
322 border-color: #347bff;
324 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
326 border-color: #2962cc;
328 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
329 box-shadow: inset
0 0 0 1px #ffffff;
330 border-color: #347bff;
332 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
333 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
335 background-color: #1f4999;
336 border-color: #1f4999;
339 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
340 background-color: #999999;
343 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
345 background-color: #00af89;
346 border-color: #00af89;
348 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
350 border-color: #008064;
352 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
353 box-shadow: inset
0 0 0 1px #ffffff;
354 border-color: #00af89;
356 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
357 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
359 background-color: #005946;
360 border-color: #005946;
363 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
364 background-color: #999999;
367 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
369 background-color: #d11d13;
370 border-color: #d11d13;
372 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
374 border-color: #8c130d;
376 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
377 box-shadow: inset
0 0 0 1px #ffffff;
378 border-color: #d11d13;
380 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
381 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
383 background-color: #73100a;
384 border-color: #73100a;
387 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
388 background-color: #999999;
391 .oo-ui-clippableElement-clippable {
392 -webkit-box-sizing: border-box
;
393 -moz-box-sizing: border-box
;
394 box-sizing: border-box
;
396 .oo-ui-draggableElement {
397 cursor: -webkit-grab
-moz-grab
, url
(images/grab.cur), move
;
399 * HACK: In order to style horizontally, we must override
400 * OO.ui.OptionWidget's display rule that is currently set
404 .oo-ui-draggableElement-dragging {
405 cursor: -webkit-grabbing
-moz-grabbing
, url
(images/grabbing.cur), move
;
406 background: rgba
(0, 0, 0, 0.2);
409 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
410 display: inline-block
;
412 .oo-ui-draggableGroupElement-placeholder {
415 background: rgba
(0, 0, 0, 0.4);
417 .oo-ui-iconElement
.oo-ui-iconElement-icon
,
418 .oo-ui-iconElement.oo-ui-iconElement-icon {
419 background-size: contain
;
420 background-position: center center
;
422 .oo-ui-indicatorElement
.oo-ui-indicatorElement-indicator
,
423 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
424 background-size: contain
;
425 background-position: center center
;
427 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
431 .oo-ui-pendingElement-pending {
432 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
434 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
437 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
439 -webkit-box-sizing: border-box
;
440 -moz-box-sizing: border-box
;
441 box-sizing: border-box
;
443 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
446 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
449 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
457 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
463 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
466 .oo-ui-bookletLayout-outlinePanel {
467 border-right: 1px solid
#dddddd;
469 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
470 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
472 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
475 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
478 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
485 .oo-ui-fieldLayout:before
,
486 .oo-ui-fieldLayout:after {
490 .oo-ui-fieldLayout:after {
493 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
494 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
495 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
496 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
500 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
503 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
506 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
507 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
509 vertical-align: middle
;
511 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
512 display: inline-block
;
514 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
517 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
520 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
521 padding: 0.5em 0.75em;
524 .oo-ui-fieldLayout:last-child {
527 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
.oo-ui-labelElement
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
528 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
533 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
534 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
537 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
541 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
544 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
547 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
551 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
554 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
557 .oo-ui-actionFieldLayout-input
,
558 .oo-ui-actionFieldLayout-button {
560 vertical-align: middle
;
562 .oo-ui-actionFieldLayout-input {
565 .oo-ui-actionFieldLayout-button {
569 .oo-ui-fieldsetLayout {
575 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
578 background-position: center center
;
579 background-repeat: no-repeat
;
581 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
582 display: inline-block
;
584 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
587 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
590 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
591 padding: 0.5em 0.75em;
594 .oo-ui-fieldsetLayout
+ .oo-ui-fieldsetLayout
,
595 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
598 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
600 margin-bottom: 0.5em;
604 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
608 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
614 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
617 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
620 .oo-ui-formLayout
+ .oo-ui-fieldsetLayout
,
621 .oo-ui-formLayout + .oo-ui-formLayout {
631 .oo-ui-menuLayout-menu
,
632 .oo-ui-menuLayout-content {
634 -webkit-transition: all ease-in-out
200ms;
635 -moz-transition: all ease-in-out
200ms;
636 -ms-transition: all ease-in-out
200ms;
637 -o-transition: all ease-in-out
200ms;
638 transition: all ease-in-out
200ms;
640 .oo-ui-menuLayout-menu {
644 .oo-ui-menuLayout-content {
650 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-menu {
652 height: 0 !important
;
655 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-content {
659 bottom: 0 !important
;
661 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-menu {
662 width: auto
!important
;
667 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-content {
669 bottom: 0 !important
;
672 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-menu {
673 height: auto
!important
;
678 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-content {
679 bottom: 0 !important
;
683 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu {
684 width: auto
!important
;
689 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content {
694 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-menu {
695 height: auto
!important
;
700 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-content {
703 bottom: 0 !important
;
708 .oo-ui-panelLayout-scrollable {
711 .oo-ui-panelLayout-expanded {
718 .oo-ui-panelLayout-padded {
721 .oo-ui-panelLayout-framed {
722 border: 1px solid
#aaaaaa;
723 border-radius: 0.2em;
724 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2);
726 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
729 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
733 .oo-ui-popupTool
.oo-ui-popupWidget-popup
,
734 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
737 .oo-ui-popupTool .oo-ui-popupWidget {
741 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
746 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
749 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
753 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
757 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
761 display: inline-block
;
762 vertical-align: middle
;
764 border-right: 1px solid
#dddddd;
766 .oo-ui-toolGroup-empty {
769 .oo-ui-toolGroup .oo-ui-tool-link {
770 text-decoration: none
;
772 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
773 background-position: center center
;
774 background-repeat: no-repeat
;
776 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
779 .oo-ui-toolGroup .oo-ui-toolGroup .oo-ui-widget-enabled {
780 border-right: none
!important
;
782 .oo-ui-barToolGroup
> .oo-ui-iconElement-icon
,
783 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
786 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
789 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
790 display: inline-block
;
794 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
797 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
800 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
801 display: inline-block
;
804 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
807 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
810 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link {
813 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
817 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
821 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
825 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
826 border-color: rgba
(0, 0, 0, 0.2);
827 background-color: #eeeeee;
829 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
832 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
833 border-color: rgba
(0, 0, 0, 0.2);
834 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
835 background-color: #e5e5e5;
837 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled:hover {
838 background-color: #eeeeee;
840 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
841 border-left-color: rgba
(0, 0, 0, 0.1);
843 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
846 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
849 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
852 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon {
855 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:active {
856 background-color: #e7e7e7;
858 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
861 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-iconElement-icon {
864 .oo-ui-popupToolGroup {
869 .oo-ui-popupToolGroup-handle {
873 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
874 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
876 background-position: center center
;
877 background-repeat: no-repeat
;
879 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
882 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
887 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
888 background-repeat: no-repeat
;
889 background-position: center center
;
891 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
894 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
897 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
900 .oo-ui-popupToolGroup .oo-ui-tool-link {
903 vertical-align: middle
;
906 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-iconElement-icon
,
907 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
908 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
910 vertical-align: middle
;
912 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
915 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
918 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
921 .oo-ui-popupToolGroup.oo-ui-iconElement {
924 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
927 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
930 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
933 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
937 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
940 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
943 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
946 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
949 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
950 margin-right: 1.75em;
952 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:hover {
953 background-color: #eeeeee;
955 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:active {
956 background-color: #e5e5e5;
958 .oo-ui-popupToolGroup-handle {
962 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
965 margin: 0.78125em 0.5em;
970 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
973 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
981 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
984 .oo-ui-popupToolGroup-header {
989 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
990 border-bottom-left-radius: 0;
991 border-bottom-right-radius: 0;
992 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
993 background-color: #eeeeee;
995 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
998 border: 1px solid
#cccccc;
999 background-color: #ffffff;
1000 box-shadow: 0 2px 3px rgba
(0, 0, 0, 0.2);
1003 .oo-ui-popupToolGroup .oo-ui-tool-link {
1004 padding: 0.4em 0.625em;
1005 box-sizing: border-box
;
1007 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1012 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1013 padding-left: 0.5em;
1016 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
1017 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1020 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
1023 .oo-ui-listToolGroup .oo-ui-tool {
1025 -webkit-box-sizing: border-box
;
1026 -moz-box-sizing: border-box
;
1027 box-sizing: border-box
;
1029 .oo-ui-listToolGroup .oo-ui-tool-link {
1032 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1035 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
1036 border-color: rgba
(0, 0, 0, 0.2);
1038 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1039 border-color: rgba
(0, 0, 0, 0.2);
1040 background-color: #eeeeee;
1042 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:active {
1043 background-color: #e7e7e7;
1045 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
1048 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
1049 border-color: rgba
(0, 0, 0, 0.1);
1050 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
1051 background-color: #e5e5e5;
1053 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
1054 border-top-color: rgba
(0, 0, 0, 0.1);
1056 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
1057 border-color: rgba
(0, 0, 0, 0.2);
1058 background-color: #eeeeee;
1060 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1063 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
1066 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1069 .oo-ui-listToolGroup.oo-ui-widget-disabled {
1072 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
1073 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1076 .oo-ui-menuToolGroup .oo-ui-tool {
1079 .oo-ui-menuToolGroup .oo-ui-tool-link {
1082 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1085 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1088 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1091 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1092 background-image: none
;
1094 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
1095 background-image: url
("themes/mediawiki/images/icons/check.png");
1096 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check.svg");
1097 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check.svg");
1098 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check.png");
1100 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1101 background-color: #eeeeee;
1103 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1106 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1109 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
1112 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
1113 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1119 .oo-ui-toolbar-bar {
1123 .oo-ui-toolbar-actions {
1126 .oo-ui-toolbar-actions .oo-ui-toolbar {
1127 display: inline-block
;
1129 .oo-ui-toolbar-tools {
1131 white-space: nowrap
;
1133 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools {
1134 white-space: normal
;
1136 .oo-ui-toolbar-tools .oo-ui-tool {
1137 white-space: normal
;
1139 .oo-ui-toolbar-tools
,
1140 .oo-ui-toolbar-actions
,
1141 .oo-ui-toolbar-shadow {
1142 -webkit-touch-callout: none
;
1143 -webkit-user-select: none
;
1144 -moz-user-select: none
;
1145 -ms-user-select: none
;
1148 .oo-ui-toolbar-actions .oo-ui-popupWidget {
1149 -webkit-touch-callout: default
;
1150 -webkit-user-select: all
;
1151 -moz-user-select: all
;
1152 -ms-user-select: all
;
1155 .oo-ui-toolbar-shadow {
1156 background-position: left top
;
1157 background-repeat: repeat-x
;
1160 pointer-events: none
;
1162 .oo-ui-toolbar-bar {
1163 border-bottom: 1px solid
#cccccc;
1164 background-color: #ffffff;
1165 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.1);
1169 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
1174 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement {
1177 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
1181 padding: 1.0546875em 0.3125em;
1183 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
1185 line-height: inherit
;
1187 .oo-ui-optionWidget {
1191 padding: 0.25em 0.5em;
1194 .oo-ui-optionWidget.oo-ui-widget-disabled {
1197 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1199 white-space: nowrap
;
1200 text-overflow: ellipsis
;
1203 .oo-ui-optionWidget-highlighted {
1204 background-color: #eeeeee;
1206 .oo-ui-optionWidget .oo-ui-labelElement-label {
1209 .oo-ui-selectWidget-depressed
.oo-ui-optionWidget-selected
,
1210 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
,
1211 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
.oo-ui-optionWidget-highlighted
,
1212 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1213 background-color: #d0d0d0;
1215 .oo-ui-optionWidget.oo-ui-widget-disabled {
1218 .oo-ui-decoratedOptionWidget {
1219 padding: 0.5em 2em 0.5em 3em;
1221 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
1222 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1224 background-repeat: no-repeat
;
1225 background-position: center center
;
1227 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
1228 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1232 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1236 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1240 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1241 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1244 .oo-ui-buttonSelectWidget {
1245 display: inline-block
;
1246 white-space: nowrap
;
1248 margin-right: 0.5em;
1250 .oo-ui-buttonSelectWidget:last-child {
1253 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1257 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1258 border-bottom-left-radius: 2px;
1259 border-top-left-radius: 2px;
1262 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1263 border-bottom-right-radius: 2px;
1264 border-top-right-radius: 2px;
1266 .oo-ui-buttonOptionWidget {
1267 display: inline-block
;
1269 background-color: transparent
;
1271 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1274 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
1275 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1277 display: inline-block
;
1278 vertical-align: middle
;
1280 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1283 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1286 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
1287 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
1288 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1289 background-color: transparent
;
1291 .oo-ui-buttonOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1292 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1295 .oo-ui-radioOptionWidget {
1298 background-color: transparent
;
1300 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
1301 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1302 display: inline-block
;
1303 vertical-align: middle
;
1305 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
1306 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
1307 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1308 background-color: transparent
;
1310 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1314 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
1317 .oo-ui-labelWidget {
1318 display: inline-block
;
1321 display: inline-block
;
1322 vertical-align: middle
;
1323 background-position: center center
;
1324 background-repeat: no-repeat
;
1329 .oo-ui-iconWidget.oo-ui-widget-disabled {
1332 .oo-ui-indicatorWidget {
1333 display: inline-block
;
1334 vertical-align: middle
;
1335 background-position: center center
;
1336 background-repeat: no-repeat
;
1342 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1345 .oo-ui-buttonWidget {
1346 display: inline-block
;
1347 vertical-align: middle
;
1348 margin-right: 0.5em;
1350 .oo-ui-buttonWidget:last-child {
1353 .oo-ui-buttonGroupWidget {
1354 display: inline-block
;
1355 white-space: nowrap
;
1357 margin-right: 0.5em;
1359 .oo-ui-buttonGroupWidget:last-child {
1362 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
1365 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
1368 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1372 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1373 border-bottom-left-radius: 2px;
1374 border-top-left-radius: 2px;
1377 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1378 border-bottom-right-radius: 2px;
1379 border-top-right-radius: 2px;
1381 .oo-ui-toggleButtonWidget {
1382 display: inline-block
;
1383 vertical-align: middle
;
1384 margin-right: 0.5em;
1386 .oo-ui-toggleButtonWidget:last-child {
1389 .oo-ui-toggleSwitchWidget {
1391 display: inline-block
;
1392 vertical-align: middle
;
1395 -webkit-box-sizing: border-box
;
1396 -moz-box-sizing: border-box
;
1397 box-sizing: border-box
;
1398 -webkit-transform: translateZ
(0px);
1399 -moz-transform: translateZ
(0px);
1400 -ms-transform: translateZ
(0px);
1401 -o-transform: translateZ
(0px);
1402 transform: translateZ
(0px);
1406 border: 1px #dddddd solid
;
1407 margin-right: 0.5em;
1409 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1412 .oo-ui-toggleSwitchWidget-grip {
1415 -webkit-box-sizing: border-box
;
1416 -moz-box-sizing: border-box
;
1417 box-sizing: border-box
;
1419 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1425 -webkit-touch-callout: none
;
1426 -webkit-user-select: none
;
1427 -moz-user-select: none
;
1428 -ms-user-select: none
;
1431 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1434 .oo-ui-toggleSwitchWidget:last-child {
1437 .oo-ui-toggleSwitchWidget-grip {
1444 border: 1px #dddddd solid
;
1445 background-color: #f7f7f7;
1446 -webkit-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1447 -moz-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1448 -ms-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1449 -o-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1450 transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1452 .oo-ui-toggleSwitchWidget-glow {
1454 background-color: #f7f7f7;
1455 -webkit-transition: background-color
0.1s ease-in-out
;
1456 -moz-transition: background-color
0.1s ease-in-out
;
1457 -ms-transition: background-color
0.1s ease-in-out
;
1458 -o-transition: background-color
0.1s ease-in-out
;
1459 transition: background-color
0.1s ease-in-out
;
1461 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1465 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1468 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1472 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
1473 border: 1px #cccccc solid
;
1475 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1476 border-color: #aaaaaa;
1478 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
1479 background-color: #ffffff;
1480 border-color: #aaaaaa;
1482 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1483 background-color: #d0d0d0;
1485 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1486 background-color: #ffffff;
1488 .oo-ui-progressBarWidget {
1490 border: 1px solid
#cccccc;
1491 border-radius: 0.1em;
1494 .oo-ui-progressBarWidget-bar {
1496 background: #dddddd;
1497 -webkit-transition: width
200ms, margin-left
200ms;
1498 -moz-transition: width
200ms, margin-left
200ms;
1499 -ms-transition: width
200ms, margin-left
200ms;
1500 -o-transition: width
200ms, margin-left
200ms;
1501 transition: width
200ms, margin-left
200ms;
1503 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1504 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1505 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1506 -ms-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1507 -o-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1508 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1511 border-left-width: 1px;
1513 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1516 .oo-ui-popupWidget {
1521 .oo-ui-popupWidget-popup {
1526 .oo-ui-popupWidget-anchor {
1530 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1536 background-repeat: no-repeat
;
1538 .oo-ui-popupWidget-head {
1539 -webkit-touch-callout: none
;
1540 -webkit-user-select: none
;
1541 -moz-user-select: none
;
1542 -ms-user-select: none
;
1545 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1548 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1552 .oo-ui-popupWidget-body {
1556 .oo-ui-popupWidget-popup {
1557 border: 1px solid
#aaaaaa;
1558 border-radius: 0.2em;
1559 background-color: #ffffff;
1560 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2);
1562 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1565 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
1566 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1571 border-style: solid
;
1572 border-color: transparent
;
1575 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1578 border-bottom-color: #888888;
1581 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1584 border-bottom-color: #ffffff;
1587 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1588 -webkit-transition: width
0.1s ease-in-out
, height
0.1s ease-in-out
, left
0.1s ease-in-out
;
1589 -moz-transition: width
0.1s ease-in-out
, height
0.1s ease-in-out
, left
0.1s ease-in-out
;
1590 -ms-transition: width
0.1s ease-in-out
, height
0.1s ease-in-out
, left
0.1s ease-in-out
;
1591 -o-transition: width
0.1s ease-in-out
, height
0.1s ease-in-out
, left
0.1s ease-in-out
;
1592 transition: width
0.1s ease-in-out
, height
0.1s ease-in-out
, left
0.1s ease-in-out
;
1594 .oo-ui-popupWidget-head {
1597 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1600 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1603 .oo-ui-popupWidget-body-padded {
1606 .oo-ui-popupButtonWidget {
1609 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1613 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1617 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1621 .oo-ui-inputWidget {
1622 margin-right: 0.5em;
1624 .oo-ui-inputWidget:last-child {
1627 .oo-ui-buttonInputWidget {
1628 display: inline-block
;
1629 vertical-align: middle
;
1631 .oo-ui-buttonInputWidget
> button
,
1632 .oo-ui-buttonInputWidget > input {
1635 background-color: transparent
;
1637 .oo-ui-checkboxInputWidget {
1640 white-space: nowrap
;
1642 .oo-ui-checkboxInputWidget * {
1644 vertical-align: middle
;
1646 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1655 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1657 -webkit-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1658 -moz-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1659 -ms-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1660 -o-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1661 transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1662 -webkit-box-sizing: border-box
;
1663 -moz-box-sizing: border-box
;
1664 box-sizing: border-box
;
1670 background-color: white
;
1671 border: 1px solid
#777777;
1672 background-image: url
("themes/mediawiki/images/icons/check-constructive.png");
1673 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive.svg");
1674 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive.svg");
1675 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-constructive.png");
1676 background-repeat: no-repeat
;
1677 background-position: center center
;
1678 background-origin: border-box
;
1679 background-size: 0 0;
1681 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span {
1682 background-size: 100% 100%;
1684 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span {
1685 background-color: #dddddd;
1686 border-color: #dddddd;
1688 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span {
1691 .oo-ui-checkboxInputWidget input
[type
="checkbox"]:focus:hover
+ span
,
1692 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span {
1693 border-bottom-width: 3px;
1695 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span {
1697 background-color: #eeeeee;
1698 border-color: #eeeeee;
1700 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span {
1701 background-image: url
("themes/mediawiki/images/icons/check-invert.png");
1702 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
1703 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
1704 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-invert.png");
1706 .oo-ui-dropdownInputWidget {
1708 vertical-align: middle
;
1709 -webkit-box-sizing: border-box
;
1710 -moz-box-sizing: border-box
;
1711 box-sizing: border-box
;
1715 .oo-ui-dropdownInputWidget select {
1716 display: inline-block
;
1719 -webkit-box-sizing: border-box
;
1720 -moz-box-sizing: border-box
;
1721 box-sizing: border-box
;
1723 .oo-ui-dropdownInputWidget select {
1724 background: #ffffff;
1727 font-family: inherit
;
1728 -webkit-box-sizing: border-box
;
1729 -moz-box-sizing: border-box
;
1730 box-sizing: border-box
;
1731 border: 1px solid
#cccccc;
1733 .oo-ui-dropdownInputWidget
.oo-ui-widget-enabled
select:hover
,
1734 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1735 border-color: #aaaaaa;
1738 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1740 border-color: #dddddd;
1741 background-color: #f3f3f3;
1743 .oo-ui-radioInputWidget {
1746 white-space: nowrap
;
1748 .oo-ui-radioInputWidget * {
1750 vertical-align: middle
;
1752 .oo-ui-radioInputWidget input[type="radio"] {
1761 .oo-ui-radioInputWidget input[type="radio"] + span {
1763 -webkit-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1764 -moz-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1765 -ms-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1766 -o-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1767 transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1768 -webkit-box-sizing: border-box
;
1769 -moz-box-sizing: border-box
;
1770 box-sizing: border-box
;
1773 border-radius: 100%;
1777 border: 1px solid
#777777;
1778 background-image: url
("themes/mediawiki/images/icons/circle-constructive.png");
1779 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive.svg");
1780 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive.svg");
1781 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-constructive.png");
1782 background-repeat: no-repeat
;
1783 background-position: center center
;
1784 background-origin: border-box
;
1785 background-size: 0 0;
1787 .oo-ui-radioInputWidget input[type="radio"]:checked + span {
1788 background-size: 100% 100%;
1790 .oo-ui-radioInputWidget input[type="radio"]:active + span {
1791 background-color: #dddddd;
1792 border-color: #dddddd;
1794 .oo-ui-radioInputWidget input[type="radio"]:focus + span {
1797 .oo-ui-radioInputWidget input
[type
="radio"]:focus:hover
+ span
,
1798 .oo-ui-radioInputWidget input[type="radio"]:hover + span {
1799 border-bottom-width: 3px;
1801 .oo-ui-radioInputWidget input[type="radio"]:disabled + span {
1803 background-color: #eeeeee;
1804 border-color: #eeeeee;
1806 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span {
1807 background-image: url
("themes/mediawiki/images/icons/circle-invert.png");
1808 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1809 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1810 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-invert.png");
1812 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1815 .oo-ui-textInputWidget {
1817 vertical-align: middle
;
1818 -webkit-box-sizing: border-box
;
1819 -moz-box-sizing: border-box
;
1820 box-sizing: border-box
;
1824 .oo-ui-textInputWidget input
,
1825 .oo-ui-textInputWidget textarea {
1826 display: inline-block
;
1829 -webkit-box-sizing: border-box
;
1830 -moz-box-sizing: border-box
;
1831 box-sizing: border-box
;
1833 .oo-ui-textInputWidget input[type="search"] {
1834 -webkit-appearance: none
;
1836 .oo-ui-textInputWidget input[type="search"]::-ms-clear {
1839 .oo-ui-textInputWidget input[type="search"]::-ms-reveal {
1842 .oo-ui-textInputWidget input
[type
="search"]::-webkit-search-decoration
,
1843 .oo-ui-textInputWidget input
[type
="search"]::-webkit-search-cancel-button
,
1844 .oo-ui-textInputWidget input
[type
="search"]::-webkit-search-results-button
,
1845 .oo-ui-textInputWidget input[type="search"]::-webkit-search-results-decoration {
1848 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1849 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1850 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1853 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
1854 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1859 background-repeat: no-repeat
;
1860 -webkit-touch-callout: none
;
1861 -webkit-user-select: none
;
1862 -moz-user-select: none
;
1863 -ms-user-select: none
;
1866 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
1867 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1870 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1873 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1876 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1879 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1882 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1886 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1889 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1892 .oo-ui-textInputWidget input
,
1893 .oo-ui-textInputWidget textarea {
1895 line-height: 1.275em;
1898 font-family: inherit
;
1899 background-color: #ffffff;
1901 border: solid
1px #cccccc;
1902 box-shadow: inset
0 0 0 0 #347bff;
1903 border-radius: 0.1em;
1904 -webkit-transition: box-shadow
0.1s ease-in-out
;
1905 -moz-transition: box-shadow
0.1s ease-in-out
;
1906 -ms-transition: box-shadow
0.1s ease-in-out
;
1907 -o-transition: box-shadow
0.1s ease-in-out
;
1908 transition: box-shadow
0.1s ease-in-out
;
1909 -webkit-box-sizing: border-box
;
1910 -moz-box-sizing: border-box
;
1911 box-sizing: border-box
;
1913 .oo-ui-textInputWidget input
.oo-ui-pendingElement-pending
,
1914 .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
1915 background-color: transparent
;
1917 .oo-ui-textInputWidget-decorated input
,
1918 .oo-ui-textInputWidget-decorated textarea {
1921 .oo-ui-textInputWidget-icon {
1924 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
,
1925 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1926 -webkit-transition: border
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1);
1927 -moz-transition: border
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1);
1928 -ms-transition: border
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1);
1929 -o-transition: border
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1);
1930 transition: border
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
0.2s cubic-bezier
(0.39, 0.575, 0.565, 1);
1932 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1933 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1935 border-color: #347bff;
1936 box-shadow: inset
0 0 0 0.1em #347bff;
1938 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1939 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1941 text-shadow: 0 1px 1px #ffffff;
1943 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
1944 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1945 border-color: #cccccc;
1946 box-shadow: inset
0 0 0 0.1em #cccccc;
1948 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid input
,
1949 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1951 box-shadow: inset
0 0 0 0 red
;
1953 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:focus
,
1954 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1956 box-shadow: inset
0 0 0 0.1em red
;
1958 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1959 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1961 text-shadow: 0 1px 1px #ffffff;
1962 border-color: #dddddd;
1963 background-color: #f3f3f3;
1965 .oo-ui-textInputWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1966 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1969 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1971 text-shadow: 0 1px 1px #ffffff;
1973 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1974 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1975 padding-left: 2.75em;
1977 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1982 background-position: right center
;
1984 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1985 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1986 padding-right: 1.875em;
1988 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1993 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1998 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
2001 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
2004 .oo-ui-menuSelectWidget {
2006 background: #ffffff;
2008 border: 1px solid
#aaaaaa;
2009 border-radius: 0 0 0.2em 0.2em;
2010 padding-bottom: 0.25em;
2011 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2), 0 0.1em 0 0 rgba
(0, 0, 0, 0.2);
2013 .oo-ui-menuSelectWidget input {
2020 .oo-ui-menuOptionWidget {
2024 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
2027 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
2028 background-color: transparent
;
2030 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
2033 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
2034 background-color: #d8e6fe;
2035 color: rgba
(0, 0, 0, 0.8);
2037 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
2040 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2041 background-color: #eeeeee;
2044 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2045 background-color: #d8e6fe;
2047 .oo-ui-menuSectionOptionWidget {
2049 padding: 0.33em 0.75em;
2052 .oo-ui-dropdownWidget {
2053 display: inline-block
;
2058 background: #ffffff;
2059 margin-right: 0.5em;
2061 .oo-ui-dropdownWidget-handle {
2063 display: inline-block
;
2065 -webkit-touch-callout: none
;
2066 -webkit-user-select: none
;
2067 -moz-user-select: none
;
2068 -ms-user-select: none
;
2070 -webkit-box-sizing: border-box
;
2071 -moz-box-sizing: border-box
;
2072 box-sizing: border-box
;
2074 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
2075 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2077 background-position: center center
;
2078 background-repeat: no-repeat
;
2080 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
2084 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2087 .oo-ui-dropdownWidget:last-child {
2090 .oo-ui-dropdownWidget-handle {
2092 border: 1px solid
#cccccc;
2093 border-radius: 0.1em;
2095 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2098 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2101 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2102 line-height: 1.275em;
2105 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2111 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2117 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
2118 border-color: #aaaaaa;
2120 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2122 text-shadow: 0 1px 1px #ffffff;
2123 border-color: #dddddd;
2124 background-color: #f3f3f3;
2126 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
2129 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2132 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2135 .oo-ui-dropdownWidget .oo-ui-selectWidget {
2136 border-top-color: #ffffff;
2138 .oo-ui-selectFileWidget {
2139 display: inline-block
;
2141 vertical-align: middle
;
2145 margin-right: 0.5em;
2147 .oo-ui-selectFileWidget-handle {
2149 display: inline-block
;
2152 -webkit-touch-callout: none
;
2153 -webkit-user-select: none
;
2154 -moz-user-select: none
;
2155 -ms-user-select: none
;
2157 -webkit-box-sizing: border-box
;
2158 -moz-box-sizing: border-box
;
2159 box-sizing: border-box
;
2161 .oo-ui-selectFileWidget-handle
> .oo-ui-indicatorElement-indicator
,
2162 .oo-ui-selectFileWidget-handle
> .oo-ui-iconElement-icon
,
2163 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2165 background-position: center center
;
2166 background-repeat: no-repeat
;
2168 .oo-ui-selectFileWidget-handle > input[type="file"] {
2181 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2184 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-handle
,
2185 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2188 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-handle
> input
[type
="file"],
2189 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle > input[type="file"] {
2192 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
2193 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
2196 .oo-ui-selectFileWidget:last-child {
2199 .oo-ui-selectFileWidget-handle {
2201 border: 1px solid
#cccccc;
2202 border-radius: 0.1em;
2204 background: #ffffff;
2206 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2209 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2212 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-label {
2215 display: inline-block
;
2218 white-space: nowrap
;
2219 -webkit-box-sizing: border-box
;
2220 -moz-box-sizing: border-box
;
2221 box-sizing: border-box
;
2222 text-overflow: ellipsis
;
2224 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2230 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2236 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2242 .oo-ui-selectFileWidget:hover .oo-ui-selectFileWidget-handle {
2243 border-color: #aaaaaa;
2245 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle {
2247 text-shadow: 0 1px 1px #ffffff;
2248 border-color: #dddddd;
2249 background-color: #f3f3f3;
2251 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-handle
> .oo-ui-iconElement-icon
,
2252 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2255 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
2258 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-handle {
2261 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle {
2264 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2267 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2270 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2273 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-handle
,
2274 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2277 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-handle
,
2278 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2281 .oo-ui-outlineOptionWidget {
2284 -webkit-touch-callout: none
;
2285 -webkit-user-select: none
;
2286 -moz-user-select: none
;
2287 -ms-user-select: none
;
2292 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2293 padding-right: 1.5em;
2295 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2298 .oo-ui-outlineOptionWidget-level-0 {
2299 padding-left: 3.5em;
2301 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
2304 .oo-ui-outlineOptionWidget-level-1 {
2307 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
2310 .oo-ui-outlineOptionWidget-level-2 {
2311 padding-left: 6.5em;
2313 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
2316 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
2317 background-color: #d0d0d0;
2318 text-shadow: 0 1px 1px #ffffff;
2320 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
2323 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
2326 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
2329 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
2332 .oo-ui-outlineControlsWidget {
2334 background-color: #ffffff;
2336 .oo-ui-outlineControlsWidget-items
,
2337 .oo-ui-outlineControlsWidget-movers {
2339 -webkit-box-sizing: border-box
;
2340 -moz-box-sizing: border-box
;
2341 box-sizing: border-box
;
2343 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2345 background-position: right center
;
2346 background-repeat: no-repeat
;
2348 .oo-ui-outlineControlsWidget-items {
2351 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
2354 .oo-ui-outlineControlsWidget-movers {
2357 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
2360 .oo-ui-outlineControlsWidget-items
,
2361 .oo-ui-outlineControlsWidget-movers {
2363 margin: 0.5em 0.5em 0.5em 0;
2366 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2369 margin: 0.5em 0 0.5em 0.5em;
2372 .oo-ui-tabSelectWidget {
2374 white-space: nowrap
;
2376 background-color: #dddddd;
2378 .oo-ui-tabOptionWidget {
2379 display: inline-block
;
2380 vertical-align: bottom
;
2381 padding: 0.35em 1em;
2382 margin: 0.5em 0 0 0.75em;
2383 border: 1px solid transparent
;
2384 border-bottom: none
;
2385 border-top-left-radius: 2px;
2386 border-top-right-radius: 2px;
2390 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
2391 background-color: rgba
(255, 255, 255, 0.3);
2393 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
2394 background-color: rgba
(255, 255, 255, 0.8);
2396 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2397 padding-right: 1.5em;
2399 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2402 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
2403 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
2404 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
2405 background-color: #ffffff;
2408 .oo-ui-comboBoxWidget {
2409 display: inline-block
;
2413 margin-right: 0.5em;
2415 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
2419 .oo-ui-comboBoxWidget > .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
2422 .oo-ui-comboBoxWidget:last-child {
2425 .oo-ui-comboBoxWidget
.oo-ui-textInputWidget input
,
2426 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
2429 .oo-ui-searchWidget-query {
2435 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2438 .oo-ui-searchWidget-results {
2446 .oo-ui-searchWidget-query {
2449 border-bottom: 1px solid
#cccccc;
2451 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2454 .oo-ui-searchWidget-results {
2459 .oo-ui-numberInputWidget {
2460 display: inline-block
;
2464 .oo-ui-numberInputWidget-field {
2466 table-layout: fixed
;
2469 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
2470 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2471 display: table-cell
;
2472 vertical-align: middle
;
2474 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2477 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
2478 white-space: nowrap
;
2480 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2481 box-sizing: border-box
;
2483 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
2484 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2488 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2489 border-top-right-radius: 0;
2490 border-bottom-right-radius: 0;
2491 border-right-width: 0;
2493 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2494 border-top-left-radius: 0;
2495 border-bottom-left-radius: 0;
2496 border-left-width: 0;
2498 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {
2502 background: transparent
;
2504 .oo-ui-window-frame {
2505 -webkit-box-sizing: border-box
;
2506 -moz-box-sizing: border-box
;
2507 box-sizing: border-box
;
2509 .oo-ui-window-content:focus {
2513 .oo-ui-window-foot {
2514 -webkit-touch-callout: none
;
2515 -webkit-user-select: none
;
2516 -moz-user-select: none
;
2517 -ms-user-select: none
;
2520 .oo-ui-window-body {
2525 .oo-ui-window-overlay {
2531 .oo-ui-dialog-content
> .oo-ui-window-head
,
2532 .oo-ui-dialog-content
> .oo-ui-window-body
,
2533 .oo-ui-dialog-content > .oo-ui-window-foot {
2538 -webkit-box-sizing: border-box
;
2539 -moz-box-sizing: border-box
;
2540 box-sizing: border-box
;
2542 .oo-ui-dialog-content > .oo-ui-window-head {
2546 .oo-ui-dialog-content > .oo-ui-window-body {
2551 .oo-ui-dialog-content > .oo-ui-window-foot {
2555 .oo-ui-dialog-content > .oo-ui-window-body {
2556 outline: 1px solid
#aaaaaa;
2558 .oo-ui-messageDialog-actions-horizontal {
2560 table-layout: fixed
;
2563 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2564 display: table-cell
;
2567 .oo-ui-messageDialog-actions-vertical {
2570 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2573 text-overflow: ellipsis
;
2575 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2579 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2582 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2587 white-space: nowrap
;
2589 .oo-ui-messageDialog-title
,
2590 .oo-ui-messageDialog-message {
2595 .oo-ui-messageDialog-title {
2600 .oo-ui-messageDialog-message {
2602 line-height: 1.25em;
2605 .oo-ui-messageDialog-message-verbose {
2610 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2611 border-right: 1px solid
#e5e5e5;
2614 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2615 border-right-width: 0;
2617 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2618 border-bottom: 1px solid
#e5e5e5;
2621 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2622 border-bottom-width: 0;
2624 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2628 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
2631 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2636 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2637 background-color: rgba
(0, 0, 0, 0.05);
2639 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2640 background-color: rgba
(0, 0, 0, 0.1);
2642 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2643 background-color: rgba
(8, 126, 204, 0.05);
2645 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2646 background-color: rgba
(8, 126, 204, 0.1);
2648 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2651 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2652 background-color: rgba
(118, 171, 54, 0.05);
2654 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2655 background-color: rgba
(118, 171, 54, 0.1);
2657 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2658 background-color: rgba
(212, 83, 83, 0.05);
2660 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2661 background-color: rgba
(212, 83, 83, 0.1);
2663 .oo-ui-processDialog-location {
2665 text-overflow: ellipsis
;
2666 white-space: nowrap
;
2668 .oo-ui-processDialog-title {
2672 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
2673 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
2674 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2675 white-space: nowrap
;
2677 .oo-ui-processDialog-actions-safe
,
2678 .oo-ui-processDialog-actions-primary {
2683 .oo-ui-processDialog-actions-safe {
2686 .oo-ui-processDialog-actions-primary {
2689 .oo-ui-processDialog-errors {
2699 .oo-ui-processDialog-content .oo-ui-window-head {
2702 .oo-ui-processDialog-content .oo-ui-window-body {
2704 outline: 1px solid rgba
(0, 0, 0, 0.2);
2706 .oo-ui-processDialog-navigation {
2711 .oo-ui-processDialog-location {
2717 .oo-ui-processDialog-title {
2719 line-height: 1.875em;
2721 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
2722 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
2723 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2725 min-height: 1.875em;
2727 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
2728 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
2729 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2730 line-height: 1.875em;
2732 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
2733 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
2734 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2735 margin-top: -0.125em;
2737 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
2738 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
2739 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2742 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
2743 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
2744 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2746 vertical-align: middle
;
2747 /* Adjust for border so text aligns with title */
2750 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
2751 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
2752 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
2755 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
2756 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
2757 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
2758 padding: 0.75em 1em;
2759 vertical-align: middle
;
2761 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
2762 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2763 background-color: rgba
(0, 0, 0, 0.05);
2765 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
2766 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2767 background-color: rgba
(0, 0, 0, 0.1);
2769 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
2770 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2771 background-color: rgba
(8, 126, 204, 0.05);
2773 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
2774 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2775 background-color: rgba
(8, 126, 204, 0.1);
2777 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
2778 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2781 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:hover
,
2782 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2783 background-color: rgba
(118, 171, 54, 0.05);
2785 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:active
,
2786 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2787 background-color: rgba
(118, 171, 54, 0.1);
2789 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
2790 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2791 background-color: rgba
(212, 83, 83, 0.05);
2793 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
2794 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2795 background-color: rgba
(212, 83, 83, 0.1);
2797 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
2800 .oo-ui-processDialog > .oo-ui-window-frame {
2803 .oo-ui-processDialog-errors {
2804 background-color: rgba
(255, 255, 255, 0.9);
2805 padding: 3em 3em 1.5em 3em;
2808 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2809 margin: 2em 1em 2em 1em;
2811 .oo-ui-processDialog-errors-title {
2816 .oo-ui-processDialog-error {
2820 border: 1px solid
#ff9e9e;
2821 background-color: #fff7f7;
2822 border-radius: 0.25em;
2824 .oo-ui-windowManager-modal > .oo-ui-dialog {
2830 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
2839 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2848 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2854 .oo-ui-windowManager-modal > .oo-ui-dialog {
2855 background-color: rgba
(255, 255, 255, 0.5);
2857 -webkit-transition: opacity
250ms ease-in-out
;
2858 -moz-transition: opacity
250ms ease-in-out
;
2859 -ms-transition: opacity
250ms ease-in-out
;
2860 -o-transition: opacity
250ms ease-in-out
;
2861 transition: opacity
250ms ease-in-out
;
2863 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2866 background-color: #ffffff;
2868 -webkit-transform: scale
(0.5);
2869 -moz-transform: scale
(0.5);
2870 -ms-transform: scale
(0.5);
2871 -o-transform: scale
(0.5);
2872 transform: scale
(0.5);
2873 -webkit-transition: all
250ms ease-in-out
;
2874 -moz-transition: all
250ms ease-in-out
;
2875 -ms-transition: all
250ms ease-in-out
;
2876 -o-transition: all
250ms ease-in-out
;
2877 transition: all
250ms ease-in-out
;
2879 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
2880 /* Fade window overlay */
2883 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2886 -webkit-transform: scale
(1);
2887 -moz-transform: scale
(1);
2888 -ms-transform: scale
(1);
2889 -o-transform: scale
(1);
2890 transform: scale
(1);
2892 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2893 border: 1px solid
#aaaaaa;
2894 border-radius: 0.2em;
2895 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2);