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-17T02:03:27Z
11 .oo-ui-draggableElement {
12 cursor: -webkit-grab
-moz-grab
, url
(images/grab.cur), move
;
14 .oo-ui-draggableElement-dragging {
15 cursor: -webkit-grabbing
-moz-grabbing
, url
(images/grabbing.cur), move
;
16 background: rgba
(0, 0, 0, 0.2);
19 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
20 display: inline-block
;
22 .oo-ui-draggableGroupElement-placeholder {
25 background: rgba
(0, 0, 0, 0.4);
27 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
31 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
34 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
36 -webkit-box-sizing: border-box
;
37 -moz-box-sizing: border-box
;
38 box-sizing: border-box
;
40 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
43 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
46 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
54 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
60 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
63 .oo-ui-bookletLayout-outlinePanel {
64 border-right: 1px solid
#dddddd;
66 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
67 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
69 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
72 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
75 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
85 .oo-ui-menuLayout-menu
,
86 .oo-ui-menuLayout-content {
88 -webkit-transition: all
200ms ease
;
89 -moz-transition: all
200ms ease
;
90 transition: all
200ms ease
;
92 .oo-ui-menuLayout-menu {
96 .oo-ui-menuLayout-content {
102 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
104 height: 0 !important
;
107 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
111 bottom: 0 !important
;
113 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
114 width: auto
!important
;
119 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
121 bottom: 0 !important
;
124 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
125 height: auto
!important
;
130 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
131 bottom: 0 !important
;
135 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
136 width: auto
!important
;
141 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
146 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
147 height: auto
!important
;
152 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
155 bottom: 0 !important
;
157 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
161 .oo-ui-buttonSelectWidget {
162 display: inline-block
;
164 border-radius: 0.3em;
167 .oo-ui-buttonSelectWidget:last-child {
170 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
174 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
175 border-bottom-left-radius: 0.3em;
176 border-top-left-radius: 0.3em;
179 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
180 border-bottom-right-radius: 0.3em;
181 border-top-right-radius: 0.3em;
183 .oo-ui-buttonOptionWidget {
184 display: inline-block
;
186 background-color: transparent
;
188 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
191 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
192 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
194 display: inline-block
;
195 vertical-align: middle
;
197 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
200 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
203 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
204 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
205 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
206 background-color: transparent
;
208 .oo-ui-toggleButtonWidget {
209 display: inline-block
;
210 vertical-align: middle
;
213 .oo-ui-toggleButtonWidget:last-child {
216 .oo-ui-toggleSwitchWidget {
218 display: inline-block
;
219 vertical-align: middle
;
221 -webkit-box-sizing: border-box
;
222 -moz-box-sizing: border-box
;
223 box-sizing: border-box
;
224 -webkit-transform: translateZ
(0);
225 -moz-transform: translateZ
(0);
226 -ms-transform: translateZ
(0);
227 transform: translateZ
(0);
231 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #dddddd;
232 border: 1px solid
#cccccc;
234 background-color: #eeeeee;
235 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #dddddd), color-stop
(100%, #ffffff));
236 background-image: -webkit-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
237 background-image: -moz-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
238 background-image: linear-gradient
(to bottom
, #dddddd 0, #ffffff 100%);
239 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
241 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
244 .oo-ui-toggleSwitchWidget-grip {
247 -webkit-box-sizing: border-box
;
248 -moz-box-sizing: border-box
;
249 box-sizing: border-box
;
251 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
257 -webkit-touch-callout: none
;
258 -webkit-user-select: none
;
259 -moz-user-select: none
;
260 -ms-user-select: none
;
263 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
266 .oo-ui-toggleSwitchWidget:last-child {
269 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
272 .oo-ui-toggleSwitchWidget-grip {
279 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
280 border: 1px #c9c9c9 solid
;
281 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
282 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
283 transition: left
250ms ease
, margin-left
250ms ease
;
284 background-color: #eeeeee;
285 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
286 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
287 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
288 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
289 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
291 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
292 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
293 border-color: #aaaaaa;
295 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
297 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
298 -webkit-transition: opacity
250ms ease
;
299 -moz-transition: opacity
250ms ease
;
300 transition: opacity
250ms ease
;
301 background-color: #cde7f4;
302 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
303 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
304 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
305 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
306 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
308 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
311 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
315 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
319 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
323 .oo-ui-progressBarWidget {
325 background-color: #ffffff;
326 border: 1px solid
#cccccc;
327 border-radius: 0.25em;
330 .oo-ui-progressBarWidget-bar {
332 border-right: 1px solid
#cccccc;
333 -webkit-transition: width
250ms ease
, margin-left
250ms ease
;
334 -moz-transition: width
250ms ease
, margin-left
250ms ease
;
335 transition: width
250ms ease
, margin-left
250ms ease
;
336 background-color: #cde7f4;
337 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
338 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
339 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
340 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
341 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
343 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
344 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
345 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
346 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
349 border-left: 1px solid
#a6cee1;
351 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
354 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
362 @-moz-keyframes oo-ui-progressBarWidget-slide
{
370 @keyframes oo-ui-progressBarWidget-slide
{
378 .oo-ui-selectFileWidget {
379 display: inline-block
;
380 vertical-align: middle
;
385 .oo-ui-selectFileWidget-selectButton {
387 vertical-align: middle
;
389 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
393 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > input[type="file"] {
407 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > input[type="file"] {
410 .oo-ui-selectFileWidget-info {
413 vertical-align: middle
;
416 -webkit-box-sizing: border-box
;
417 -moz-box-sizing: border-box
;
418 box-sizing: border-box
;
420 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
426 text-overflow: ellipsis
;
428 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
431 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
434 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
435 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
436 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
439 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
442 .oo-ui-selectFileWidget-dropTarget {
448 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
449 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
452 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
456 background-size: cover
;
457 background-position: center center
;
459 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
460 background-size: auto
;
462 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
464 background-color: #cccccc;
468 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
476 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
479 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
483 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
487 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
491 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
494 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
497 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
498 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
501 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
505 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
506 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
509 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
510 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
513 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
514 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
517 .oo-ui-selectFileWidget:last-child {
520 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
523 .oo-ui-selectFileWidget-info {
525 background-color: #ffffff;
526 border: 1px solid rgba
(0, 0, 0, 0.1);
527 border-radius: 0.25em;
529 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
532 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
535 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
540 -webkit-box-sizing: border-box
;
541 -moz-box-sizing: border-box
;
542 box-sizing: border-box
;
543 text-overflow: ellipsis
;
547 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
550 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
555 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
558 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
562 margin-right: 0.775em;
564 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
570 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
572 text-shadow: 0 1px 1px #ffffff;
573 border-color: #dddddd;
574 background-color: #f3f3f3;
576 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
577 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
580 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
583 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
586 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
589 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
592 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
595 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
598 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
599 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
602 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
603 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
606 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
607 background-color: #e1f3ff;
609 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
610 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
612 text-shadow: 0 1px 1px #ffffff;
613 border-color: #dddddd;
614 background-color: #f3f3f3;
616 .oo-ui-selectFileWidget-dropTarget {
617 background-color: #ffffff;
618 border: 1px solid
#aaaaaa;
619 margin-bottom: 0.5em;
620 vertical-align: middle
;
621 border-radius: 0.25em;
623 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
624 border-style: dashed
;
626 .oo-ui-outlineOptionWidget {
629 -webkit-touch-callout: none
;
630 -webkit-user-select: none
;
631 -moz-user-select: none
;
632 -ms-user-select: none
;
637 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
638 padding-right: 1.5em;
640 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
643 .oo-ui-outlineOptionWidget-level-0 {
646 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
649 .oo-ui-outlineOptionWidget-level-1 {
652 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
655 .oo-ui-outlineOptionWidget-level-2 {
658 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
661 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
662 background-color: #a7dcff;
663 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
665 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
668 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
671 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
674 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
677 .oo-ui-outlineControlsWidget {
679 background-color: #ffffff;
681 .oo-ui-outlineControlsWidget-items
,
682 .oo-ui-outlineControlsWidget-movers {
684 -webkit-box-sizing: border-box
;
685 -moz-box-sizing: border-box
;
686 box-sizing: border-box
;
688 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
690 background-position: right center
;
692 .oo-ui-outlineControlsWidget-items {
695 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
698 .oo-ui-outlineControlsWidget-movers {
701 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
704 .oo-ui-outlineControlsWidget-items
,
705 .oo-ui-outlineControlsWidget-movers {
707 margin: 0.5em 0.5em 0.5em 0;
710 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
713 margin: 0.5em 0 0.5em 0.5em;
716 .oo-ui-tabSelectWidget {
720 background-color: #eeeeee;
721 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
723 .oo-ui-tabOptionWidget {
724 display: inline-block
;
725 vertical-align: bottom
;
727 margin: 0.5em 0 0 0.75em;
728 border: 1px solid transparent
;
730 border-top-left-radius: 0.5em;
731 border-top-right-radius: 0.5em;
733 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
734 padding-right: 1.5em;
736 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
739 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
740 background-color: transparent
;
742 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
743 background-color: rgba
(255, 255, 255, 0.2);
744 border-color: #dddddd;
746 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
747 background-color: #ffffff;
748 border-color: #dddddd;
750 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
751 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
752 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
753 background-color: #ffffff;
754 border-color: #dddddd;
756 .oo-ui-capsuleMultiSelectWidget {
757 display: inline-block
;
762 .oo-ui-capsuleMultiSelectWidget-handle {
764 display: inline-block
;
767 .oo-ui-capsuleMultiSelectWidget-content {
770 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
773 .oo-ui-capsuleMultiSelectWidget-group {
776 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
780 .oo-ui-capsuleMultiSelectWidget-handle {
781 background-color: #ffffff;
785 padding: 0.15em 0.25em;
786 border: 1px solid rgba
(0, 0, 0, 0.1);
787 border-radius: 0.25em;
788 -webkit-box-sizing: border-box
;
789 -moz-box-sizing: border-box
;
790 box-sizing: border-box
;
792 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
795 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
796 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
798 background-position: center center
;
799 background-repeat: no-repeat
;
801 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
803 line-height: 1.675em;
808 font-family: inherit
;
809 background-color: transparent
;
811 vertical-align: middle
;
813 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
816 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
817 padding-right: 2.4875em;
819 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
826 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
827 padding-left: 2.475em;
829 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
836 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
837 border-color: rgba
(0, 0, 0, 0.2);
839 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
841 text-shadow: 0 1px 1px #ffffff;
842 border-color: #dddddd;
843 background-color: #f3f3f3;
846 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
847 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
850 .oo-ui-capsuleMultiSelectWidget .oo-ui-selectWidget {
851 border-top-color: #ffffff;
853 .oo-ui-capsuleItemWidget {
855 display: inline-block
;
860 -webkit-box-sizing: border-box
;
861 -moz-box-sizing: border-box
;
862 box-sizing: border-box
;
863 vertical-align: middle
;
868 background-color: #eeeeee;
869 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
870 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
871 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
872 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
873 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
874 border: 1px solid
#cccccc;
876 border-radius: 0.25em;
878 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
879 display: inline-block
;
880 text-overflow: ellipsis
;
883 .oo-ui-capsuleItemWidget .oo-ui-buttonElement {
887 .oo-ui-capsuleItemWidget:focus {
889 border-color: #087ecc;
891 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-labelElement-label {
892 padding-right: 1.3375em;
894 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
900 background-repeat: no-repeat
;
902 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicator-clear {
905 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
907 -webkit-transform: translate3d
(0, 0, 0);
911 border-color: #cccccc;
913 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
916 .oo-ui-searchWidget-query {
922 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
925 .oo-ui-searchWidget-results {
933 .oo-ui-searchWidget-query {
936 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
938 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
941 .oo-ui-searchWidget-results {
946 .oo-ui-numberInputWidget {
947 display: inline-block
;
951 .oo-ui-numberInputWidget-field {
956 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
957 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
959 vertical-align: middle
;
961 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
964 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
967 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
968 -webkit-box-sizing: border-box
;
969 -moz-box-sizing: border-box
;
970 box-sizing: border-box
;
972 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
975 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
976 border-top-right-radius: 0;
977 border-bottom-right-radius: 0;
978 border-right-width: 0;
980 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
981 border-top-left-radius: 0;
982 border-bottom-left-radius: 0;
983 border-left-width: 0;
985 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {