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-30T20:34:41Z
11 .oo-ui-draggableElement-handle:not
( .oo-ui-draggableElement-undraggable
),
12 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget {
14 cursor: url
(images
/grab
.cur
);
19 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ):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
;
214 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
217 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
218 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
220 display: inline-block
;
221 vertical-align: middle
;
223 .oo-ui-toggleButtonWidget {
226 .oo-ui-toggleButtonWidget:last-child {
229 .oo-ui-toggleSwitchWidget {
231 display: inline-block
;
232 vertical-align: middle
;
234 -webkit-box-sizing: border-box
;
235 -moz-box-sizing: border-box
;
236 box-sizing: border-box
;
237 -webkit-transform: translateZ
(0);
238 transform: translateZ
(0);
239 background-color: #f8f9fa;
243 border: 1px solid
#72777d;
246 -webkit-transition: background-color
250ms, border-color
250ms;
247 -moz-transition: background-color
250ms, border-color
250ms;
248 transition: background-color
250ms, border-color
250ms;
250 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
253 .oo-ui-toggleSwitchWidget-grip {
256 -webkit-box-sizing: border-box
;
257 -moz-box-sizing: border-box
;
258 box-sizing: border-box
;
260 .oo-ui-toggleSwitchWidget:last-child {
263 .oo-ui-toggleSwitchWidget:before {
271 border: 1px solid transparent
;
274 -webkit-transition: border-color
250ms;
275 -moz-transition: border-color
250ms;
276 transition: border-color
250ms;
278 .oo-ui-toggleSwitchWidget-grip {
284 border-radius: 1.25em;
285 -webkit-transition: background-color
250ms, left
100ms, margin-left
100ms;
286 -moz-transition: background-color
250ms, left
100ms, margin-left
100ms;
287 transition: background-color
250ms, left
100ms, margin-left
100ms;
289 .oo-ui-toggleSwitchWidget-glow {
292 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
296 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
300 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
301 background-color: #f8f9fa;
302 border: 1px solid
#72777d;
304 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
305 background-color: #fff;
306 border-color: #447ff5;
308 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
309 background-color: #fff;
310 border-color: #447ff5;
312 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
313 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
,
314 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
315 background-color: #2a4b8d;
316 border-color: #2a4b8d;
317 box-shadow: inset
0 0 0 1px #2a4b8d;
319 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
320 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
.oo-ui-toggleSwitchWidget-grip
,
321 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
322 background-color: #fff;
324 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
326 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
328 box-shadow: inset
0 0 0 1px #36c;
331 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
334 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
335 background-color: #36c;
338 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
339 background-color: #fff;
341 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
343 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
344 background-color: #447ff5;
345 border-color: #447ff5;
347 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled
.oo-ui-toggleWidget-on:active
,
348 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
349 background-color: #2a4b8d;
350 border-color: #2a4b8d;
352 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
355 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
358 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
359 background-color: #c8ccd1;
360 border-color: #c8ccd1;
363 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
364 border: 1px solid
#fff;
365 box-shadow: inset
0 0 0 1px #fff;
367 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
368 background-color: #fff;
370 .oo-ui-selectFileWidget {
371 display: inline-block
;
372 vertical-align: middle
;
377 .oo-ui-selectFileWidget-selectButton {
380 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
384 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
397 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
400 .oo-ui-selectFileWidget-info {
403 vertical-align: middle
;
406 -webkit-box-sizing: border-box
;
407 -moz-box-sizing: border-box
;
408 box-sizing: border-box
;
410 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
411 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
416 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
418 -webkit-touch-callout: none
;
419 -webkit-user-select: none
;
420 -moz-user-select: none
;
421 -ms-user-select: none
;
424 .oo-ui-selectFileWidget-label {
430 text-overflow: ellipsis
;
432 .oo-ui-selectFileWidget-clearButton {
436 .oo-ui-selectFileWidget-dropTarget {
441 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
442 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
443 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
446 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
452 background-position: center center
;
453 background-repeat: no-repeat
;
454 background-size: contain
;
456 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
457 background-repeat: repeat
;
458 background-size: auto
;
460 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
465 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
469 margin-left: 8.815em;
472 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
477 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
480 padding-right: 2.375em;
482 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
485 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
486 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
489 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
491 margin: 2.2em 1em 1em;
493 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
494 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
497 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
498 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
501 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
502 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
505 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
508 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
511 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
512 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
513 -webkit-touch-callout: none
;
514 -webkit-user-select: none
;
515 -moz-user-select: none
;
516 -ms-user-select: none
;
519 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
520 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
521 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
522 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
525 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
528 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
531 .oo-ui-selectFileWidget:last-child {
534 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
535 border-radius: 0 2px 2px 0;
537 .oo-ui-selectFileWidget-info {
539 background-color: #fff;
540 border: 1px solid
#a2a9b1;
541 border-radius: 2px 0 0 2px;
542 border-width: 1px 0 1px 1px;
544 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
548 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
550 margin-right: 0.775em;
552 .oo-ui-selectFileWidget-label {
553 -webkit-box-sizing: border-box
;
554 -moz-box-sizing: border-box
;
555 box-sizing: border-box
;
558 padding-top: 0.625em;
559 padding-left: 0.546875em;
560 padding-bottom: 0.546875em;
561 line-height: 1.172em;
564 .oo-ui-selectFileWidget-fileName {
567 text-overflow: ellipsis
;
569 .oo-ui-selectFileWidget-clearButton {
576 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
579 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
582 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
585 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
589 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
592 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
593 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
596 .oo-ui-selectFileWidget-dropTarget {
597 background-color: #fff;
598 border: 1px solid
#a2a9b1;
600 vertical-align: middle
;
603 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
606 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
611 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
612 background-color: #fff;
613 border-style: dashed
;
614 -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);
615 -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);
616 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);
618 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
619 border-color: #72777d;
621 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
622 background-color: #eaf3ff;
625 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
626 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
627 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
628 background-color: #eaecf0;
629 border-color: #c8ccd1;
631 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
632 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
633 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
634 background-color: #eaecf0;
636 border-color: #c8ccd1;
637 text-shadow: 0 1px 1px #fff;
639 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
640 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
641 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
644 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
645 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
646 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
649 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
652 .oo-ui-outlineSelectWidget {
655 .oo-ui-outlineSelectWidget:focus {
656 box-shadow: inset
0 0 0 2px #36c;
658 .oo-ui-outlineOptionWidget {
659 -webkit-touch-callout: none
;
660 -webkit-user-select: none
;
661 -moz-user-select: none
;
662 -ms-user-select: none
;
666 -webkit-transition: background-color
100ms, color
100ms;
667 -moz-transition: background-color
100ms, color
100ms;
668 transition: background-color
100ms, color
100ms;
670 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
671 background-color: #eaecf0;
674 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
675 background-color: #eaf3ff;
678 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
679 background-color: rgba
(41, 98, 204, 0.1);
682 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
683 font-size: 90.90909%;
685 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
686 padding-right: 1.5em;
688 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
691 .oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement {
692 padding-left: 2.571em;
694 .oo-ui-outlineOptionWidget-level-1 {
695 padding-left: 2.571em;
697 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement {
698 padding-left: 4.429em;
700 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon {
703 .oo-ui-outlineOptionWidget-level-2 {
704 padding-left: 5.142em;
706 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement {
707 padding-left: 6.857em;
709 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon {
712 .oo-ui-outlineControlsWidget {
714 background-color: #fff;
716 .oo-ui-outlineControlsWidget-items
,
717 .oo-ui-outlineControlsWidget-movers {
719 -webkit-box-sizing: border-box
;
720 -moz-box-sizing: border-box
;
721 box-sizing: border-box
;
723 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
725 background-position: right center
;
727 .oo-ui-outlineControlsWidget-items {
730 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
733 .oo-ui-outlineControlsWidget-movers {
736 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
739 .oo-ui-outlineControlsWidget-items
,
740 .oo-ui-outlineControlsWidget-movers {
742 margin: 0.5em 0.5em 0.5em 0;
745 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
748 margin: 0.5em 0 0.5em 0.5em;
751 .oo-ui-tabSelectWidget {
755 background-color: #eaecf0;
757 .oo-ui-tabOptionWidget {
758 display: inline-block
;
759 vertical-align: bottom
;
761 margin: 0.5em 0 0 0.75em;
762 border: 1px solid transparent
;
764 border-top-left-radius: 2px;
765 border-top-right-radius: 2px;
768 -webkit-transition: background-color
100ms, color
100ms;
769 -moz-transition: background-color
100ms, color
100ms;
770 transition: background-color
100ms, color
100ms;
772 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
773 background-color: rgba
(255, 255, 255, 0.3);
775 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
776 background-color: rgba
(255, 255, 255, 0.8);
778 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
779 padding-right: 1.5em;
781 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
784 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
785 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
786 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
787 background-color: #fff;
790 .oo-ui-capsuleMultiselectWidget {
791 display: inline-block
;
796 .oo-ui-capsuleMultiselectWidget-handle {
801 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
802 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
807 .oo-ui-capsuleMultiselectWidget-content {
810 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
813 .oo-ui-capsuleMultiselectWidget-group {
816 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
819 .oo-ui-capsuleMultiselectWidget-focusTrap {
820 display: inline-block
;
824 .oo-ui-capsuleMultiselectWidget-handle {
827 padding: 0.15em 0.25em;
828 border: 1px solid
#a2a9b1;
830 -webkit-box-sizing: border-box
;
831 -moz-box-sizing: border-box
;
832 box-sizing: border-box
;
834 .oo-ui-capsuleMultiselectWidget-handle:last-child {
837 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
843 font-family: inherit
;
844 background-color: transparent
;
846 vertical-align: middle
;
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
;
1028 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1031 .oo-ui-numberInputWidget-field {
1033 table-layout: fixed
;
1036 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
1039 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
1046 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1049 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1050 border-top-right-radius: 0;
1051 border-bottom-right-radius: 0;
1052 border-right-width: 0;
1054 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1055 border-top-left-radius: 0;
1056 border-bottom-left-radius: 0;
1057 border-left-width: 0;