3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-02-02T22:07:06Z
11 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
19 @-moz-keyframes oo-ui-progressBarWidget-slide
{
27 @-ms-keyframes oo-ui-progressBarWidget-slide
{
35 @-o-keyframes oo-ui-progressBarWidget-slide
{
43 @keyframes oo-ui-progressBarWidget-slide
{
51 .oo-ui-draggableElement {
52 cursor: -webkit-grab
-moz-grab
, url
(images/grab.cur), move
;
54 .oo-ui-draggableElement-dragging {
55 cursor: -webkit-grabbing
-moz-grabbing
, url
(images/grabbing.cur), move
;
56 background: rgba
(0, 0, 0, 0.2);
59 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
60 display: inline-block
;
62 .oo-ui-draggableGroupElement-placeholder {
65 background: rgba
(0, 0, 0, 0.4);
67 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
71 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
74 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
76 -webkit-box-sizing: border-box
;
77 -moz-box-sizing: border-box
;
78 box-sizing: border-box
;
80 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
83 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
86 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
94 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
100 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
103 .oo-ui-bookletLayout-outlinePanel {
104 border-right: 1px solid
#dddddd;
106 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
107 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
109 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
112 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
115 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
125 .oo-ui-menuLayout-menu
,
126 .oo-ui-menuLayout-content {
128 -webkit-transition: all
200ms ease
;
129 -moz-transition: all
200ms ease
;
130 transition: all
200ms ease
;
132 .oo-ui-menuLayout-menu {
136 .oo-ui-menuLayout-content {
142 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
144 height: 0 !important
;
147 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
151 bottom: 0 !important
;
153 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
154 width: auto
!important
;
159 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
161 bottom: 0 !important
;
164 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
165 height: auto
!important
;
170 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
171 bottom: 0 !important
;
175 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
176 width: auto
!important
;
181 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
186 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
187 height: auto
!important
;
192 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
195 bottom: 0 !important
;
197 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
201 .oo-ui-buttonSelectWidget {
202 display: inline-block
;
204 border-radius: 0.3em;
207 .oo-ui-buttonSelectWidget:last-child {
210 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
214 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
215 border-bottom-left-radius: 0.3em;
216 border-top-left-radius: 0.3em;
219 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
220 border-bottom-right-radius: 0.3em;
221 border-top-right-radius: 0.3em;
223 .oo-ui-buttonOptionWidget {
224 display: inline-block
;
226 background-color: transparent
;
228 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
231 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
232 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
234 display: inline-block
;
235 vertical-align: middle
;
237 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
240 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
243 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
244 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
245 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
246 background-color: transparent
;
248 .oo-ui-toggleButtonWidget {
249 display: inline-block
;
250 vertical-align: middle
;
253 .oo-ui-toggleButtonWidget:last-child {
256 .oo-ui-toggleSwitchWidget {
258 display: inline-block
;
259 vertical-align: middle
;
261 -webkit-box-sizing: border-box
;
262 -moz-box-sizing: border-box
;
263 box-sizing: border-box
;
264 -webkit-transform: translateZ
(0);
265 -moz-transform: translateZ
(0);
266 -ms-transform: translateZ
(0);
267 transform: translateZ
(0);
271 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #dddddd;
272 border: 1px solid
#cccccc;
274 background-color: #eeeeee;
275 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #dddddd), color-stop
(100%, #ffffff));
276 background-image: -webkit-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
277 background-image: -moz-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
278 background-image: linear-gradient
(to bottom
, #dddddd 0, #ffffff 100%);
279 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
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 .oo-ui-toggleSwitchWidget-glow {
297 -webkit-touch-callout: none
;
298 -webkit-user-select: none
;
299 -moz-user-select: none
;
300 -ms-user-select: none
;
303 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
306 .oo-ui-toggleSwitchWidget:last-child {
309 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
312 .oo-ui-toggleSwitchWidget-grip {
319 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
320 border: 1px #c9c9c9 solid
;
321 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
322 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
323 transition: left
250ms ease
, margin-left
250ms ease
;
324 background-color: #eeeeee;
325 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
326 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
327 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
328 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
329 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
331 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
332 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
333 border-color: #aaaaaa;
335 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
337 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
338 -webkit-transition: opacity
250ms ease
;
339 -moz-transition: opacity
250ms ease
;
340 transition: opacity
250ms ease
;
341 background-color: #cde7f4;
342 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
343 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
344 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
345 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
346 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
348 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
351 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
355 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
359 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
363 .oo-ui-progressBarWidget {
365 background-color: #ffffff;
366 border: 1px solid
#cccccc;
367 border-radius: 0.25em;
370 .oo-ui-progressBarWidget-bar {
372 border-right: 1px solid
#cccccc;
373 -webkit-transition: width
250ms ease
, margin-left
250ms ease
;
374 -moz-transition: width
250ms ease
, margin-left
250ms ease
;
375 transition: width
250ms ease
, margin-left
250ms ease
;
376 background-color: #cde7f4;
377 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
378 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
379 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
380 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
381 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
383 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
384 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
385 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
386 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
389 border-left: 1px solid
#a6cee1;
391 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
394 .oo-ui-selectFileWidget {
395 display: inline-block
;
396 vertical-align: middle
;
401 .oo-ui-selectFileWidget-selectButton {
403 vertical-align: middle
;
405 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
409 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > input[type="file"] {
423 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > input[type="file"] {
426 .oo-ui-selectFileWidget-info {
429 vertical-align: middle
;
432 -webkit-box-sizing: border-box
;
433 -moz-box-sizing: border-box
;
434 box-sizing: border-box
;
436 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
442 text-overflow: ellipsis
;
444 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
447 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
450 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
451 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
452 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
455 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
458 .oo-ui-selectFileWidget-dropTarget {
461 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropTarget {
464 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
465 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
468 .oo-ui-selectFileWidget:last-child {
471 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
474 .oo-ui-selectFileWidget-info {
476 background-color: #ffffff;
477 border: 1px solid rgba
(0, 0, 0, 0.1);
478 border-radius: 0.25em;
480 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
483 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
486 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
491 -webkit-box-sizing: border-box
;
492 -moz-box-sizing: border-box
;
493 box-sizing: border-box
;
494 text-overflow: ellipsis
;
498 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
501 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
506 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
509 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
513 margin-right: 0.775em;
515 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
521 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
523 text-shadow: 0 1px 1px #ffffff;
524 border-color: #dddddd;
525 background-color: #f3f3f3;
527 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
528 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
531 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
534 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
537 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
540 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
543 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
546 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
549 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
550 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
553 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
554 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
557 .oo-ui-selectFileWidget-dropTarget {
559 background-color: #ffffff;
560 border: 1px dashed
#aaaaaa;
562 margin-bottom: 0.5em;
564 vertical-align: middle
;
566 .oo-ui-selectFileWidget-supported
.oo-ui-widget-enabled
.oo-ui-selectFileWidget-dropTarget:hover
,
567 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop oo-ui-selectfilewidget-droptarget {
568 background-color: #e1f3ff;
570 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
571 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
573 text-shadow: 0 1px 1px #ffffff;
574 border-color: #dddddd;
575 background-color: #f3f3f3;
577 .oo-ui-outlineOptionWidget {
580 -webkit-touch-callout: none
;
581 -webkit-user-select: none
;
582 -moz-user-select: none
;
583 -ms-user-select: none
;
588 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
589 padding-right: 1.5em;
591 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
594 .oo-ui-outlineOptionWidget-level-0 {
597 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
600 .oo-ui-outlineOptionWidget-level-1 {
603 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
606 .oo-ui-outlineOptionWidget-level-2 {
609 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
612 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
613 background-color: #a7dcff;
614 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
616 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
619 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
622 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
625 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
628 .oo-ui-outlineControlsWidget {
630 background-color: #ffffff;
632 .oo-ui-outlineControlsWidget-items
,
633 .oo-ui-outlineControlsWidget-movers {
635 -webkit-box-sizing: border-box
;
636 -moz-box-sizing: border-box
;
637 box-sizing: border-box
;
639 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
641 background-position: right center
;
643 .oo-ui-outlineControlsWidget-items {
646 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
649 .oo-ui-outlineControlsWidget-movers {
652 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
655 .oo-ui-outlineControlsWidget-items
,
656 .oo-ui-outlineControlsWidget-movers {
658 margin: 0.5em 0.5em 0.5em 0;
661 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
664 margin: 0.5em 0 0.5em 0.5em;
667 .oo-ui-tabSelectWidget {
671 background-color: #eeeeee;
672 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
674 .oo-ui-tabOptionWidget {
675 display: inline-block
;
676 vertical-align: bottom
;
678 margin: 0.5em 0 0 0.75em;
679 border: 1px solid transparent
;
681 border-top-left-radius: 0.5em;
682 border-top-right-radius: 0.5em;
684 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
685 padding-right: 1.5em;
687 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
690 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
691 background-color: transparent
;
693 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
694 background-color: rgba
(255, 255, 255, 0.2);
695 border-color: #dddddd;
697 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
698 background-color: #ffffff;
699 border-color: #dddddd;
701 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
702 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
703 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
704 background-color: #ffffff;
705 border-color: #dddddd;
707 .oo-ui-capsuleMultiSelectWidget {
708 display: inline-block
;
713 .oo-ui-capsuleMultiSelectWidget-handle {
715 display: inline-block
;
718 .oo-ui-capsuleMultiSelectWidget-content {
721 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
724 .oo-ui-capsuleMultiSelectWidget-group {
727 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
731 .oo-ui-capsuleMultiSelectWidget-handle {
732 background-color: #ffffff;
736 padding: 0.15em 0.25em;
737 border: 1px solid rgba
(0, 0, 0, 0.1);
738 border-radius: 0.25em;
739 -webkit-box-sizing: border-box
;
740 -moz-box-sizing: border-box
;
741 box-sizing: border-box
;
743 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
746 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
747 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
749 background-position: center center
;
750 background-repeat: no-repeat
;
752 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
754 line-height: 1.675em;
759 font-family: inherit
;
760 background-color: transparent
;
762 vertical-align: middle
;
764 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
767 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
768 padding-right: 2.4875em;
770 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
777 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
778 padding-left: 2.475em;
780 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
787 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
788 border-color: rgba
(0, 0, 0, 0.2);
790 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
792 text-shadow: 0 1px 1px #ffffff;
793 border-color: #dddddd;
794 background-color: #f3f3f3;
797 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
798 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
801 .oo-ui-capsuleMultiSelectWidget .oo-ui-selectWidget {
802 border-top-color: #ffffff;
804 .oo-ui-capsuleItemWidget {
806 display: inline-block
;
811 -webkit-box-sizing: border-box
;
812 -moz-box-sizing: border-box
;
813 box-sizing: border-box
;
814 vertical-align: middle
;
819 background-color: #eeeeee;
820 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
821 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
822 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
823 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
824 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
825 border: 1px solid
#cccccc;
827 border-radius: 0.25em;
829 .oo-ui-capsuleItemWidget > .oo-ui-iconElement-icon {
832 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-iconElement-icon {
835 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
837 text-overflow: ellipsis
;
840 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-labelElement-label {
841 padding-right: 1.3375em;
843 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
849 background-repeat: no-repeat
;
851 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicator-clear {
854 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
856 -webkit-transform: translate3d
(0, 0, 0);
860 border-color: #cccccc;
862 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
865 .oo-ui-searchWidget-query {
871 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
874 .oo-ui-searchWidget-results {
882 .oo-ui-searchWidget-query {
885 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
887 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
890 .oo-ui-searchWidget-results {
895 .oo-ui-numberInputWidget {
896 display: inline-block
;
900 .oo-ui-numberInputWidget-field {
905 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
906 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
908 vertical-align: middle
;
910 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
913 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
916 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
917 -webkit-box-sizing: border-box
;
918 -moz-box-sizing: border-box
;
919 box-sizing: border-box
;
921 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
924 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
925 border-top-right-radius: 0;
926 border-bottom-right-radius: 0;
927 border-right-width: 0;
929 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
930 border-top-left-radius: 0;
931 border-bottom-left-radius: 0;
932 border-left-width: 0;
934 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {