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-24T22:46:36Z
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:focus {
188 .oo-ui-buttonSelectWidget:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
189 border-color: #347bff;
190 box-shadow: inset
0 0 0 1px #347bff;
193 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
197 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
198 border-bottom-left-radius: 2px;
199 border-top-left-radius: 2px;
202 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
203 border-bottom-right-radius: 2px;
204 border-top-right-radius: 2px;
206 .oo-ui-buttonOptionWidget {
207 display: inline-block
;
209 background-color: transparent
;
211 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
214 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
215 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
217 display: inline-block
;
218 vertical-align: middle
;
220 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
221 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
222 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
223 background-color: transparent
;
225 .oo-ui-toggleButtonWidget {
226 display: inline-block
;
227 vertical-align: middle
;
230 .oo-ui-toggleButtonWidget:last-child {
233 .oo-ui-toggleSwitchWidget {
235 display: inline-block
;
236 vertical-align: middle
;
238 -webkit-box-sizing: border-box
;
239 -moz-box-sizing: border-box
;
240 box-sizing: border-box
;
241 -webkit-transform: translateZ
(0);
242 -moz-transform: translateZ
(0);
243 -ms-transform: translateZ
(0);
244 transform: translateZ
(0);
247 border: 1px solid
#777777;
249 background-color: #ffffff;
251 -webkit-transition: background-color
100ms, border-color
100ms;
252 -moz-transition: background-color
100ms, border-color
100ms;
253 transition: background-color
100ms, border-color
100ms;
255 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
258 .oo-ui-toggleSwitchWidget-grip {
261 -webkit-box-sizing: border-box
;
262 -moz-box-sizing: border-box
;
263 box-sizing: border-box
;
265 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
271 -webkit-touch-callout: none
;
272 -webkit-user-select: none
;
273 -moz-user-select: none
;
274 -ms-user-select: none
;
277 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
280 .oo-ui-toggleSwitchWidget:last-child {
283 .oo-ui-toggleSwitchWidget:before {
291 border: 1px solid transparent
;
295 .oo-ui-toggleSwitchWidget-grip {
299 border-radius: 1.2em;
300 background-color: #555555;
301 -webkit-transition: left
100ms, margin-left
100ms;
302 -moz-transition: left
100ms, margin-left
100ms;
303 transition: left
100ms, margin-left
100ms;
305 .oo-ui-toggleSwitchWidget-glow {
308 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
312 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
316 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
317 background-color: #347bff;
318 border-color: #347bff;
320 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
321 background-color: #ffffff;
322 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
324 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
325 border-color: #2962cc;
327 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
328 background-color: #2962cc;
329 border-color: #2962cc;
331 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
332 border-color: #347bff;
333 box-shadow: inset
0 0 0 1px #347bff;
336 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
337 border-color: #347bff;
339 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
340 border-color: #ffffff;
342 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
343 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
344 background-color: #347bff;
345 border-color: #347bff;
347 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
348 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
349 background-color: #ffffff;
350 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
352 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
353 background-color: #dddddd;
354 border-color: #dddddd;
357 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
358 background-color: #ffffff;
360 .oo-ui-progressBarWidget {
362 background-color: #ffffff;
363 border: 1px solid
#cccccc;
367 .oo-ui-progressBarWidget-bar {
368 background-color: #dddddd;
370 -webkit-transition: width
200ms, margin-left
200ms;
371 -moz-transition: width
200ms, margin-left
200ms;
372 transition: width
200ms, margin-left
200ms;
374 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
375 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
376 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
377 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
380 border-left-width: 1px;
382 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
385 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
393 @-moz-keyframes oo-ui-progressBarWidget-slide
{
401 @keyframes oo-ui-progressBarWidget-slide
{
409 .oo-ui-selectFileWidget {
410 display: inline-block
;
411 vertical-align: middle
;
416 .oo-ui-selectFileWidget-selectButton {
418 vertical-align: middle
;
420 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
424 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
437 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
440 .oo-ui-selectFileWidget-info {
443 vertical-align: middle
;
446 -webkit-box-sizing: border-box
;
447 -moz-box-sizing: border-box
;
448 box-sizing: border-box
;
450 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
456 text-overflow: ellipsis
;
458 .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
461 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
462 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
463 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
466 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-clearButton {
469 .oo-ui-selectFileWidget-dropTarget {
474 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
475 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
478 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
482 background-size: cover
;
483 background-position: center center
;
485 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
486 background-size: auto
;
488 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
490 background-color: #cccccc;
494 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
502 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
505 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileName {
507 padding-right: 2.375em;
509 text-overflow: ellipsis
;
511 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
515 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
519 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
520 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
523 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
527 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
528 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
531 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
532 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
535 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
536 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
539 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
542 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
543 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
544 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
545 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
548 .oo-ui-selectFileWidget:last-child {
551 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
552 border-radius: 0 2px 2px 0;
554 .oo-ui-selectFileWidget-info {
556 background-color: #ffffff;
557 border: 1px solid
#cccccc;
558 border-radius: 2px 0 0 2px;
559 border-width: 1px 0 1px 1px;
561 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
567 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
568 -webkit-box-sizing: border-box
;
569 -moz-box-sizing: border-box
;
570 box-sizing: border-box
;
576 text-overflow: ellipsis
;
581 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
584 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
588 margin-right: 0.775em;
590 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
596 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
599 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
,
600 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
601 background-color: #f3f3f3;
603 text-shadow: 0 1px 1px #ffffff;
604 border-color: #dddddd;
607 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
608 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
609 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
610 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
613 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
616 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
619 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
622 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
625 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
629 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
632 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
633 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
636 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
637 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
641 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
642 background-color: #ebf2ff;
644 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
645 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
646 border-color: #dddddd;
647 background-color: #f3f3f3;
649 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
650 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
651 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
652 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
654 text-shadow: 0 1px 1px #ffffff;
656 .oo-ui-selectFileWidget-dropTarget {
657 background-color: #ffffff;
658 border: 1px solid
#cccccc;
659 margin-bottom: 0.5em;
660 vertical-align: middle
;
664 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
667 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
668 background-color: #eeeeee;
669 border-style: dashed
;
671 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
674 .oo-ui-outlineOptionWidget {
677 -webkit-touch-callout: none
;
678 -webkit-user-select: none
;
679 -moz-user-select: none
;
680 -ms-user-select: none
;
685 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
686 font-size: 90.90909%;
688 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
689 padding-right: 1.5em;
691 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
694 .oo-ui-outlineOptionWidget-level-0 {
697 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
700 .oo-ui-outlineOptionWidget-level-1 {
703 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
706 .oo-ui-outlineOptionWidget-level-2 {
709 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
712 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
713 background-color: #d0d0d0;
714 text-shadow: 0 1px 1px #ffffff;
716 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
719 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
722 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
725 .oo-ui-outlineControlsWidget {
727 background-color: #ffffff;
729 .oo-ui-outlineControlsWidget-items
,
730 .oo-ui-outlineControlsWidget-movers {
732 -webkit-box-sizing: border-box
;
733 -moz-box-sizing: border-box
;
734 box-sizing: border-box
;
736 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
738 background-position: right center
;
740 .oo-ui-outlineControlsWidget-items {
743 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
746 .oo-ui-outlineControlsWidget-movers {
749 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
752 .oo-ui-outlineControlsWidget-items
,
753 .oo-ui-outlineControlsWidget-movers {
755 margin: 0.5em 0.5em 0.5em 0;
758 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
761 margin: 0.5em 0 0.5em 0.5em;
764 .oo-ui-tabSelectWidget {
768 background-color: #dddddd;
770 .oo-ui-tabOptionWidget {
771 display: inline-block
;
772 vertical-align: bottom
;
774 margin: 0.5em 0 0 0.75em;
775 border: 1px solid transparent
;
777 border-top-left-radius: 2px;
778 border-top-right-radius: 2px;
782 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
783 background-color: rgba
(255, 255, 255, 0.3);
785 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
786 background-color: rgba
(255, 255, 255, 0.8);
788 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
789 padding-right: 1.5em;
791 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
794 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
795 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
796 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
797 background-color: #ffffff;
800 .oo-ui-capsuleMultiselectWidget {
801 display: inline-block
;
806 .oo-ui-capsuleMultiselectWidget-handle {
811 .oo-ui-capsuleMultiselectWidget-content {
814 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
817 .oo-ui-capsuleMultiselectWidget-group {
820 .oo-ui-capsuleMultiselectWidget > .oo-ui-menuSelectWidget {
824 .oo-ui-capsuleMultiselectWidget-handle {
825 background-color: #ffffff;
829 padding: 0.15em 0.25em;
830 border: 1px solid
#cccccc;
832 -webkit-box-sizing: border-box
;
833 -moz-box-sizing: border-box
;
834 box-sizing: border-box
;
836 .oo-ui-capsuleMultiselectWidget-handle:last-child {
839 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-indicatorElement-indicator
,
840 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
843 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
845 line-height: 1.675em;
849 font-family: inherit
;
850 background-color: transparent
;
852 vertical-align: middle
;
854 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
857 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
858 padding-right: 2.4875em;
860 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
865 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
866 padding-left: 2.475em;
868 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
873 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
874 border-color: #aaaaaa;
876 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
878 text-shadow: 0 1px 1px #ffffff;
879 border-color: #dddddd;
880 background-color: #f3f3f3;
883 .oo-ui-capsuleMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
884 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
887 .oo-ui-capsuleItemWidget {
889 display: inline-block
;
894 -webkit-box-sizing: border-box
;
895 -moz-box-sizing: border-box
;
896 box-sizing: border-box
;
897 vertical-align: middle
;
900 background-color: #eeeeee;
903 border: 1px solid
#cccccc;
907 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
908 display: inline-block
;
909 text-overflow: ellipsis
;
912 .oo-ui-capsuleItemWidget:focus {
914 border-color: #347bff;
915 box-shadow: inset
0 0 0 1px #347bff;
917 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
918 background-color: #f3f3f3;
920 border-color: #dddddd;
921 text-shadow: 0 1px 1px #ffffff;
923 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
926 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
927 padding-right: 1.5375em;
929 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
936 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
941 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
948 .oo-ui-searchWidget-query {
954 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
957 .oo-ui-searchWidget-results {
965 .oo-ui-searchWidget-query {
968 border-bottom: 1px solid
#cccccc;
970 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
973 .oo-ui-searchWidget-results {
978 .oo-ui-numberInputWidget {
979 display: inline-block
;
983 .oo-ui-numberInputWidget-field {
988 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
989 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
991 vertical-align: middle
;
993 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
996 .oo-ui-numberInputWidget-field
> .oo-ui-textInputWidget
[type
="number"]::-webkit-outer-spin-button
,
997 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
998 -webkit-appearance: none
;
1001 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
1002 -moz-appearance: textfield
;
1004 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1005 white-space: nowrap
;
1007 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
1008 -webkit-box-sizing: border-box
;
1009 -moz-box-sizing: border-box
;
1010 box-sizing: border-box
;
1012 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1015 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1016 border-top-right-radius: 0;
1017 border-bottom-right-radius: 0;
1018 border-right-width: 0;
1020 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1021 border-top-left-radius: 0;
1022 border-bottom-left-radius: 0;
1023 border-left-width: 0;
1025 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {