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-02-22T22:33:37Z
11 .oo-ui-draggableElement-handle.oo-ui-widget-enabled {
13 cursor: url
(images
/grab
.cur
);
18 .oo-ui-draggableElement-placeholder {
21 .oo-ui-draggableElement.oo-ui-widget-enabled:active {
23 cursor: url
(images
/grabbing
.cur
);
24 cursor: -webkit-grabbing
;
25 cursor: -moz-grabbing
;
28 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
29 display: inline-block
;
31 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
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
#dddddd;
70 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
71 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
73 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
76 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
79 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
82 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
85 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
95 .oo-ui-menuLayout-menu
,
96 .oo-ui-menuLayout-content {
98 -webkit-transition: all
200ms ease
;
99 -moz-transition: all
200ms ease
;
100 transition: all
200ms ease
;
102 .oo-ui-menuLayout-menu {
106 .oo-ui-menuLayout-content {
112 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
114 height: 0 !important
;
117 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
121 bottom: 0 !important
;
123 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
124 width: auto
!important
;
129 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
131 bottom: 0 !important
;
134 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
135 height: auto
!important
;
140 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
141 bottom: 0 !important
;
145 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
146 width: auto
!important
;
151 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
156 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
157 height: auto
!important
;
162 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
165 bottom: 0 !important
;
167 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
171 .oo-ui-buttonSelectWidget {
172 display: inline-block
;
177 .oo-ui-buttonSelectWidget:last-child {
180 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
184 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
185 border-bottom-left-radius: 2px;
186 border-top-left-radius: 2px;
189 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
190 border-bottom-right-radius: 2px;
191 border-top-right-radius: 2px;
193 .oo-ui-buttonOptionWidget {
194 display: inline-block
;
196 background-color: transparent
;
198 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
201 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
202 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
204 display: inline-block
;
205 vertical-align: middle
;
207 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
210 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
211 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
212 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
213 background-color: transparent
;
215 .oo-ui-buttonOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
216 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
219 .oo-ui-toggleButtonWidget {
220 display: inline-block
;
221 vertical-align: middle
;
224 .oo-ui-toggleButtonWidget:last-child {
227 .oo-ui-toggleSwitchWidget {
229 display: inline-block
;
230 vertical-align: middle
;
232 -webkit-box-sizing: border-box
;
233 -moz-box-sizing: border-box
;
234 box-sizing: border-box
;
235 -webkit-transform: translateZ
(0);
236 -moz-transform: translateZ
(0);
237 -ms-transform: translateZ
(0);
238 transform: translateZ
(0);
241 border: 1px solid
#777777;
243 background-color: #ffffff;
245 -webkit-transition: background-color
100ms, border-color
100ms;
246 -moz-transition: background-color
100ms, border-color
100ms;
247 transition: background-color
100ms, border-color
100ms;
249 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
252 .oo-ui-toggleSwitchWidget-grip {
255 -webkit-box-sizing: border-box
;
256 -moz-box-sizing: border-box
;
257 box-sizing: border-box
;
259 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
265 -webkit-touch-callout: none
;
266 -webkit-user-select: none
;
267 -moz-user-select: none
;
268 -ms-user-select: none
;
271 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
274 .oo-ui-toggleSwitchWidget:last-child {
277 .oo-ui-toggleSwitchWidget:before {
285 border: 1px solid transparent
;
289 .oo-ui-toggleSwitchWidget-grip {
293 border-radius: 1.2em;
294 background-color: #555555;
295 -webkit-transition: left
100ms, margin-left
100ms;
296 -moz-transition: left
100ms, margin-left
100ms;
297 transition: left
100ms, margin-left
100ms;
299 .oo-ui-toggleSwitchWidget-glow {
302 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
306 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
310 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
311 background-color: #347bff;
312 border-color: #347bff;
314 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
315 background-color: #ffffff;
316 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
318 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
319 border-color: #2962cc;
321 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
322 background-color: #2962cc;
323 border-color: #2962cc;
325 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
326 border-color: #347bff;
329 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
330 border-color: #347bff;
332 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
333 border-color: #ffffff;
335 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
336 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
337 background-color: #347bff;
338 border-color: #347bff;
340 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
341 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
342 background-color: #ffffff;
343 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
345 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
347 border-color: #dddddd;
350 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
353 .oo-ui-progressBarWidget {
355 background-color: #ffffff;
356 border: 1px solid
#cccccc;
360 .oo-ui-progressBarWidget-bar {
363 -webkit-transition: width
200ms, margin-left
200ms;
364 -moz-transition: width
200ms, margin-left
200ms;
365 transition: width
200ms, margin-left
200ms;
367 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
368 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
369 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
370 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
373 border-left-width: 1px;
375 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
378 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
386 @-moz-keyframes oo-ui-progressBarWidget-slide
{
394 @keyframes oo-ui-progressBarWidget-slide
{
402 .oo-ui-selectFileWidget {
403 display: inline-block
;
404 vertical-align: middle
;
409 .oo-ui-selectFileWidget-selectButton {
411 vertical-align: middle
;
413 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
417 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > input[type="file"] {
431 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > input[type="file"] {
434 .oo-ui-selectFileWidget-info {
437 vertical-align: middle
;
440 -webkit-box-sizing: border-box
;
441 -moz-box-sizing: border-box
;
442 box-sizing: border-box
;
444 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
450 text-overflow: ellipsis
;
452 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
455 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
458 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
459 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
460 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
463 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
466 .oo-ui-selectFileWidget-dropTarget {
472 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
473 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
476 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
480 background-size: cover
;
481 background-position: center center
;
483 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
484 background-size: auto
;
486 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
488 background-color: #cccccc;
492 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
500 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
503 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
507 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
511 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
515 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
518 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
521 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
522 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
525 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
529 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
530 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
533 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
534 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
537 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
538 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
541 .oo-ui-selectFileWidget:last-child {
544 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
547 .oo-ui-selectFileWidget-info {
549 background-color: #ffffff;
550 border: 1px solid
#cccccc;
553 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
556 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
559 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
564 -webkit-box-sizing: border-box
;
565 -moz-box-sizing: border-box
;
566 box-sizing: border-box
;
567 text-overflow: ellipsis
;
571 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
574 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
579 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
582 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
586 margin-right: 0.775em;
588 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
594 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
596 text-shadow: 0 1px 1px #ffffff;
597 border-color: #dddddd;
598 background-color: #f3f3f3;
600 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
601 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
604 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
607 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
610 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
613 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
616 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
619 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
622 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
623 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
626 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
627 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
630 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
631 background: rgba
(52, 123, 255, 0.1);
633 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
634 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
635 border-color: #dddddd;
636 background-color: #f3f3f3;
638 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
639 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
640 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
641 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
643 text-shadow: 0 1px 1px #ffffff;
645 .oo-ui-selectFileWidget-dropTarget {
646 background-color: #ffffff;
647 border: 1px solid
#cccccc;
648 margin-bottom: 0.5em;
649 vertical-align: middle
;
653 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
654 background-color: #eeeeee;
655 border-style: dashed
;
657 .oo-ui-outlineOptionWidget {
660 -webkit-touch-callout: none
;
661 -webkit-user-select: none
;
662 -moz-user-select: none
;
663 -ms-user-select: none
;
668 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
669 padding-right: 1.5em;
671 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
674 .oo-ui-outlineOptionWidget-level-0 {
677 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
680 .oo-ui-outlineOptionWidget-level-1 {
683 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
686 .oo-ui-outlineOptionWidget-level-2 {
689 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
692 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
693 background-color: #d0d0d0;
694 text-shadow: 0 1px 1px #ffffff;
696 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
699 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
702 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
705 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
708 .oo-ui-outlineControlsWidget {
710 background-color: #ffffff;
712 .oo-ui-outlineControlsWidget-items
,
713 .oo-ui-outlineControlsWidget-movers {
715 -webkit-box-sizing: border-box
;
716 -moz-box-sizing: border-box
;
717 box-sizing: border-box
;
719 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
721 background-position: right center
;
723 .oo-ui-outlineControlsWidget-items {
726 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
729 .oo-ui-outlineControlsWidget-movers {
732 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
735 .oo-ui-outlineControlsWidget-items
,
736 .oo-ui-outlineControlsWidget-movers {
738 margin: 0.5em 0.5em 0.5em 0;
741 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
744 margin: 0.5em 0 0.5em 0.5em;
747 .oo-ui-tabSelectWidget {
751 background-color: #dddddd;
753 .oo-ui-tabOptionWidget {
754 display: inline-block
;
755 vertical-align: bottom
;
757 margin: 0.5em 0 0 0.75em;
758 border: 1px solid transparent
;
760 border-top-left-radius: 2px;
761 border-top-right-radius: 2px;
765 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
766 background-color: rgba
(255, 255, 255, 0.3);
768 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
769 background-color: rgba
(255, 255, 255, 0.8);
771 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
772 padding-right: 1.5em;
774 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
777 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
778 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
779 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
780 background-color: #ffffff;
783 .oo-ui-capsuleMultiSelectWidget {
784 display: inline-block
;
789 .oo-ui-capsuleMultiSelectWidget-handle {
794 .oo-ui-capsuleMultiSelectWidget-content {
797 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
800 .oo-ui-capsuleMultiSelectWidget-group {
803 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
807 .oo-ui-capsuleMultiSelectWidget-handle {
808 background-color: #ffffff;
812 padding: 0.15em 0.25em;
813 border: 1px solid
#cccccc;
815 -webkit-box-sizing: border-box
;
816 -moz-box-sizing: border-box
;
817 box-sizing: border-box
;
819 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
822 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
823 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
825 background-position: center center
;
826 background-repeat: no-repeat
;
828 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
830 line-height: 1.675em;
834 font-family: inherit
;
835 background-color: transparent
;
837 vertical-align: middle
;
839 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
842 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
843 padding-right: 2.4875em;
845 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
852 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
853 padding-left: 2.475em;
855 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
862 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
863 border-color: #aaaaaa;
865 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
867 text-shadow: 0 1px 1px #ffffff;
868 border-color: #dddddd;
869 background-color: #f3f3f3;
872 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
873 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
876 .oo-ui-capsuleItemWidget {
878 display: inline-block
;
883 -webkit-box-sizing: border-box
;
884 -moz-box-sizing: border-box
;
885 box-sizing: border-box
;
886 vertical-align: middle
;
891 background-color: #eeeeee;
892 border: 1px solid
#cccccc;
896 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
897 display: inline-block
;
898 text-overflow: ellipsis
;
901 .oo-ui-capsuleItemWidget:focus {
903 border-color: #347bff;
905 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
907 text-shadow: 0 1px 1px #ffffff;
908 border-color: #dddddd;
909 background-color: #f3f3f3;
911 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
916 .oo-ui-searchWidget-query {
922 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
925 .oo-ui-searchWidget-results {
933 .oo-ui-searchWidget-query {
936 border-bottom: 1px solid
#cccccc;
938 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
941 .oo-ui-searchWidget-results {
946 .oo-ui-numberInputWidget {
947 display: inline-block
;
951 .oo-ui-numberInputWidget-field {
956 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
957 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
959 vertical-align: middle
;
961 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
964 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
967 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
968 -webkit-box-sizing: border-box
;
969 -moz-box-sizing: border-box
;
970 box-sizing: border-box
;
972 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
975 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
976 border-top-right-radius: 0;
977 border-bottom-right-radius: 0;
978 border-right-width: 0;
980 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
981 border-top-left-radius: 0;
982 border-bottom-left-radius: 0;
983 border-left-width: 0;
985 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {