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-05-10T22:58:31Z
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:focus {
188 .oo-ui-buttonSelectWidget:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
189 border-color: #347bff;
190 box-shadow: inset
0 0 0 1px #347bff;
193 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
197 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
198 border-bottom-left-radius: 2px;
199 border-top-left-radius: 2px;
202 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
203 border-bottom-right-radius: 2px;
204 border-top-right-radius: 2px;
206 .oo-ui-buttonOptionWidget {
207 display: inline-block
;
209 background-color: transparent
;
211 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
214 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
215 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
217 display: inline-block
;
218 vertical-align: middle
;
220 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
221 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
222 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
223 background-color: transparent
;
225 .oo-ui-toggleButtonWidget {
226 display: inline-block
;
227 vertical-align: middle
;
230 .oo-ui-toggleButtonWidget:last-child {
233 .oo-ui-toggleSwitchWidget {
235 display: inline-block
;
236 vertical-align: middle
;
238 -webkit-box-sizing: border-box
;
239 -moz-box-sizing: border-box
;
240 box-sizing: border-box
;
241 -webkit-transform: translateZ
(0);
242 -moz-transform: translateZ
(0);
243 -ms-transform: translateZ
(0);
244 transform: translateZ
(0);
247 border: 1px solid
#777777;
249 background-color: #ffffff;
251 -webkit-transition: background-color
100ms, border-color
100ms;
252 -moz-transition: background-color
100ms, border-color
100ms;
253 transition: background-color
100ms, border-color
100ms;
255 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
258 .oo-ui-toggleSwitchWidget-grip {
261 -webkit-box-sizing: border-box
;
262 -moz-box-sizing: border-box
;
263 box-sizing: border-box
;
265 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
271 -webkit-touch-callout: none
;
272 -webkit-user-select: none
;
273 -moz-user-select: none
;
274 -ms-user-select: none
;
277 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
280 .oo-ui-toggleSwitchWidget:last-child {
283 .oo-ui-toggleSwitchWidget:before {
291 border: 1px solid transparent
;
295 .oo-ui-toggleSwitchWidget-grip {
299 border-radius: 1.2em;
300 background-color: #555555;
301 -webkit-transition: left
100ms, margin-left
100ms;
302 -moz-transition: left
100ms, margin-left
100ms;
303 transition: left
100ms, margin-left
100ms;
305 .oo-ui-toggleSwitchWidget-glow {
308 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
312 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
316 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
317 background-color: #347bff;
318 border-color: #347bff;
320 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
321 background-color: #ffffff;
322 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
324 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
325 border-color: #2962cc;
327 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
328 background-color: #2962cc;
329 border-color: #2962cc;
331 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
332 border-color: #347bff;
333 box-shadow: inset
0 0 0 1px #347bff;
336 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
337 border-color: #347bff;
339 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
340 border-color: #ffffff;
342 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
343 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
344 background-color: #347bff;
345 border-color: #347bff;
347 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
348 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
349 background-color: #ffffff;
350 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
352 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
353 background-color: #dddddd;
354 border-color: #dddddd;
357 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
358 background-color: #ffffff;
360 .oo-ui-progressBarWidget {
362 background-color: #ffffff;
363 border: 1px solid
#cccccc;
367 .oo-ui-progressBarWidget-bar {
368 background-color: #dddddd;
370 -webkit-transition: width
200ms, margin-left
200ms;
371 -moz-transition: width
200ms, margin-left
200ms;
372 transition: width
200ms, margin-left
200ms;
374 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
375 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
376 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
377 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
380 border-left-width: 1px;
382 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
385 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
393 @-moz-keyframes oo-ui-progressBarWidget-slide
{
401 @keyframes oo-ui-progressBarWidget-slide
{
409 .oo-ui-selectFileWidget {
410 display: inline-block
;
411 vertical-align: middle
;
416 .oo-ui-selectFileWidget-selectButton {
418 vertical-align: middle
;
420 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
424 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
438 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
441 .oo-ui-selectFileWidget-info {
444 vertical-align: middle
;
447 -webkit-box-sizing: border-box
;
448 -moz-box-sizing: border-box
;
449 box-sizing: border-box
;
451 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
457 text-overflow: ellipsis
;
459 .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
462 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
463 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
464 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
467 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-clearButton {
470 .oo-ui-selectFileWidget-dropTarget {
475 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
476 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
479 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
483 background-size: cover
;
484 background-position: center center
;
486 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
487 background-size: auto
;
489 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
491 background-color: #cccccc;
495 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
503 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
506 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileName {
508 padding-right: 2.375em;
510 text-overflow: ellipsis
;
512 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
516 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
520 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
523 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
524 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
527 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
531 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
532 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
535 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
536 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
539 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
540 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
543 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
544 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
545 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
546 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
549 .oo-ui-selectFileWidget:last-child {
552 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
555 .oo-ui-selectFileWidget-info {
557 background-color: #ffffff;
558 border: 1px solid
#cccccc;
561 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
567 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
568 -webkit-box-sizing: border-box
;
569 -moz-box-sizing: border-box
;
570 box-sizing: border-box
;
576 text-overflow: ellipsis
;
581 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
584 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
588 margin-right: 0.775em;
590 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
596 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
599 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
600 background-color: #f3f3f3;
602 text-shadow: 0 1px 1px #ffffff;
603 border-color: #dddddd;
606 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
607 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
610 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
613 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
616 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
619 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
622 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
626 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
629 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
630 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
633 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
634 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
638 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
639 background-color: #ebf2ff;
641 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
642 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
643 border-color: #dddddd;
644 background-color: #f3f3f3;
646 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
647 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
648 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
649 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
651 text-shadow: 0 1px 1px #ffffff;
653 .oo-ui-selectFileWidget-dropTarget {
654 background-color: #ffffff;
655 border: 1px solid
#cccccc;
656 margin-bottom: 0.5em;
657 vertical-align: middle
;
661 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
662 background-color: #eeeeee;
663 border-style: dashed
;
665 .oo-ui-outlineOptionWidget {
668 -webkit-touch-callout: none
;
669 -webkit-user-select: none
;
670 -moz-user-select: none
;
671 -ms-user-select: none
;
676 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
677 font-size: 90.90909%;
679 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
680 padding-right: 1.5em;
682 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
685 .oo-ui-outlineOptionWidget-level-0 {
688 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
691 .oo-ui-outlineOptionWidget-level-1 {
694 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
697 .oo-ui-outlineOptionWidget-level-2 {
700 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
703 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
704 background-color: #d0d0d0;
705 text-shadow: 0 1px 1px #ffffff;
707 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
710 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
713 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
716 .oo-ui-outlineControlsWidget {
718 background-color: #ffffff;
720 .oo-ui-outlineControlsWidget-items
,
721 .oo-ui-outlineControlsWidget-movers {
723 -webkit-box-sizing: border-box
;
724 -moz-box-sizing: border-box
;
725 box-sizing: border-box
;
727 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
729 background-position: right center
;
731 .oo-ui-outlineControlsWidget-items {
734 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
737 .oo-ui-outlineControlsWidget-movers {
740 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
743 .oo-ui-outlineControlsWidget-items
,
744 .oo-ui-outlineControlsWidget-movers {
746 margin: 0.5em 0.5em 0.5em 0;
749 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
752 margin: 0.5em 0 0.5em 0.5em;
755 .oo-ui-tabSelectWidget {
759 background-color: #dddddd;
761 .oo-ui-tabOptionWidget {
762 display: inline-block
;
763 vertical-align: bottom
;
765 margin: 0.5em 0 0 0.75em;
766 border: 1px solid transparent
;
768 border-top-left-radius: 2px;
769 border-top-right-radius: 2px;
773 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
774 background-color: rgba
(255, 255, 255, 0.3);
776 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
777 background-color: rgba
(255, 255, 255, 0.8);
779 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
780 padding-right: 1.5em;
782 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
785 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
786 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
787 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
788 background-color: #ffffff;
791 .oo-ui-capsuleMultiSelectWidget {
792 display: inline-block
;
797 .oo-ui-capsuleMultiSelectWidget-handle {
802 .oo-ui-capsuleMultiSelectWidget-content {
805 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
808 .oo-ui-capsuleMultiSelectWidget-group {
811 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
815 .oo-ui-capsuleMultiSelectWidget-handle {
816 background-color: #ffffff;
820 padding: 0.15em 0.25em;
821 border: 1px solid
#cccccc;
823 -webkit-box-sizing: border-box
;
824 -moz-box-sizing: border-box
;
825 box-sizing: border-box
;
827 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
830 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
831 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
834 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
836 line-height: 1.675em;
840 font-family: inherit
;
841 background-color: transparent
;
843 vertical-align: middle
;
845 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
848 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
849 padding-right: 2.4875em;
851 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
856 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
857 padding-left: 2.475em;
859 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
864 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
865 border-color: #aaaaaa;
867 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
869 text-shadow: 0 1px 1px #ffffff;
870 border-color: #dddddd;
871 background-color: #f3f3f3;
874 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
875 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
878 .oo-ui-capsuleItemWidget {
880 display: inline-block
;
885 -webkit-box-sizing: border-box
;
886 -moz-box-sizing: border-box
;
887 box-sizing: border-box
;
888 vertical-align: middle
;
891 background-color: #eeeeee;
894 border: 1px solid
#cccccc;
898 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
899 display: inline-block
;
900 text-overflow: ellipsis
;
903 .oo-ui-capsuleItemWidget:focus {
905 border-color: #347bff;
906 box-shadow: inset
0 0 0 1px #347bff;
908 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
909 background-color: #f3f3f3;
911 border-color: #dddddd;
912 text-shadow: 0 1px 1px #ffffff;
914 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
917 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
918 padding-right: 1.5375em;
920 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
927 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
932 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
939 .oo-ui-searchWidget-query {
945 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
948 .oo-ui-searchWidget-results {
956 .oo-ui-searchWidget-query {
959 border-bottom: 1px solid
#cccccc;
961 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
964 .oo-ui-searchWidget-results {
969 .oo-ui-numberInputWidget {
970 display: inline-block
;
974 .oo-ui-numberInputWidget-field {
979 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
980 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
982 vertical-align: middle
;
984 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
987 .oo-ui-numberInputWidget-field
> .oo-ui-textInputWidget
[type
="number"]::-webkit-outer-spin-button
,
988 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
989 -webkit-appearance: none
;
992 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
993 -moz-appearance: textfield
;
995 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
998 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
999 -webkit-box-sizing: border-box
;
1000 -moz-box-sizing: border-box
;
1001 box-sizing: border-box
;
1003 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1006 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1007 border-top-right-radius: 0;
1008 border-bottom-right-radius: 0;
1009 border-right-width: 0;
1011 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1012 border-top-left-radius: 0;
1013 border-bottom-left-radius: 0;
1014 border-left-width: 0;
1016 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {