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-03-08T21:46: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.15em 0 0 rgba
(0, 0, 0, 0.15);
78 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
81 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
84 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
87 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
90 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
100 .oo-ui-menuLayout-menu
,
101 .oo-ui-menuLayout-content {
103 -webkit-transition: all
200ms ease
;
104 -moz-transition: all
200ms ease
;
105 transition: all
200ms ease
;
107 .oo-ui-menuLayout-menu {
111 .oo-ui-menuLayout-content {
117 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
119 height: 0 !important
;
122 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
126 bottom: 0 !important
;
128 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
129 width: auto
!important
;
134 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
136 bottom: 0 !important
;
139 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
140 height: auto
!important
;
145 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
146 bottom: 0 !important
;
150 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
151 width: auto
!important
;
156 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
161 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
162 height: auto
!important
;
167 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
170 bottom: 0 !important
;
172 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
176 .oo-ui-buttonSelectWidget {
177 display: inline-block
;
182 .oo-ui-buttonSelectWidget:last-child {
185 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
189 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
190 border-bottom-left-radius: 2px;
191 border-top-left-radius: 2px;
194 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
195 border-bottom-right-radius: 2px;
196 border-top-right-radius: 2px;
198 .oo-ui-buttonOptionWidget {
199 display: inline-block
;
201 background-color: transparent
;
203 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
206 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
207 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
209 display: inline-block
;
210 vertical-align: middle
;
212 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
215 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
216 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
217 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
218 background-color: transparent
;
220 .oo-ui-buttonOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
221 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
224 .oo-ui-toggleButtonWidget {
225 display: inline-block
;
226 vertical-align: middle
;
229 .oo-ui-toggleButtonWidget:last-child {
232 .oo-ui-toggleSwitchWidget {
234 display: inline-block
;
235 vertical-align: middle
;
237 -webkit-box-sizing: border-box
;
238 -moz-box-sizing: border-box
;
239 box-sizing: border-box
;
240 -webkit-transform: translateZ
(0);
241 -moz-transform: translateZ
(0);
242 -ms-transform: translateZ
(0);
243 transform: translateZ
(0);
246 border: 1px solid
#777777;
248 background-color: #ffffff;
250 -webkit-transition: background-color
100ms, border-color
100ms;
251 -moz-transition: background-color
100ms, border-color
100ms;
252 transition: background-color
100ms, border-color
100ms;
254 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
257 .oo-ui-toggleSwitchWidget-grip {
260 -webkit-box-sizing: border-box
;
261 -moz-box-sizing: border-box
;
262 box-sizing: border-box
;
264 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
270 -webkit-touch-callout: none
;
271 -webkit-user-select: none
;
272 -moz-user-select: none
;
273 -ms-user-select: none
;
276 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
279 .oo-ui-toggleSwitchWidget:last-child {
282 .oo-ui-toggleSwitchWidget:before {
290 border: 1px solid transparent
;
294 .oo-ui-toggleSwitchWidget-grip {
298 border-radius: 1.2em;
299 background-color: #555555;
300 -webkit-transition: left
100ms, margin-left
100ms;
301 -moz-transition: left
100ms, margin-left
100ms;
302 transition: left
100ms, margin-left
100ms;
304 .oo-ui-toggleSwitchWidget-glow {
307 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
311 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
315 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
316 background-color: #347bff;
317 border-color: #347bff;
319 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
320 background-color: #ffffff;
321 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
323 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
324 border-color: #2962cc;
326 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
327 background-color: #2962cc;
328 border-color: #2962cc;
330 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
331 border-color: #347bff;
334 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
335 border-color: #347bff;
337 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
338 border-color: #ffffff;
340 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
341 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
342 background-color: #347bff;
343 border-color: #347bff;
345 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
346 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
347 background-color: #ffffff;
348 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
350 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
352 border-color: #dddddd;
355 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
358 .oo-ui-progressBarWidget {
360 background-color: #ffffff;
361 border: 1px solid
#cccccc;
365 .oo-ui-progressBarWidget-bar {
368 -webkit-transition: width
200ms, margin-left
200ms;
369 -moz-transition: width
200ms, margin-left
200ms;
370 transition: width
200ms, margin-left
200ms;
372 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
373 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
374 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
375 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
378 border-left-width: 1px;
380 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
383 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
391 @-moz-keyframes oo-ui-progressBarWidget-slide
{
399 @keyframes oo-ui-progressBarWidget-slide
{
407 .oo-ui-selectFileWidget {
408 display: inline-block
;
409 vertical-align: middle
;
414 .oo-ui-selectFileWidget-selectButton {
416 vertical-align: middle
;
418 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
422 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > input[type="file"] {
436 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > input[type="file"] {
439 .oo-ui-selectFileWidget-info {
442 vertical-align: middle
;
445 -webkit-box-sizing: border-box
;
446 -moz-box-sizing: border-box
;
447 box-sizing: border-box
;
449 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
455 text-overflow: ellipsis
;
457 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
460 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
463 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
464 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
465 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
468 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
471 .oo-ui-selectFileWidget-dropTarget {
477 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
478 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
481 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
485 background-size: cover
;
486 background-position: center center
;
488 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
489 background-size: auto
;
491 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
493 background-color: #cccccc;
497 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
505 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
508 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
512 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
516 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
520 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
523 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
526 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
527 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
530 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
534 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
535 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
538 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
539 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
542 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
543 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
546 .oo-ui-selectFileWidget:last-child {
549 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
552 .oo-ui-selectFileWidget-info {
554 background-color: #ffffff;
555 border: 1px solid
#cccccc;
558 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
561 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
564 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
569 -webkit-box-sizing: border-box
;
570 -moz-box-sizing: border-box
;
571 box-sizing: border-box
;
572 text-overflow: ellipsis
;
576 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
579 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
584 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
587 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
591 margin-right: 0.775em;
593 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
599 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
601 text-shadow: 0 1px 1px #ffffff;
602 border-color: #dddddd;
603 background-color: #f3f3f3;
605 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
606 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
609 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
612 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
615 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
618 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
621 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
624 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
627 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
628 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
631 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
632 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
635 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
636 background-color: rgba
(52, 123, 255, 0.1);
638 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
639 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
640 border-color: #dddddd;
641 background-color: #f3f3f3;
643 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
644 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
645 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
646 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
648 text-shadow: 0 1px 1px #ffffff;
650 .oo-ui-selectFileWidget-dropTarget {
651 background-color: #ffffff;
652 border: 1px solid
#cccccc;
653 margin-bottom: 0.5em;
654 vertical-align: middle
;
658 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
659 background-color: #eeeeee;
660 border-style: dashed
;
662 .oo-ui-outlineOptionWidget {
665 -webkit-touch-callout: none
;
666 -webkit-user-select: none
;
667 -moz-user-select: none
;
668 -ms-user-select: none
;
673 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
674 padding-right: 1.5em;
676 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
679 .oo-ui-outlineOptionWidget-level-0 {
682 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
685 .oo-ui-outlineOptionWidget-level-1 {
688 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
691 .oo-ui-outlineOptionWidget-level-2 {
694 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
697 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
698 background-color: #d0d0d0;
699 text-shadow: 0 1px 1px #ffffff;
701 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
704 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
707 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
710 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
713 .oo-ui-outlineControlsWidget {
715 background-color: #ffffff;
717 .oo-ui-outlineControlsWidget-items
,
718 .oo-ui-outlineControlsWidget-movers {
720 -webkit-box-sizing: border-box
;
721 -moz-box-sizing: border-box
;
722 box-sizing: border-box
;
724 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
726 background-position: right center
;
728 .oo-ui-outlineControlsWidget-items {
731 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
734 .oo-ui-outlineControlsWidget-movers {
737 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
740 .oo-ui-outlineControlsWidget-items
,
741 .oo-ui-outlineControlsWidget-movers {
743 margin: 0.5em 0.5em 0.5em 0;
746 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
749 margin: 0.5em 0 0.5em 0.5em;
752 .oo-ui-tabSelectWidget {
756 background-color: #dddddd;
758 .oo-ui-tabOptionWidget {
759 display: inline-block
;
760 vertical-align: bottom
;
762 margin: 0.5em 0 0 0.75em;
763 border: 1px solid transparent
;
765 border-top-left-radius: 2px;
766 border-top-right-radius: 2px;
770 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
771 background-color: rgba
(255, 255, 255, 0.3);
773 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
774 background-color: rgba
(255, 255, 255, 0.8);
776 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
777 padding-right: 1.5em;
779 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
782 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
783 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
784 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
785 background-color: #ffffff;
788 .oo-ui-capsuleMultiSelectWidget {
789 display: inline-block
;
794 .oo-ui-capsuleMultiSelectWidget-handle {
799 .oo-ui-capsuleMultiSelectWidget-content {
802 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
805 .oo-ui-capsuleMultiSelectWidget-group {
808 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
812 .oo-ui-capsuleMultiSelectWidget-handle {
813 background-color: #ffffff;
817 padding: 0.15em 0.25em;
818 border: 1px solid
#cccccc;
820 -webkit-box-sizing: border-box
;
821 -moz-box-sizing: border-box
;
822 box-sizing: border-box
;
824 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
827 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
828 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
830 background-position: center center
;
831 background-repeat: no-repeat
;
833 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
835 line-height: 1.675em;
839 font-family: inherit
;
840 background-color: transparent
;
842 vertical-align: middle
;
844 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
847 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
848 padding-right: 2.4875em;
850 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
857 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
858 padding-left: 2.475em;
860 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
867 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
868 border-color: #aaaaaa;
870 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
872 text-shadow: 0 1px 1px #ffffff;
873 border-color: #dddddd;
874 background-color: #f3f3f3;
877 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
878 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
881 .oo-ui-capsuleItemWidget {
883 display: inline-block
;
888 -webkit-box-sizing: border-box
;
889 -moz-box-sizing: border-box
;
890 box-sizing: border-box
;
891 vertical-align: middle
;
896 background-color: #eeeeee;
897 border: 1px solid
#cccccc;
901 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
902 display: inline-block
;
903 text-overflow: ellipsis
;
906 .oo-ui-capsuleItemWidget:focus {
908 border-color: #347bff;
910 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
912 text-shadow: 0 1px 1px #ffffff;
913 border-color: #dddddd;
914 background-color: #f3f3f3;
916 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
920 .oo-ui-searchWidget-query {
926 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
929 .oo-ui-searchWidget-results {
937 .oo-ui-searchWidget-query {
940 border-bottom: 1px solid
#cccccc;
942 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
945 .oo-ui-searchWidget-results {
950 .oo-ui-numberInputWidget {
951 display: inline-block
;
955 .oo-ui-numberInputWidget-field {
960 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
961 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
963 vertical-align: middle
;
965 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
968 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
971 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
972 -webkit-box-sizing: border-box
;
973 -moz-box-sizing: border-box
;
974 box-sizing: border-box
;
976 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
979 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
980 border-top-right-radius: 0;
981 border-bottom-right-radius: 0;
982 border-right-width: 0;
984 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
985 border-top-left-radius: 0;
986 border-bottom-left-radius: 0;
987 border-left-width: 0;
989 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {