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-08-03T19:36:56Z
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
;
168 .oo-ui-buttonSelectWidget:last-child {
171 .oo-ui-buttonSelectWidget:focus {
174 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
178 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
179 border-bottom-left-radius: 4px;
180 border-top-left-radius: 4px;
183 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
184 border-bottom-right-radius: 4px;
185 border-top-right-radius: 4px;
187 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
189 box-shadow: 0 0 2px 2px #ace;
191 .oo-ui-buttonSelectWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
192 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
195 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
198 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
201 .oo-ui-buttonOptionWidget {
202 display: inline-block
;
204 background-color: transparent
;
206 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
209 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
210 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
212 display: inline-block
;
213 vertical-align: middle
;
215 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
216 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
217 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
218 background-color: transparent
;
220 .oo-ui-toggleButtonWidget {
223 .oo-ui-toggleButtonWidget:last-child {
226 .oo-ui-toggleSwitchWidget {
228 display: inline-block
;
229 vertical-align: middle
;
231 -webkit-box-sizing: border-box
;
232 -moz-box-sizing: border-box
;
233 box-sizing: border-box
;
234 -webkit-transform: translateZ
(0);
235 transform: translateZ
(0);
239 box-shadow: 0 0 0 #fff, inset
0 0.1em 0.2em #ddd;
240 border: 1px solid
#ccc;
242 background-color: #eeeeee;
243 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ddd), color-stop
(100%, #fff));
244 background-image: -webkit-linear-gradient
(top
, #ddd 0, #fff 100%);
245 background-image: -moz-linear-gradient
(top
, #ddd 0, #fff 100%);
246 background-image: linear-gradient
(to bottom
, #ddd 0, #fff 100%);
247 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
249 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
252 .oo-ui-toggleSwitchWidget-grip {
255 -webkit-box-sizing: border-box
;
256 -moz-box-sizing: border-box
;
257 box-sizing: border-box
;
259 .oo-ui-toggleSwitchWidget:last-child {
262 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
265 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
266 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
269 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
272 box-shadow: 0 0 2px 2px #ace;
274 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
277 .oo-ui-toggleSwitchWidget-grip {
284 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
285 border: 1px #c9c9c9 solid
;
286 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
287 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
288 transition: left
250ms ease
, margin-left
250ms ease
;
289 background-color: #eeeeee;
290 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
291 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
292 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
293 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
294 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
296 .oo-ui-toggleSwitchWidget-glow {
303 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
304 -webkit-transition: opacity
250ms ease
;
305 -moz-transition: opacity
250ms ease
;
306 transition: opacity
250ms ease
;
307 background-color: #cde7f4;
308 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
309 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
310 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
311 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
312 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
313 -webkit-touch-callout: none
;
314 -webkit-user-select: none
;
315 -moz-user-select: none
;
316 -ms-user-select: none
;
319 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
322 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
326 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
329 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
333 .oo-ui-selectFileWidget {
334 display: inline-block
;
335 vertical-align: middle
;
340 .oo-ui-selectFileWidget-selectButton {
343 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
347 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
360 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
363 .oo-ui-selectFileWidget-info {
366 vertical-align: middle
;
369 -webkit-box-sizing: border-box
;
370 -moz-box-sizing: border-box
;
371 box-sizing: border-box
;
373 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
374 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
379 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
381 -webkit-touch-callout: none
;
382 -webkit-user-select: none
;
383 -moz-user-select: none
;
384 -ms-user-select: none
;
387 .oo-ui-selectFileWidget-label {
393 text-overflow: ellipsis
;
395 .oo-ui-selectFileWidget-clearButton {
399 .oo-ui-selectFileWidget-dropTarget {
404 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
405 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
406 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
409 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
415 background-position: center center
;
416 background-repeat: no-repeat
;
417 background-size: contain
;
419 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
420 background-repeat: repeat
;
421 background-size: auto
;
423 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
428 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
432 margin-left: 8.815em;
435 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
440 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
443 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
444 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
447 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
449 margin: 2.2em 1em 1em;
451 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
452 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
455 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
456 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
459 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
460 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
463 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
466 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
469 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
470 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
471 -webkit-touch-callout: none
;
472 -webkit-user-select: none
;
473 -moz-user-select: none
;
474 -ms-user-select: none
;
477 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
478 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
479 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
480 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
483 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
486 .oo-ui-selectFileWidget:last-child {
489 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
490 border-radius: 0 0.25em 0.25em 0;
492 .oo-ui-selectFileWidget-info {
494 background-color: #fff;
495 border: 1px solid rgba
(0, 0, 0, 0.1);
496 border-radius: 0.25em 0 0 0.25em;
497 border-width: 1px 0 1px 1px;
499 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
503 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
505 margin-right: 0.775em;
507 .oo-ui-selectFileWidget-label {
508 -webkit-box-sizing: border-box
;
509 -moz-box-sizing: border-box
;
510 box-sizing: border-box
;
517 text-overflow: ellipsis
;
519 .oo-ui-selectFileWidget-clearButton {
525 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
528 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
531 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
534 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
537 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
540 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-label
,
541 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
544 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
545 .oo-ui-selectFileWidget-notsupported
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
546 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
547 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
550 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
551 background-color: #e1f3ff;
553 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
556 .oo-ui-selectFileWidget-dropTarget {
557 background-color: #fff;
558 border: 1px solid
#aaa;
559 vertical-align: middle
;
560 border-radius: 0.25em;
562 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
563 border-radius: 0.25em;
565 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
570 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
572 padding-right: 2.375em;
574 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
577 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget {
578 border-style: dashed
;
580 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
581 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
582 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
583 background-color: #f3f3f3;
586 text-shadow: 0 1px 1px #fff;
588 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
589 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
590 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
591 background-color: #f3f3f3;
594 text-shadow: 0 1px 1px #fff;
596 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
597 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
598 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
599 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
600 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
601 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
604 .oo-ui-outlineOptionWidget {
605 -webkit-touch-callout: none
;
606 -webkit-user-select: none
;
607 -moz-user-select: none
;
608 -ms-user-select: none
;
613 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
614 font-size: 90.90909%;
616 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
617 padding-right: 1.5em;
619 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
622 .oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement {
625 .oo-ui-outlineOptionWidget-level-1 {
628 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement {
631 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon {
634 .oo-ui-outlineOptionWidget-level-2 {
637 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement {
640 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon {
643 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
644 background-color: #a7dcff;
645 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
647 .oo-ui-outlineControlsWidget {
649 background-color: #fff;
651 .oo-ui-outlineControlsWidget-items
,
652 .oo-ui-outlineControlsWidget-movers {
654 -webkit-box-sizing: border-box
;
655 -moz-box-sizing: border-box
;
656 box-sizing: border-box
;
658 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
660 background-position: right center
;
662 .oo-ui-outlineControlsWidget-items {
665 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
668 .oo-ui-outlineControlsWidget-movers {
671 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
674 .oo-ui-outlineControlsWidget-items
> .oo-ui-buttonWidget
,
675 .oo-ui-outlineControlsWidget-movers > .oo-ui-buttonWidget {
678 margin: 0 !important
;
679 /* stylelint-disable-line declaration-no-important */
681 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
685 .oo-ui-tabSelectWidget {
689 background-color: #eee;
690 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
692 .oo-ui-tabOptionWidget {
693 display: inline-block
;
694 -webkit-box-sizing: border-box
;
695 -moz-box-sizing: border-box
;
696 box-sizing: border-box
;
697 vertical-align: bottom
;
698 margin: 0.5em 0 0 0.75em;
699 border-color: transparent
;
701 border-width: 1px 1px 0 1px;
702 border-top-left-radius: 0.5em;
703 border-top-right-radius: 0.5em;
706 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
707 background-color: #fff;
710 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
711 background-color: rgba
(255, 255, 255, 0.2);
714 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
715 background-color: #fff;
718 .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
719 background-color: #fff;
721 .oo-ui-tagMultiselectWidget {
722 display: inline-block
;
727 .oo-ui-tagMultiselectWidget-handle {
732 .oo-ui-tagMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
733 .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
738 .oo-ui-tagMultiselectWidget-content {
741 .oo-ui-tagMultiselectWidget-group {
744 .oo-ui-tagMultiselectWidget-outlined {
747 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
750 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-content > input {
753 .oo-ui-tagMultiselectWidget-focusTrap {
754 display: inline-block
;
758 .oo-ui-tagMultiselectWidget-focusTrap:focus {
761 .oo-ui-tagMultiselectWidget-handle {
762 background-color: #fff;
766 padding: 0.15em 0.25em;
767 border: 1px solid rgba
(0, 0, 0, 0.1);
768 border-radius: 0.25em;
769 -webkit-box-sizing: border-box
;
770 -moz-box-sizing: border-box
;
771 box-sizing: border-box
;
773 .oo-ui-tagMultiselectWidget-handle:last-child {
776 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input {
778 line-height: 1.675em;
783 font-family: inherit
;
784 background-color: transparent
;
786 vertical-align: middle
;
788 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-webkit-input-placeholder {
792 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-ms-input-placeholder {
796 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-moz-placeholder {
800 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-moz-placeholder {
804 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::placeholder {
808 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:focus {
811 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle {
812 padding-left: 2.475em;
814 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
818 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle {
819 padding-right: 2.4875em;
821 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
825 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined-handle {
826 border-color: rgba
(0, 0, 0, 0.2);
828 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
831 box-shadow: 0 0 2px 2px #ace;
833 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
835 text-shadow: 0 1px 1px #fff;
837 background-color: #f3f3f3;
840 .oo-ui-tagMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-tagMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
841 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
844 .oo-ui-tagMultiselectWidget-popup > .oo-ui-popupWidget-popup {
847 .oo-ui-tagItemWidget {
849 display: inline-block
;
854 -webkit-box-sizing: border-box
;
855 -moz-box-sizing: border-box
;
856 box-sizing: border-box
;
857 vertical-align: middle
;
862 background-color: #eeeeee;
863 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
864 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
865 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
866 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
867 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
868 border: 1px solid
#ccc;
870 border-radius: 0.25em;
872 .oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
873 display: inline-block
;
874 text-overflow: ellipsis
;
878 .oo-ui-tagItemWidget:focus {
880 border-color: #087ecc;
882 .oo-ui-tagItemWidget > .oo-ui-buttonElement {
886 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
889 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
892 margin-right: -0.3em;
894 .oo-ui-tagItemWidget
> .oo-ui-buttonElement
> .oo-ui-buttonElement-button
.oo-ui-labelElement-label
,
895 .oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
898 .oo-ui-tagItemWidget.oo-ui-widget-disabled {
900 -webkit-transform: translateZ
(0);
901 transform: translateZ
(0);
907 .oo-ui-capsuleMultiselectWidget {
908 display: inline-block
;
913 .oo-ui-capsuleMultiselectWidget-handle {
918 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
919 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
924 .oo-ui-capsuleMultiselectWidget-content {
927 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
930 .oo-ui-capsuleMultiselectWidget-group {
933 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
936 .oo-ui-capsuleMultiselectWidget-focusTrap {
937 display: inline-block
;
941 .oo-ui-capsuleMultiselectWidget-focusTrap:focus {
944 .oo-ui-capsuleMultiselectWidget-handle {
945 background-color: #fff;
949 padding: 0.15em 0.25em;
950 border: 1px solid rgba
(0, 0, 0, 0.1);
951 border-radius: 0.25em;
952 -webkit-box-sizing: border-box
;
953 -moz-box-sizing: border-box
;
954 box-sizing: border-box
;
956 .oo-ui-capsuleMultiselectWidget-handle:last-child {
959 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
961 line-height: 1.675em;
966 font-family: inherit
;
967 background-color: transparent
;
969 vertical-align: middle
;
971 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
975 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
979 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
983 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
987 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
991 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
994 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
995 padding-left: 2.475em;
997 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
1001 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
1002 padding-right: 2.4875em;
1004 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
1008 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
1009 border-color: rgba
(0, 0, 0, 0.2);
1011 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
1014 box-shadow: 0 0 2px 2px #ace;
1016 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
1018 text-shadow: 0 1px 1px #fff;
1020 background-color: #f3f3f3;
1023 .oo-ui-capsuleMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
1024 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
1027 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
1030 .oo-ui-capsuleItemWidget {
1032 display: inline-block
;
1034 white-space: nowrap
;
1037 -webkit-box-sizing: border-box
;
1038 -moz-box-sizing: border-box
;
1039 box-sizing: border-box
;
1040 vertical-align: middle
;
1045 background-color: #eeeeee;
1046 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
1047 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
1048 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
1049 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
1050 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
1051 border: 1px solid
#ccc;
1053 border-radius: 0.25em;
1055 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1056 display: inline-block
;
1057 text-overflow: ellipsis
;
1061 .oo-ui-capsuleItemWidget:focus {
1063 border-color: #087ecc;
1065 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
1066 margin-top: -1.25em;
1067 padding-left: 0.3em;
1069 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
1072 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
1075 margin-right: -0.3em;
1077 .oo-ui-capsuleItemWidget
> .oo-ui-buttonElement
> .oo-ui-buttonElement-button
.oo-ui-labelElement-label
,
1078 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
1081 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
1083 -webkit-transform: translateZ
(0);
1084 transform: translateZ
(0);
1090 .oo-ui-searchWidget-query {
1096 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1099 .oo-ui-searchWidget-results {
1107 .oo-ui-searchWidget-query {
1110 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
1112 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1115 .oo-ui-searchWidget-results {
1120 .oo-ui-numberInputWidget {
1121 display: inline-block
;
1125 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
1126 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1127 display: table-cell
;
1130 .oo-ui-numberInputWidget-field {
1132 table-layout: fixed
;
1135 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1138 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
1142 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
1145 .oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button {
1146 border-top-right-radius: 0;
1147 border-bottom-right-radius: 0;
1148 border-right-width: 0;
1150 .oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button {
1151 border-top-left-radius: 0;
1152 border-bottom-left-radius: 0;
1153 border-left-width: 0;