4 * - aadaa8a187d36ded603eebbdff47efe133908f6c
5 * CapsuleMultiSelectWidget: Set 'background-color' rather than 'background'
6 * Required for mw.widgets.CategorySelector's pending state to display.
11 * https://www.mediawiki.org/wiki/OOjs_UI
13 * Copyright 2011–2015 OOjs UI Team and other contributors.
14 * Released under the MIT license
15 * http://oojs.mit-license.org
17 * Date: 2015-10-07T20:48:23Z
19 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
27 @-moz-keyframes oo-ui-progressBarWidget-slide
{
35 @-ms-keyframes oo-ui-progressBarWidget-slide
{
43 @-o-keyframes oo-ui-progressBarWidget-slide
{
51 @keyframes oo-ui-progressBarWidget-slide
{
67 .oo-ui-element-hidden {
68 display: none
!important
;
70 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
72 display: inline-block
;
73 vertical-align: middle
;
76 -webkit-touch-callout: none
;
77 -webkit-user-select: none
;
78 -moz-user-select: none
;
79 -ms-user-select: none
;
82 .oo-ui-buttonElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
83 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
86 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
89 .oo-ui-buttonElement
.oo-ui-indicatorElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
90 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
91 display: inline-block
;
92 vertical-align: middle
;
94 .oo-ui-buttonElement-frameless {
95 display: inline-block
;
98 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
99 display: inline-block
;
100 vertical-align: middle
;
102 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
103 display: inline-block
;
107 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
108 display: inline-block
;
109 vertical-align: middle
;
111 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
,
112 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
113 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
116 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
118 text-decoration: none
;
120 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
123 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
127 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
128 margin-left: 0.46875em;
130 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
134 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
135 box-shadow: inset
0 0 0 1px rgba
(0, 0, 0, 0.2), 0 0 0 1px rgba
(0, 0, 0, 0.2);
138 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
141 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
143 margin-right: 0.25em;
145 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
146 padding-left: 0.25em;
147 padding-right: 0.25em;
150 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
> input
.oo-ui-buttonElement-button
,
151 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
154 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> input
.oo-ui-buttonElement-button
,
155 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
158 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
159 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
162 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
165 .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
,
166 .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 {
170 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
171 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
174 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
177 .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
,
178 .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 {
182 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
183 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
186 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
189 .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
,
190 .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 {
194 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
197 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus {
200 .oo-ui-buttonElement-frameless
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
201 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
204 .oo-ui-buttonElement-framed
.oo-ui-iconElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
205 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
208 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
215 -webkit-transition: background
100ms ease
, color
100ms ease
, box-shadow
100ms ease
;
216 -moz-transition: background
100ms ease
, color
100ms ease
, box-shadow
100ms ease
;
217 -ms-transition: background
100ms ease
, color
100ms ease
, box-shadow
100ms ease
;
218 -o-transition: background
100ms ease
, color
100ms ease
, box-shadow
100ms ease
;
219 transition: background
100ms ease
, color
100ms ease
, box-shadow
100ms ease
;
221 .oo-ui-buttonElement-framed
> .oo-ui-buttonElement-button:hover
,
222 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
225 .oo-ui-buttonElement-framed
> input
.oo-ui-buttonElement-button
,
226 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
228 display: inline-block
;
230 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
235 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
238 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
239 display: inline-block
;
241 .oo-ui-buttonElement-framed
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
242 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
243 margin-left: 0.46875em;
244 margin-right: -0.275em;
246 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
250 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
253 border: 1px solid
#dddddd;
255 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
257 background-color: #ffffff;
258 border: 1px solid
#cdcdcd;
260 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
261 background-color: #ebebeb;
263 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
264 box-shadow: inset
0 0 0 1px rgba
(0, 0, 0, 0.2);
266 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
267 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
268 background-color: #d9d9d9;
269 border-color: #d9d9d9;
272 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
273 background-color: #999999;
276 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
279 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
280 background-color: rgba
(52, 123, 255, 0.1);
281 border-color: rgba
(31, 73, 153, 0.5);
283 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
284 box-shadow: inset
0 0 0 1px #1f4999;
285 border-color: #1f4999;
287 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
288 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
290 border-color: #1f4999;
293 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
294 background-color: #999999;
297 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
300 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
301 background-color: rgba
(0, 171, 137, 0.1);
302 border-color: rgba
(0, 89, 70, 0.5);
304 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
305 box-shadow: inset
0 0 0 1px #005946;
306 border-color: #005946;
308 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
309 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
311 border-color: #005946;
314 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
315 background-color: #999999;
318 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
321 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
322 background-color: rgba
(209, 29, 19, 0.1);
323 border-color: rgba
(115, 16, 10, 0.5);
325 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
326 box-shadow: inset
0 0 0 1px #73100a;
327 border-color: #73100a;
329 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
330 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
332 border-color: #73100a;
335 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
336 background-color: #999999;
339 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
341 background-color: #347bff;
342 border-color: #347bff;
344 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
346 border-color: #2962cc;
348 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
349 box-shadow: inset
0 0 0 1px #ffffff;
350 border-color: #347bff;
352 .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
,
353 .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 {
355 background-color: #1f4999;
356 border-color: #1f4999;
359 .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 {
360 background-color: #999999;
363 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
365 background-color: #00af89;
366 border-color: #00af89;
368 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
370 border-color: #008064;
372 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
373 box-shadow: inset
0 0 0 1px #ffffff;
374 border-color: #00af89;
376 .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
,
377 .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 {
379 background-color: #005946;
380 border-color: #005946;
383 .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 {
384 background-color: #999999;
387 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
389 background-color: #d11d13;
390 border-color: #d11d13;
392 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
394 border-color: #8c130d;
396 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
397 box-shadow: inset
0 0 0 1px #ffffff;
398 border-color: #d11d13;
400 .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
,
401 .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 {
403 background-color: #73100a;
404 border-color: #73100a;
407 .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 {
408 background-color: #999999;
411 .oo-ui-clippableElement-clippable {
412 -webkit-box-sizing: border-box
;
413 -moz-box-sizing: border-box
;
414 box-sizing: border-box
;
416 .oo-ui-draggableElement {
417 cursor: -webkit-grab
-moz-grab
, url
(images/grab.cur), move
;
419 * HACK: In order to style horizontally, we must override
420 * OO.ui.OptionWidget's display rule that is currently set
424 .oo-ui-draggableElement-dragging {
425 cursor: -webkit-grabbing
-moz-grabbing
, url
(images/grabbing.cur), move
;
426 background: rgba
(0, 0, 0, 0.2);
429 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
430 display: inline-block
;
432 .oo-ui-draggableGroupElement-placeholder {
435 background: rgba
(0, 0, 0, 0.4);
437 .oo-ui-iconElement
.oo-ui-iconElement-icon
,
438 .oo-ui-iconElement.oo-ui-iconElement-icon {
439 background-size: contain
;
440 background-position: center center
;
441 background-repeat: no-repeat
;
443 .oo-ui-indicatorElement
.oo-ui-indicatorElement-indicator
,
444 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
445 background-size: contain
;
446 background-position: center center
;
447 background-repeat: no-repeat
;
449 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
453 .oo-ui-pendingElement-pending {
454 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
456 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
459 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
461 -webkit-box-sizing: border-box
;
462 -moz-box-sizing: border-box
;
463 box-sizing: border-box
;
465 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
468 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
471 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
479 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
485 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
488 .oo-ui-bookletLayout-outlinePanel {
489 border-right: 1px solid
#dddddd;
491 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
492 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
494 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
497 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
500 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
503 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
506 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
513 .oo-ui-fieldLayout:before
,
514 .oo-ui-fieldLayout:after {
518 .oo-ui-fieldLayout:after {
521 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
522 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
523 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
524 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
528 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
531 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
534 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
535 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
537 vertical-align: middle
;
539 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
540 display: inline-block
;
542 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
545 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
548 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
549 padding: 0.5em 0.75em;
552 .oo-ui-fieldLayout:last-child {
555 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
.oo-ui-labelElement
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
556 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
561 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
562 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
565 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
569 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
572 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
575 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
579 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
582 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
585 .oo-ui-fieldLayout-messages {
586 list-style: none none
;
592 .oo-ui-fieldLayout-messages > li {
597 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
599 border-right: 0.5em solid transparent
;
601 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
604 line-height: 1.875em;
605 vertical-align: middle
;
607 .oo-ui-actionFieldLayout-input
,
608 .oo-ui-actionFieldLayout-button {
610 vertical-align: middle
;
612 .oo-ui-actionFieldLayout-input {
615 .oo-ui-actionFieldLayout-button {
619 .oo-ui-fieldsetLayout {
625 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
629 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
630 display: inline-block
;
632 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
635 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
638 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
639 padding: 0.5em 0.75em;
642 .oo-ui-fieldsetLayout
+ .oo-ui-fieldsetLayout
,
643 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
646 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
648 margin-bottom: 0.5em;
652 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
656 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
662 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
665 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
668 .oo-ui-formLayout
+ .oo-ui-fieldsetLayout
,
669 .oo-ui-formLayout + .oo-ui-formLayout {
679 .oo-ui-menuLayout-menu
,
680 .oo-ui-menuLayout-content {
682 -webkit-transition: all
200ms ease
;
683 -moz-transition: all
200ms ease
;
684 -ms-transition: all
200ms ease
;
685 -o-transition: all
200ms ease
;
686 transition: all
200ms ease
;
688 .oo-ui-menuLayout-menu {
692 .oo-ui-menuLayout-content {
698 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
700 height: 0 !important
;
703 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
707 bottom: 0 !important
;
709 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
710 width: auto
!important
;
715 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
717 bottom: 0 !important
;
720 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
721 height: auto
!important
;
726 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
727 bottom: 0 !important
;
731 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
732 width: auto
!important
;
737 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
742 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
743 height: auto
!important
;
748 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
751 bottom: 0 !important
;
756 .oo-ui-panelLayout-scrollable {
759 .oo-ui-panelLayout-expanded {
766 .oo-ui-panelLayout-padded {
769 .oo-ui-panelLayout-framed {
770 border: 1px solid
#aaaaaa;
771 border-radius: 0.2em;
772 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2);
774 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
777 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
781 .oo-ui-horizontalLayout > .oo-ui-widget {
782 display: inline-block
;
783 vertical-align: middle
;
785 .oo-ui-horizontalLayout > .oo-ui-layout {
786 display: inline-block
;
788 .oo-ui-horizontalLayout
> .oo-ui-layout
,
789 .oo-ui-horizontalLayout > .oo-ui-widget {
792 .oo-ui-horizontalLayout
> .oo-ui-layout:last-child
,
793 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
796 .oo-ui-horizontalLayout .oo-ui-fieldLayout {
799 .oo-ui-popupTool
.oo-ui-popupWidget-popup
,
800 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
803 .oo-ui-popupTool .oo-ui-popupWidget {
807 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
812 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
815 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
819 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
823 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
827 display: inline-block
;
828 vertical-align: middle
;
830 border-right: 1px solid
#dddddd;
832 .oo-ui-toolGroup-empty {
835 .oo-ui-toolGroup .oo-ui-tool-link {
836 text-decoration: none
;
838 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
841 .oo-ui-toolGroup .oo-ui-toolGroup .oo-ui-widget-enabled {
842 border-right: none
!important
;
844 .oo-ui-barToolGroup
> .oo-ui-iconElement-icon
,
845 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
848 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
851 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
852 display: inline-block
;
856 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
859 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
862 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
863 display: inline-block
;
866 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
869 .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 {
872 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link {
876 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
880 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
884 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
888 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
889 border-color: rgba
(0, 0, 0, 0.2);
890 background-color: #eeeeee;
892 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
895 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
896 border-color: rgba
(0, 0, 0, 0.2);
897 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
898 background-color: #e5e5e5;
900 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled:hover {
901 background-color: #eeeeee;
903 .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 {
904 border-left-color: rgba
(0, 0, 0, 0.1);
906 .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 {
909 .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 {
912 .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 {
915 .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 {
918 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:active {
919 background-color: #e7e7e7;
921 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
924 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-iconElement-icon {
927 .oo-ui-popupToolGroup {
932 .oo-ui-popupToolGroup-handle {
936 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
937 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
940 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
944 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
949 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
952 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
955 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
958 .oo-ui-popupToolGroup .oo-ui-tool-link {
961 vertical-align: middle
;
964 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-iconElement-icon
,
965 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
966 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
968 vertical-align: middle
;
970 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
973 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
976 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
979 .oo-ui-popupToolGroup.oo-ui-iconElement {
982 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
985 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
988 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
991 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
995 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
998 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
1001 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
1004 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
1007 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
1008 margin-right: 1.75em;
1010 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:hover {
1011 background-color: #eeeeee;
1013 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:active {
1014 background-color: #e5e5e5;
1016 .oo-ui-popupToolGroup-handle {
1020 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
1023 margin: 0.78125em 0.5em;
1028 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
1031 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
1039 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
1042 .oo-ui-popupToolGroup-header {
1047 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
1048 border-bottom-left-radius: 0;
1049 border-bottom-right-radius: 0;
1050 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
1051 background-color: #eeeeee;
1053 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
1056 border: 1px solid
#cccccc;
1057 background-color: #ffffff;
1058 box-shadow: 0 2px 3px rgba
(0, 0, 0, 0.2);
1061 .oo-ui-popupToolGroup .oo-ui-tool-link {
1062 padding: 0.4em 0.625em;
1063 box-sizing: border-box
;
1065 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1070 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1071 padding-left: 0.5em;
1074 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
1075 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1078 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
1081 .oo-ui-listToolGroup .oo-ui-tool {
1083 -webkit-box-sizing: border-box
;
1084 -moz-box-sizing: border-box
;
1085 box-sizing: border-box
;
1087 .oo-ui-listToolGroup .oo-ui-tool-link {
1090 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1093 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
1094 border-color: rgba
(0, 0, 0, 0.2);
1096 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1097 border-color: rgba
(0, 0, 0, 0.2);
1098 background-color: #eeeeee;
1100 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:active {
1101 background-color: #e7e7e7;
1103 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
1106 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
1107 border-color: rgba
(0, 0, 0, 0.1);
1108 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
1109 background-color: #e5e5e5;
1111 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
1112 border-top-color: rgba
(0, 0, 0, 0.1);
1114 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
1115 border-color: rgba
(0, 0, 0, 0.2);
1116 background-color: #eeeeee;
1118 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1121 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
1124 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1127 .oo-ui-listToolGroup.oo-ui-widget-disabled {
1130 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
1131 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1134 .oo-ui-menuToolGroup .oo-ui-tool {
1137 .oo-ui-menuToolGroup .oo-ui-tool-link {
1140 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1143 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1146 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1149 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1150 background-image: none
;
1152 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
1153 background-image: url
("themes/mediawiki/images/icons/check.png");
1154 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check.svg");
1155 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check.svg");
1156 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check.png");
1157 background-size: contain
;
1158 background-position: center center
;
1159 background-repeat: no-repeat
;
1161 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1162 background-color: #eeeeee;
1164 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1167 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1170 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
1173 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
1174 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1180 .oo-ui-toolbar-bar {
1184 .oo-ui-toolbar-actions {
1187 .oo-ui-toolbar-actions .oo-ui-toolbar {
1188 display: inline-block
;
1190 .oo-ui-toolbar-tools {
1192 white-space: nowrap
;
1194 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools {
1195 white-space: normal
;
1197 .oo-ui-toolbar-tools .oo-ui-tool {
1198 white-space: normal
;
1200 .oo-ui-toolbar-tools
,
1201 .oo-ui-toolbar-actions
,
1202 .oo-ui-toolbar-shadow {
1203 -webkit-touch-callout: none
;
1204 -webkit-user-select: none
;
1205 -moz-user-select: none
;
1206 -ms-user-select: none
;
1209 .oo-ui-toolbar-actions .oo-ui-popupWidget {
1210 -webkit-touch-callout: default
;
1211 -webkit-user-select: all
;
1212 -moz-user-select: all
;
1213 -ms-user-select: all
;
1216 .oo-ui-toolbar-shadow {
1217 background-position: left top
;
1218 background-repeat: repeat-x
;
1221 pointer-events: none
;
1223 .oo-ui-toolbar-bar {
1224 border-bottom: 1px solid
#cccccc;
1225 background-color: #ffffff;
1226 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.1);
1230 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
1235 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement {
1238 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
1242 padding: 0 0.3125em;
1244 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
1246 line-height: 3.125em;
1249 .oo-ui-optionWidget {
1253 padding: 0.25em 0.5em;
1256 .oo-ui-optionWidget.oo-ui-widget-disabled {
1259 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1261 white-space: nowrap
;
1262 text-overflow: ellipsis
;
1265 .oo-ui-optionWidget-highlighted {
1266 background-color: #eeeeee;
1268 .oo-ui-optionWidget .oo-ui-labelElement-label {
1271 .oo-ui-selectWidget-depressed
.oo-ui-optionWidget-selected
,
1272 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
,
1273 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
.oo-ui-optionWidget-highlighted
,
1274 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1275 background-color: #d0d0d0;
1277 .oo-ui-optionWidget.oo-ui-widget-disabled {
1280 .oo-ui-decoratedOptionWidget {
1281 padding: 0.5em 2em 0.5em 3em;
1283 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
1284 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1287 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
1288 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1292 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1296 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1300 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1301 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1304 .oo-ui-buttonSelectWidget {
1305 display: inline-block
;
1306 white-space: nowrap
;
1308 margin-right: 0.5em;
1310 .oo-ui-buttonSelectWidget:last-child {
1313 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1317 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1318 border-bottom-left-radius: 2px;
1319 border-top-left-radius: 2px;
1322 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1323 border-bottom-right-radius: 2px;
1324 border-top-right-radius: 2px;
1326 .oo-ui-buttonOptionWidget {
1327 display: inline-block
;
1329 background-color: transparent
;
1331 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1334 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
1335 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1337 display: inline-block
;
1338 vertical-align: middle
;
1340 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1343 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
1344 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
1345 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1346 background-color: transparent
;
1348 .oo-ui-buttonOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1349 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1352 .oo-ui-radioOptionWidget {
1355 background-color: transparent
;
1357 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
1358 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1359 display: inline-block
;
1360 vertical-align: middle
;
1362 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
1363 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
1364 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1365 background-color: transparent
;
1367 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1371 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
1374 .oo-ui-labelWidget {
1375 display: inline-block
;
1378 display: inline-block
;
1379 vertical-align: middle
;
1384 .oo-ui-iconWidget.oo-ui-widget-disabled {
1387 .oo-ui-indicatorWidget {
1388 display: inline-block
;
1389 vertical-align: middle
;
1395 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1398 .oo-ui-buttonWidget {
1399 display: inline-block
;
1400 vertical-align: middle
;
1401 margin-right: 0.5em;
1403 .oo-ui-buttonWidget:last-child {
1406 .oo-ui-buttonGroupWidget {
1407 display: inline-block
;
1408 white-space: nowrap
;
1410 margin-right: 0.5em;
1412 .oo-ui-buttonGroupWidget:last-child {
1415 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
1418 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
1421 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1425 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1426 border-bottom-left-radius: 2px;
1427 border-top-left-radius: 2px;
1430 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1431 border-bottom-right-radius: 2px;
1432 border-top-right-radius: 2px;
1434 .oo-ui-toggleButtonWidget {
1435 display: inline-block
;
1436 vertical-align: middle
;
1437 margin-right: 0.5em;
1439 .oo-ui-toggleButtonWidget:last-child {
1442 .oo-ui-toggleSwitchWidget {
1444 display: inline-block
;
1445 vertical-align: middle
;
1448 -webkit-box-sizing: border-box
;
1449 -moz-box-sizing: border-box
;
1450 box-sizing: border-box
;
1451 -webkit-transform: translateZ
(0px);
1452 -moz-transform: translateZ
(0px);
1453 -ms-transform: translateZ
(0px);
1454 -o-transform: translateZ
(0px);
1455 transform: translateZ
(0px);
1459 border: 1px #555555 solid
;
1460 background: #ffffff;
1461 -webkit-transition: background-color
100ms ease
;
1462 -moz-transition: background-color
100ms ease
;
1463 -ms-transition: background-color
100ms ease
;
1464 -o-transition: background-color
100ms ease
;
1465 transition: background-color
100ms ease
;
1466 margin-right: 0.5em;
1468 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1471 .oo-ui-toggleSwitchWidget-grip {
1474 -webkit-box-sizing: border-box
;
1475 -moz-box-sizing: border-box
;
1476 box-sizing: border-box
;
1478 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1484 -webkit-touch-callout: none
;
1485 -webkit-user-select: none
;
1486 -moz-user-select: none
;
1487 -ms-user-select: none
;
1490 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1493 .oo-ui-toggleSwitchWidget:last-child {
1496 .oo-ui-toggleSwitchWidget-grip {
1503 background: #555555;
1504 -webkit-transition: left
100ms ease
, margin-left
100ms ease
;
1505 -moz-transition: left
100ms ease
, margin-left
100ms ease
;
1506 -ms-transition: left
100ms ease
, margin-left
100ms ease
;
1507 -o-transition: left
100ms ease
, margin-left
100ms ease
;
1508 transition: left
100ms ease
, margin-left
100ms ease
;
1510 .oo-ui-toggleSwitchWidget-glow {
1513 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1517 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1521 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
1522 background: #347bff;
1523 border-color: #347bff;
1525 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1526 background: #ffffff;
1528 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
1530 border-color: #347bff;
1532 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
1533 border-color: #ffffff;
1534 box-shadow: 0 0 0 1px #347bff;
1536 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1537 border-color: #2962cc;
1538 box-shadow: 0 0 0 1px #2962cc;
1540 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
1541 background: #2962cc;
1542 border-color: #2962cc;
1544 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1545 background: #ffffff;
1547 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1548 background: #dddddd;
1549 border-color: #dddddd;
1552 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
1553 background: #ffffff;
1555 .oo-ui-progressBarWidget {
1557 border: 1px solid
#cccccc;
1558 border-radius: 0.1em;
1561 .oo-ui-progressBarWidget-bar {
1563 background: #dddddd;
1564 -webkit-transition: width
200ms, margin-left
200ms;
1565 -moz-transition: width
200ms, margin-left
200ms;
1566 -ms-transition: width
200ms, margin-left
200ms;
1567 -o-transition: width
200ms, margin-left
200ms;
1568 transition: width
200ms, margin-left
200ms;
1570 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1571 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1572 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1573 -ms-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1574 -o-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1575 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1578 border-left-width: 1px;
1580 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1583 .oo-ui-popupWidget {
1588 .oo-ui-popupWidget-popup {
1593 .oo-ui-popupWidget-anchor {
1597 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1603 background-repeat: no-repeat
;
1605 .oo-ui-popupWidget-head {
1606 -webkit-touch-callout: none
;
1607 -webkit-user-select: none
;
1608 -moz-user-select: none
;
1609 -ms-user-select: none
;
1612 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1615 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1619 .oo-ui-popupWidget-body {
1623 .oo-ui-popupWidget-popup {
1624 border: 1px solid
#aaaaaa;
1625 border-radius: 0.2em;
1626 background-color: #ffffff;
1627 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
1629 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1632 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
1633 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1638 border-style: solid
;
1639 border-color: transparent
;
1642 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1645 border-bottom-color: #888888;
1648 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1651 border-bottom-color: #ffffff;
1654 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1655 -webkit-transition: width
100ms ease
, height
100ms ease
, left
100ms ease
;
1656 -moz-transition: width
100ms ease
, height
100ms ease
, left
100ms ease
;
1657 -ms-transition: width
100ms ease
, height
100ms ease
, left
100ms ease
;
1658 -o-transition: width
100ms ease
, height
100ms ease
, left
100ms ease
;
1659 transition: width
100ms ease
, height
100ms ease
, left
100ms ease
;
1661 .oo-ui-popupWidget-head {
1664 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1667 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1670 .oo-ui-popupWidget-body-padded {
1673 .oo-ui-popupButtonWidget {
1676 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1680 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1684 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1688 .oo-ui-inputWidget {
1689 margin-right: 0.5em;
1691 .oo-ui-inputWidget:last-child {
1694 .oo-ui-buttonInputWidget {
1695 display: inline-block
;
1696 vertical-align: middle
;
1698 .oo-ui-buttonInputWidget
> button
,
1699 .oo-ui-buttonInputWidget > input {
1702 background-color: transparent
;
1704 .oo-ui-checkboxInputWidget {
1707 white-space: nowrap
;
1709 .oo-ui-checkboxInputWidget * {
1711 vertical-align: middle
;
1713 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1722 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1724 -webkit-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1725 -moz-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1726 -ms-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1727 -o-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1728 transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1729 -webkit-box-sizing: border-box
;
1730 -moz-box-sizing: border-box
;
1731 box-sizing: border-box
;
1737 background-color: white
;
1738 border: 1px solid
#777777;
1739 background-image: url
("themes/mediawiki/images/icons/check-constructive.png");
1740 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive.svg");
1741 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive.svg");
1742 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-constructive.png");
1743 background-repeat: no-repeat
;
1744 background-position: center center
;
1745 background-origin: border-box
;
1746 background-size: 0 0;
1748 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span {
1749 background-size: 100% 100%;
1751 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span {
1752 background-color: #dddddd;
1753 border-color: #dddddd;
1755 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span {
1758 .oo-ui-checkboxInputWidget input
[type
="checkbox"]:focus:hover
+ span
,
1759 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span {
1760 border-bottom-width: 3px;
1762 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span {
1764 background-color: #eeeeee;
1765 border-color: #eeeeee;
1767 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span {
1768 background-image: url
("themes/mediawiki/images/icons/check-invert.png");
1769 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
1770 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
1771 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-invert.png");
1773 .oo-ui-dropdownInputWidget {
1775 vertical-align: middle
;
1776 -webkit-box-sizing: border-box
;
1777 -moz-box-sizing: border-box
;
1778 box-sizing: border-box
;
1782 .oo-ui-dropdownInputWidget select {
1783 display: inline-block
;
1786 -webkit-box-sizing: border-box
;
1787 -moz-box-sizing: border-box
;
1788 box-sizing: border-box
;
1790 .oo-ui-dropdownInputWidget select {
1791 background: #ffffff;
1794 font-family: inherit
;
1795 -webkit-box-sizing: border-box
;
1796 -moz-box-sizing: border-box
;
1797 box-sizing: border-box
;
1798 border: 1px solid
#cccccc;
1799 border-radius: 0.1em;
1801 vertical-align: middle
;
1803 .oo-ui-dropdownInputWidget
.oo-ui-widget-enabled
select:hover
,
1804 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1805 border-color: #aaaaaa;
1808 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1810 border-color: #dddddd;
1811 background-color: #f3f3f3;
1813 .oo-ui-radioInputWidget {
1816 white-space: nowrap
;
1818 .oo-ui-radioInputWidget * {
1820 vertical-align: middle
;
1822 .oo-ui-radioInputWidget input[type="radio"] {
1831 .oo-ui-radioInputWidget input[type="radio"] + span {
1833 -webkit-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1834 -moz-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1835 -ms-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1836 -o-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1837 transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1838 -webkit-box-sizing: border-box
;
1839 -moz-box-sizing: border-box
;
1840 box-sizing: border-box
;
1843 border-radius: 100%;
1847 border: 1px solid
#777777;
1848 background-image: url
("themes/mediawiki/images/icons/circle-constructive.png");
1849 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive.svg");
1850 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive.svg");
1851 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-constructive.png");
1852 background-repeat: no-repeat
;
1853 background-position: center center
;
1854 background-origin: border-box
;
1855 background-size: 0 0;
1857 .oo-ui-radioInputWidget input[type="radio"]:checked + span {
1858 background-size: 100% 100%;
1860 .oo-ui-radioInputWidget input[type="radio"]:active + span {
1861 background-color: #dddddd;
1862 border-color: #dddddd;
1864 .oo-ui-radioInputWidget input[type="radio"]:focus + span {
1867 .oo-ui-radioInputWidget input
[type
="radio"]:focus:hover
+ span
,
1868 .oo-ui-radioInputWidget input[type="radio"]:hover + span {
1869 border-bottom-width: 3px;
1871 .oo-ui-radioInputWidget input[type="radio"]:disabled + span {
1873 background-color: #eeeeee;
1874 border-color: #eeeeee;
1876 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span {
1877 background-image: url
("themes/mediawiki/images/icons/circle-invert.png");
1878 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1879 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1880 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-invert.png");
1882 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1885 .oo-ui-textInputWidget {
1887 vertical-align: middle
;
1888 -webkit-box-sizing: border-box
;
1889 -moz-box-sizing: border-box
;
1890 box-sizing: border-box
;
1894 .oo-ui-textInputWidget input
,
1895 .oo-ui-textInputWidget textarea {
1896 display: inline-block
;
1899 -webkit-box-sizing: border-box
;
1900 -moz-box-sizing: border-box
;
1901 box-sizing: border-box
;
1903 .oo-ui-textInputWidget input[type="search"] {
1904 -webkit-appearance: none
;
1906 .oo-ui-textInputWidget input[type="search"]::-ms-clear {
1909 .oo-ui-textInputWidget input[type="search"]::-ms-reveal {
1912 .oo-ui-textInputWidget input
[type
="search"]::-webkit-search-decoration
,
1913 .oo-ui-textInputWidget input
[type
="search"]::-webkit-search-cancel-button
,
1914 .oo-ui-textInputWidget input
[type
="search"]::-webkit-search-results-button
,
1915 .oo-ui-textInputWidget input[type="search"]::-webkit-search-results-decoration {
1918 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1919 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1920 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1923 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
1924 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1929 -webkit-touch-callout: none
;
1930 -webkit-user-select: none
;
1931 -moz-user-select: none
;
1932 -ms-user-select: none
;
1935 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
1936 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1939 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1942 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1945 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1948 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1951 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1955 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1958 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1961 .oo-ui-textInputWidget input
,
1962 .oo-ui-textInputWidget textarea {
1964 line-height: 1.275em;
1967 font-family: inherit
;
1968 background-color: #ffffff;
1970 border: solid
1px #cccccc;
1971 box-shadow: inset
0 0 0 0 #347bff;
1972 border-radius: 0.1em;
1973 -webkit-transition: box-shadow
100ms ease
;
1974 -moz-transition: box-shadow
100ms ease
;
1975 -ms-transition: box-shadow
100ms ease
;
1976 -o-transition: box-shadow
100ms ease
;
1977 transition: box-shadow
100ms ease
;
1978 -webkit-box-sizing: border-box
;
1979 -moz-box-sizing: border-box
;
1980 box-sizing: border-box
;
1982 .oo-ui-textInputWidget input
.oo-ui-pendingElement-pending
,
1983 .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
1984 background-color: transparent
;
1986 .oo-ui-textInputWidget-icon {
1989 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
,
1990 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1991 -webkit-transition: border
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1992 -moz-transition: border
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1993 -ms-transition: border
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1994 -o-transition: border
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1995 transition: border
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1997 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1998 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
2000 border-color: #347bff;
2001 box-shadow: inset
0 0 0 0.1em #347bff;
2003 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
2004 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
2006 text-shadow: 0 1px 1px #ffffff;
2008 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
2009 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
2010 border-color: #cccccc;
2011 box-shadow: inset
0 0 0 0.1em #cccccc;
2013 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid input
,
2014 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
2016 box-shadow: inset
0 0 0 0 red
;
2018 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:focus
,
2019 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
2021 box-shadow: inset
0 0 0 0.1em red
;
2023 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
2024 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
2026 text-shadow: 0 1px 1px #ffffff;
2027 border-color: #dddddd;
2028 background-color: #f3f3f3;
2030 .oo-ui-textInputWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
2031 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
2034 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
2036 text-shadow: 0 1px 1px #ffffff;
2038 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
2039 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
2040 padding-left: 2.875em;
2042 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2047 background-position: right center
;
2049 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
2050 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
2051 padding-right: 2.4875em;
2053 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2058 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
2063 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
2064 margin-right: 2.0875em;
2066 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
2067 margin-right: 2.475em;
2069 .oo-ui-menuSelectWidget {
2071 background: #ffffff;
2073 border: 1px solid
#aaaaaa;
2074 border-radius: 0 0 0.2em 0.2em;
2075 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
2077 .oo-ui-menuSelectWidget input {
2084 .oo-ui-menuOptionWidget {
2088 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
2091 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
2092 background-color: transparent
;
2094 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
2097 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
2098 background-color: #d8e6fe;
2099 color: rgba
(0, 0, 0, 0.8);
2101 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
2104 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2105 background-color: #eeeeee;
2108 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2109 background-color: #d8e6fe;
2111 .oo-ui-menuSectionOptionWidget {
2113 padding: 0.33em 0.75em;
2116 .oo-ui-dropdownWidget {
2117 display: inline-block
;
2121 background: #ffffff;
2122 margin-right: 0.5em;
2124 .oo-ui-dropdownWidget-handle {
2126 display: inline-block
;
2128 -webkit-touch-callout: none
;
2129 -webkit-user-select: none
;
2130 -moz-user-select: none
;
2131 -ms-user-select: none
;
2133 -webkit-box-sizing: border-box
;
2134 -moz-box-sizing: border-box
;
2135 box-sizing: border-box
;
2137 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
2138 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2141 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
2145 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2148 .oo-ui-dropdownWidget:last-child {
2151 .oo-ui-dropdownWidget-handle {
2154 border: 1px solid
#cccccc;
2155 border-radius: 0.1em;
2157 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2160 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2163 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2164 line-height: 1.275em;
2167 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2173 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2179 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
2180 border-color: #aaaaaa;
2182 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2184 text-shadow: 0 1px 1px #ffffff;
2185 border-color: #dddddd;
2186 background-color: #f3f3f3;
2188 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
2191 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
2194 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2197 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2200 .oo-ui-dropdownWidget .oo-ui-selectWidget {
2201 border-top-color: #ffffff;
2203 .oo-ui-selectFileWidget {
2204 display: inline-block
;
2205 vertical-align: middle
;
2208 margin-right: 0.5em;
2210 .oo-ui-selectFileWidget-selectButton {
2211 display: table-cell
;
2212 vertical-align: middle
;
2214 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
2218 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > input[type="file"] {
2230 /* Push the button part of the native control out of view, as it changes the cursor */
2233 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > input[type="file"] {
2236 .oo-ui-selectFileWidget-info {
2238 display: table-cell
;
2239 vertical-align: middle
;
2242 -webkit-box-sizing: border-box
;
2243 -moz-box-sizing: border-box
;
2244 box-sizing: border-box
;
2246 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
2252 text-overflow: ellipsis
;
2254 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
2257 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
2258 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
2259 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
2262 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
2265 .oo-ui-selectFileWidget-dropTarget {
2268 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropTarget {
2271 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
2272 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
2275 .oo-ui-selectFileWidget:last-child {
2278 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
2279 margin: 0 0 0 0.5em;
2281 .oo-ui-selectFileWidget-info {
2283 border: 1px solid
#cccccc;
2284 border-radius: 0.1em;
2286 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
2289 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
2292 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
2296 white-space: nowrap
;
2297 -webkit-box-sizing: border-box
;
2298 -moz-box-sizing: border-box
;
2299 box-sizing: border-box
;
2300 text-overflow: ellipsis
;
2304 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
2307 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
2312 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
2315 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
2319 margin-right: 0.775em;
2321 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
2327 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
2329 text-shadow: 0 1px 1px #ffffff;
2330 border-color: #dddddd;
2331 background-color: #f3f3f3;
2333 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
2334 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
2337 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
2340 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
2343 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
2346 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
2349 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
2352 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
2355 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
2356 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
2359 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
2360 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
2363 .oo-ui-selectFileWidget-dropTarget {
2365 border: 1px dashed
#cccccc;
2367 margin-bottom: 0.5em;
2368 background: #ffffff;
2370 vertical-align: middle
;
2372 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropTarget:hover {
2373 background-color: #eeeeee;
2375 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
2376 background: rgba
(52, 123, 255, 0.1);
2378 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
2379 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
2381 text-shadow: 0 1px 1px #ffffff;
2382 border-color: #dddddd;
2383 background-color: #f3f3f3;
2385 .oo-ui-outlineOptionWidget {
2388 -webkit-touch-callout: none
;
2389 -webkit-user-select: none
;
2390 -moz-user-select: none
;
2391 -ms-user-select: none
;
2396 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2397 padding-right: 1.5em;
2399 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2402 .oo-ui-outlineOptionWidget-level-0 {
2403 padding-left: 3.5em;
2405 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
2408 .oo-ui-outlineOptionWidget-level-1 {
2411 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
2414 .oo-ui-outlineOptionWidget-level-2 {
2415 padding-left: 6.5em;
2417 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
2420 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
2421 background-color: #d0d0d0;
2422 text-shadow: 0 1px 1px #ffffff;
2424 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
2427 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
2430 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
2433 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
2436 .oo-ui-outlineControlsWidget {
2438 background-color: #ffffff;
2440 .oo-ui-outlineControlsWidget-items
,
2441 .oo-ui-outlineControlsWidget-movers {
2443 -webkit-box-sizing: border-box
;
2444 -moz-box-sizing: border-box
;
2445 box-sizing: border-box
;
2447 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2449 background-position: right center
;
2451 .oo-ui-outlineControlsWidget-items {
2454 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
2457 .oo-ui-outlineControlsWidget-movers {
2460 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
2463 .oo-ui-outlineControlsWidget-items
,
2464 .oo-ui-outlineControlsWidget-movers {
2466 margin: 0.5em 0.5em 0.5em 0;
2469 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2472 margin: 0.5em 0 0.5em 0.5em;
2475 .oo-ui-tabSelectWidget {
2477 white-space: nowrap
;
2479 background-color: #dddddd;
2481 .oo-ui-tabOptionWidget {
2482 display: inline-block
;
2483 vertical-align: bottom
;
2484 padding: 0.35em 1em;
2485 margin: 0.5em 0 0 0.75em;
2486 border: 1px solid transparent
;
2487 border-bottom: none
;
2488 border-top-left-radius: 2px;
2489 border-top-right-radius: 2px;
2493 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
2494 background-color: rgba
(255, 255, 255, 0.3);
2496 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
2497 background-color: rgba
(255, 255, 255, 0.8);
2499 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2500 padding-right: 1.5em;
2502 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2505 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
2506 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
2507 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
2508 background-color: #ffffff;
2511 .oo-ui-capsuleMultiSelectWidget {
2512 display: inline-block
;
2517 .oo-ui-capsuleMultiSelectWidget-handle {
2519 display: inline-block
;
2522 .oo-ui-capsuleMultiSelectWidget-group {
2525 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
2529 .oo-ui-capsuleMultiSelectWidget-handle {
2530 background-color: #ffffff;
2533 margin-right: 0.5em;
2535 border: 1px solid
#cccccc;
2536 border-radius: 0.1em;
2537 -webkit-box-sizing: border-box
;
2538 -moz-box-sizing: border-box
;
2539 box-sizing: border-box
;
2541 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
2544 .oo-ui-capsuleMultiSelectWidget-handle .oo-ui-capsuleMultiSelectWidget-group {
2547 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
2548 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
2550 background-position: center center
;
2551 background-repeat: no-repeat
;
2553 .oo-ui-capsuleMultiSelectWidget-handle > input {
2557 line-height: 1.675em;
2561 font-family: inherit
;
2562 background-color: transparent
;
2564 vertical-align: middle
;
2566 .oo-ui-capsuleMultiSelectWidget-handle > input:focus {
2569 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
2570 padding-right: 0.9375em;
2572 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
2579 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
2580 padding-left: 1.875em;
2582 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
2589 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
2590 border-color: #aaaaaa;
2592 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
2594 text-shadow: 0 1px 1px #ffffff;
2595 border-color: #dddddd;
2596 background-color: #f3f3f3;
2599 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
2600 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
2603 .oo-ui-capsuleMultiSelectWidget .oo-ui-selectWidget {
2604 border-top-color: #ffffff;
2606 .oo-ui-capsuleItemWidget {
2608 display: inline-block
;
2610 white-space: nowrap
;
2613 -webkit-box-sizing: border-box
;
2614 -moz-box-sizing: border-box
;
2615 box-sizing: border-box
;
2616 vertical-align: middle
;
2621 background-color: #eeeeee;
2622 border: 1px solid
#cccccc;
2624 border-radius: 0.1em;
2626 .oo-ui-capsuleItemWidget > .oo-ui-iconElement-icon {
2629 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-iconElement-icon {
2632 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2634 text-overflow: ellipsis
;
2637 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-labelElement-label {
2638 padding-right: 1.3375em;
2640 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
2646 background-repeat: no-repeat
;
2648 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicator-clear {
2651 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
2653 text-shadow: 0 1px 1px #ffffff;
2654 border-color: #dddddd;
2655 background-color: #f3f3f3;
2657 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
2660 .oo-ui-comboBoxWidget {
2661 display: inline-block
;
2665 margin-right: 0.5em;
2667 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
2671 .oo-ui-comboBoxWidget > .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
2674 .oo-ui-comboBoxWidget:last-child {
2677 .oo-ui-comboBoxWidget
.oo-ui-textInputWidget input
,
2678 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
2681 .oo-ui-searchWidget-query {
2687 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2690 .oo-ui-searchWidget-results {
2698 .oo-ui-searchWidget-query {
2701 border-bottom: 1px solid
#cccccc;
2703 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2706 .oo-ui-searchWidget-results {
2711 .oo-ui-numberInputWidget {
2712 display: inline-block
;
2716 .oo-ui-numberInputWidget-field {
2718 table-layout: fixed
;
2721 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
2722 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2723 display: table-cell
;
2724 vertical-align: middle
;
2726 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2729 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
2730 white-space: nowrap
;
2732 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2733 box-sizing: border-box
;
2735 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
2736 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2740 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2741 border-top-right-radius: 0;
2742 border-bottom-right-radius: 0;
2743 border-right-width: 0;
2745 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2746 border-top-left-radius: 0;
2747 border-bottom-left-radius: 0;
2748 border-left-width: 0;
2750 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {
2754 background: transparent
;
2756 .oo-ui-window-frame {
2757 -webkit-box-sizing: border-box
;
2758 -moz-box-sizing: border-box
;
2759 box-sizing: border-box
;
2761 .oo-ui-window-content:focus {
2765 .oo-ui-window-foot {
2766 -webkit-touch-callout: none
;
2767 -webkit-user-select: none
;
2768 -moz-user-select: none
;
2769 -ms-user-select: none
;
2772 .oo-ui-window-body {
2777 .oo-ui-window-overlay {
2783 .oo-ui-dialog-content
> .oo-ui-window-head
,
2784 .oo-ui-dialog-content
> .oo-ui-window-body
,
2785 .oo-ui-dialog-content > .oo-ui-window-foot {
2790 -webkit-box-sizing: border-box
;
2791 -moz-box-sizing: border-box
;
2792 box-sizing: border-box
;
2794 .oo-ui-dialog-content > .oo-ui-window-head {
2798 .oo-ui-dialog-content > .oo-ui-window-body {
2803 .oo-ui-dialog-content > .oo-ui-window-foot {
2807 .oo-ui-dialog-content > .oo-ui-window-body {
2808 outline: 1px solid
#aaaaaa;
2810 .oo-ui-messageDialog-actions-horizontal {
2812 table-layout: fixed
;
2815 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2816 display: table-cell
;
2819 .oo-ui-messageDialog-actions-vertical {
2822 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2825 text-overflow: ellipsis
;
2827 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2831 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2834 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2839 white-space: nowrap
;
2841 .oo-ui-messageDialog-title
,
2842 .oo-ui-messageDialog-message {
2847 .oo-ui-messageDialog-title {
2852 .oo-ui-messageDialog-message {
2854 line-height: 1.25em;
2857 .oo-ui-messageDialog-message-verbose {
2862 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2863 border-right: 1px solid
#e5e5e5;
2866 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2867 border-right-width: 0;
2869 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2870 border-bottom: 1px solid
#e5e5e5;
2873 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2874 border-bottom-width: 0;
2876 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2880 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
2883 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2888 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2889 background-color: rgba
(0, 0, 0, 0.05);
2891 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2892 background-color: rgba
(0, 0, 0, 0.1);
2894 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2895 background-color: rgba
(8, 126, 204, 0.05);
2897 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2898 background-color: rgba
(8, 126, 204, 0.1);
2900 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2903 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2904 background-color: rgba
(118, 171, 54, 0.05);
2906 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2907 background-color: rgba
(118, 171, 54, 0.1);
2909 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2910 background-color: rgba
(212, 83, 83, 0.05);
2912 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2913 background-color: rgba
(212, 83, 83, 0.1);
2915 .oo-ui-processDialog-location {
2917 text-overflow: ellipsis
;
2918 white-space: nowrap
;
2920 .oo-ui-processDialog-title {
2924 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
2925 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
2926 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2927 white-space: nowrap
;
2929 .oo-ui-processDialog-actions-safe
,
2930 .oo-ui-processDialog-actions-primary {
2935 .oo-ui-processDialog-actions-safe {
2938 .oo-ui-processDialog-actions-primary {
2941 .oo-ui-processDialog-errors {
2951 .oo-ui-processDialog-content .oo-ui-window-head {
2954 .oo-ui-processDialog-content .oo-ui-window-body {
2956 outline: 1px solid rgba
(0, 0, 0, 0.2);
2958 .oo-ui-processDialog-navigation {
2963 .oo-ui-processDialog-location {
2969 .oo-ui-processDialog-title {
2971 line-height: 1.875em;
2973 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
2974 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
2975 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2978 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
2979 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
2980 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
2983 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
2984 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
2985 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
2986 padding: 0.75em 1em;
2987 vertical-align: middle
;
2989 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
2990 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-labelElement-label
,
2991 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
2992 line-height: 1.875em;
2994 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:hover
,
2995 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
2996 background-color: rgba
(0, 0, 0, 0.05);
2998 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless:active
,
2999 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
3000 background-color: rgba
(0, 0, 0, 0.1);
3002 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:hover
,
3003 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover {
3004 background-color: rgba
(8, 126, 204, 0.05);
3006 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive:active
,
3007 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active {
3008 background-color: rgba
(8, 126, 204, 0.1);
3010 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
3011 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
3014 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:hover
,
3015 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover {
3016 background-color: rgba
(118, 171, 54, 0.05);
3018 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-constructive:active
,
3019 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active {
3020 background-color: rgba
(118, 171, 54, 0.1);
3022 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:hover
,
3023 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
3024 background-color: rgba
(212, 83, 83, 0.05);
3026 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-flaggedElement-destructive:active
,
3027 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
3028 background-color: rgba
(212, 83, 83, 0.1);
3030 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
3033 .oo-ui-processDialog > .oo-ui-window-frame {
3036 .oo-ui-processDialog-errors {
3037 background-color: rgba
(255, 255, 255, 0.9);
3038 padding: 3em 3em 1.5em 3em;
3041 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
3042 margin: 2em 1em 2em 1em;
3044 .oo-ui-processDialog-errors-title {
3049 .oo-ui-processDialog-error {
3053 border: 1px solid
#ff9e9e;
3054 background-color: #fff7f7;
3055 border-radius: 0.25em;
3057 .oo-ui-windowManager-modal > .oo-ui-dialog {
3063 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
3072 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
3081 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
3087 .oo-ui-windowManager-modal > .oo-ui-dialog {
3088 background-color: rgba
(255, 255, 255, 0.5);
3090 -webkit-transition: opacity
250ms ease
;
3091 -moz-transition: opacity
250ms ease
;
3092 -ms-transition: opacity
250ms ease
;
3093 -o-transition: opacity
250ms ease
;
3094 transition: opacity
250ms ease
;
3096 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
3099 background-color: #ffffff;
3101 -webkit-transform: scale
(0.5);
3102 -moz-transform: scale
(0.5);
3103 -ms-transform: scale
(0.5);
3104 -o-transform: scale
(0.5);
3105 transform: scale
(0.5);
3106 -webkit-transition: all
250ms ease
;
3107 -moz-transition: all
250ms ease
;
3108 -ms-transition: all
250ms ease
;
3109 -o-transition: all
250ms ease
;
3110 transition: all
250ms ease
;
3112 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
3113 /* Fade window overlay */
3116 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
3119 -webkit-transform: scale
(1);
3120 -moz-transform: scale
(1);
3121 -ms-transform: scale
(1);
3122 -o-transform: scale
(1);
3123 transform: scale
(1);
3125 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
3126 border: 1px solid
#aaaaaa;
3127 border-radius: 0.2em;
3128 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2);