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-07-11T22:12:41Z
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
;
34 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
37 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
39 -webkit-box-sizing: border-box
;
40 -moz-box-sizing: border-box
;
41 box-sizing: border-box
;
43 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
52 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
59 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
62 .oo-ui-bookletLayout-outlinePanel {
63 border-right: 1px solid
#ddd;
65 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
66 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
68 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
71 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
74 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
84 .oo-ui-menuLayout-menu
,
85 .oo-ui-menuLayout-content {
87 -webkit-transition: all
200ms ease
;
88 -moz-transition: all
200ms ease
;
89 transition: all
200ms ease
;
91 .oo-ui-menuLayout-menu {
95 .oo-ui-menuLayout-content {
101 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
103 height: 0 !important
;
106 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
110 bottom: 0 !important
;
112 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
113 width: auto
!important
;
118 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
120 bottom: 0 !important
;
123 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
124 height: auto
!important
;
129 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
130 bottom: 0 !important
;
134 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
135 width: auto
!important
;
140 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
145 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
146 height: auto
!important
;
151 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
154 bottom: 0 !important
;
156 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
160 .oo-ui-buttonSelectWidget {
161 display: inline-block
;
163 border-radius: 0.3em;
166 .oo-ui-buttonSelectWidget:last-child {
169 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
173 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
174 border-bottom-left-radius: 0.3em;
175 border-top-left-radius: 0.3em;
178 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
179 border-bottom-right-radius: 0.3em;
180 border-top-right-radius: 0.3em;
182 .oo-ui-buttonOptionWidget {
183 display: inline-block
;
185 background-color: transparent
;
187 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
190 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
191 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
193 display: inline-block
;
194 vertical-align: middle
;
196 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
197 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
198 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
199 background-color: transparent
;
201 .oo-ui-toggleButtonWidget {
204 .oo-ui-toggleButtonWidget:last-child {
207 .oo-ui-toggleSwitchWidget {
209 display: inline-block
;
210 vertical-align: middle
;
212 -webkit-box-sizing: border-box
;
213 -moz-box-sizing: border-box
;
214 box-sizing: border-box
;
215 -webkit-transform: translateZ
(0);
216 transform: translateZ
(0);
220 box-shadow: 0 0 0 #fff, inset
0 0.1em 0.2em #ddd;
221 border: 1px solid
#ccc;
223 background-color: #eeeeee;
224 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ddd), color-stop
(100%, #fff));
225 background-image: -webkit-linear-gradient
(top
, #ddd 0, #fff 100%);
226 background-image: -moz-linear-gradient
(top
, #ddd 0, #fff 100%);
227 background-image: linear-gradient
(to bottom
, #ddd 0, #fff 100%);
228 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
230 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
233 .oo-ui-toggleSwitchWidget-grip {
236 -webkit-box-sizing: border-box
;
237 -moz-box-sizing: border-box
;
238 box-sizing: border-box
;
240 .oo-ui-toggleSwitchWidget:last-child {
243 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
246 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
247 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
250 .oo-ui-toggleSwitchWidget-grip {
257 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
258 border: 1px #c9c9c9 solid
;
259 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
260 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
261 transition: left
250ms ease
, margin-left
250ms ease
;
262 background-color: #eeeeee;
263 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
264 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
265 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
266 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
267 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
269 .oo-ui-toggleSwitchWidget-glow {
276 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
277 -webkit-transition: opacity
250ms ease
;
278 -moz-transition: opacity
250ms ease
;
279 transition: opacity
250ms ease
;
280 background-color: #cde7f4;
281 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
282 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
283 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
284 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
285 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
286 -webkit-touch-callout: none
;
287 -webkit-user-select: none
;
288 -moz-user-select: none
;
289 -ms-user-select: none
;
292 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
295 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
299 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
302 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
306 .oo-ui-selectFileWidget {
307 display: inline-block
;
308 vertical-align: middle
;
313 .oo-ui-selectFileWidget-selectButton {
316 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
320 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
333 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
336 .oo-ui-selectFileWidget-info {
339 vertical-align: middle
;
342 -webkit-box-sizing: border-box
;
343 -moz-box-sizing: border-box
;
344 box-sizing: border-box
;
346 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
347 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
352 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
354 -webkit-touch-callout: none
;
355 -webkit-user-select: none
;
356 -moz-user-select: none
;
357 -ms-user-select: none
;
360 .oo-ui-selectFileWidget-label {
366 text-overflow: ellipsis
;
368 .oo-ui-selectFileWidget-clearButton {
372 .oo-ui-selectFileWidget-dropTarget {
377 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
378 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
379 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
382 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
388 background-position: center center
;
389 background-repeat: no-repeat
;
390 background-size: contain
;
392 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
393 background-repeat: repeat
;
394 background-size: auto
;
396 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
401 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
405 margin-left: 8.815em;
408 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
413 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
416 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
417 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
420 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
422 margin: 2.2em 1em 1em;
424 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
425 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
428 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
429 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
432 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
433 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
436 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
439 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
442 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
443 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
444 -webkit-touch-callout: none
;
445 -webkit-user-select: none
;
446 -moz-user-select: none
;
447 -ms-user-select: none
;
450 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
451 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
452 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
453 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
456 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
459 .oo-ui-selectFileWidget:last-child {
462 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
463 border-radius: 0 0.25em 0.25em 0;
465 .oo-ui-selectFileWidget-info {
467 background-color: #fff;
468 border: 1px solid rgba
(0, 0, 0, 0.1);
469 border-radius: 0.25em 0 0 0.25em;
470 border-width: 1px 0 1px 1px;
472 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
476 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
478 margin-right: 0.775em;
480 .oo-ui-selectFileWidget-label {
481 -webkit-box-sizing: border-box
;
482 -moz-box-sizing: border-box
;
483 box-sizing: border-box
;
490 text-overflow: ellipsis
;
492 .oo-ui-selectFileWidget-clearButton {
498 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
501 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
504 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
507 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
510 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
513 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-label
,
514 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
517 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
518 .oo-ui-selectFileWidget-notsupported
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
519 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
520 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
523 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
524 background-color: #e1f3ff;
526 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
529 .oo-ui-selectFileWidget-dropTarget {
530 background-color: #fff;
531 border: 1px solid
#aaa;
532 vertical-align: middle
;
533 border-radius: 0.25em;
535 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
536 border-radius: 0.25em;
538 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
543 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
545 padding-right: 2.375em;
547 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
550 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget {
551 border-style: dashed
;
553 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
554 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
555 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
556 background-color: #f3f3f3;
559 text-shadow: 0 1px 1px #fff;
561 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
562 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
563 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
564 background-color: #f3f3f3;
567 text-shadow: 0 1px 1px #fff;
569 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
570 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
571 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
572 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
573 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
574 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
577 .oo-ui-outlineOptionWidget {
578 -webkit-touch-callout: none
;
579 -webkit-user-select: none
;
580 -moz-user-select: none
;
581 -ms-user-select: none
;
586 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
587 font-size: 90.90909%;
589 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
590 padding-right: 1.5em;
592 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
595 .oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement {
598 .oo-ui-outlineOptionWidget-level-1 {
601 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement {
604 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon {
607 .oo-ui-outlineOptionWidget-level-2 {
610 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement {
613 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon {
616 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
617 background-color: #a7dcff;
618 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
620 .oo-ui-outlineControlsWidget {
622 background-color: #fff;
624 .oo-ui-outlineControlsWidget-items
,
625 .oo-ui-outlineControlsWidget-movers {
627 -webkit-box-sizing: border-box
;
628 -moz-box-sizing: border-box
;
629 box-sizing: border-box
;
631 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
633 background-position: right center
;
635 .oo-ui-outlineControlsWidget-items {
638 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
641 .oo-ui-outlineControlsWidget-movers {
644 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
647 .oo-ui-outlineControlsWidget-items
> .oo-ui-buttonWidget
,
648 .oo-ui-outlineControlsWidget-movers > .oo-ui-buttonWidget {
651 margin: 0 !important
;
652 /* stylelint-disable-line declaration-no-important */
654 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
658 .oo-ui-tabSelectWidget {
662 background-color: #eee;
663 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
665 .oo-ui-tabOptionWidget {
666 display: inline-block
;
667 -webkit-box-sizing: border-box
;
668 -moz-box-sizing: border-box
;
669 box-sizing: border-box
;
670 vertical-align: bottom
;
671 margin: 0.5em 0 0 0.75em;
672 border-color: transparent
;
674 border-width: 1px 1px 0 1px;
675 border-top-left-radius: 0.5em;
676 border-top-right-radius: 0.5em;
679 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
680 background-color: #fff;
683 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
684 background-color: rgba
(255, 255, 255, 0.2);
687 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
688 background-color: #fff;
691 .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
692 background-color: #fff;
694 .oo-ui-tagMultiselectWidget {
695 display: inline-block
;
700 .oo-ui-tagMultiselectWidget-handle {
705 .oo-ui-tagMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
706 .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
711 .oo-ui-tagMultiselectWidget-content {
714 .oo-ui-tagMultiselectWidget-group {
717 .oo-ui-tagMultiselectWidget-outlined {
720 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
723 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-content > input {
726 .oo-ui-tagMultiselectWidget-focusTrap {
727 display: inline-block
;
731 .oo-ui-tagMultiselectWidget-focusTrap:focus {
734 .oo-ui-tagMultiselectWidget-handle {
735 background-color: #fff;
739 padding: 0.15em 0.25em;
740 border: 1px solid rgba
(0, 0, 0, 0.1);
741 border-radius: 0.25em;
742 -webkit-box-sizing: border-box
;
743 -moz-box-sizing: border-box
;
744 box-sizing: border-box
;
746 .oo-ui-tagMultiselectWidget-handle:last-child {
749 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input {
751 line-height: 1.675em;
756 font-family: inherit
;
757 background-color: transparent
;
759 vertical-align: middle
;
761 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-webkit-input-placeholder {
765 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-ms-input-placeholder {
769 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-moz-placeholder {
773 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-moz-placeholder {
777 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::placeholder {
781 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:focus {
784 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle {
785 padding-left: 2.475em;
787 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
791 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle {
792 padding-right: 2.4875em;
794 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
798 .oo-ui-tagMultiselectWidget:hover .oo-ui-tagMultiselectWidget-handle {
799 border-color: rgba
(0, 0, 0, 0.2);
801 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
803 text-shadow: 0 1px 1px #fff;
805 background-color: #f3f3f3;
808 .oo-ui-tagMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-tagMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
809 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
812 .oo-ui-tagMultiselectWidget-popup > .oo-ui-popupWidget-popup {
815 .oo-ui-tagItemWidget {
817 display: inline-block
;
822 -webkit-box-sizing: border-box
;
823 -moz-box-sizing: border-box
;
824 box-sizing: border-box
;
825 vertical-align: middle
;
830 background-color: #eeeeee;
831 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
832 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
833 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
834 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
835 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
836 border: 1px solid
#ccc;
838 border-radius: 0.25em;
840 .oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
841 display: inline-block
;
842 text-overflow: ellipsis
;
846 .oo-ui-tagItemWidget:focus {
848 border-color: #087ecc;
850 .oo-ui-tagItemWidget > .oo-ui-buttonElement {
854 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
857 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
860 margin-right: -0.3em;
862 .oo-ui-tagItemWidget
> .oo-ui-buttonElement
> .oo-ui-buttonElement-button
.oo-ui-labelElement-label
,
863 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
866 .oo-ui-tagItemWidget.oo-ui-widget-disabled {
868 -webkit-transform: translateZ
(0);
869 transform: translateZ
(0);
875 .oo-ui-capsuleMultiselectWidget {
876 display: inline-block
;
881 .oo-ui-capsuleMultiselectWidget-handle {
886 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
887 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
892 .oo-ui-capsuleMultiselectWidget-content {
895 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
898 .oo-ui-capsuleMultiselectWidget-group {
901 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
904 .oo-ui-capsuleMultiselectWidget-focusTrap {
905 display: inline-block
;
909 .oo-ui-capsuleMultiselectWidget-focusTrap:focus {
912 .oo-ui-capsuleMultiselectWidget-handle {
913 background-color: #fff;
917 padding: 0.15em 0.25em;
918 border: 1px solid rgba
(0, 0, 0, 0.1);
919 border-radius: 0.25em;
920 -webkit-box-sizing: border-box
;
921 -moz-box-sizing: border-box
;
922 box-sizing: border-box
;
924 .oo-ui-capsuleMultiselectWidget-handle:last-child {
927 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
929 line-height: 1.675em;
934 font-family: inherit
;
935 background-color: transparent
;
937 vertical-align: middle
;
939 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
943 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
947 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
951 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
955 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
959 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
962 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
963 padding-left: 2.475em;
965 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
969 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
970 padding-right: 2.4875em;
972 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
976 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
977 border-color: rgba
(0, 0, 0, 0.2);
979 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
981 text-shadow: 0 1px 1px #fff;
983 background-color: #f3f3f3;
986 .oo-ui-capsuleMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
987 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
990 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
993 .oo-ui-capsuleItemWidget {
995 display: inline-block
;
1000 -webkit-box-sizing: border-box
;
1001 -moz-box-sizing: border-box
;
1002 box-sizing: border-box
;
1003 vertical-align: middle
;
1008 background-color: #eeeeee;
1009 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
1010 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
1011 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
1012 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
1013 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
1014 border: 1px solid
#ccc;
1016 border-radius: 0.25em;
1018 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1019 display: inline-block
;
1020 text-overflow: ellipsis
;
1024 .oo-ui-capsuleItemWidget:focus {
1026 border-color: #087ecc;
1028 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
1029 margin-top: -1.25em;
1030 padding-left: 0.3em;
1032 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
1035 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
1038 margin-right: -0.3em;
1040 .oo-ui-capsuleItemWidget
> .oo-ui-buttonElement
> .oo-ui-buttonElement-button
.oo-ui-labelElement-label
,
1041 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
1044 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
1046 -webkit-transform: translateZ
(0);
1047 transform: translateZ
(0);
1053 .oo-ui-searchWidget-query {
1059 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1062 .oo-ui-searchWidget-results {
1070 .oo-ui-searchWidget-query {
1073 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
1075 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1078 .oo-ui-searchWidget-results {
1083 .oo-ui-numberInputWidget {
1084 display: inline-block
;
1088 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
1089 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1090 display: table-cell
;
1093 .oo-ui-numberInputWidget-field {
1095 table-layout: fixed
;
1098 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1101 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
1105 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1108 .oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button {
1109 border-top-right-radius: 0;
1110 border-bottom-right-radius: 0;
1111 border-right-width: 0;
1113 .oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button {
1114 border-top-left-radius: 0;
1115 border-bottom-left-radius: 0;
1116 border-left-width: 0;