3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2017 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2017-02-28T23:19:44Z
11 /* stylelint-disable selector-no-vendor-prefix, at-rule-no-unknown */
12 /* stylelint-enable selector-no-vendor-prefix, at-rule-no-unknown */
13 .oo-ui-draggableElement-handle
,
14 .oo-ui-draggableElement-handle.oo-ui-widget {
16 cursor: url
(images
/grab
.cur
);
21 .oo-ui-draggableElement-handle:active {
22 cursor: url
(images
/grabbing
.cur
);
23 cursor: -webkit-grabbing
;
24 cursor: -moz-grabbing
;
27 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
28 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
31 .oo-ui-draggableElement-placeholder {
34 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
35 display: inline-block
;
37 .oo-ui-draggableElement-handle:focus {
39 box-shadow: inset
0 0 0 1px #36c, 0 0 0 1px #36c;
42 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
45 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
47 -webkit-box-sizing: border-box
;
48 -moz-box-sizing: border-box
;
49 box-sizing: border-box
;
51 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
59 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
65 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
68 .oo-ui-bookletLayout-outlinePanel {
69 border-right: 1px solid
#ddd;
71 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
72 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
74 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
77 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
80 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
83 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
86 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
95 /* stylelint-disable declaration-no-important */
96 /* stylelint-enable declaration-no-important */
98 .oo-ui-menuLayout-menu
,
99 .oo-ui-menuLayout-content {
101 -webkit-transition: all
200ms ease
;
102 -moz-transition: all
200ms ease
;
103 transition: all
200ms ease
;
105 .oo-ui-menuLayout-menu {
109 .oo-ui-menuLayout-content {
115 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
117 height: 0 !important
;
120 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
124 bottom: 0 !important
;
126 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
127 width: auto
!important
;
132 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
134 bottom: 0 !important
;
137 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
138 height: auto
!important
;
143 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
144 bottom: 0 !important
;
148 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
149 width: auto
!important
;
154 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
159 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
160 height: auto
!important
;
165 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
168 bottom: 0 !important
;
170 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
174 .oo-ui-buttonSelectWidget {
175 display: inline-block
;
182 .oo-ui-buttonSelectWidget:last-child {
185 .oo-ui-buttonSelectWidget:focus {
188 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
192 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
193 border-bottom-left-radius: 2px;
194 border-top-left-radius: 2px;
197 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
198 border-bottom-right-radius: 2px;
199 border-top-right-radius: 2px;
201 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
203 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
205 .oo-ui-buttonSelectWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
206 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
209 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
212 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
215 .oo-ui-buttonOptionWidget {
216 display: inline-block
;
219 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
222 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
223 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
225 display: inline-block
;
226 vertical-align: middle
;
228 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
229 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
230 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
231 background-color: transparent
;
233 .oo-ui-toggleButtonWidget {
236 .oo-ui-toggleButtonWidget:last-child {
239 .oo-ui-toggleSwitchWidget {
241 display: inline-block
;
242 vertical-align: middle
;
244 -webkit-box-sizing: border-box
;
245 -moz-box-sizing: border-box
;
246 box-sizing: border-box
;
247 -webkit-transform: translateZ
(0);
248 transform: translateZ
(0);
249 background-color: #f8f9fa;
253 border: 1px solid
#72777d;
256 -webkit-transition: background-color
250ms, border-color
250ms;
257 -moz-transition: background-color
250ms, border-color
250ms;
258 transition: background-color
250ms, border-color
250ms;
260 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
263 .oo-ui-toggleSwitchWidget-grip {
266 -webkit-box-sizing: border-box
;
267 -moz-box-sizing: border-box
;
268 box-sizing: border-box
;
270 .oo-ui-toggleSwitchWidget:last-child {
273 .oo-ui-toggleSwitchWidget:before {
281 border: 1px solid transparent
;
284 -webkit-transition: border-color
250ms;
285 -moz-transition: border-color
250ms;
286 transition: border-color
250ms;
288 .oo-ui-toggleSwitchWidget-grip {
294 border-radius: 1.25em;
295 -webkit-transition: background-color
250ms, left
100ms, margin-left
100ms;
296 -moz-transition: background-color
250ms, left
100ms, margin-left
100ms;
297 transition: background-color
250ms, left
100ms, margin-left
100ms;
299 .oo-ui-toggleSwitchWidget-glow {
302 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
306 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
310 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
311 background-color: #f8f9fa;
312 border: 1px solid
#72777d;
314 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
315 background-color: #fff;
316 border-color: #447ff5;
318 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
319 background-color: #fff;
320 border-color: #447ff5;
322 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
323 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
,
324 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
325 background-color: #2a4b8d;
326 border-color: #2a4b8d;
327 box-shadow: inset
0 0 0 1px #2a4b8d;
329 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
330 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
.oo-ui-toggleSwitchWidget-grip
,
331 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
332 background-color: #fff;
334 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
336 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
338 box-shadow: inset
0 0 0 1px #36c;
341 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
344 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
345 background-color: #36c;
348 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
349 background-color: #fff;
351 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
353 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
354 background-color: #447ff5;
355 border-color: #447ff5;
357 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled
.oo-ui-toggleWidget-on:active
,
358 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
359 background-color: #2a4b8d;
360 border-color: #2a4b8d;
362 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
365 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
368 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
369 background-color: #c8ccd1;
370 border-color: #c8ccd1;
373 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
374 border: 1px solid
#fff;
375 box-shadow: inset
0 0 0 1px #fff;
377 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
378 background-color: #fff;
380 .oo-ui-selectFileWidget {
381 display: inline-block
;
382 vertical-align: middle
;
387 .oo-ui-selectFileWidget-selectButton {
390 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
394 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
407 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
410 .oo-ui-selectFileWidget-info {
413 vertical-align: middle
;
416 -webkit-box-sizing: border-box
;
417 -moz-box-sizing: border-box
;
418 box-sizing: border-box
;
420 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
421 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
426 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
428 -webkit-touch-callout: none
;
429 -webkit-user-select: none
;
430 -moz-user-select: none
;
431 -ms-user-select: none
;
434 .oo-ui-selectFileWidget-label {
440 text-overflow: ellipsis
;
442 .oo-ui-selectFileWidget-clearButton {
446 .oo-ui-selectFileWidget-dropTarget {
451 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
452 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
453 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
456 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
462 background-position: center center
;
463 background-repeat: no-repeat
;
464 background-size: contain
;
466 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
467 background-repeat: repeat
;
468 background-size: auto
;
470 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
475 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
479 margin-left: 8.815em;
482 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
487 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
490 padding-right: 2.375em;
492 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
495 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
496 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
499 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
501 margin: 2.2em 1em 1em;
503 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
504 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
507 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
508 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
511 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
512 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
515 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
518 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
521 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
522 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
523 -webkit-touch-callout: none
;
524 -webkit-user-select: none
;
525 -moz-user-select: none
;
526 -ms-user-select: none
;
529 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
530 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
531 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
532 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
535 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
538 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
541 .oo-ui-selectFileWidget:last-child {
544 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
545 border-radius: 0 2px 2px 0;
547 .oo-ui-selectFileWidget-info {
549 background-color: #fff;
550 border: 1px solid
#a2a9b1;
551 border-radius: 2px 0 0 2px;
552 border-width: 1px 0 1px 1px;
554 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
558 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
560 margin-right: 0.775em;
562 .oo-ui-selectFileWidget-label {
563 -webkit-box-sizing: border-box
;
564 -moz-box-sizing: border-box
;
565 box-sizing: border-box
;
573 .oo-ui-selectFileWidget-fileName {
576 text-overflow: ellipsis
;
578 .oo-ui-selectFileWidget-clearButton {
585 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
588 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
591 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
594 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
598 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
601 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
602 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
605 .oo-ui-selectFileWidget-dropTarget {
606 background-color: #fff;
607 border: 1px solid
#a2a9b1;
609 vertical-align: middle
;
612 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
615 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
620 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
621 background-color: #fff;
622 border-style: dashed
;
623 -webkit-transition: background-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
624 -moz-transition: background-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
625 transition: background-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
627 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
628 border-color: #72777d;
630 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
631 background-color: #eaf3ff;
634 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
635 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
636 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
637 background-color: #eaecf0;
638 border-color: #c8ccd1;
640 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
641 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
642 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
643 background-color: #eaecf0;
645 border-color: #c8ccd1;
646 text-shadow: 0 1px 1px #fff;
648 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
649 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
650 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
651 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
652 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
653 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
656 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
659 .oo-ui-outlineOptionWidget {
660 -webkit-touch-callout: none
;
661 -webkit-user-select: none
;
662 -moz-user-select: none
;
663 -ms-user-select: none
;
667 -webkit-transition: background-color
100ms, color
100ms;
668 -moz-transition: background-color
100ms, color
100ms;
669 transition: background-color
100ms, color
100ms;
671 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
672 background-color: #eaecf0;
675 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
676 background-color: #eaf3ff;
679 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
680 background-color: rgba
(41, 98, 204, 0.1);
683 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
684 font-size: 90.90909%;
686 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
687 padding-right: 1.5em;
689 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
692 .oo-ui-outlineOptionWidget-level-0 {
695 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
698 .oo-ui-outlineOptionWidget-level-1 {
701 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
704 .oo-ui-outlineOptionWidget-level-2 {
707 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
710 .oo-ui-outlineControlsWidget {
712 background-color: #fff;
714 .oo-ui-outlineControlsWidget-items
,
715 .oo-ui-outlineControlsWidget-movers {
717 -webkit-box-sizing: border-box
;
718 -moz-box-sizing: border-box
;
719 box-sizing: border-box
;
721 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
723 background-position: right center
;
725 .oo-ui-outlineControlsWidget-items {
728 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
731 .oo-ui-outlineControlsWidget-movers {
734 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
737 .oo-ui-outlineControlsWidget-items
,
738 .oo-ui-outlineControlsWidget-movers {
740 margin: 0.5em 0.5em 0.5em 0;
743 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
746 margin: 0.5em 0 0.5em 0.5em;
749 .oo-ui-tabSelectWidget {
753 background-color: #eaecf0;
755 .oo-ui-tabOptionWidget {
756 display: inline-block
;
757 vertical-align: bottom
;
759 margin: 0.5em 0 0 0.75em;
760 border: 1px solid transparent
;
762 border-top-left-radius: 2px;
763 border-top-right-radius: 2px;
766 -webkit-transition: background-color
100ms, color
100ms;
767 -moz-transition: background-color
100ms, color
100ms;
768 transition: background-color
100ms, color
100ms;
770 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
771 background-color: rgba
(255, 255, 255, 0.3);
773 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
774 background-color: rgba
(255, 255, 255, 0.8);
776 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
777 padding-right: 1.5em;
779 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
782 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
783 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
784 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
785 background-color: #fff;
788 .oo-ui-capsuleMultiselectWidget {
789 display: inline-block
;
794 .oo-ui-capsuleMultiselectWidget-handle {
799 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
800 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
805 .oo-ui-capsuleMultiselectWidget-content {
808 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
811 .oo-ui-capsuleMultiselectWidget-group {
814 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
817 .oo-ui-capsuleMultiselectWidget-focusTrap {
818 display: inline-block
;
822 .oo-ui-capsuleMultiselectWidget-handle {
825 padding: 0.15em 0.25em;
826 border: 1px solid
#a2a9b1;
828 -webkit-box-sizing: border-box
;
829 -moz-box-sizing: border-box
;
830 box-sizing: border-box
;
832 .oo-ui-capsuleMultiselectWidget-handle:last-child {
835 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
841 font-family: inherit
;
842 background-color: transparent
;
844 vertical-align: middle
;
845 /* stylelint-disable indentation */
846 /* stylelint-enable indentation */
848 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
852 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
856 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
860 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
864 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
868 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
871 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
872 padding-left: 2.475em;
874 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
878 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
879 padding-right: 2.4875em;
881 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
885 .oo-ui-capsuleMultiselectWidget-popup {
888 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
891 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
892 background-color: #fff;
894 -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);
895 -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);
896 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);
898 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
899 border-color: #72777d;
901 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
904 box-shadow: inset
0 0 0 1px #36c;
906 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
908 text-shadow: 0 1px 1px #fff;
909 border-color: #c8ccd1;
910 background-color: #eaecf0;
912 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
915 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
918 .oo-ui-capsuleItemWidget {
920 display: inline-block
;
923 -webkit-box-sizing: border-box
;
924 -moz-box-sizing: border-box
;
925 box-sizing: border-box
;
930 border: 1px solid
#a2a9b1;
934 vertical-align: middle
;
936 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
937 display: inline-block
;
938 text-overflow: ellipsis
;
942 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
943 background-color: #f8f9fa;
945 padding-right: 1.5375em;
946 -webkit-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
947 -moz-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
948 transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
950 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:hover {
951 background-color: #fff;
953 border-color: #a2a9b1;
955 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:focus {
957 box-shadow: inset
0 0 0 1px #36c;
960 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
967 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
972 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
979 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
980 background-color: #eaecf0;
982 border-color: #c8ccd1;
983 text-shadow: 0 1px 1px #fff;
985 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement {
988 .oo-ui-searchWidget-query {
994 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
997 .oo-ui-searchWidget-results {
1005 .oo-ui-searchWidget-query {
1008 border-bottom: 1px solid
#a2a9b1;
1010 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1013 .oo-ui-searchWidget-results {
1018 .oo-ui-numberInputWidget {
1019 display: inline-block
;
1023 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
1024 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
1025 display: table-cell
;
1027 .oo-ui-numberInputWidget-field {
1029 table-layout: fixed
;
1032 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
1035 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
1042 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1045 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1046 border-top-right-radius: 0;
1047 border-bottom-right-radius: 0;
1048 border-right-width: 0;
1050 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1051 border-top-left-radius: 0;
1052 border-bottom-left-radius: 0;
1053 border-left-width: 0;