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-04-19T21:57:53Z
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 {
21 cursor: url
(images
/grabbing
.cur
);
22 cursor: -webkit-grabbing
;
23 cursor: -moz-grabbing
;
26 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
27 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
30 .oo-ui-draggableElement-placeholder {
33 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
34 display: inline-block
;
36 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
40 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
43 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
45 -webkit-box-sizing: border-box
;
46 -moz-box-sizing: border-box
;
47 box-sizing: border-box
;
49 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
52 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
55 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
63 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
69 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
72 .oo-ui-bookletLayout-outlinePanel {
73 border-right: 1px solid
#dddddd;
75 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
76 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
78 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
81 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
84 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
87 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
90 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
100 .oo-ui-menuLayout-menu
,
101 .oo-ui-menuLayout-content {
103 -webkit-transition: all
200ms ease
;
104 -moz-transition: all
200ms ease
;
105 transition: all
200ms ease
;
107 .oo-ui-menuLayout-menu {
111 .oo-ui-menuLayout-content {
117 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
119 height: 0 !important
;
122 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
126 bottom: 0 !important
;
128 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
129 width: auto
!important
;
134 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
136 bottom: 0 !important
;
139 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
140 height: auto
!important
;
145 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
146 bottom: 0 !important
;
150 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
151 width: auto
!important
;
156 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
161 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
162 height: auto
!important
;
167 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
170 bottom: 0 !important
;
172 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
176 .oo-ui-buttonSelectWidget {
177 display: inline-block
;
182 .oo-ui-buttonSelectWidget:last-child {
185 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
189 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
190 border-bottom-left-radius: 2px;
191 border-top-left-radius: 2px;
194 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
195 border-bottom-right-radius: 2px;
196 border-top-right-radius: 2px;
198 .oo-ui-buttonOptionWidget {
199 display: inline-block
;
201 background-color: transparent
;
203 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
206 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
207 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
209 display: inline-block
;
210 vertical-align: middle
;
212 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
213 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
214 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
215 background-color: transparent
;
217 .oo-ui-toggleButtonWidget {
218 display: inline-block
;
219 vertical-align: middle
;
222 .oo-ui-toggleButtonWidget:last-child {
225 .oo-ui-toggleSwitchWidget {
227 display: inline-block
;
228 vertical-align: middle
;
230 -webkit-box-sizing: border-box
;
231 -moz-box-sizing: border-box
;
232 box-sizing: border-box
;
233 -webkit-transform: translateZ
(0);
234 -moz-transform: translateZ
(0);
235 -ms-transform: translateZ
(0);
236 transform: translateZ
(0);
239 border: 1px solid
#777777;
241 background-color: #ffffff;
243 -webkit-transition: background-color
100ms, border-color
100ms;
244 -moz-transition: background-color
100ms, border-color
100ms;
245 transition: background-color
100ms, border-color
100ms;
247 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
250 .oo-ui-toggleSwitchWidget-grip {
253 -webkit-box-sizing: border-box
;
254 -moz-box-sizing: border-box
;
255 box-sizing: border-box
;
257 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
263 -webkit-touch-callout: none
;
264 -webkit-user-select: none
;
265 -moz-user-select: none
;
266 -ms-user-select: none
;
269 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
272 .oo-ui-toggleSwitchWidget:last-child {
275 .oo-ui-toggleSwitchWidget:before {
283 border: 1px solid transparent
;
287 .oo-ui-toggleSwitchWidget-grip {
291 border-radius: 1.2em;
292 background-color: #555555;
293 -webkit-transition: left
100ms, margin-left
100ms;
294 -moz-transition: left
100ms, margin-left
100ms;
295 transition: left
100ms, margin-left
100ms;
297 .oo-ui-toggleSwitchWidget-glow {
300 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
304 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
308 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
309 background-color: #347bff;
310 border-color: #347bff;
312 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
313 background-color: #ffffff;
314 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
316 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
317 border-color: #2962cc;
319 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
320 background-color: #2962cc;
321 border-color: #2962cc;
323 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
324 border-color: #347bff;
327 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
328 border-color: #347bff;
330 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
331 border-color: #ffffff;
333 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
334 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
335 background-color: #347bff;
336 border-color: #347bff;
338 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
339 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
340 background-color: #ffffff;
341 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
343 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
344 background-color: #dddddd;
345 border-color: #dddddd;
348 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
349 background-color: #ffffff;
351 .oo-ui-progressBarWidget {
353 background-color: #ffffff;
354 border: 1px solid
#cccccc;
358 .oo-ui-progressBarWidget-bar {
359 background-color: #dddddd;
361 -webkit-transition: width
200ms, margin-left
200ms;
362 -moz-transition: width
200ms, margin-left
200ms;
363 transition: width
200ms, margin-left
200ms;
365 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
366 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
367 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
368 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
371 border-left-width: 1px;
373 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
376 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
384 @-moz-keyframes oo-ui-progressBarWidget-slide
{
392 @keyframes oo-ui-progressBarWidget-slide
{
400 .oo-ui-selectFileWidget {
401 display: inline-block
;
402 vertical-align: middle
;
407 .oo-ui-selectFileWidget-selectButton {
409 vertical-align: middle
;
411 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
415 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
429 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
432 .oo-ui-selectFileWidget-info {
435 vertical-align: middle
;
438 -webkit-box-sizing: border-box
;
439 -moz-box-sizing: border-box
;
440 box-sizing: border-box
;
442 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
448 text-overflow: ellipsis
;
450 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
453 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
456 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
457 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
458 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
461 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
464 .oo-ui-selectFileWidget-dropTarget {
470 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
474 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
478 background-size: cover
;
479 background-position: center center
;
481 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
482 background-size: auto
;
484 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
486 background-color: #cccccc;
490 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
498 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
501 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
> .oo-ui-selectFileWidget-label
> .oo-ui-selectFileWidget-fileName
,
502 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
506 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
510 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
513 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
516 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
517 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
520 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
524 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
525 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
528 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
529 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
532 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
533 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
536 .oo-ui-selectFileWidget:last-child {
539 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
542 .oo-ui-selectFileWidget-info {
544 background-color: #ffffff;
545 border: 1px solid
#cccccc;
548 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
554 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
559 -webkit-box-sizing: border-box
;
560 -moz-box-sizing: border-box
;
561 box-sizing: border-box
;
562 text-overflow: ellipsis
;
566 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
569 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
573 margin-right: 0.775em;
575 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
581 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
584 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
586 text-shadow: 0 1px 1px #ffffff;
587 border-color: #dddddd;
588 background-color: #f3f3f3;
590 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
591 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
594 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
597 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
600 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
603 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
606 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
609 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
612 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
613 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
616 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
617 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
620 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
621 background-color: #ebf2ff;
623 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
624 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
625 border-color: #dddddd;
626 background-color: #f3f3f3;
628 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
629 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
630 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
631 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
633 text-shadow: 0 1px 1px #ffffff;
635 .oo-ui-selectFileWidget-dropTarget {
636 background-color: #ffffff;
637 border: 1px solid
#cccccc;
638 margin-bottom: 0.5em;
639 vertical-align: middle
;
643 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
644 background-color: #eeeeee;
645 border-style: dashed
;
647 .oo-ui-outlineOptionWidget {
650 -webkit-touch-callout: none
;
651 -webkit-user-select: none
;
652 -moz-user-select: none
;
653 -ms-user-select: none
;
658 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
659 padding-right: 1.5em;
661 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
664 .oo-ui-outlineOptionWidget-level-0 {
667 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
670 .oo-ui-outlineOptionWidget-level-1 {
673 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
676 .oo-ui-outlineOptionWidget-level-2 {
679 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
682 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
683 background-color: #d0d0d0;
684 text-shadow: 0 1px 1px #ffffff;
686 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
689 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
692 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
695 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
698 .oo-ui-outlineControlsWidget {
700 background-color: #ffffff;
702 .oo-ui-outlineControlsWidget-items
,
703 .oo-ui-outlineControlsWidget-movers {
705 -webkit-box-sizing: border-box
;
706 -moz-box-sizing: border-box
;
707 box-sizing: border-box
;
709 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
711 background-position: right center
;
713 .oo-ui-outlineControlsWidget-items {
716 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
719 .oo-ui-outlineControlsWidget-movers {
722 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
725 .oo-ui-outlineControlsWidget-items
,
726 .oo-ui-outlineControlsWidget-movers {
728 margin: 0.5em 0.5em 0.5em 0;
731 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
734 margin: 0.5em 0 0.5em 0.5em;
737 .oo-ui-tabSelectWidget {
741 background-color: #dddddd;
743 .oo-ui-tabOptionWidget {
744 display: inline-block
;
745 vertical-align: bottom
;
747 margin: 0.5em 0 0 0.75em;
748 border: 1px solid transparent
;
750 border-top-left-radius: 2px;
751 border-top-right-radius: 2px;
755 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
756 background-color: rgba
(255, 255, 255, 0.3);
758 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
759 background-color: rgba
(255, 255, 255, 0.8);
761 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
762 padding-right: 1.5em;
764 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
767 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
768 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
769 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
770 background-color: #ffffff;
773 .oo-ui-capsuleMultiSelectWidget {
774 display: inline-block
;
779 .oo-ui-capsuleMultiSelectWidget-handle {
784 .oo-ui-capsuleMultiSelectWidget-content {
787 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
790 .oo-ui-capsuleMultiSelectWidget-group {
793 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
797 .oo-ui-capsuleMultiSelectWidget-handle {
798 background-color: #ffffff;
802 padding: 0.15em 0.25em;
803 border: 1px solid
#cccccc;
805 -webkit-box-sizing: border-box
;
806 -moz-box-sizing: border-box
;
807 box-sizing: border-box
;
809 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
812 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
813 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
816 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
818 line-height: 1.675em;
822 font-family: inherit
;
823 background-color: transparent
;
825 vertical-align: middle
;
827 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
830 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
831 padding-right: 2.4875em;
833 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
838 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
839 padding-left: 2.475em;
841 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
846 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
847 border-color: #aaaaaa;
849 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
851 text-shadow: 0 1px 1px #ffffff;
852 border-color: #dddddd;
853 background-color: #f3f3f3;
856 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
857 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
860 .oo-ui-capsuleItemWidget {
862 display: inline-block
;
867 -webkit-box-sizing: border-box
;
868 -moz-box-sizing: border-box
;
869 box-sizing: border-box
;
870 vertical-align: middle
;
875 background-color: #eeeeee;
876 border: 1px solid
#cccccc;
880 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
881 display: inline-block
;
882 text-overflow: ellipsis
;
885 .oo-ui-capsuleItemWidget:focus {
887 border-color: #347bff;
889 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
891 text-shadow: 0 1px 1px #ffffff;
892 border-color: #dddddd;
893 background-color: #f3f3f3;
895 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
899 .oo-ui-searchWidget-query {
905 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
908 .oo-ui-searchWidget-results {
916 .oo-ui-searchWidget-query {
919 border-bottom: 1px solid
#cccccc;
921 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
924 .oo-ui-searchWidget-results {
929 .oo-ui-numberInputWidget {
930 display: inline-block
;
934 .oo-ui-numberInputWidget-field {
939 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
940 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
942 vertical-align: middle
;
944 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
947 .oo-ui-numberInputWidget-field
> .oo-ui-textInputWidget
[type
="number"]::-webkit-outer-spin-button
,
948 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
949 -webkit-appearance: none
;
952 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
953 -moz-appearance: textfield
;
955 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
958 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
959 -webkit-box-sizing: border-box
;
960 -moz-box-sizing: border-box
;
961 box-sizing: border-box
;
963 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
966 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
967 border-top-right-radius: 0;
968 border-bottom-right-radius: 0;
969 border-right-width: 0;
971 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
972 border-top-left-radius: 0;
973 border-bottom-left-radius: 0;
974 border-left-width: 0;
976 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {