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-04-07T15:12:44Z
11 .oo-ui-draggableElement-handle
,
12 .oo-ui-draggableElement-handle.oo-ui-widget {
14 cursor: url
(images
/grab
.cur
);
19 .oo-ui-draggableElement-handle:active {
21 cursor: url
(images
/grabbing
.cur
);
22 cursor: -webkit-grabbing
;
23 cursor: -moz-grabbing
;
26 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
27 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
30 .oo-ui-draggableElement-placeholder {
33 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
34 display: inline-block
;
36 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
40 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
43 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
45 -webkit-box-sizing: border-box
;
46 -moz-box-sizing: border-box
;
47 box-sizing: border-box
;
49 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
52 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
55 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
63 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
69 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
72 .oo-ui-bookletLayout-outlinePanel {
73 border-right: 1px solid
#dddddd;
75 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
76 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
78 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
81 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
84 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
94 .oo-ui-menuLayout-menu
,
95 .oo-ui-menuLayout-content {
97 -webkit-transition: all
200ms ease
;
98 -moz-transition: all
200ms ease
;
99 transition: all
200ms ease
;
101 .oo-ui-menuLayout-menu {
105 .oo-ui-menuLayout-content {
111 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
113 height: 0 !important
;
116 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
120 bottom: 0 !important
;
122 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
123 width: auto
!important
;
128 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
130 bottom: 0 !important
;
133 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
134 height: auto
!important
;
139 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
140 bottom: 0 !important
;
144 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
145 width: auto
!important
;
150 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
155 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
156 height: auto
!important
;
161 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
164 bottom: 0 !important
;
166 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
170 .oo-ui-buttonSelectWidget {
171 display: inline-block
;
173 border-radius: 0.3em;
176 .oo-ui-buttonSelectWidget:last-child {
179 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
183 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
184 border-bottom-left-radius: 0.3em;
185 border-top-left-radius: 0.3em;
188 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
189 border-bottom-right-radius: 0.3em;
190 border-top-right-radius: 0.3em;
192 .oo-ui-buttonOptionWidget {
193 display: inline-block
;
195 background-color: transparent
;
197 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
200 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
201 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
203 display: inline-block
;
204 vertical-align: middle
;
206 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
209 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
212 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
213 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
214 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
215 background-color: transparent
;
217 .oo-ui-toggleButtonWidget {
218 display: inline-block
;
219 vertical-align: middle
;
222 .oo-ui-toggleButtonWidget:last-child {
225 .oo-ui-toggleSwitchWidget {
227 display: inline-block
;
228 vertical-align: middle
;
230 -webkit-box-sizing: border-box
;
231 -moz-box-sizing: border-box
;
232 box-sizing: border-box
;
233 -webkit-transform: translateZ
(0);
234 -moz-transform: translateZ
(0);
235 -ms-transform: translateZ
(0);
236 transform: translateZ
(0);
240 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #dddddd;
241 border: 1px solid
#cccccc;
243 background-color: #eeeeee;
244 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #dddddd), color-stop
(100%, #ffffff));
245 background-image: -webkit-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
246 background-image: -moz-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
247 background-image: linear-gradient
(to bottom
, #dddddd 0, #ffffff 100%);
248 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
250 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
253 .oo-ui-toggleSwitchWidget-grip {
256 -webkit-box-sizing: border-box
;
257 -moz-box-sizing: border-box
;
258 box-sizing: border-box
;
260 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
266 -webkit-touch-callout: none
;
267 -webkit-user-select: none
;
268 -moz-user-select: none
;
269 -ms-user-select: none
;
272 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
275 .oo-ui-toggleSwitchWidget:last-child {
278 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
281 .oo-ui-toggleSwitchWidget-grip {
288 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
289 border: 1px #c9c9c9 solid
;
290 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
291 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
292 transition: left
250ms ease
, margin-left
250ms ease
;
293 background-color: #eeeeee;
294 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
295 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
296 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
297 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
298 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
300 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
301 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
302 border-color: #aaaaaa;
304 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
306 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
307 -webkit-transition: opacity
250ms ease
;
308 -moz-transition: opacity
250ms ease
;
309 transition: opacity
250ms ease
;
310 background-color: #cde7f4;
311 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
312 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
313 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
314 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
315 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
317 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
320 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
324 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
328 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
332 .oo-ui-progressBarWidget {
334 background-color: #ffffff;
335 border: 1px solid
#cccccc;
336 border-radius: 0.25em;
339 .oo-ui-progressBarWidget-bar {
341 border-right: 1px solid
#cccccc;
342 -webkit-transition: width
250ms ease
, margin-left
250ms ease
;
343 -moz-transition: width
250ms ease
, margin-left
250ms ease
;
344 transition: width
250ms ease
, margin-left
250ms ease
;
345 background-color: #cde7f4;
346 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
347 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
348 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
349 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
350 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
352 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
353 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
354 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
355 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
358 border-left: 1px solid
#a6cee1;
360 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
363 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
371 @-moz-keyframes oo-ui-progressBarWidget-slide
{
379 @keyframes oo-ui-progressBarWidget-slide
{
387 .oo-ui-selectFileWidget {
388 display: inline-block
;
389 vertical-align: middle
;
394 .oo-ui-selectFileWidget-selectButton {
396 vertical-align: middle
;
398 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
402 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
416 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
419 .oo-ui-selectFileWidget-info {
422 vertical-align: middle
;
425 -webkit-box-sizing: border-box
;
426 -moz-box-sizing: border-box
;
427 box-sizing: border-box
;
429 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
435 text-overflow: ellipsis
;
437 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
440 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
443 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
444 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
445 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
448 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
451 .oo-ui-selectFileWidget-dropTarget {
457 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
458 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
461 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
465 background-size: cover
;
466 background-position: center center
;
468 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
469 background-size: auto
;
471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
473 background-color: #cccccc;
477 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
485 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
488 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
492 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
496 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
500 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
503 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
506 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
507 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
510 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
514 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
515 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
518 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
519 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
522 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
523 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
526 .oo-ui-selectFileWidget:last-child {
529 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
532 .oo-ui-selectFileWidget-info {
534 background-color: #ffffff;
535 border: 1px solid rgba
(0, 0, 0, 0.1);
536 border-radius: 0.25em;
538 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
541 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
544 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
549 -webkit-box-sizing: border-box
;
550 -moz-box-sizing: border-box
;
551 box-sizing: border-box
;
552 text-overflow: ellipsis
;
556 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
559 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
564 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
567 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
571 margin-right: 0.775em;
573 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
579 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
581 text-shadow: 0 1px 1px #ffffff;
582 border-color: #dddddd;
583 background-color: #f3f3f3;
585 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
586 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
589 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
592 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
595 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
598 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
601 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
604 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
607 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
608 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
611 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
612 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
615 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
616 background-color: #e1f3ff;
618 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
619 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
621 text-shadow: 0 1px 1px #ffffff;
622 border-color: #dddddd;
623 background-color: #f3f3f3;
625 .oo-ui-selectFileWidget-dropTarget {
626 background-color: #ffffff;
627 border: 1px solid
#aaaaaa;
628 margin-bottom: 0.5em;
629 vertical-align: middle
;
630 border-radius: 0.25em;
632 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
633 border-style: dashed
;
635 .oo-ui-outlineOptionWidget {
638 -webkit-touch-callout: none
;
639 -webkit-user-select: none
;
640 -moz-user-select: none
;
641 -ms-user-select: none
;
646 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
647 padding-right: 1.5em;
649 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
652 .oo-ui-outlineOptionWidget-level-0 {
655 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
658 .oo-ui-outlineOptionWidget-level-1 {
661 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
664 .oo-ui-outlineOptionWidget-level-2 {
667 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
670 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
671 background-color: #a7dcff;
672 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
674 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
677 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
680 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
683 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
686 .oo-ui-outlineControlsWidget {
688 background-color: #ffffff;
690 .oo-ui-outlineControlsWidget-items
,
691 .oo-ui-outlineControlsWidget-movers {
693 -webkit-box-sizing: border-box
;
694 -moz-box-sizing: border-box
;
695 box-sizing: border-box
;
697 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
699 background-position: right center
;
701 .oo-ui-outlineControlsWidget-items {
704 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
707 .oo-ui-outlineControlsWidget-movers {
710 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
713 .oo-ui-outlineControlsWidget-items
,
714 .oo-ui-outlineControlsWidget-movers {
716 margin: 0.5em 0.5em 0.5em 0;
719 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
722 margin: 0.5em 0 0.5em 0.5em;
725 .oo-ui-tabSelectWidget {
729 background-color: #eeeeee;
730 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
732 .oo-ui-tabOptionWidget {
733 display: inline-block
;
734 vertical-align: bottom
;
736 margin: 0.5em 0 0 0.75em;
737 border: 1px solid transparent
;
739 border-top-left-radius: 0.5em;
740 border-top-right-radius: 0.5em;
742 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
743 padding-right: 1.5em;
745 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
748 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
749 background-color: transparent
;
751 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
752 background-color: rgba
(255, 255, 255, 0.2);
753 border-color: #dddddd;
755 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
756 background-color: #ffffff;
757 border-color: #dddddd;
759 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
760 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
761 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
762 background-color: #ffffff;
763 border-color: #dddddd;
765 .oo-ui-capsuleMultiSelectWidget {
766 display: inline-block
;
771 .oo-ui-capsuleMultiSelectWidget-handle {
776 .oo-ui-capsuleMultiSelectWidget-content {
779 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
782 .oo-ui-capsuleMultiSelectWidget-group {
785 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
789 .oo-ui-capsuleMultiSelectWidget-handle {
790 background-color: #ffffff;
794 padding: 0.15em 0.25em;
795 border: 1px solid rgba
(0, 0, 0, 0.1);
796 border-radius: 0.25em;
797 -webkit-box-sizing: border-box
;
798 -moz-box-sizing: border-box
;
799 box-sizing: border-box
;
801 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
804 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
805 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
807 background-position: center center
;
808 background-repeat: no-repeat
;
810 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
812 line-height: 1.675em;
817 font-family: inherit
;
818 background-color: transparent
;
820 vertical-align: middle
;
822 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
825 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
826 padding-right: 2.4875em;
828 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
835 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
836 padding-left: 2.475em;
838 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
845 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
846 border-color: rgba
(0, 0, 0, 0.2);
848 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
850 text-shadow: 0 1px 1px #ffffff;
851 border-color: #dddddd;
852 background-color: #f3f3f3;
855 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
856 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
859 .oo-ui-capsuleItemWidget {
861 display: inline-block
;
866 -webkit-box-sizing: border-box
;
867 -moz-box-sizing: border-box
;
868 box-sizing: border-box
;
869 vertical-align: middle
;
874 background-color: #eeeeee;
875 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
876 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
877 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
878 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
879 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
880 border: 1px solid
#cccccc;
882 border-radius: 0.25em;
884 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
885 display: inline-block
;
886 text-overflow: ellipsis
;
889 .oo-ui-capsuleItemWidget:focus {
891 border-color: #087ecc;
893 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
895 -webkit-transform: translate3d
(0, 0, 0);
899 border-color: #cccccc;
901 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
905 .oo-ui-searchWidget-query {
911 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
914 .oo-ui-searchWidget-results {
922 .oo-ui-searchWidget-query {
925 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
927 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
930 .oo-ui-searchWidget-results {
935 .oo-ui-numberInputWidget {
936 display: inline-block
;
940 .oo-ui-numberInputWidget-field {
945 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
946 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
948 vertical-align: middle
;
950 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
953 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
956 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
957 -webkit-box-sizing: border-box
;
958 -moz-box-sizing: border-box
;
959 box-sizing: border-box
;
961 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
964 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
965 border-top-right-radius: 0;
966 border-bottom-right-radius: 0;
967 border-right-width: 0;
969 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
970 border-top-left-radius: 0;
971 border-bottom-left-radius: 0;
972 border-left-width: 0;
974 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {