3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2018 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2018-10-08T22:43:02Z
11 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget {
13 cursor: url
(images
/grab
.cur
);
18 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ):active {
19 cursor: url
(images
/grabbing
.cur
);
20 cursor: -webkit-grabbing
;
21 cursor: -moz-grabbing
;
24 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
25 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
28 .oo-ui-draggableElement-placeholder {
31 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
32 display: inline-block
;
37 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
40 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
42 -webkit-box-sizing: border-box
;
43 -moz-box-sizing: border-box
;
44 box-sizing: border-box
;
46 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
55 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
62 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
63 padding: 1.42857143em;
65 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
66 border-top: 1px solid
#c8ccd1;
68 .oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
69 border-right: 1px solid
#c8ccd1;
73 /* Use two classes to ensure increased specificity over menuLayout */
75 .oo-ui-indexLayout.oo-ui-menuLayout > .oo-ui-menuLayout-menu {
78 .oo-ui-indexLayout.oo-ui-menuLayout-expanded.oo-ui-menuLayout > .oo-ui-menuLayout-menu {
82 .oo-ui-indexLayout.oo-ui-menuLayout-expanded.oo-ui-menuLayout > .oo-ui-menuLayout-content {
85 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
86 padding: 1.42857143em;
88 .oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu {
91 .oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content {
101 .oo-ui-menuLayout-expanded
,
102 .oo-ui-menuLayout-expanded
> .oo-ui-menuLayout-menu
,
103 .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content {
106 .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu {
109 .oo-ui-menuLayout-static
.oo-ui-menuLayout-after
,
110 .oo-ui-menuLayout-static.oo-ui-menuLayout-before {
114 .oo-ui-menuLayout-static
.oo-ui-menuLayout-after
> .oo-ui-menuLayout-menu
,
115 .oo-ui-menuLayout-static
.oo-ui-menuLayout-before
> .oo-ui-menuLayout-menu
,
116 .oo-ui-menuLayout-static
.oo-ui-menuLayout-after
> .oo-ui-menuLayout-content
,
117 .oo-ui-menuLayout-static.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
121 .oo-ui-menuLayout
> .oo-ui-menuLayout-menu
,
122 .oo-ui-menuLayout > .oo-ui-menuLayout-content {
123 -webkit-transition: height
200ms ease
, width
200ms ease
, top
200ms ease
, left
200ms ease
, right
200ms ease
, bottom
200ms ease
;
124 -moz-transition: height
200ms ease
, width
200ms ease
, top
200ms ease
, left
200ms ease
, right
200ms ease
, bottom
200ms ease
;
125 transition: height
200ms ease
, width
200ms ease
, top
200ms ease
, left
200ms ease
, right
200ms ease
, bottom
200ms ease
;
127 .oo-ui-menuLayout > .oo-ui-menuLayout-menu {
131 .oo-ui-menuLayout > .oo-ui-menuLayout-content {
137 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
139 height: 0 !important
;
142 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
146 bottom: 0 !important
;
148 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
149 width: auto
!important
;
154 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
156 bottom: 0 !important
;
159 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
160 height: auto
!important
;
165 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
166 bottom: 0 !important
;
170 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
171 width: auto
!important
;
176 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
181 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
182 height: auto
!important
;
187 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
190 bottom: 0 !important
;
195 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
200 .oo-ui-buttonSelectWidget {
201 display: inline-block
;
208 .oo-ui-buttonSelectWidget:last-child {
211 .oo-ui-buttonSelectWidget:focus {
214 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
218 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
220 border-bottom-left-radius: 2px;
221 border-top-left-radius: 2px;
223 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
224 border-bottom-right-radius: 2px;
225 border-top-right-radius: 2px;
227 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
228 border-left-color: #fff;
230 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
232 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
234 .oo-ui-buttonSelectWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
235 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
238 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
241 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
245 .oo-ui-buttonOptionWidget {
246 display: inline-block
;
248 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
253 .oo-ui-toggleButtonWidget {
256 .oo-ui-toggleButtonWidget:last-child {
260 .oo-ui-toggleSwitchWidget {
262 display: inline-block
;
263 vertical-align: middle
;
265 -webkit-box-sizing: border-box
;
266 -moz-box-sizing: border-box
;
267 box-sizing: border-box
;
268 -webkit-transform: translateZ
(0);
269 transform: translateZ
(0);
270 background-color: #f8f9fa;
274 border: 1px solid
#72777d;
277 -webkit-transition: background-color
250ms, border-color
250ms;
278 -moz-transition: background-color
250ms, border-color
250ms;
279 transition: background-color
250ms, border-color
250ms;
281 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
284 .oo-ui-toggleSwitchWidget-grip {
287 -webkit-box-sizing: border-box
;
288 -moz-box-sizing: border-box
;
289 box-sizing: border-box
;
291 .oo-ui-toggleSwitchWidget:last-child {
294 .oo-ui-toggleSwitchWidget:before {
302 border: 1px solid transparent
;
305 -webkit-transition: border-color
250ms;
306 -moz-transition: border-color
250ms;
307 transition: border-color
250ms;
309 .oo-ui-toggleSwitchWidget-grip {
314 height: 1.14285714em;
315 border-radius: 1.14285714em;
316 -webkit-transition: background-color
250ms, left
100ms, margin-left
100ms;
317 -moz-transition: background-color
250ms, left
100ms, margin-left
100ms;
318 transition: background-color
250ms, left
100ms, margin-left
100ms;
320 .oo-ui-toggleSwitchWidget-glow {
323 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
327 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
331 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
332 background-color: #f8f9fa;
333 border: 1px solid
#72777d;
335 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
336 background-color: #fff;
337 border-color: #447ff5;
339 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
340 background-color: #fff;
341 border-color: #447ff5;
343 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
344 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
,
345 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
346 background-color: #2a4b8d;
347 border-color: #2a4b8d;
348 box-shadow: inset
0 0 0 1px #2a4b8d;
350 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
351 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
.oo-ui-toggleSwitchWidget-grip
,
352 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
353 background-color: #fff;
355 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
357 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
359 box-shadow: inset
0 0 0 1px #36c;
362 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
365 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
366 background-color: #36c;
369 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
370 background-color: #fff;
372 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
374 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
375 background-color: #447ff5;
376 border-color: #447ff5;
378 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled
.oo-ui-toggleWidget-on:active
,
379 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
380 background-color: #2a4b8d;
381 border-color: #2a4b8d;
383 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
386 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
389 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
390 background-color: #c8ccd1;
391 border-color: #c8ccd1;
394 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
395 border: 1px solid
#fff;
396 box-shadow: inset
0 0 0 1px #fff;
398 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
399 background-color: #fff;
402 .oo-ui-selectFileWidget {
403 display: inline-block
;
404 vertical-align: middle
;
409 .oo-ui-selectFileWidget-selectButton {
412 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
416 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
429 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
432 .oo-ui-selectFileWidget-info {
435 vertical-align: middle
;
438 -webkit-box-sizing: border-box
;
439 -moz-box-sizing: border-box
;
440 box-sizing: border-box
;
442 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
444 -webkit-touch-callout: none
;
445 -webkit-user-select: none
;
446 -moz-user-select: none
;
447 -ms-user-select: none
;
450 .oo-ui-selectFileWidget-label {
456 text-overflow: ellipsis
;
458 .oo-ui-selectFileWidget-clearButton {
462 .oo-ui-selectFileWidget-dropTarget {
467 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
468 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
477 background-position: center center
;
478 background-repeat: no-repeat
;
479 background-size: contain
;
481 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
482 background-repeat: repeat
;
483 background-size: auto
;
485 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
490 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
494 margin-left: 8.815em;
497 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
502 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
505 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
506 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
509 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
511 margin: 2.2em 1em 1em;
513 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
514 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
517 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
518 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
521 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
522 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
525 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
528 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
531 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
532 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
533 -webkit-touch-callout: none
;
534 -webkit-user-select: none
;
535 -moz-user-select: none
;
536 -ms-user-select: none
;
539 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
540 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
541 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
542 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
545 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
548 .oo-ui-selectFileWidget:last-child {
551 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
552 border-radius: 0 2px 2px 0;
554 .oo-ui-selectFileWidget-info {
555 background-color: #fff;
556 border: 1px solid
#a2a9b1;
557 border-radius: 2px 0 0 2px;
558 border-right-width: 0;
560 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
563 min-height: 2.28571429em;
566 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
569 min-height: 2.28571429em;
571 .oo-ui-selectFileWidget-label {
572 -webkit-box-sizing: border-box
;
573 -moz-box-sizing: border-box
;
574 box-sizing: border-box
;
577 padding-top: 0.57142857em;
578 padding-left: 0.57142857em;
579 padding-bottom: 0.5em;
582 .oo-ui-selectFileWidget.oo-ui-labelElement .oo-ui-selectFileWidget-label {
583 line-height: 1.07142857em;
585 .oo-ui-selectFileWidget-fileName {
588 text-overflow: ellipsis
;
590 .oo-ui-selectFileWidget-clearButton {
595 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
596 height: 2.28571429em;
598 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
601 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
604 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
608 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
611 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
612 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
615 .oo-ui-selectFileWidget-dropTarget {
616 background-color: #fff;
617 border: 1px solid
#a2a9b1;
619 vertical-align: middle
;
622 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
625 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
629 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
630 padding-right: 2.64285714em;
632 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
635 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
636 background-color: #fff;
637 border-style: dashed
;
638 -webkit-transition: background-color
250ms, color
250ms, border-color
250ms;
639 -moz-transition: background-color
250ms, color
250ms, border-color
250ms;
640 transition: background-color
250ms, color
250ms, border-color
250ms;
642 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
643 border-color: #72777d;
645 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
646 background-color: #eaf3ff;
649 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
650 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
651 background-color: #eaecf0;
653 border-color: #c8ccd1;
654 text-shadow: 0 1px 1px #fff;
656 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
657 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
660 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
661 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
664 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
665 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget {
666 background-color: #eaecf0;
667 border-color: #c8ccd1;
669 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
670 background-color: #eaecf0;
672 border-color: #c8ccd1;
674 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
675 background-color: #eaecf0;
676 border-color: #c8ccd1;
678 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
679 padding: 1em 0.85714286em;
681 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
685 .oo-ui-outlineSelectWidget {
688 .oo-ui-outlineSelectWidget:focus {
689 box-shadow: inset
0 0 0 2px #36c;
692 .oo-ui-outlineOptionWidget {
693 -webkit-touch-callout: none
;
694 -webkit-user-select: none
;
695 -moz-user-select: none
;
696 -ms-user-select: none
;
698 padding: 1em 0.85714286em 0.92857143em;
699 -webkit-transition: background-color
100ms, color
100ms;
700 -moz-transition: background-color
100ms, color
100ms;
701 transition: background-color
100ms, color
100ms;
703 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
704 background-color: #eaecf0;
707 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
708 background-color: #eaf3ff;
711 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
712 background-color: rgba
(41, 98, 204, 0.1);
715 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
716 padding-right: 1.5em;
718 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
721 .oo-ui-outlineOptionWidget-level-1 {
722 padding-left: 2.571em;
724 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement {
725 padding-left: 4.429em;
727 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon {
730 .oo-ui-outlineOptionWidget-level-2 {
731 padding-left: 5.142em;
733 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement {
734 padding-left: 6.857em;
736 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon {
740 .oo-ui-outlineControlsWidget {
741 background-color: #fff;
743 .oo-ui-outlineControlsWidget-items
,
744 .oo-ui-outlineControlsWidget-movers {
746 -webkit-box-sizing: border-box
;
747 -moz-box-sizing: border-box
;
748 box-sizing: border-box
;
750 .oo-ui-outlineControlsWidget-items {
753 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
756 .oo-ui-outlineControlsWidget-movers {
759 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
762 .oo-ui-outlineControlsWidget-items
> .oo-ui-buttonWidget
,
763 .oo-ui-outlineControlsWidget-movers > .oo-ui-buttonWidget {
764 height: 2.28571429em;
766 margin: 0 !important
;
767 /* stylelint-disable-line declaration-no-important */
770 .oo-ui-tabSelectWidget {
774 background-color: #eaecf0;
776 .oo-ui-tabSelectWidget.oo-ui-widget-enabled:focus {
780 .oo-ui-tabOptionWidget {
781 display: inline-block
;
782 -webkit-box-sizing: border-box
;
783 -moz-box-sizing: border-box
;
784 box-sizing: border-box
;
785 vertical-align: bottom
;
787 margin: 0.42857143em 0 0 0.42857143em;
788 border-color: transparent
;
790 border-width: 1px 1px 0 1px;
791 border-top-left-radius: 2px;
792 border-top-right-radius: 2px;
793 padding: 0 0.57142857em;
796 -webkit-transition: background-color
100ms, color
100ms, border-color
100ms;
797 -moz-transition: background-color
100ms, color
100ms, border-color
100ms;
798 transition: background-color
100ms, color
100ms, border-color
100ms;
800 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
801 background-color: #fff;
805 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
806 border-bottom-color: #fff;
808 .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
809 border-bottom: 2px solid transparent
;
810 padding: 0.57142857em 0.35714286em 0.35714286em;
811 line-height: 1.07142857em;
812 -webkit-transition: border-color
100ms;
813 -moz-transition: border-color
100ms;
814 transition: border-color
100ms;
816 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
817 background-color: rgba
(255, 255, 255, 0.3);
820 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
821 background-color: rgba
(255, 255, 255, 0.8);
824 .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
825 background-color: #fff;
827 .oo-ui-tabSelectWidget.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
828 border-bottom-color: #36c;
831 .oo-ui-tagMultiselectWidget {
832 display: inline-block
;
838 .oo-ui-tagMultiselectWidget-handle {
843 .oo-ui-tagMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
844 .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
849 .oo-ui-tagMultiselectWidget-content {
852 .oo-ui-tagMultiselectWidget-group {
855 .oo-ui-tagMultiselectWidget-outlined {
858 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
861 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-content > input {
864 .oo-ui-tagMultiselectWidget-focusTrap {
865 display: inline-block
;
869 .oo-ui-tagMultiselectWidget-focusTrap:focus {
872 .oo-ui-tagMultiselectWidget-handle {
873 -webkit-box-sizing: border-box
;
874 -moz-box-sizing: border-box
;
875 box-sizing: border-box
;
876 min-height: 2.28571429em;
878 border: 1px solid
#a2a9b1;
880 padding: 0 0.57142857em;
883 .oo-ui-tagMultiselectWidget-handle:last-child {
886 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input {
887 background-color: transparent
;
890 padding: 0.57142857em 0 0.5em 0.35714286em;
891 font-family: inherit
;
893 line-height: 1.07142857em;
896 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-webkit-input-placeholder {
900 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-ms-input-placeholder {
904 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-moz-placeholder {
908 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-moz-placeholder {
912 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::placeholder {
916 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:focus {
919 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content .oo-ui-tagMultiselectWidget-group:empty + input {
922 .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group {
923 display: inline-block
;
925 margin-top: 0.28571429em;
926 margin-left: -0.14285714em;
928 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle {
929 padding-left: 2.02857143em;
931 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
935 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle {
936 padding-right: 2.40714286em;
938 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
942 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
943 background-color: #fff;
944 -webkit-transition: border-color
250ms, box-shadow
250ms;
945 -moz-transition: border-color
250ms, box-shadow
250ms;
946 transition: border-color
250ms, box-shadow
250ms;
948 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
949 border-color: #72777d;
951 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
954 box-shadow: inset
0 0 0 1px #36c;
956 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
957 background-color: #f8f9fa;
959 border-bottom-left-radius: 0;
960 border-bottom-right-radius: 0;
962 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
963 background-color: #fff;
965 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
966 border-top-left-radius: 0;
967 border-top-right-radius: 0;
969 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
971 text-shadow: 0 1px 1px #fff;
972 border-color: #c8ccd1;
973 background-color: #eaecf0;
975 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
978 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
983 .oo-ui-tagItemWidget {
985 display: inline-block
;
988 -webkit-box-sizing: border-box
;
989 -moz-box-sizing: border-box
;
990 box-sizing: border-box
;
993 height: 1.57142857em;
994 margin: 0 0.28571429em 0.28571429em 0;
995 border: 1px solid
#a2a9b1;
996 border-radius: 1.57142857em;
997 padding: 0 0.42857143em;
998 line-height: 1.57142857em;
999 vertical-align: middle
;
1001 .oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1002 display: inline-block
;
1004 text-overflow: ellipsis
;
1007 .oo-ui-tagItemWidget.oo-ui-labelElement:not( .oo-ui-tagItemWidget-fixed ) .oo-ui-labelElement-label {
1010 .oo-ui-tagItemWidget.oo-ui-widget-enabled {
1012 -webkit-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
1013 -moz-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
1014 transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
1016 .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
1017 background-color: #fff;
1019 border-color: #a2a9b1;
1021 .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
1023 box-shadow: inset
0 0 0 1px #36c;
1026 .oo-ui-tagItemWidget.oo-ui-widget-enabled:not( .oo-ui-tagItemWidget-fixed ) {
1027 background-color: #f8f9fa;
1028 padding-right: 1.64285714em;
1030 .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid {
1033 .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover {
1036 .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus {
1038 box-shadow: inset
0 0 0 1px #d33;
1040 .oo-ui-tagItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
1046 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
1048 border-radius: 1.57142857em;
1049 padding-top: 1.42857143em;
1050 padding-left: 1.42857143em;
1051 -webkit-transition: background-color
100ms;
1052 -moz-transition: background-color
100ms;
1053 transition: background-color
100ms;
1055 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
1056 background-color: #fff;
1058 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
1059 background-color: #c8ccd1;
1061 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
1064 width: 0.85714286em;
1066 .oo-ui-tagItemWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement-button
.oo-ui-labelElement-label
,
1067 .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
1070 .oo-ui-tagItemWidget.oo-ui-widget-disabled {
1071 background-color: #eaecf0;
1073 border-color: #c8ccd1;
1074 text-shadow: 0 1px 1px #fff;
1076 .oo-ui-tagItemWidget.oo-ui-widget-disabled:focus {
1079 .oo-ui-tagItemWidget.oo-ui-widget-disabled > .oo-ui-buttonElement {
1083 .oo-ui-searchWidget-query {
1089 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1092 .oo-ui-searchWidget-results {
1100 .oo-ui-searchWidget-query {
1102 padding: 0 1.42857143em;
1103 border-bottom: 1px solid
#c8ccd1;
1104 box-shadow: 0 1px 1px 0 rgba
(0, 0, 0, 0.1);
1106 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1107 margin: 0.85714286em 0;
1109 .oo-ui-searchWidget-results {
1111 padding: 1.14285714em;