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-26T21:34:05Z
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-optionWidget-selected
,
207 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
208 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
209 background-color: transparent
;
211 .oo-ui-toggleButtonWidget {
212 display: inline-block
;
213 vertical-align: middle
;
216 .oo-ui-toggleButtonWidget:last-child {
219 .oo-ui-toggleSwitchWidget {
221 display: inline-block
;
222 vertical-align: middle
;
224 -webkit-box-sizing: border-box
;
225 -moz-box-sizing: border-box
;
226 box-sizing: border-box
;
227 -webkit-transform: translateZ
(0);
228 -moz-transform: translateZ
(0);
229 -ms-transform: translateZ
(0);
230 transform: translateZ
(0);
234 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #dddddd;
235 border: 1px solid
#cccccc;
237 background-color: #eeeeee;
238 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #dddddd), color-stop
(100%, #ffffff));
239 background-image: -webkit-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
240 background-image: -moz-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
241 background-image: linear-gradient
(to bottom
, #dddddd 0, #ffffff 100%);
242 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
244 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
247 .oo-ui-toggleSwitchWidget-grip {
250 -webkit-box-sizing: border-box
;
251 -moz-box-sizing: border-box
;
252 box-sizing: border-box
;
254 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
260 -webkit-touch-callout: none
;
261 -webkit-user-select: none
;
262 -moz-user-select: none
;
263 -ms-user-select: none
;
266 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
269 .oo-ui-toggleSwitchWidget:last-child {
272 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
275 .oo-ui-toggleSwitchWidget-grip {
282 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
283 border: 1px #c9c9c9 solid
;
284 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
285 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
286 transition: left
250ms ease
, margin-left
250ms ease
;
287 background-color: #eeeeee;
288 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
289 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
290 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
291 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
292 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
294 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
295 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
296 border-color: #aaaaaa;
298 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
300 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
301 -webkit-transition: opacity
250ms ease
;
302 -moz-transition: opacity
250ms ease
;
303 transition: opacity
250ms ease
;
304 background-color: #cde7f4;
305 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
306 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
307 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
308 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
309 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
311 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
314 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
318 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
322 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
326 .oo-ui-progressBarWidget {
328 background-color: #ffffff;
329 border: 1px solid
#cccccc;
330 border-radius: 0.25em;
333 .oo-ui-progressBarWidget-bar {
335 border-right: 1px solid
#cccccc;
336 -webkit-transition: width
250ms ease
, margin-left
250ms ease
;
337 -moz-transition: width
250ms ease
, margin-left
250ms ease
;
338 transition: width
250ms ease
, margin-left
250ms ease
;
339 background-color: #cde7f4;
340 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
341 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
342 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
343 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
344 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
346 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
347 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
348 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
349 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
352 border-left: 1px solid
#a6cee1;
354 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
357 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
365 @-moz-keyframes oo-ui-progressBarWidget-slide
{
373 @keyframes oo-ui-progressBarWidget-slide
{
381 .oo-ui-selectFileWidget {
382 display: inline-block
;
383 vertical-align: middle
;
388 .oo-ui-selectFileWidget-selectButton {
390 vertical-align: middle
;
392 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
396 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
410 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
413 .oo-ui-selectFileWidget-info {
416 vertical-align: middle
;
419 -webkit-box-sizing: border-box
;
420 -moz-box-sizing: border-box
;
421 box-sizing: border-box
;
423 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
429 text-overflow: ellipsis
;
431 .oo-ui-selectFileWidget-info .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 .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-fileName {
481 padding-right: 2.375em;
483 text-overflow: ellipsis
;
485 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
489 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
493 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
496 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
499 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
500 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
503 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
507 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
508 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
511 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
512 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
515 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
516 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
519 .oo-ui-selectFileWidget:last-child {
522 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
525 .oo-ui-selectFileWidget-info {
527 background-color: #ffffff;
528 border: 1px solid rgba
(0, 0, 0, 0.1);
529 border-radius: 0.25em;
531 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
534 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
537 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
542 -webkit-box-sizing: border-box
;
543 -moz-box-sizing: border-box
;
544 box-sizing: border-box
;
545 text-overflow: ellipsis
;
549 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
552 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
557 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
560 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
563 margin-right: 0.775em;
565 .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-iconElement-icon {
638 font-size: 90.90909%;
640 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
641 padding-right: 1.5em;
643 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
646 .oo-ui-outlineOptionWidget-level-0 {
649 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
652 .oo-ui-outlineOptionWidget-level-1 {
655 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
658 .oo-ui-outlineOptionWidget-level-2 {
661 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
664 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
665 background-color: #a7dcff;
666 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
668 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
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 {
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 {
799 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
801 line-height: 1.675em;
806 font-family: inherit
;
807 background-color: transparent
;
809 vertical-align: middle
;
811 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
814 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
815 padding-right: 2.4875em;
817 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
822 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
823 padding-left: 2.475em;
825 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
830 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
831 border-color: rgba
(0, 0, 0, 0.2);
833 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
835 text-shadow: 0 1px 1px #ffffff;
836 border-color: #dddddd;
837 background-color: #f3f3f3;
840 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
841 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
844 .oo-ui-capsuleItemWidget {
846 display: inline-block
;
851 -webkit-box-sizing: border-box
;
852 -moz-box-sizing: border-box
;
853 box-sizing: border-box
;
854 vertical-align: middle
;
859 background-color: #eeeeee;
860 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
861 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
862 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
863 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
864 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
865 border: 1px solid
#cccccc;
867 border-radius: 0.25em;
869 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
870 display: inline-block
;
871 text-overflow: ellipsis
;
874 .oo-ui-capsuleItemWidget:focus {
876 border-color: #087ecc;
878 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
880 -webkit-transform: translate3d
(0, 0, 0);
884 border-color: #cccccc;
886 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
890 .oo-ui-searchWidget-query {
896 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
899 .oo-ui-searchWidget-results {
907 .oo-ui-searchWidget-query {
910 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
912 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
915 .oo-ui-searchWidget-results {
920 .oo-ui-numberInputWidget {
921 display: inline-block
;
925 .oo-ui-numberInputWidget-field {
930 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
931 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
933 vertical-align: middle
;
935 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
938 .oo-ui-numberInputWidget-field
> .oo-ui-textInputWidget
[type
="number"]::-webkit-outer-spin-button
,
939 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
940 -webkit-appearance: none
;
943 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
944 -moz-appearance: textfield
;
946 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
949 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
950 -webkit-box-sizing: border-box
;
951 -moz-box-sizing: border-box
;
952 box-sizing: border-box
;
954 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
957 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
958 border-top-right-radius: 0;
959 border-bottom-right-radius: 0;
960 border-right-width: 0;
962 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
963 border-top-left-radius: 0;
964 border-bottom-left-radius: 0;
965 border-left-width: 0;
967 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {