3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-12-06T23:32:57Z
11 .oo-ui-draggableElement-handle
,
12 .oo-ui-draggableElement-handle.oo-ui-widget {
14 cursor: url
(images
/grab
.cur
);
19 .oo-ui-draggableElement-handle:active {
20 cursor: url
(images
/grabbing
.cur
);
21 cursor: -webkit-grabbing
;
22 cursor: -moz-grabbing
;
25 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
26 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
29 .oo-ui-draggableElement-placeholder {
32 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
33 display: inline-block
;
35 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
38 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
40 -webkit-box-sizing: border-box
;
41 -moz-box-sizing: border-box
;
42 box-sizing: border-box
;
44 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
47 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
50 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
58 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
64 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
67 .oo-ui-bookletLayout-outlinePanel {
68 border-right: 1px solid
#ddd;
70 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
71 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
73 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
76 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
79 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
88 /* stylelint-disable declaration-no-important */
89 /* stylelint-enable declaration-no-important */
91 .oo-ui-menuLayout-menu
,
92 .oo-ui-menuLayout-content {
94 -webkit-transition: all
200ms ease
;
95 -moz-transition: all
200ms ease
;
96 transition: all
200ms ease
;
98 .oo-ui-menuLayout-menu {
102 .oo-ui-menuLayout-content {
108 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
110 height: 0 !important
;
113 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
117 bottom: 0 !important
;
119 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
120 width: auto
!important
;
125 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
127 bottom: 0 !important
;
130 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
131 height: auto
!important
;
136 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
137 bottom: 0 !important
;
141 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
142 width: auto
!important
;
147 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
152 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
153 height: auto
!important
;
158 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
161 bottom: 0 !important
;
163 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
167 .oo-ui-buttonSelectWidget {
168 display: inline-block
;
170 border-radius: 0.3em;
173 .oo-ui-buttonSelectWidget:last-child {
176 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
180 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
181 border-bottom-left-radius: 0.3em;
182 border-top-left-radius: 0.3em;
185 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
186 border-bottom-right-radius: 0.3em;
187 border-top-right-radius: 0.3em;
189 .oo-ui-buttonOptionWidget {
190 display: inline-block
;
192 background-color: transparent
;
194 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
197 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
198 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
200 display: inline-block
;
201 vertical-align: middle
;
203 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
204 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
205 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
206 background-color: transparent
;
208 .oo-ui-toggleButtonWidget {
211 .oo-ui-toggleButtonWidget:last-child {
214 .oo-ui-toggleSwitchWidget {
216 display: inline-block
;
217 vertical-align: middle
;
219 -webkit-box-sizing: border-box
;
220 -moz-box-sizing: border-box
;
221 box-sizing: border-box
;
222 -webkit-transform: translateZ
(0);
223 -moz-transform: translateZ
(0);
224 -ms-transform: translateZ
(0);
225 transform: translateZ
(0);
229 box-shadow: 0 0 0 #fff, inset
0 0.1em 0.2em #ddd;
230 border: 1px solid
#ccc;
232 background-color: #eeeeee;
233 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ddd), color-stop
(100%, #fff));
234 background-image: -webkit-linear-gradient
(top
, #ddd 0, #fff 100%);
235 background-image: -moz-linear-gradient
(top
, #ddd 0, #fff 100%);
236 background-image: linear-gradient
(to bottom
, #ddd 0, #fff 100%);
237 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
239 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
242 .oo-ui-toggleSwitchWidget-grip {
245 -webkit-box-sizing: border-box
;
246 -moz-box-sizing: border-box
;
247 box-sizing: border-box
;
249 .oo-ui-toggleSwitchWidget:last-child {
252 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
255 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
256 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
259 .oo-ui-toggleSwitchWidget-grip {
266 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
267 border: 1px #c9c9c9 solid
;
268 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
269 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
270 transition: left
250ms ease
, margin-left
250ms ease
;
271 background-color: #eeeeee;
272 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
273 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
274 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
275 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
276 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
278 .oo-ui-toggleSwitchWidget-glow {
285 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
286 -webkit-transition: opacity
250ms ease
;
287 -moz-transition: opacity
250ms ease
;
288 transition: opacity
250ms ease
;
289 background-color: #cde7f4;
290 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
291 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
292 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
293 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
294 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
295 -webkit-touch-callout: none
;
296 -webkit-user-select: none
;
297 -moz-user-select: none
;
298 -ms-user-select: none
;
301 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
304 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
308 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
311 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
315 .oo-ui-selectFileWidget {
316 display: inline-block
;
317 vertical-align: middle
;
322 .oo-ui-selectFileWidget-selectButton {
325 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
329 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
342 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
345 .oo-ui-selectFileWidget-info {
348 vertical-align: middle
;
351 -webkit-box-sizing: border-box
;
352 -moz-box-sizing: border-box
;
353 box-sizing: border-box
;
355 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
356 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
359 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
361 -webkit-touch-callout: none
;
362 -webkit-user-select: none
;
363 -moz-user-select: none
;
364 -ms-user-select: none
;
367 .oo-ui-selectFileWidget-label {
373 text-overflow: ellipsis
;
375 .oo-ui-selectFileWidget-clearButton {
379 .oo-ui-selectFileWidget-dropTarget {
384 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
385 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
386 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
389 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
395 background-position: center center
;
396 background-repeat: no-repeat
;
397 background-size: contain
;
399 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
400 background-repeat: repeat
;
401 background-size: auto
;
403 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
408 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
412 margin-left: 8.815em;
415 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
420 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
423 padding-right: 2.375em;
425 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
428 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
429 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
432 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
434 margin: 2.2em 1em 1em;
436 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
437 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
440 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
441 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
444 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
445 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
448 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
451 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
454 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
455 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
456 -webkit-touch-callout: none
;
457 -webkit-user-select: none
;
458 -moz-user-select: none
;
459 -ms-user-select: none
;
462 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
463 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
464 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
465 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
468 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
471 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
474 .oo-ui-selectFileWidget:last-child {
477 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
478 border-radius: 0 0.25em 0.25em 0;
480 .oo-ui-selectFileWidget-info {
482 background-color: #fff;
483 border: 1px solid rgba
(0, 0, 0, 0.1);
484 border-radius: 0.25em 0 0 0.25em;
485 border-width: 1px 0 1px 1px;
487 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
493 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
497 margin-right: 0.775em;
499 .oo-ui-selectFileWidget-label {
500 -webkit-box-sizing: border-box
;
501 -moz-box-sizing: border-box
;
502 box-sizing: border-box
;
509 text-overflow: ellipsis
;
511 .oo-ui-selectFileWidget-clearButton {
517 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
520 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
523 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
526 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
529 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
532 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-label
,
533 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
536 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
537 .oo-ui-selectFileWidget-notsupported
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
538 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
539 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
542 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
543 background-color: #e1f3ff;
545 .oo-ui-selectFileWidget-dropTarget {
546 background-color: #fff;
547 border: 1px solid
#aaa;
548 vertical-align: middle
;
549 border-radius: 0.25em;
551 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
552 border-radius: 0.25em;
554 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
559 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget {
560 border-style: dashed
;
562 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
563 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
564 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
565 background-color: #f3f3f3;
568 text-shadow: 0 1px 1px #fff;
570 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
571 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
572 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
573 background-color: #f3f3f3;
576 text-shadow: 0 1px 1px #fff;
578 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
579 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
580 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
581 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
582 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
583 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
586 .oo-ui-outlineOptionWidget {
587 -webkit-touch-callout: none
;
588 -webkit-user-select: none
;
589 -moz-user-select: none
;
590 -ms-user-select: none
;
595 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
596 font-size: 90.90909%;
598 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
599 padding-right: 1.5em;
601 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
604 .oo-ui-outlineOptionWidget-level-0 {
607 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
610 .oo-ui-outlineOptionWidget-level-1 {
613 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
616 .oo-ui-outlineOptionWidget-level-2 {
619 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
622 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
623 background-color: #a7dcff;
624 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
626 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
629 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
632 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
635 .oo-ui-outlineControlsWidget {
637 background-color: #fff;
639 .oo-ui-outlineControlsWidget-items
,
640 .oo-ui-outlineControlsWidget-movers {
642 -webkit-box-sizing: border-box
;
643 -moz-box-sizing: border-box
;
644 box-sizing: border-box
;
646 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
648 background-position: right center
;
650 .oo-ui-outlineControlsWidget-items {
653 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
656 .oo-ui-outlineControlsWidget-movers {
659 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
662 .oo-ui-outlineControlsWidget-items
,
663 .oo-ui-outlineControlsWidget-movers {
665 margin: 0.5em 0.5em 0.5em 0;
668 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
671 margin: 0.5em 0 0.5em 0.5em;
674 .oo-ui-tabSelectWidget {
678 background-color: #eee;
679 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
681 .oo-ui-tabOptionWidget {
682 display: inline-block
;
683 vertical-align: bottom
;
685 margin: 0.5em 0 0 0.75em;
686 border: 1px solid transparent
;
688 border-top-left-radius: 0.5em;
689 border-top-right-radius: 0.5em;
691 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
692 padding-right: 1.5em;
694 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
697 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
698 background-color: transparent
;
700 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
701 background-color: rgba
(255, 255, 255, 0.2);
704 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
705 background-color: #fff;
708 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
709 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
710 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
711 background-color: #fff;
714 .oo-ui-capsuleMultiselectWidget {
715 display: inline-block
;
720 .oo-ui-capsuleMultiselectWidget-handle {
725 .oo-ui-capsuleMultiselectWidget-content {
728 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
731 .oo-ui-capsuleMultiselectWidget-group {
734 .oo-ui-capsuleMultiselectWidget-handle {
735 background-color: #fff;
739 padding: 0.15em 0.25em;
740 border: 1px solid rgba
(0, 0, 0, 0.1);
741 border-radius: 0.25em;
742 -webkit-box-sizing: border-box
;
743 -moz-box-sizing: border-box
;
744 box-sizing: border-box
;
746 .oo-ui-capsuleMultiselectWidget-handle:last-child {
749 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-indicatorElement-indicator
,
750 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
753 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
755 line-height: 1.675em;
760 font-family: inherit
;
761 background-color: transparent
;
763 vertical-align: middle
;
765 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
768 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
769 padding-right: 2.4875em;
771 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
776 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
777 padding-left: 2.475em;
779 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
784 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
785 border-color: rgba
(0, 0, 0, 0.2);
787 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
789 text-shadow: 0 1px 1px #fff;
791 background-color: #f3f3f3;
794 .oo-ui-capsuleMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
795 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
798 .oo-ui-capsuleItemWidget {
800 display: inline-block
;
805 -webkit-box-sizing: border-box
;
806 -moz-box-sizing: border-box
;
807 box-sizing: border-box
;
808 vertical-align: middle
;
813 background-color: #eeeeee;
814 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
815 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
816 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
817 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
818 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
819 border: 1px solid
#ccc;
821 border-radius: 0.25em;
823 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
824 display: inline-block
;
825 text-overflow: ellipsis
;
829 .oo-ui-capsuleItemWidget:focus {
831 border-color: #087ecc;
833 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
835 -webkit-transform: translate3d
(0, 0, 0);
841 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
845 .oo-ui-searchWidget-query {
851 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
854 .oo-ui-searchWidget-results {
862 .oo-ui-searchWidget-query {
865 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
867 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
870 .oo-ui-searchWidget-results {
875 .oo-ui-numberInputWidget {
876 display: inline-block
;
880 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
881 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
884 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
885 -webkit-box-sizing: border-box
;
886 -moz-box-sizing: border-box
;
887 box-sizing: border-box
;
889 .oo-ui-numberInputWidget-field {
894 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
897 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
898 border-top-right-radius: 0;
899 border-bottom-right-radius: 0;
900 border-right-width: 0;
902 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
903 border-top-left-radius: 0;
904 border-bottom-left-radius: 0;
905 border-left-width: 0;
907 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {