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-19T21:57:53Z
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-label > .oo-ui-selectFileWidget-fileName {
434 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
437 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
438 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
439 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
442 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
445 .oo-ui-selectFileWidget-dropTarget {
451 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
452 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
455 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
459 background-size: cover
;
460 background-position: center center
;
462 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
463 background-size: auto
;
465 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
467 background-color: #cccccc;
471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
479 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
482 .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 {
561 margin-right: 0.775em;
563 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
568 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
570 text-shadow: 0 1px 1px #ffffff;
571 border-color: #dddddd;
572 background-color: #f3f3f3;
574 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
575 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
578 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
581 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
584 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
587 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
590 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
593 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
596 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
597 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
600 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
601 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
604 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
605 background-color: #e1f3ff;
607 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
608 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
610 text-shadow: 0 1px 1px #ffffff;
611 border-color: #dddddd;
612 background-color: #f3f3f3;
614 .oo-ui-selectFileWidget-dropTarget {
615 background-color: #ffffff;
616 border: 1px solid
#aaaaaa;
617 margin-bottom: 0.5em;
618 vertical-align: middle
;
619 border-radius: 0.25em;
621 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
622 border-style: dashed
;
624 .oo-ui-outlineOptionWidget {
627 -webkit-touch-callout: none
;
628 -webkit-user-select: none
;
629 -moz-user-select: none
;
630 -ms-user-select: none
;
635 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
636 padding-right: 1.5em;
638 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
641 .oo-ui-outlineOptionWidget-level-0 {
644 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
647 .oo-ui-outlineOptionWidget-level-1 {
650 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
653 .oo-ui-outlineOptionWidget-level-2 {
656 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
659 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
660 background-color: #a7dcff;
661 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
663 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
666 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
669 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
672 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
675 .oo-ui-outlineControlsWidget {
677 background-color: #ffffff;
679 .oo-ui-outlineControlsWidget-items
,
680 .oo-ui-outlineControlsWidget-movers {
682 -webkit-box-sizing: border-box
;
683 -moz-box-sizing: border-box
;
684 box-sizing: border-box
;
686 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
688 background-position: right center
;
690 .oo-ui-outlineControlsWidget-items {
693 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
696 .oo-ui-outlineControlsWidget-movers {
699 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
702 .oo-ui-outlineControlsWidget-items
,
703 .oo-ui-outlineControlsWidget-movers {
705 margin: 0.5em 0.5em 0.5em 0;
708 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
711 margin: 0.5em 0 0.5em 0.5em;
714 .oo-ui-tabSelectWidget {
718 background-color: #eeeeee;
719 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
721 .oo-ui-tabOptionWidget {
722 display: inline-block
;
723 vertical-align: bottom
;
725 margin: 0.5em 0 0 0.75em;
726 border: 1px solid transparent
;
728 border-top-left-radius: 0.5em;
729 border-top-right-radius: 0.5em;
731 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
732 padding-right: 1.5em;
734 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
737 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
738 background-color: transparent
;
740 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
741 background-color: rgba
(255, 255, 255, 0.2);
742 border-color: #dddddd;
744 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
745 background-color: #ffffff;
746 border-color: #dddddd;
748 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
749 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
750 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
751 background-color: #ffffff;
752 border-color: #dddddd;
754 .oo-ui-capsuleMultiSelectWidget {
755 display: inline-block
;
760 .oo-ui-capsuleMultiSelectWidget-handle {
765 .oo-ui-capsuleMultiSelectWidget-content {
768 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
771 .oo-ui-capsuleMultiSelectWidget-group {
774 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
778 .oo-ui-capsuleMultiSelectWidget-handle {
779 background-color: #ffffff;
783 padding: 0.15em 0.25em;
784 border: 1px solid rgba
(0, 0, 0, 0.1);
785 border-radius: 0.25em;
786 -webkit-box-sizing: border-box
;
787 -moz-box-sizing: border-box
;
788 box-sizing: border-box
;
790 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
793 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
794 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
797 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
799 line-height: 1.675em;
804 font-family: inherit
;
805 background-color: transparent
;
807 vertical-align: middle
;
809 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
812 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
813 padding-right: 2.4875em;
815 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
820 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
821 padding-left: 2.475em;
823 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
828 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
829 border-color: rgba
(0, 0, 0, 0.2);
831 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
833 text-shadow: 0 1px 1px #ffffff;
834 border-color: #dddddd;
835 background-color: #f3f3f3;
838 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
839 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
842 .oo-ui-capsuleItemWidget {
844 display: inline-block
;
849 -webkit-box-sizing: border-box
;
850 -moz-box-sizing: border-box
;
851 box-sizing: border-box
;
852 vertical-align: middle
;
857 background-color: #eeeeee;
858 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
859 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
860 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
861 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
862 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
863 border: 1px solid
#cccccc;
865 border-radius: 0.25em;
867 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
868 display: inline-block
;
869 text-overflow: ellipsis
;
872 .oo-ui-capsuleItemWidget:focus {
874 border-color: #087ecc;
876 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
878 -webkit-transform: translate3d
(0, 0, 0);
882 border-color: #cccccc;
884 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
888 .oo-ui-searchWidget-query {
894 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
897 .oo-ui-searchWidget-results {
905 .oo-ui-searchWidget-query {
908 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
910 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
913 .oo-ui-searchWidget-results {
918 .oo-ui-numberInputWidget {
919 display: inline-block
;
923 .oo-ui-numberInputWidget-field {
928 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
929 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
931 vertical-align: middle
;
933 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
936 .oo-ui-numberInputWidget-field
> .oo-ui-textInputWidget
[type
="number"]::-webkit-outer-spin-button
,
937 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
938 -webkit-appearance: none
;
941 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
942 -moz-appearance: textfield
;
944 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
947 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
948 -webkit-box-sizing: border-box
;
949 -moz-box-sizing: border-box
;
950 box-sizing: border-box
;
952 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
955 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
956 border-top-right-radius: 0;
957 border-bottom-right-radius: 0;
958 border-right-width: 0;
960 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
961 border-top-left-radius: 0;
962 border-bottom-left-radius: 0;
963 border-left-width: 0;
965 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {