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-03-07T22:57: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-draggableElement-handle:focus {
37 box-shadow: inset
0 0 0 1px #36c, 0 0 0 1px #36c;
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-outlinePanel-editable > .oo-ui-outlineSelectWidget {
57 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
63 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
66 .oo-ui-bookletLayout-outlinePanel {
67 border-right: 1px solid
#ddd;
69 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
70 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
72 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
75 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
78 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
81 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
84 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
94 .oo-ui-menuLayout-menu
,
95 .oo-ui-menuLayout-content {
97 -webkit-transition: all
200ms ease
;
98 -moz-transition: all
200ms ease
;
99 transition: all
200ms ease
;
101 .oo-ui-menuLayout-menu {
105 .oo-ui-menuLayout-content {
111 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
113 height: 0 !important
;
116 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
120 bottom: 0 !important
;
122 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
123 width: auto
!important
;
128 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
130 bottom: 0 !important
;
133 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
134 height: auto
!important
;
139 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
140 bottom: 0 !important
;
144 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
145 width: auto
!important
;
150 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
155 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
156 height: auto
!important
;
161 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
164 bottom: 0 !important
;
166 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
170 .oo-ui-buttonSelectWidget {
171 display: inline-block
;
178 .oo-ui-buttonSelectWidget:last-child {
181 .oo-ui-buttonSelectWidget:focus {
184 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
188 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
189 border-bottom-left-radius: 2px;
190 border-top-left-radius: 2px;
193 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
194 border-bottom-right-radius: 2px;
195 border-top-right-radius: 2px;
197 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
199 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
201 .oo-ui-buttonSelectWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
202 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
205 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
208 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
211 .oo-ui-buttonOptionWidget {
212 display: inline-block
;
215 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
218 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
219 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
221 display: inline-block
;
222 vertical-align: middle
;
224 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
225 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
226 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
227 background-color: transparent
;
229 .oo-ui-toggleButtonWidget {
232 .oo-ui-toggleButtonWidget:last-child {
235 .oo-ui-toggleSwitchWidget {
237 display: inline-block
;
238 vertical-align: middle
;
240 -webkit-box-sizing: border-box
;
241 -moz-box-sizing: border-box
;
242 box-sizing: border-box
;
243 -webkit-transform: translateZ
(0);
244 transform: translateZ
(0);
245 background-color: #f8f9fa;
249 border: 1px solid
#72777d;
252 -webkit-transition: background-color
250ms, border-color
250ms;
253 -moz-transition: background-color
250ms, border-color
250ms;
254 transition: background-color
250ms, border-color
250ms;
256 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
259 .oo-ui-toggleSwitchWidget-grip {
262 -webkit-box-sizing: border-box
;
263 -moz-box-sizing: border-box
;
264 box-sizing: border-box
;
266 .oo-ui-toggleSwitchWidget:last-child {
269 .oo-ui-toggleSwitchWidget:before {
277 border: 1px solid transparent
;
280 -webkit-transition: border-color
250ms;
281 -moz-transition: border-color
250ms;
282 transition: border-color
250ms;
284 .oo-ui-toggleSwitchWidget-grip {
290 border-radius: 1.25em;
291 -webkit-transition: background-color
250ms, left
100ms, margin-left
100ms;
292 -moz-transition: background-color
250ms, left
100ms, margin-left
100ms;
293 transition: background-color
250ms, left
100ms, margin-left
100ms;
295 .oo-ui-toggleSwitchWidget-glow {
298 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
302 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
306 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
307 background-color: #f8f9fa;
308 border: 1px solid
#72777d;
310 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
311 background-color: #fff;
312 border-color: #447ff5;
314 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
315 background-color: #fff;
316 border-color: #447ff5;
318 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
319 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
,
320 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
321 background-color: #2a4b8d;
322 border-color: #2a4b8d;
323 box-shadow: inset
0 0 0 1px #2a4b8d;
325 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
326 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
.oo-ui-toggleSwitchWidget-grip
,
327 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
328 background-color: #fff;
330 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
332 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
334 box-shadow: inset
0 0 0 1px #36c;
337 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
340 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
341 background-color: #36c;
344 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
345 background-color: #fff;
347 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
349 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
350 background-color: #447ff5;
351 border-color: #447ff5;
353 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled
.oo-ui-toggleWidget-on:active
,
354 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
355 background-color: #2a4b8d;
356 border-color: #2a4b8d;
358 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
361 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
364 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
365 background-color: #c8ccd1;
366 border-color: #c8ccd1;
369 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
370 border: 1px solid
#fff;
371 box-shadow: inset
0 0 0 1px #fff;
373 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
374 background-color: #fff;
376 .oo-ui-selectFileWidget {
377 display: inline-block
;
378 vertical-align: middle
;
383 .oo-ui-selectFileWidget-selectButton {
386 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
390 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
403 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
406 .oo-ui-selectFileWidget-info {
409 vertical-align: middle
;
412 -webkit-box-sizing: border-box
;
413 -moz-box-sizing: border-box
;
414 box-sizing: border-box
;
416 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
417 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
422 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
424 -webkit-touch-callout: none
;
425 -webkit-user-select: none
;
426 -moz-user-select: none
;
427 -ms-user-select: none
;
430 .oo-ui-selectFileWidget-label {
436 text-overflow: ellipsis
;
438 .oo-ui-selectFileWidget-clearButton {
442 .oo-ui-selectFileWidget-dropTarget {
447 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
448 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
449 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
452 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
458 background-position: center center
;
459 background-repeat: no-repeat
;
460 background-size: contain
;
462 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
463 background-repeat: repeat
;
464 background-size: auto
;
466 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
475 margin-left: 8.815em;
478 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
483 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
486 padding-right: 2.375em;
488 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
491 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
492 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
495 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
497 margin: 2.2em 1em 1em;
499 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
500 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
503 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
504 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
507 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
508 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
511 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
514 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
517 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
518 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
519 -webkit-touch-callout: none
;
520 -webkit-user-select: none
;
521 -moz-user-select: none
;
522 -ms-user-select: none
;
525 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
526 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
527 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
528 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
531 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
534 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
537 .oo-ui-selectFileWidget:last-child {
540 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
541 border-radius: 0 2px 2px 0;
543 .oo-ui-selectFileWidget-info {
545 background-color: #fff;
546 border: 1px solid
#a2a9b1;
547 border-radius: 2px 0 0 2px;
548 border-width: 1px 0 1px 1px;
550 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
554 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
556 margin-right: 0.775em;
558 .oo-ui-selectFileWidget-label {
559 -webkit-box-sizing: border-box
;
560 -moz-box-sizing: border-box
;
561 box-sizing: border-box
;
569 .oo-ui-selectFileWidget-fileName {
572 text-overflow: ellipsis
;
574 .oo-ui-selectFileWidget-clearButton {
581 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
584 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
587 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
590 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
594 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
597 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
598 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
601 .oo-ui-selectFileWidget-dropTarget {
602 background-color: #fff;
603 border: 1px solid
#a2a9b1;
605 vertical-align: middle
;
608 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
611 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
616 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
617 background-color: #fff;
618 border-style: dashed
;
619 -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);
620 -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);
621 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);
623 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
624 border-color: #72777d;
626 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
627 background-color: #eaf3ff;
630 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
631 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
632 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
633 background-color: #eaecf0;
634 border-color: #c8ccd1;
636 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
637 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
638 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
639 background-color: #eaecf0;
641 border-color: #c8ccd1;
642 text-shadow: 0 1px 1px #fff;
644 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
645 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
646 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
647 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
648 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
649 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
652 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
655 .oo-ui-outlineSelectWidget {
658 .oo-ui-outlineSelectWidget:focus {
659 box-shadow: inset
0 0 0 2px #36c;
661 .oo-ui-outlineOptionWidget {
662 -webkit-touch-callout: none
;
663 -webkit-user-select: none
;
664 -moz-user-select: none
;
665 -ms-user-select: none
;
669 -webkit-transition: background-color
100ms, color
100ms;
670 -moz-transition: background-color
100ms, color
100ms;
671 transition: background-color
100ms, color
100ms;
673 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
674 background-color: #eaecf0;
677 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
678 background-color: #eaf3ff;
681 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
682 background-color: rgba
(41, 98, 204, 0.1);
685 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
686 font-size: 90.90909%;
688 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
689 padding-right: 1.5em;
691 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
694 .oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement {
695 padding-left: 2.571em;
697 .oo-ui-outlineOptionWidget-level-1 {
698 padding-left: 2.571em;
700 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement {
701 padding-left: 4.429em;
703 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon {
706 .oo-ui-outlineOptionWidget-level-2 {
707 padding-left: 5.142em;
709 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement {
710 padding-left: 6.857em;
712 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon {
715 .oo-ui-outlineControlsWidget {
717 background-color: #fff;
719 .oo-ui-outlineControlsWidget-items
,
720 .oo-ui-outlineControlsWidget-movers {
722 -webkit-box-sizing: border-box
;
723 -moz-box-sizing: border-box
;
724 box-sizing: border-box
;
726 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
728 background-position: right center
;
730 .oo-ui-outlineControlsWidget-items {
733 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
736 .oo-ui-outlineControlsWidget-movers {
739 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
742 .oo-ui-outlineControlsWidget-items
,
743 .oo-ui-outlineControlsWidget-movers {
745 margin: 0.5em 0.5em 0.5em 0;
748 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
751 margin: 0.5em 0 0.5em 0.5em;
754 .oo-ui-tabSelectWidget {
758 background-color: #eaecf0;
760 .oo-ui-tabOptionWidget {
761 display: inline-block
;
762 vertical-align: bottom
;
764 margin: 0.5em 0 0 0.75em;
765 border: 1px solid transparent
;
767 border-top-left-radius: 2px;
768 border-top-right-radius: 2px;
771 -webkit-transition: background-color
100ms, color
100ms;
772 -moz-transition: background-color
100ms, color
100ms;
773 transition: background-color
100ms, color
100ms;
775 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
776 background-color: rgba
(255, 255, 255, 0.3);
778 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
779 background-color: rgba
(255, 255, 255, 0.8);
781 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
782 padding-right: 1.5em;
784 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
787 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
788 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
789 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
790 background-color: #fff;
793 .oo-ui-capsuleMultiselectWidget {
794 display: inline-block
;
799 .oo-ui-capsuleMultiselectWidget-handle {
804 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
805 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
810 .oo-ui-capsuleMultiselectWidget-content {
813 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
816 .oo-ui-capsuleMultiselectWidget-group {
819 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
822 .oo-ui-capsuleMultiselectWidget-focusTrap {
823 display: inline-block
;
827 .oo-ui-capsuleMultiselectWidget-handle {
830 padding: 0.15em 0.25em;
831 border: 1px solid
#a2a9b1;
833 -webkit-box-sizing: border-box
;
834 -moz-box-sizing: border-box
;
835 box-sizing: border-box
;
837 .oo-ui-capsuleMultiselectWidget-handle:last-child {
840 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
846 font-family: inherit
;
847 background-color: transparent
;
849 vertical-align: middle
;
851 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
855 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
859 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
863 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
867 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
871 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
874 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
875 padding-left: 2.475em;
877 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
881 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
882 padding-right: 2.4875em;
884 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
888 .oo-ui-capsuleMultiselectWidget-popup {
891 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
894 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
895 background-color: #fff;
897 -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);
898 -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);
899 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);
901 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
902 border-color: #72777d;
904 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
907 box-shadow: inset
0 0 0 1px #36c;
909 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
911 text-shadow: 0 1px 1px #fff;
912 border-color: #c8ccd1;
913 background-color: #eaecf0;
915 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
918 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
921 .oo-ui-capsuleItemWidget {
923 display: inline-block
;
926 -webkit-box-sizing: border-box
;
927 -moz-box-sizing: border-box
;
928 box-sizing: border-box
;
933 border: 1px solid
#a2a9b1;
937 vertical-align: middle
;
939 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
940 display: inline-block
;
941 text-overflow: ellipsis
;
945 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
946 background-color: #f8f9fa;
948 padding-right: 1.5375em;
949 -webkit-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
950 -moz-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
951 transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
953 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:hover {
954 background-color: #fff;
956 border-color: #a2a9b1;
958 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled:focus {
960 box-shadow: inset
0 0 0 1px #36c;
963 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
970 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
975 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
982 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
983 background-color: #eaecf0;
985 border-color: #c8ccd1;
986 text-shadow: 0 1px 1px #fff;
988 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement {
991 .oo-ui-searchWidget-query {
997 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1000 .oo-ui-searchWidget-results {
1008 .oo-ui-searchWidget-query {
1011 border-bottom: 1px solid
#a2a9b1;
1013 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1016 .oo-ui-searchWidget-results {
1021 .oo-ui-numberInputWidget {
1022 display: inline-block
;
1026 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
1027 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
1028 display: table-cell
;
1030 .oo-ui-numberInputWidget-field {
1032 table-layout: fixed
;
1035 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
1038 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
1045 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1048 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1049 border-top-right-radius: 0;
1050 border-bottom-right-radius: 0;
1051 border-right-width: 0;
1053 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1054 border-top-left-radius: 0;
1055 border-bottom-left-radius: 0;
1056 border-left-width: 0;