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-02T22:07:06Z
11 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
19 @-moz-keyframes oo-ui-progressBarWidget-slide
{
27 @keyframes oo-ui-progressBarWidget-slide
{
35 .oo-ui-draggableElement {
36 cursor: -webkit-grab
-moz-grab
, url
(images/grab.cur), move
;
38 .oo-ui-draggableElement-dragging {
39 cursor: -webkit-grabbing
-moz-grabbing
, url
(images/grabbing.cur), move
;
40 background: rgba
(0, 0, 0, 0.2);
43 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
44 display: inline-block
;
46 .oo-ui-draggableGroupElement-placeholder {
49 background: rgba
(0, 0, 0, 0.4);
51 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
55 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
58 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
60 -webkit-box-sizing: border-box
;
61 -moz-box-sizing: border-box
;
62 box-sizing: border-box
;
64 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
67 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
70 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
78 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
84 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
87 .oo-ui-bookletLayout-outlinePanel {
88 border-right: 1px solid
#dddddd;
90 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
91 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
93 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
96 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
99 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
102 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
105 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
115 .oo-ui-menuLayout-menu
,
116 .oo-ui-menuLayout-content {
118 -webkit-transition: all
200ms ease
;
119 -moz-transition: all
200ms ease
;
120 transition: all
200ms ease
;
122 .oo-ui-menuLayout-menu {
126 .oo-ui-menuLayout-content {
132 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
134 height: 0 !important
;
137 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
141 bottom: 0 !important
;
143 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
144 width: auto
!important
;
149 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
151 bottom: 0 !important
;
154 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
155 height: auto
!important
;
160 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
161 bottom: 0 !important
;
165 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
166 width: auto
!important
;
171 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
176 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
177 height: auto
!important
;
182 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
185 bottom: 0 !important
;
187 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
191 .oo-ui-buttonSelectWidget {
192 display: inline-block
;
197 .oo-ui-buttonSelectWidget:last-child {
200 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
204 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
205 border-bottom-left-radius: 2px;
206 border-top-left-radius: 2px;
209 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
210 border-bottom-right-radius: 2px;
211 border-top-right-radius: 2px;
213 .oo-ui-buttonOptionWidget {
214 display: inline-block
;
216 background-color: transparent
;
218 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
221 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
222 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
224 display: inline-block
;
225 vertical-align: middle
;
227 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
230 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
231 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
232 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
233 background-color: transparent
;
235 .oo-ui-buttonOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
236 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
239 .oo-ui-toggleButtonWidget {
240 display: inline-block
;
241 vertical-align: middle
;
244 .oo-ui-toggleButtonWidget:last-child {
247 .oo-ui-toggleSwitchWidget {
249 display: inline-block
;
250 vertical-align: middle
;
252 -webkit-box-sizing: border-box
;
253 -moz-box-sizing: border-box
;
254 box-sizing: border-box
;
255 -webkit-transform: translateZ
(0);
256 -moz-transform: translateZ
(0);
257 -ms-transform: translateZ
(0);
258 transform: translateZ
(0);
261 border: 1px solid
#777777;
263 background-color: #ffffff;
265 -webkit-transition: background-color
100ms ease
, border-color
100ms ease
;
266 -moz-transition: background-color
100ms ease
, border-color
100ms ease
;
267 transition: background-color
100ms ease
, border-color
100ms ease
;
269 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
272 .oo-ui-toggleSwitchWidget-grip {
275 -webkit-box-sizing: border-box
;
276 -moz-box-sizing: border-box
;
277 box-sizing: border-box
;
279 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
285 -webkit-touch-callout: none
;
286 -webkit-user-select: none
;
287 -moz-user-select: none
;
288 -ms-user-select: none
;
291 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
294 .oo-ui-toggleSwitchWidget:last-child {
297 .oo-ui-toggleSwitchWidget:before {
305 border: 1px solid transparent
;
309 .oo-ui-toggleSwitchWidget-grip {
313 border-radius: 1.2em;
314 background-color: #555555;
315 -webkit-transition: left
100ms ease
, margin-left
100ms ease
;
316 -moz-transition: left
100ms ease
, margin-left
100ms ease
;
317 transition: left
100ms ease
, margin-left
100ms ease
;
319 .oo-ui-toggleSwitchWidget-glow {
322 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
326 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
330 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
331 background-color: #347bff;
332 border-color: #347bff;
334 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
335 background-color: #ffffff;
336 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
338 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
339 border-color: #2962cc;
341 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
342 background-color: #2962cc;
343 border-color: #2962cc;
345 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
346 border-color: #347bff;
349 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
350 border-color: #347bff;
352 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
353 border-color: #ffffff;
355 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
356 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
357 background-color: #347bff;
358 border-color: #347bff;
360 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
361 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
362 background-color: #ffffff;
363 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
365 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
367 border-color: #dddddd;
370 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
373 .oo-ui-progressBarWidget {
375 background-color: #ffffff;
376 border: 1px solid
#cccccc;
380 .oo-ui-progressBarWidget-bar {
383 -webkit-transition: width
200ms, margin-left
200ms;
384 -moz-transition: width
200ms, margin-left
200ms;
385 transition: width
200ms, margin-left
200ms;
387 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
388 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
389 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
390 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
393 border-left-width: 1px;
395 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
398 .oo-ui-selectFileWidget {
399 display: inline-block
;
400 vertical-align: middle
;
405 .oo-ui-selectFileWidget-selectButton {
407 vertical-align: middle
;
409 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
413 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > input[type="file"] {
427 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > input[type="file"] {
430 .oo-ui-selectFileWidget-info {
433 vertical-align: middle
;
436 -webkit-box-sizing: border-box
;
437 -moz-box-sizing: border-box
;
438 box-sizing: border-box
;
440 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
446 text-overflow: ellipsis
;
448 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
451 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
454 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
455 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
456 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
459 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
462 .oo-ui-selectFileWidget-dropTarget {
465 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropTarget {
468 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
469 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
472 .oo-ui-selectFileWidget:last-child {
475 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
478 .oo-ui-selectFileWidget-info {
480 background-color: #ffffff;
481 border: 1px solid
#cccccc;
484 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
487 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
490 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
495 -webkit-box-sizing: border-box
;
496 -moz-box-sizing: border-box
;
497 box-sizing: border-box
;
498 text-overflow: ellipsis
;
502 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
505 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
510 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
513 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
517 margin-right: 0.775em;
519 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
525 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
527 text-shadow: 0 1px 1px #ffffff;
528 border-color: #dddddd;
529 background-color: #f3f3f3;
531 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
532 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
535 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
538 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
541 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
544 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
547 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
550 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
553 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
554 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
557 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
558 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
561 .oo-ui-selectFileWidget-dropTarget {
563 background-color: #ffffff;
564 border: 1px dashed
#cccccc;
566 margin-bottom: 0.5em;
568 vertical-align: middle
;
570 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropTarget:hover {
571 background-color: #eeeeee;
573 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
574 background: rgba
(52, 123, 255, 0.1);
576 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
577 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
579 text-shadow: 0 1px 1px #ffffff;
580 border-color: #dddddd;
581 background-color: #f3f3f3;
583 .oo-ui-outlineOptionWidget {
586 -webkit-touch-callout: none
;
587 -webkit-user-select: none
;
588 -moz-user-select: none
;
589 -ms-user-select: none
;
594 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
595 padding-right: 1.5em;
597 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
600 .oo-ui-outlineOptionWidget-level-0 {
603 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
606 .oo-ui-outlineOptionWidget-level-1 {
609 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
612 .oo-ui-outlineOptionWidget-level-2 {
615 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
618 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
619 background-color: #d0d0d0;
620 text-shadow: 0 1px 1px #ffffff;
622 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
625 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
628 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
631 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
634 .oo-ui-outlineControlsWidget {
636 background-color: #ffffff;
638 .oo-ui-outlineControlsWidget-items
,
639 .oo-ui-outlineControlsWidget-movers {
641 -webkit-box-sizing: border-box
;
642 -moz-box-sizing: border-box
;
643 box-sizing: border-box
;
645 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
647 background-position: right center
;
649 .oo-ui-outlineControlsWidget-items {
652 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
655 .oo-ui-outlineControlsWidget-movers {
658 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
661 .oo-ui-outlineControlsWidget-items
,
662 .oo-ui-outlineControlsWidget-movers {
664 margin: 0.5em 0.5em 0.5em 0;
667 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
670 margin: 0.5em 0 0.5em 0.5em;
673 .oo-ui-tabSelectWidget {
677 background-color: #dddddd;
679 .oo-ui-tabOptionWidget {
680 display: inline-block
;
681 vertical-align: bottom
;
683 margin: 0.5em 0 0 0.75em;
684 border: 1px solid transparent
;
686 border-top-left-radius: 2px;
687 border-top-right-radius: 2px;
691 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
692 background-color: rgba
(255, 255, 255, 0.3);
694 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
695 background-color: rgba
(255, 255, 255, 0.8);
697 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
698 padding-right: 1.5em;
700 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
703 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
704 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
705 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
706 background-color: #ffffff;
709 .oo-ui-capsuleMultiSelectWidget {
710 display: inline-block
;
715 .oo-ui-capsuleMultiSelectWidget-handle {
717 display: inline-block
;
720 .oo-ui-capsuleMultiSelectWidget-content {
723 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
726 .oo-ui-capsuleMultiSelectWidget-group {
729 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
733 .oo-ui-capsuleMultiSelectWidget-handle {
734 background-color: #ffffff;
738 padding: 0.15em 0.25em;
739 border: 1px solid
#cccccc;
741 -webkit-box-sizing: border-box
;
742 -moz-box-sizing: border-box
;
743 box-sizing: border-box
;
745 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
748 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
749 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
751 background-position: center center
;
752 background-repeat: no-repeat
;
754 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
756 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 {
778 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
779 padding-left: 2.475em;
781 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
788 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
789 border-color: #aaaaaa;
791 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
793 text-shadow: 0 1px 1px #ffffff;
794 border-color: #dddddd;
795 background-color: #f3f3f3;
798 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
799 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
802 .oo-ui-capsuleMultiSelectWidget .oo-ui-selectWidget {
803 border-top-color: #ffffff;
805 .oo-ui-capsuleItemWidget {
807 display: inline-block
;
812 -webkit-box-sizing: border-box
;
813 -moz-box-sizing: border-box
;
814 box-sizing: border-box
;
815 vertical-align: middle
;
820 background-color: #eeeeee;
821 border: 1px solid
#cccccc;
825 .oo-ui-capsuleItemWidget > .oo-ui-iconElement-icon {
828 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-iconElement-icon {
831 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
833 text-overflow: ellipsis
;
836 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-labelElement-label {
837 padding-right: 1.3375em;
839 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
845 background-repeat: no-repeat
;
847 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicator-clear {
850 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
852 text-shadow: 0 1px 1px #ffffff;
853 border-color: #dddddd;
854 background-color: #f3f3f3;
856 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
859 .oo-ui-searchWidget-query {
865 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
868 .oo-ui-searchWidget-results {
876 .oo-ui-searchWidget-query {
879 border-bottom: 1px solid
#cccccc;
881 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
884 .oo-ui-searchWidget-results {
889 .oo-ui-numberInputWidget {
890 display: inline-block
;
894 .oo-ui-numberInputWidget-field {
899 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
900 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
902 vertical-align: middle
;
904 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
907 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
910 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
911 -webkit-box-sizing: border-box
;
912 -moz-box-sizing: border-box
;
913 box-sizing: border-box
;
915 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
918 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
919 border-top-right-radius: 0;
920 border-bottom-right-radius: 0;
921 border-right-width: 0;
923 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
924 border-top-left-radius: 0;
925 border-bottom-left-radius: 0;
926 border-left-width: 0;
928 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {