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-05-03T22:58:06Z
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 {
447 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
448 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
451 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
455 background-size: cover
;
456 background-position: center center
;
458 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
459 background-size: auto
;
461 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
463 background-color: #cccccc;
467 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
475 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
478 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileName {
480 padding-right: 2.375em;
482 text-overflow: ellipsis
;
484 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
488 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
492 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
495 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
496 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
499 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
503 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
504 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
507 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
508 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
511 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
512 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
515 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
516 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
517 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
518 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
521 .oo-ui-selectFileWidget:last-child {
524 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
527 .oo-ui-selectFileWidget-info {
529 background-color: #ffffff;
530 border: 1px solid rgba
(0, 0, 0, 0.1);
531 border-radius: 0.25em;
533 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
536 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
539 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
544 -webkit-box-sizing: border-box
;
545 -moz-box-sizing: border-box
;
546 box-sizing: border-box
;
547 text-overflow: ellipsis
;
551 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
554 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
559 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
562 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
565 margin-right: 0.775em;
567 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
572 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
574 text-shadow: 0 1px 1px #ffffff;
575 border-color: #dddddd;
576 background-color: #f3f3f3;
578 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
579 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
582 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
585 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
588 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
591 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
594 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
597 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
600 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
601 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
604 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
605 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
608 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
609 background-color: #e1f3ff;
611 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
612 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
614 text-shadow: 0 1px 1px #ffffff;
615 border-color: #dddddd;
616 background-color: #f3f3f3;
618 .oo-ui-selectFileWidget-dropTarget {
619 background-color: #ffffff;
620 border: 1px solid
#aaaaaa;
621 margin-bottom: 0.5em;
622 vertical-align: middle
;
623 border-radius: 0.25em;
625 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
626 border-style: dashed
;
628 .oo-ui-outlineOptionWidget {
631 -webkit-touch-callout: none
;
632 -webkit-user-select: none
;
633 -moz-user-select: none
;
634 -ms-user-select: none
;
639 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
640 font-size: 90.90909%;
642 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
643 padding-right: 1.5em;
645 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
648 .oo-ui-outlineOptionWidget-level-0 {
651 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
654 .oo-ui-outlineOptionWidget-level-1 {
657 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
660 .oo-ui-outlineOptionWidget-level-2 {
663 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
666 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
667 background-color: #a7dcff;
668 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
670 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
673 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
676 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
679 .oo-ui-outlineControlsWidget {
681 background-color: #ffffff;
683 .oo-ui-outlineControlsWidget-items
,
684 .oo-ui-outlineControlsWidget-movers {
686 -webkit-box-sizing: border-box
;
687 -moz-box-sizing: border-box
;
688 box-sizing: border-box
;
690 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
692 background-position: right center
;
694 .oo-ui-outlineControlsWidget-items {
697 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
700 .oo-ui-outlineControlsWidget-movers {
703 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
706 .oo-ui-outlineControlsWidget-items
,
707 .oo-ui-outlineControlsWidget-movers {
709 margin: 0.5em 0.5em 0.5em 0;
712 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
715 margin: 0.5em 0 0.5em 0.5em;
718 .oo-ui-tabSelectWidget {
722 background-color: #eeeeee;
723 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
725 .oo-ui-tabOptionWidget {
726 display: inline-block
;
727 vertical-align: bottom
;
729 margin: 0.5em 0 0 0.75em;
730 border: 1px solid transparent
;
732 border-top-left-radius: 0.5em;
733 border-top-right-radius: 0.5em;
735 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
736 padding-right: 1.5em;
738 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
741 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
742 background-color: transparent
;
744 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
745 background-color: rgba
(255, 255, 255, 0.2);
746 border-color: #dddddd;
748 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
749 background-color: #ffffff;
750 border-color: #dddddd;
752 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
753 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
754 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
755 background-color: #ffffff;
756 border-color: #dddddd;
758 .oo-ui-capsuleMultiSelectWidget {
759 display: inline-block
;
764 .oo-ui-capsuleMultiSelectWidget-handle {
769 .oo-ui-capsuleMultiSelectWidget-content {
772 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
775 .oo-ui-capsuleMultiSelectWidget-group {
778 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
782 .oo-ui-capsuleMultiSelectWidget-handle {
783 background-color: #ffffff;
787 padding: 0.15em 0.25em;
788 border: 1px solid rgba
(0, 0, 0, 0.1);
789 border-radius: 0.25em;
790 -webkit-box-sizing: border-box
;
791 -moz-box-sizing: border-box
;
792 box-sizing: border-box
;
794 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
797 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
798 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
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 {
824 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
825 padding-left: 2.475em;
827 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
832 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
833 border-color: rgba
(0, 0, 0, 0.2);
835 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
837 text-shadow: 0 1px 1px #ffffff;
838 border-color: #dddddd;
839 background-color: #f3f3f3;
842 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
843 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
846 .oo-ui-capsuleItemWidget {
848 display: inline-block
;
853 -webkit-box-sizing: border-box
;
854 -moz-box-sizing: border-box
;
855 box-sizing: border-box
;
856 vertical-align: middle
;
861 background-color: #eeeeee;
862 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
863 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
864 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
865 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
866 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
867 border: 1px solid
#cccccc;
869 border-radius: 0.25em;
871 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
872 display: inline-block
;
873 text-overflow: ellipsis
;
876 .oo-ui-capsuleItemWidget:focus {
878 border-color: #087ecc;
880 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
882 -webkit-transform: translate3d
(0, 0, 0);
886 border-color: #cccccc;
888 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
892 .oo-ui-searchWidget-query {
898 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
901 .oo-ui-searchWidget-results {
909 .oo-ui-searchWidget-query {
912 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
914 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
917 .oo-ui-searchWidget-results {
922 .oo-ui-numberInputWidget {
923 display: inline-block
;
927 .oo-ui-numberInputWidget-field {
932 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
933 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
935 vertical-align: middle
;
937 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
940 .oo-ui-numberInputWidget-field
> .oo-ui-textInputWidget
[type
="number"]::-webkit-outer-spin-button
,
941 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
942 -webkit-appearance: none
;
945 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
946 -moz-appearance: textfield
;
948 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
951 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
952 -webkit-box-sizing: border-box
;
953 -moz-box-sizing: border-box
;
954 box-sizing: border-box
;
956 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
959 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
960 border-top-right-radius: 0;
961 border-bottom-right-radius: 0;
962 border-right-width: 0;
964 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
965 border-top-left-radius: 0;
966 border-bottom-left-radius: 0;
967 border-left-width: 0;
969 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {