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-10-03T18:59:06Z
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.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 {
94 /* stylelint-disable declaration-no-important */
95 /* stylelint-enable declaration-no-important */
97 .oo-ui-menuLayout-menu
,
98 .oo-ui-menuLayout-content {
100 -webkit-transition: all
200ms ease
;
101 -moz-transition: all
200ms ease
;
102 transition: all
200ms ease
;
104 .oo-ui-menuLayout-menu {
108 .oo-ui-menuLayout-content {
114 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
116 height: 0 !important
;
119 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
123 bottom: 0 !important
;
125 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
126 width: auto
!important
;
131 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
133 bottom: 0 !important
;
136 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
137 height: auto
!important
;
142 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
143 bottom: 0 !important
;
147 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
148 width: auto
!important
;
153 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
158 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
159 height: auto
!important
;
164 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
167 bottom: 0 !important
;
169 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
173 .oo-ui-buttonSelectWidget {
174 display: inline-block
;
179 .oo-ui-buttonSelectWidget:last-child {
182 .oo-ui-buttonSelectWidget:focus {
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-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
200 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
202 .oo-ui-buttonOptionWidget {
203 display: inline-block
;
206 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
209 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
210 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
212 display: inline-block
;
213 vertical-align: middle
;
215 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
216 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
217 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
218 background-color: transparent
;
220 .oo-ui-toggleButtonWidget {
223 .oo-ui-toggleButtonWidget:last-child {
226 .oo-ui-toggleSwitchWidget {
228 display: inline-block
;
229 vertical-align: middle
;
231 -webkit-box-sizing: border-box
;
232 -moz-box-sizing: border-box
;
233 box-sizing: border-box
;
234 -webkit-transform: translateZ
(0);
235 -moz-transform: translateZ
(0);
236 -ms-transform: translateZ
(0);
237 transform: translateZ
(0);
238 background-color: #f8f9fa;
242 border: 1px solid
#72777d;
245 -webkit-transition: background-color
250ms, border-color
250ms;
246 -moz-transition: background-color
250ms, border-color
250ms;
247 transition: background-color
250ms, border-color
250ms;
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:last-child {
262 .oo-ui-toggleSwitchWidget:before {
270 border: 1px solid transparent
;
273 -webkit-transition: border-color
250ms;
274 -moz-transition: border-color
250ms;
275 transition: border-color
250ms;
277 .oo-ui-toggleSwitchWidget-grip {
283 border-radius: 1.25em;
284 -webkit-transition: background-color
250ms, left
100ms, margin-left
100ms;
285 -moz-transition: background-color
250ms, left
100ms, margin-left
100ms;
286 transition: background-color
250ms, left
100ms, margin-left
100ms;
288 .oo-ui-toggleSwitchWidget-glow {
291 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
295 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
299 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
300 background-color: #f8f9fa;
301 border: 1px solid
#72777d;
303 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
304 background-color: #fff;
305 border-color: #447ff5;
307 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
308 background-color: #fff;
309 border-color: #447ff5;
311 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
312 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
313 background-color: #36c;
314 border-color: #2a4b8d;
316 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
317 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
318 background-color: #fff;
320 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
322 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
324 box-shadow: inset
0 0 0 1px #36c;
327 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
330 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
331 background-color: #2a4b8d;
332 border-color: #2a4b8d;
334 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
335 background-color: #fff;
337 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
339 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
340 background-color: #36c;
343 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled
.oo-ui-toggleWidget-on:active
,
344 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
345 background-color: #2a4b8d;
346 border-color: #2a4b8d;
348 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
351 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
354 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
355 background-color: #c8ccd1;
356 border-color: #c8ccd1;
359 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
360 border: 1px solid
#fff;
361 box-shadow: inset
0 0 0 1px #fff;
363 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
364 background-color: #fff;
366 .oo-ui-selectFileWidget {
367 display: inline-block
;
368 vertical-align: middle
;
373 .oo-ui-selectFileWidget-selectButton {
376 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
380 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
393 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
396 .oo-ui-selectFileWidget-info {
399 vertical-align: middle
;
402 -webkit-box-sizing: border-box
;
403 -moz-box-sizing: border-box
;
404 box-sizing: border-box
;
406 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
407 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
410 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
412 -webkit-touch-callout: none
;
413 -webkit-user-select: none
;
414 -moz-user-select: none
;
415 -ms-user-select: none
;
418 .oo-ui-selectFileWidget-label {
424 text-overflow: ellipsis
;
426 .oo-ui-selectFileWidget-clearButton {
430 .oo-ui-selectFileWidget-dropTarget {
435 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
436 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
437 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
440 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
446 background-position: center center
;
447 background-repeat: no-repeat
;
448 background-size: contain
;
450 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
451 background-repeat: repeat
;
452 background-size: auto
;
454 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
459 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
463 margin-left: 8.815em;
466 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
474 padding-right: 2.375em;
476 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
479 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
480 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
483 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
485 margin: 2.2em 1em 1em;
487 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
488 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
491 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
492 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
495 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
496 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
499 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
502 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
503 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
504 -webkit-touch-callout: none
;
505 -webkit-user-select: none
;
506 -moz-user-select: none
;
507 -ms-user-select: none
;
510 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
511 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
512 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
513 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
516 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
519 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
522 .oo-ui-selectFileWidget:last-child {
525 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
526 border-radius: 0 2px 2px 0;
528 .oo-ui-selectFileWidget-info {
530 background-color: #fff;
531 border: 1px solid
#9aa0a7;
532 border-radius: 2px 0 0 2px;
533 border-width: 1px 0 1px 1px;
535 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
541 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
545 margin-right: 0.775em;
547 .oo-ui-selectFileWidget-label {
548 -webkit-box-sizing: border-box
;
549 -moz-box-sizing: border-box
;
550 box-sizing: border-box
;
557 text-overflow: ellipsis
;
560 .oo-ui-selectFileWidget-clearButton {
567 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
570 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
573 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
576 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
580 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
583 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
584 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
587 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
588 background-color: #eaf3ff;
590 .oo-ui-selectFileWidget-dropTarget {
591 background-color: #fff;
592 border: 1px solid
#9aa0a7;
593 vertical-align: middle
;
597 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
600 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
605 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
606 background-color: #eee;
607 border-style: dashed
;
609 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
610 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
611 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
612 background-color: #eaecf0;
613 border-color: #c8ccd1;
615 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
616 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
617 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
618 background-color: #eaecf0;
620 border-color: #c8ccd1;
621 text-shadow: 0 1px 1px #fff;
623 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
624 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
625 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
626 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
627 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
628 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
631 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
634 .oo-ui-outlineOptionWidget {
635 -webkit-touch-callout: none
;
636 -webkit-user-select: none
;
637 -moz-user-select: none
;
638 -ms-user-select: none
;
642 -webkit-transition: background-color
100ms, color
100ms;
643 -moz-transition: background-color
100ms, color
100ms;
644 transition: background-color
100ms, color
100ms;
646 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
647 background-color: #eaecf0;
650 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
651 background-color: #eaf3ff;
654 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
655 background-color: rgba
(41, 98, 204, 0.1);
658 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
659 font-size: 90.90909%;
661 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
662 padding-right: 1.5em;
664 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
667 .oo-ui-outlineOptionWidget-level-0 {
670 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
673 .oo-ui-outlineOptionWidget-level-1 {
676 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
679 .oo-ui-outlineOptionWidget-level-2 {
682 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
685 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
688 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
691 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
694 .oo-ui-outlineControlsWidget {
696 background-color: #fff;
698 .oo-ui-outlineControlsWidget-items
,
699 .oo-ui-outlineControlsWidget-movers {
701 -webkit-box-sizing: border-box
;
702 -moz-box-sizing: border-box
;
703 box-sizing: border-box
;
705 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
707 background-position: right center
;
709 .oo-ui-outlineControlsWidget-items {
712 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
715 .oo-ui-outlineControlsWidget-movers {
718 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
721 .oo-ui-outlineControlsWidget-items
,
722 .oo-ui-outlineControlsWidget-movers {
724 margin: 0.5em 0.5em 0.5em 0;
727 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
730 margin: 0.5em 0 0.5em 0.5em;
733 .oo-ui-tabSelectWidget {
737 background-color: #ddd;
739 .oo-ui-tabOptionWidget {
740 display: inline-block
;
741 vertical-align: bottom
;
743 margin: 0.5em 0 0 0.75em;
744 border: 1px solid transparent
;
746 border-top-left-radius: 2px;
747 border-top-right-radius: 2px;
751 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
752 background-color: rgba
(255, 255, 255, 0.3);
754 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
755 background-color: rgba
(255, 255, 255, 0.8);
757 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
758 padding-right: 1.5em;
760 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
763 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
764 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
765 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
766 background-color: #fff;
769 .oo-ui-capsuleMultiselectWidget {
770 display: inline-block
;
775 .oo-ui-capsuleMultiselectWidget-handle {
780 .oo-ui-capsuleMultiselectWidget-content {
783 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
786 .oo-ui-capsuleMultiselectWidget-group {
789 .oo-ui-capsuleMultiselectWidget-handle {
792 padding: 0.15em 0.25em;
793 border: 1px solid
#9aa0a7;
795 -webkit-box-sizing: border-box
;
796 -moz-box-sizing: border-box
;
797 box-sizing: border-box
;
799 .oo-ui-capsuleMultiselectWidget-handle:last-child {
802 .oo-ui-capsuleMultiselectWidget-handle:hover {
803 border-color: #72777d;
805 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-indicatorElement-indicator
,
806 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
809 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
815 font-family: inherit
;
816 background-color: transparent
;
818 vertical-align: middle
;
820 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
823 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
824 padding-right: 2.4875em;
826 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
831 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
832 padding-left: 2.475em;
834 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
839 .oo-ui-capsuleMultiselectWidget .oo-ui-popupWidget {
843 .oo-ui-capsuleMultiselectWidget .oo-ui-popupWidget-popup {
845 -webkit-box-sizing: border-box
;
846 -moz-box-sizing: border-box
;
847 box-sizing: border-box
;
849 border-radius: 0 0 2px 2px;
851 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
852 background-color: #fff;
854 -webkit-transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
855 -moz-transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
856 transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
858 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
859 border-color: #a2a9b1;
861 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
864 box-shadow: inset
0 0 0 1px #36c;
866 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
868 text-shadow: 0 1px 1px #fff;
869 border-color: #c8ccd1;
870 background-color: #eaecf0;
872 .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: #eee;
894 border: 1px solid
#9aa0a7;
898 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
899 display: inline-block
;
900 text-overflow: ellipsis
;
903 .oo-ui-capsuleItemWidget:focus {
906 box-shadow: inset
0 0 0 1px #36c;
908 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
909 background-color: #eaecf0;
911 border-color: #c8ccd1;
912 text-shadow: 0 1px 1px #fff;
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
#9aa0a7;
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-buttoned
.oo-ui-buttonWidget
,
975 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
978 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
979 -webkit-box-sizing: border-box
;
980 -moz-box-sizing: border-box
;
981 box-sizing: border-box
;
983 .oo-ui-numberInputWidget-field {
988 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
991 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
996 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
999 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1000 border-top-right-radius: 0;
1001 border-bottom-right-radius: 0;
1002 border-right-width: 0;
1004 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1005 border-top-left-radius: 0;
1006 border-bottom-left-radius: 0;
1007 border-left-width: 0;