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-08-16T21:13: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 {
20 cursor: url
(images
/grabbing
.cur
);
21 cursor: -webkit-grabbing
;
22 cursor: -moz-grabbing
;
25 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
26 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
29 .oo-ui-draggableElement-placeholder {
32 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
33 display: inline-block
;
35 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
38 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
40 -webkit-box-sizing: border-box
;
41 -moz-box-sizing: border-box
;
42 box-sizing: border-box
;
44 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
47 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
50 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
58 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
64 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
67 .oo-ui-bookletLayout-outlinePanel {
68 border-right: 1px solid
#dddddd;
70 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
71 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
73 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
76 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
79 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
88 /* stylelint-disable declaration-no-important */
89 /* stylelint-enable declaration-no-important */
91 .oo-ui-menuLayout-menu
,
92 .oo-ui-menuLayout-content {
94 -webkit-transition: all
200ms ease
;
95 -moz-transition: all
200ms ease
;
96 transition: all
200ms ease
;
98 .oo-ui-menuLayout-menu {
102 .oo-ui-menuLayout-content {
108 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
110 height: 0 !important
;
113 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
117 bottom: 0 !important
;
119 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
120 width: auto
!important
;
125 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
127 bottom: 0 !important
;
130 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
131 height: auto
!important
;
136 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
137 bottom: 0 !important
;
141 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
142 width: auto
!important
;
147 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
152 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
153 height: auto
!important
;
158 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
161 bottom: 0 !important
;
163 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
167 .oo-ui-buttonSelectWidget {
168 display: inline-block
;
170 border-radius: 0.3em;
173 .oo-ui-buttonSelectWidget:last-child {
176 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
180 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
181 border-bottom-left-radius: 0.3em;
182 border-top-left-radius: 0.3em;
185 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
186 border-bottom-right-radius: 0.3em;
187 border-top-right-radius: 0.3em;
189 .oo-ui-buttonOptionWidget {
190 display: inline-block
;
192 background-color: transparent
;
194 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
195 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
197 display: inline-block
;
198 vertical-align: middle
;
200 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
201 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
202 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
203 background-color: transparent
;
205 .oo-ui-toggleButtonWidget {
206 display: inline-block
;
207 vertical-align: middle
;
210 .oo-ui-toggleButtonWidget:last-child {
213 .oo-ui-toggleSwitchWidget {
215 display: inline-block
;
216 vertical-align: middle
;
218 -webkit-box-sizing: border-box
;
219 -moz-box-sizing: border-box
;
220 box-sizing: border-box
;
221 -webkit-transform: translateZ
(0);
222 -moz-transform: translateZ
(0);
223 -ms-transform: translateZ
(0);
224 transform: translateZ
(0);
228 box-shadow: 0 0 0 #ffffff, inset
0 0.1em 0.2em #dddddd;
229 border: 1px solid
#cccccc;
231 background-color: #eeeeee;
232 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #dddddd), color-stop
(100%, #ffffff));
233 background-image: -webkit-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
234 background-image: -moz-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
235 background-image: linear-gradient
(to bottom
, #dddddd 0, #ffffff 100%);
236 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
238 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
241 .oo-ui-toggleSwitchWidget-grip {
244 -webkit-box-sizing: border-box
;
245 -moz-box-sizing: border-box
;
246 box-sizing: border-box
;
248 .oo-ui-toggleSwitchWidget:last-child {
251 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
254 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
255 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
256 border-color: #aaaaaa;
258 .oo-ui-toggleSwitchWidget-grip {
265 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
266 border: 1px #c9c9c9 solid
;
267 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
268 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
269 transition: left
250ms ease
, margin-left
250ms ease
;
270 background-color: #eeeeee;
271 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
272 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
273 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
274 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
275 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
277 .oo-ui-toggleSwitchWidget-glow {
284 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
285 -webkit-transition: opacity
250ms ease
;
286 -moz-transition: opacity
250ms ease
;
287 transition: opacity
250ms ease
;
288 background-color: #cde7f4;
289 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
290 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
291 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
292 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
293 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
294 -webkit-touch-callout: none
;
295 -webkit-user-select: none
;
296 -moz-user-select: none
;
297 -ms-user-select: none
;
300 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
303 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
307 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
310 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
314 .oo-ui-selectFileWidget {
315 display: inline-block
;
316 vertical-align: middle
;
321 .oo-ui-selectFileWidget-selectButton {
323 vertical-align: middle
;
325 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
329 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
342 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
345 .oo-ui-selectFileWidget-info {
348 vertical-align: middle
;
351 -webkit-box-sizing: border-box
;
352 -moz-box-sizing: border-box
;
353 box-sizing: border-box
;
355 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
356 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
359 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
361 -webkit-touch-callout: none
;
362 -webkit-user-select: none
;
363 -moz-user-select: none
;
364 -ms-user-select: none
;
367 .oo-ui-selectFileWidget-label {
373 text-overflow: ellipsis
;
375 .oo-ui-selectFileWidget-fileType {
378 .oo-ui-selectFileWidget-clearButton {
382 .oo-ui-selectFileWidget-dropTarget {
387 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
388 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
389 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
392 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
398 background-position: center center
;
399 background-repeat: no-repeat
;
400 background-size: contain
;
402 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
403 background-repeat: repeat
;
404 background-size: auto
;
406 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
411 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
415 margin-left: 8.815em;
418 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
423 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
426 padding-right: 2.375em;
428 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
431 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
432 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
435 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
437 margin: 2.2em 1em 1em;
439 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
440 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
443 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
444 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
447 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
448 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
451 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
454 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
455 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
456 -webkit-touch-callout: none
;
457 -webkit-user-select: none
;
458 -moz-user-select: none
;
459 -ms-user-select: none
;
462 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
463 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
464 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
465 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
468 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
471 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
474 .oo-ui-selectFileWidget:last-child {
477 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
478 border-radius: 0 0.25em 0.25em 0;
480 .oo-ui-selectFileWidget-info {
482 background-color: #ffffff;
483 border: 1px solid rgba
(0, 0, 0, 0.1);
484 border-radius: 0.25em 0 0 0.25em;
485 border-width: 1px 0 1px 1px;
487 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
493 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
497 margin-right: 0.775em;
499 .oo-ui-selectFileWidget-label {
500 -webkit-box-sizing: border-box
;
501 -moz-box-sizing: border-box
;
502 box-sizing: border-box
;
509 text-overflow: ellipsis
;
511 .oo-ui-selectFileWidget-fileType {
516 .oo-ui-selectFileWidget-clearButton {
522 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
525 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
528 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
531 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
534 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
537 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-label
,
538 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
541 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
542 .oo-ui-selectFileWidget-notsupported
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
543 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
544 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
547 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
548 background-color: #e1f3ff;
550 .oo-ui-selectFileWidget-dropTarget {
551 background-color: #ffffff;
552 border: 1px solid
#aaaaaa;
553 vertical-align: middle
;
554 border-radius: 0.25em;
556 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
557 border-radius: 0.25em;
559 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
564 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget {
565 border-style: dashed
;
567 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
568 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
569 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
570 background-color: #f3f3f3;
572 border-color: #dddddd;
573 text-shadow: 0 1px 1px #ffffff;
575 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
576 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
577 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
578 background-color: #f3f3f3;
580 border-color: #dddddd;
581 text-shadow: 0 1px 1px #ffffff;
583 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
584 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
585 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
586 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
587 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
588 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
591 .oo-ui-outlineOptionWidget {
594 -webkit-touch-callout: none
;
595 -webkit-user-select: none
;
596 -moz-user-select: none
;
597 -ms-user-select: none
;
602 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
603 font-size: 90.90909%;
605 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
606 padding-right: 1.5em;
608 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
611 .oo-ui-outlineOptionWidget-level-0 {
614 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
617 .oo-ui-outlineOptionWidget-level-1 {
620 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
623 .oo-ui-outlineOptionWidget-level-2 {
626 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
629 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
630 background-color: #a7dcff;
631 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
633 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
636 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
639 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
642 .oo-ui-outlineControlsWidget {
644 background-color: #ffffff;
646 .oo-ui-outlineControlsWidget-items
,
647 .oo-ui-outlineControlsWidget-movers {
649 -webkit-box-sizing: border-box
;
650 -moz-box-sizing: border-box
;
651 box-sizing: border-box
;
653 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
655 background-position: right center
;
657 .oo-ui-outlineControlsWidget-items {
660 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
663 .oo-ui-outlineControlsWidget-movers {
666 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
669 .oo-ui-outlineControlsWidget-items
,
670 .oo-ui-outlineControlsWidget-movers {
672 margin: 0.5em 0.5em 0.5em 0;
675 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
678 margin: 0.5em 0 0.5em 0.5em;
681 .oo-ui-tabSelectWidget {
685 background-color: #eeeeee;
686 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
688 .oo-ui-tabOptionWidget {
689 display: inline-block
;
690 vertical-align: bottom
;
692 margin: 0.5em 0 0 0.75em;
693 border: 1px solid transparent
;
695 border-top-left-radius: 0.5em;
696 border-top-right-radius: 0.5em;
698 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
699 padding-right: 1.5em;
701 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
704 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
705 background-color: transparent
;
707 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
708 background-color: rgba
(255, 255, 255, 0.2);
709 border-color: #dddddd;
711 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
712 background-color: #ffffff;
713 border-color: #dddddd;
715 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
716 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
717 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
718 background-color: #ffffff;
719 border-color: #dddddd;
721 .oo-ui-capsuleMultiselectWidget {
722 display: inline-block
;
727 .oo-ui-capsuleMultiselectWidget-handle {
732 .oo-ui-capsuleMultiselectWidget-content {
735 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
738 .oo-ui-capsuleMultiselectWidget-group {
741 .oo-ui-capsuleMultiselectWidget-handle {
742 background-color: #ffffff;
746 padding: 0.15em 0.25em;
747 border: 1px solid rgba
(0, 0, 0, 0.1);
748 border-radius: 0.25em;
749 -webkit-box-sizing: border-box
;
750 -moz-box-sizing: border-box
;
751 box-sizing: border-box
;
753 .oo-ui-capsuleMultiselectWidget-handle:last-child {
756 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-indicatorElement-indicator
,
757 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
760 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
762 line-height: 1.675em;
767 font-family: inherit
;
768 background-color: transparent
;
770 vertical-align: middle
;
772 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
775 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
776 padding-right: 2.4875em;
778 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
783 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
784 padding-left: 2.475em;
786 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
791 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
792 border-color: rgba
(0, 0, 0, 0.2);
794 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
796 text-shadow: 0 1px 1px #ffffff;
797 border-color: #dddddd;
798 background-color: #f3f3f3;
801 .oo-ui-capsuleMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
802 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
805 .oo-ui-capsuleItemWidget {
807 display: inline-block
;
812 -webkit-box-sizing: border-box
;
813 -moz-box-sizing: border-box
;
814 box-sizing: border-box
;
815 vertical-align: middle
;
820 background-color: #eeeeee;
821 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
822 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
823 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
824 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
825 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
826 border: 1px solid
#cccccc;
828 border-radius: 0.25em;
830 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
831 display: inline-block
;
832 text-overflow: ellipsis
;
835 .oo-ui-capsuleItemWidget:focus {
837 border-color: #087ecc;
839 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
841 -webkit-transform: translate3d
(0, 0, 0);
845 border-color: #cccccc;
847 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
851 .oo-ui-searchWidget-query {
857 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
860 .oo-ui-searchWidget-results {
868 .oo-ui-searchWidget-query {
871 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
873 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
876 .oo-ui-searchWidget-results {
881 .oo-ui-numberInputWidget {
882 display: inline-block
;
886 .oo-ui-numberInputWidget-field {
891 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
892 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
894 vertical-align: middle
;
896 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
899 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
902 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
903 -webkit-box-sizing: border-box
;
904 -moz-box-sizing: border-box
;
905 box-sizing: border-box
;
907 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
910 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
911 border-top-right-radius: 0;
912 border-bottom-right-radius: 0;
913 border-right-width: 0;
915 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
916 border-top-left-radius: 0;
917 border-bottom-left-radius: 0;
918 border-left-width: 0;
920 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {