3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2017 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2017-02-28T23:19:44Z
11 /* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
12 /* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
13 .oo-ui-draggableElement-handle
,
14 .oo-ui-draggableElement-handle.oo-ui-widget {
16 cursor: url
(images
/grab
.cur
);
21 .oo-ui-draggableElement-handle:active {
22 cursor: url
(images
/grabbing
.cur
);
23 cursor: -webkit-grabbing
;
24 cursor: -moz-grabbing
;
27 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
28 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
31 .oo-ui-draggableElement-placeholder {
34 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
35 display: inline-block
;
37 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
40 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
42 -webkit-box-sizing: border-box
;
43 -moz-box-sizing: border-box
;
44 box-sizing: border-box
;
46 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
54 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
60 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
63 .oo-ui-bookletLayout-outlinePanel {
64 border-right: 1px solid
#ddd;
66 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
67 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
69 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
72 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
75 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
84 /* stylelint-disable declaration-no-important */
85 /* stylelint-enable declaration-no-important */
87 .oo-ui-menuLayout-menu
,
88 .oo-ui-menuLayout-content {
90 -webkit-transition: all
200ms ease
;
91 -moz-transition: all
200ms ease
;
92 transition: all
200ms ease
;
94 .oo-ui-menuLayout-menu {
98 .oo-ui-menuLayout-content {
104 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
106 height: 0 !important
;
109 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
113 bottom: 0 !important
;
115 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
116 width: auto
!important
;
121 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
123 bottom: 0 !important
;
126 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
127 height: auto
!important
;
132 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
133 bottom: 0 !important
;
137 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
138 width: auto
!important
;
143 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
148 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
149 height: auto
!important
;
154 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
157 bottom: 0 !important
;
159 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
163 .oo-ui-buttonSelectWidget {
164 display: inline-block
;
166 border-radius: 0.3em;
169 .oo-ui-buttonSelectWidget:last-child {
172 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
176 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
177 border-bottom-left-radius: 0.3em;
178 border-top-left-radius: 0.3em;
181 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
182 border-bottom-right-radius: 0.3em;
183 border-top-right-radius: 0.3em;
185 .oo-ui-buttonOptionWidget {
186 display: inline-block
;
188 background-color: transparent
;
190 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
193 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
194 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
196 display: inline-block
;
197 vertical-align: middle
;
199 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
200 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
201 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
202 background-color: transparent
;
204 .oo-ui-toggleButtonWidget {
207 .oo-ui-toggleButtonWidget:last-child {
210 .oo-ui-toggleSwitchWidget {
212 display: inline-block
;
213 vertical-align: middle
;
215 -webkit-box-sizing: border-box
;
216 -moz-box-sizing: border-box
;
217 box-sizing: border-box
;
218 -webkit-transform: translateZ
(0);
219 transform: translateZ
(0);
223 box-shadow: 0 0 0 #fff, inset
0 0.1em 0.2em #ddd;
224 border: 1px solid
#ccc;
226 background-color: #eeeeee;
227 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ddd), color-stop
(100%, #fff));
228 background-image: -webkit-linear-gradient
(top
, #ddd 0, #fff 100%);
229 background-image: -moz-linear-gradient
(top
, #ddd 0, #fff 100%);
230 background-image: linear-gradient
(to bottom
, #ddd 0, #fff 100%);
231 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
233 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
236 .oo-ui-toggleSwitchWidget-grip {
239 -webkit-box-sizing: border-box
;
240 -moz-box-sizing: border-box
;
241 box-sizing: border-box
;
243 .oo-ui-toggleSwitchWidget:last-child {
246 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
249 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
250 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
253 .oo-ui-toggleSwitchWidget-grip {
260 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
261 border: 1px #c9c9c9 solid
;
262 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
263 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
264 transition: left
250ms ease
, margin-left
250ms ease
;
265 background-color: #eeeeee;
266 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
267 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
268 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
269 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
270 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
272 .oo-ui-toggleSwitchWidget-glow {
279 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
280 -webkit-transition: opacity
250ms ease
;
281 -moz-transition: opacity
250ms ease
;
282 transition: opacity
250ms ease
;
283 background-color: #cde7f4;
284 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
285 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
286 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
287 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
288 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
289 -webkit-touch-callout: none
;
290 -webkit-user-select: none
;
291 -moz-user-select: none
;
292 -ms-user-select: none
;
295 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
298 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
302 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
305 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
309 .oo-ui-selectFileWidget {
310 display: inline-block
;
311 vertical-align: middle
;
316 .oo-ui-selectFileWidget-selectButton {
319 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
323 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
336 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
339 .oo-ui-selectFileWidget-info {
342 vertical-align: middle
;
345 -webkit-box-sizing: border-box
;
346 -moz-box-sizing: border-box
;
347 box-sizing: border-box
;
349 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
350 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
355 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
357 -webkit-touch-callout: none
;
358 -webkit-user-select: none
;
359 -moz-user-select: none
;
360 -ms-user-select: none
;
363 .oo-ui-selectFileWidget-label {
369 text-overflow: ellipsis
;
371 .oo-ui-selectFileWidget-clearButton {
375 .oo-ui-selectFileWidget-dropTarget {
380 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
381 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
382 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
385 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
391 background-position: center center
;
392 background-repeat: no-repeat
;
393 background-size: contain
;
395 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
396 background-repeat: repeat
;
397 background-size: auto
;
399 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
404 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
408 margin-left: 8.815em;
411 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
416 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
419 padding-right: 2.375em;
421 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
424 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
425 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
428 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
430 margin: 2.2em 1em 1em;
432 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
433 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
436 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
437 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
440 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
441 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
444 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
447 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
450 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
451 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
452 -webkit-touch-callout: none
;
453 -webkit-user-select: none
;
454 -moz-user-select: none
;
455 -ms-user-select: none
;
458 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
459 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
460 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
461 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
464 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
467 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
470 .oo-ui-selectFileWidget:last-child {
473 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
474 border-radius: 0 0.25em 0.25em 0;
476 .oo-ui-selectFileWidget-info {
478 background-color: #fff;
479 border: 1px solid rgba
(0, 0, 0, 0.1);
480 border-radius: 0.25em 0 0 0.25em;
481 border-width: 1px 0 1px 1px;
483 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
487 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
489 margin-right: 0.775em;
491 .oo-ui-selectFileWidget-label {
492 -webkit-box-sizing: border-box
;
493 -moz-box-sizing: border-box
;
494 box-sizing: border-box
;
501 text-overflow: ellipsis
;
503 .oo-ui-selectFileWidget-clearButton {
509 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
512 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
515 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
518 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
521 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
524 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-label
,
525 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
528 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
529 .oo-ui-selectFileWidget-notsupported
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
530 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
531 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
534 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
535 background-color: #e1f3ff;
537 .oo-ui-selectFileWidget-dropTarget {
538 background-color: #fff;
539 border: 1px solid
#aaa;
540 vertical-align: middle
;
541 border-radius: 0.25em;
543 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
544 border-radius: 0.25em;
546 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
551 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget {
552 border-style: dashed
;
554 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
555 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
556 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
557 background-color: #f3f3f3;
560 text-shadow: 0 1px 1px #fff;
562 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
563 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
564 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
565 background-color: #f3f3f3;
568 text-shadow: 0 1px 1px #fff;
570 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
571 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
572 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
573 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
574 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
575 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
578 .oo-ui-outlineOptionWidget {
579 -webkit-touch-callout: none
;
580 -webkit-user-select: none
;
581 -moz-user-select: none
;
582 -ms-user-select: none
;
587 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
588 font-size: 90.90909%;
590 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
591 padding-right: 1.5em;
593 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
596 .oo-ui-outlineOptionWidget-level-0 {
599 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
602 .oo-ui-outlineOptionWidget-level-1 {
605 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
608 .oo-ui-outlineOptionWidget-level-2 {
611 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
614 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
615 background-color: #a7dcff;
616 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
618 .oo-ui-outlineControlsWidget {
620 background-color: #fff;
622 .oo-ui-outlineControlsWidget-items
,
623 .oo-ui-outlineControlsWidget-movers {
625 -webkit-box-sizing: border-box
;
626 -moz-box-sizing: border-box
;
627 box-sizing: border-box
;
629 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
631 background-position: right center
;
633 .oo-ui-outlineControlsWidget-items {
636 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
639 .oo-ui-outlineControlsWidget-movers {
642 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
645 .oo-ui-outlineControlsWidget-items
,
646 .oo-ui-outlineControlsWidget-movers {
648 margin: 0.5em 0.5em 0.5em 0;
651 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
654 margin: 0.5em 0 0.5em 0.5em;
657 .oo-ui-tabSelectWidget {
661 background-color: #eee;
662 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
664 .oo-ui-tabOptionWidget {
665 display: inline-block
;
666 vertical-align: bottom
;
668 margin: 0.5em 0 0 0.75em;
669 border: 1px solid transparent
;
671 border-top-left-radius: 0.5em;
672 border-top-right-radius: 0.5em;
674 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
675 padding-right: 1.5em;
677 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
680 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
681 background-color: transparent
;
683 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
684 background-color: rgba
(255, 255, 255, 0.2);
687 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
688 background-color: #fff;
691 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
692 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
693 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
694 background-color: #fff;
697 .oo-ui-capsuleMultiselectWidget {
698 display: inline-block
;
703 .oo-ui-capsuleMultiselectWidget-handle {
708 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
709 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
714 .oo-ui-capsuleMultiselectWidget-content {
717 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
720 .oo-ui-capsuleMultiselectWidget-group {
723 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
726 .oo-ui-capsuleMultiselectWidget-focusTrap {
727 display: inline-block
;
731 .oo-ui-capsuleMultiselectWidget-handle {
732 background-color: #fff;
736 padding: 0.15em 0.25em;
737 border: 1px solid rgba
(0, 0, 0, 0.1);
738 border-radius: 0.25em;
739 -webkit-box-sizing: border-box
;
740 -moz-box-sizing: border-box
;
741 box-sizing: border-box
;
743 .oo-ui-capsuleMultiselectWidget-handle:last-child {
746 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
748 line-height: 1.675em;
753 font-family: inherit
;
754 background-color: transparent
;
756 vertical-align: middle
;
757 /* stylelint-disable indentation */
758 /* stylelint-enable indentation */
760 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
764 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
768 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
772 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
776 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
780 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
783 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
784 padding-left: 2.475em;
786 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
790 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
791 padding-right: 2.4875em;
793 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
797 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
798 border-color: rgba
(0, 0, 0, 0.2);
800 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
802 text-shadow: 0 1px 1px #fff;
804 background-color: #f3f3f3;
807 .oo-ui-capsuleMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
808 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
811 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
814 .oo-ui-capsuleItemWidget {
816 display: inline-block
;
821 -webkit-box-sizing: border-box
;
822 -moz-box-sizing: border-box
;
823 box-sizing: border-box
;
824 vertical-align: middle
;
829 background-color: #eeeeee;
830 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
831 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
832 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
833 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
834 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
835 border: 1px solid
#ccc;
837 border-radius: 0.25em;
839 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
840 display: inline-block
;
841 text-overflow: ellipsis
;
845 .oo-ui-capsuleItemWidget:focus {
847 border-color: #087ecc;
849 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
851 -webkit-transform: translateZ
(0);
852 transform: translateZ
(0);
858 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
862 .oo-ui-searchWidget-query {
868 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
871 .oo-ui-searchWidget-results {
879 .oo-ui-searchWidget-query {
882 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
884 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
887 .oo-ui-searchWidget-results {
892 .oo-ui-numberInputWidget {
893 display: inline-block
;
897 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
898 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
901 .oo-ui-numberInputWidget-field {
906 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
909 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
910 border-top-right-radius: 0;
911 border-bottom-right-radius: 0;
912 border-right-width: 0;
914 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
915 border-top-left-radius: 0;
916 border-bottom-left-radius: 0;
917 border-left-width: 0;
919 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {