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-12-06T23:32:57Z
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
#ddd;
70 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
71 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
73 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
76 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
79 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
82 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
85 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
94 /* stylelint-disable declaration-no-important */
95 /* stylelint-enable declaration-no-important */
97 .oo-ui-menuLayout-menu
,
98 .oo-ui-menuLayout-content {
100 -webkit-transition: all
200ms ease
;
101 -moz-transition: all
200ms ease
;
102 transition: all
200ms ease
;
104 .oo-ui-menuLayout-menu {
108 .oo-ui-menuLayout-content {
114 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
116 height: 0 !important
;
119 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
123 bottom: 0 !important
;
125 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
126 width: auto
!important
;
131 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
133 bottom: 0 !important
;
136 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
137 height: auto
!important
;
142 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
143 bottom: 0 !important
;
147 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
148 width: auto
!important
;
153 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
158 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
159 height: auto
!important
;
164 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
167 bottom: 0 !important
;
169 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
173 .oo-ui-buttonSelectWidget {
174 display: inline-block
;
181 .oo-ui-buttonSelectWidget:last-child {
184 .oo-ui-buttonSelectWidget:focus {
187 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
191 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
192 border-bottom-left-radius: 2px;
193 border-top-left-radius: 2px;
196 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
197 border-bottom-right-radius: 2px;
198 border-top-right-radius: 2px;
200 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
202 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
204 .oo-ui-buttonSelectWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
205 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
208 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
211 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
214 .oo-ui-buttonOptionWidget {
215 display: inline-block
;
218 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
221 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
222 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
224 display: inline-block
;
225 vertical-align: middle
;
227 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
228 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
229 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
230 background-color: transparent
;
232 .oo-ui-toggleButtonWidget {
235 .oo-ui-toggleButtonWidget:last-child {
238 .oo-ui-toggleSwitchWidget {
240 display: inline-block
;
241 vertical-align: middle
;
243 -webkit-box-sizing: border-box
;
244 -moz-box-sizing: border-box
;
245 box-sizing: border-box
;
246 -webkit-transform: translateZ
(0);
247 -moz-transform: translateZ
(0);
248 -ms-transform: translateZ
(0);
249 transform: translateZ
(0);
250 background-color: #f8f9fa;
254 border: 1px solid
#72777d;
257 -webkit-transition: background-color
250ms, border-color
250ms;
258 -moz-transition: background-color
250ms, border-color
250ms;
259 transition: background-color
250ms, border-color
250ms;
261 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
264 .oo-ui-toggleSwitchWidget-grip {
267 -webkit-box-sizing: border-box
;
268 -moz-box-sizing: border-box
;
269 box-sizing: border-box
;
271 .oo-ui-toggleSwitchWidget:last-child {
274 .oo-ui-toggleSwitchWidget:before {
282 border: 1px solid transparent
;
285 -webkit-transition: border-color
250ms;
286 -moz-transition: border-color
250ms;
287 transition: border-color
250ms;
289 .oo-ui-toggleSwitchWidget-grip {
295 border-radius: 1.25em;
296 -webkit-transition: background-color
250ms, left
100ms, margin-left
100ms;
297 -moz-transition: background-color
250ms, left
100ms, margin-left
100ms;
298 transition: background-color
250ms, left
100ms, margin-left
100ms;
300 .oo-ui-toggleSwitchWidget-glow {
303 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
307 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
311 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
312 background-color: #f8f9fa;
313 border: 1px solid
#72777d;
315 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
316 background-color: #fff;
317 border-color: #447ff5;
319 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
320 background-color: #fff;
321 border-color: #447ff5;
323 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
324 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
,
325 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
326 background-color: #2a4b8d;
327 border-color: #2a4b8d;
328 box-shadow: inset
0 0 0 1px #2a4b8d;
330 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
331 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active:hover
.oo-ui-toggleSwitchWidget-grip
,
332 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
333 background-color: #fff;
335 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
337 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
339 box-shadow: inset
0 0 0 1px #36c;
342 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
345 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
346 background-color: #36c;
349 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
350 background-color: #fff;
352 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
354 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
355 background-color: #447ff5;
356 border-color: #447ff5;
358 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled
.oo-ui-toggleWidget-on:active
,
359 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
360 background-color: #2a4b8d;
361 border-color: #2a4b8d;
363 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
366 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
369 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
370 background-color: #c8ccd1;
371 border-color: #c8ccd1;
374 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
375 border: 1px solid
#fff;
376 box-shadow: inset
0 0 0 1px #fff;
378 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
379 background-color: #fff;
381 .oo-ui-selectFileWidget {
382 display: inline-block
;
383 vertical-align: middle
;
388 .oo-ui-selectFileWidget-selectButton {
391 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
395 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
408 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
411 .oo-ui-selectFileWidget-info {
414 vertical-align: middle
;
417 -webkit-box-sizing: border-box
;
418 -moz-box-sizing: border-box
;
419 box-sizing: border-box
;
421 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
422 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
425 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
427 -webkit-touch-callout: none
;
428 -webkit-user-select: none
;
429 -moz-user-select: none
;
430 -ms-user-select: none
;
433 .oo-ui-selectFileWidget-label {
439 text-overflow: ellipsis
;
441 .oo-ui-selectFileWidget-clearButton {
445 .oo-ui-selectFileWidget-dropTarget {
450 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
451 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
452 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
455 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
461 background-position: center center
;
462 background-repeat: no-repeat
;
463 background-size: contain
;
465 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
466 background-repeat: repeat
;
467 background-size: auto
;
469 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
474 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
478 margin-left: 8.815em;
481 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
486 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
489 padding-right: 2.375em;
491 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
494 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
495 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
498 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
500 margin: 2.2em 1em 1em;
502 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
503 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
506 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
507 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
510 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
511 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
514 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
517 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
520 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
521 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
522 -webkit-touch-callout: none
;
523 -webkit-user-select: none
;
524 -moz-user-select: none
;
525 -ms-user-select: none
;
528 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
529 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
530 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
531 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
534 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
537 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
540 .oo-ui-selectFileWidget:last-child {
543 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
544 border-radius: 0 2px 2px 0;
546 .oo-ui-selectFileWidget-info {
548 background-color: #fff;
549 border: 1px solid
#a2a9b1;
550 border-radius: 2px 0 0 2px;
551 border-width: 1px 0 1px 1px;
553 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
559 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
563 margin-right: 0.775em;
565 .oo-ui-selectFileWidget-label {
566 -webkit-box-sizing: border-box
;
567 -moz-box-sizing: border-box
;
568 box-sizing: border-box
;
576 .oo-ui-selectFileWidget-fileName {
579 text-overflow: ellipsis
;
581 .oo-ui-selectFileWidget-clearButton {
588 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
591 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
594 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
597 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
601 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
604 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
605 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
608 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
609 background-color: #eaf3ff;
611 .oo-ui-selectFileWidget-dropTarget {
612 background-color: #fff;
613 border: 1px solid
#a2a9b1;
614 vertical-align: middle
;
618 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
621 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
626 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
627 background-color: #eee;
628 border-style: dashed
;
630 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
631 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
632 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
633 background-color: #eaecf0;
634 border-color: #c8ccd1;
636 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
637 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
638 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
639 background-color: #eaecf0;
641 border-color: #c8ccd1;
642 text-shadow: 0 1px 1px #fff;
644 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
645 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
646 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
647 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
648 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
649 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
652 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
655 .oo-ui-outlineOptionWidget {
656 -webkit-touch-callout: none
;
657 -webkit-user-select: none
;
658 -moz-user-select: none
;
659 -ms-user-select: none
;
663 -webkit-transition: background-color
100ms, color
100ms;
664 -moz-transition: background-color
100ms, color
100ms;
665 transition: background-color
100ms, color
100ms;
667 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
668 background-color: #eaecf0;
671 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
672 background-color: #eaf3ff;
675 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
676 background-color: rgba
(41, 98, 204, 0.1);
679 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
680 font-size: 90.90909%;
682 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
683 padding-right: 1.5em;
685 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
688 .oo-ui-outlineOptionWidget-level-0 {
691 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
694 .oo-ui-outlineOptionWidget-level-1 {
697 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
700 .oo-ui-outlineOptionWidget-level-2 {
703 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
706 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
709 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
712 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
715 .oo-ui-outlineControlsWidget {
717 background-color: #fff;
719 .oo-ui-outlineControlsWidget-items
,
720 .oo-ui-outlineControlsWidget-movers {
722 -webkit-box-sizing: border-box
;
723 -moz-box-sizing: border-box
;
724 box-sizing: border-box
;
726 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
728 background-position: right center
;
730 .oo-ui-outlineControlsWidget-items {
733 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
736 .oo-ui-outlineControlsWidget-movers {
739 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
742 .oo-ui-outlineControlsWidget-items
,
743 .oo-ui-outlineControlsWidget-movers {
745 margin: 0.5em 0.5em 0.5em 0;
748 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
751 margin: 0.5em 0 0.5em 0.5em;
754 .oo-ui-tabSelectWidget {
758 background-color: #ddd;
760 .oo-ui-tabOptionWidget {
761 display: inline-block
;
762 vertical-align: bottom
;
764 margin: 0.5em 0 0 0.75em;
765 border: 1px solid transparent
;
767 border-top-left-radius: 2px;
768 border-top-right-radius: 2px;
772 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
773 background-color: rgba
(255, 255, 255, 0.3);
775 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
776 background-color: rgba
(255, 255, 255, 0.8);
778 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
779 padding-right: 1.5em;
781 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
784 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
785 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
786 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
787 background-color: #fff;
790 .oo-ui-capsuleMultiselectWidget {
791 display: inline-block
;
796 .oo-ui-capsuleMultiselectWidget-handle {
801 .oo-ui-capsuleMultiselectWidget-content {
804 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
807 .oo-ui-capsuleMultiselectWidget-group {
810 .oo-ui-capsuleMultiselectWidget-handle {
813 padding: 0.15em 0.25em;
814 border: 1px solid
#a2a9b1;
816 -webkit-box-sizing: border-box
;
817 -moz-box-sizing: border-box
;
818 box-sizing: border-box
;
820 .oo-ui-capsuleMultiselectWidget-handle:last-child {
823 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-indicatorElement-indicator
,
824 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
827 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content :-moz-placeholder {
831 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content ::-moz-placeholder {
835 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content :-ms-input-placeholder {
838 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content ::-webkit-input-placeholder {
841 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content :placeholder-shown {
844 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
850 font-family: inherit
;
851 background-color: transparent
;
853 vertical-align: middle
;
855 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
858 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
859 padding-right: 2.4875em;
861 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
866 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
867 padding-left: 2.475em;
869 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
874 .oo-ui-capsuleMultiselectWidget .oo-ui-popupWidget {
878 .oo-ui-capsuleMultiselectWidget .oo-ui-popupWidget-popup {
880 -webkit-box-sizing: border-box
;
881 -moz-box-sizing: border-box
;
882 box-sizing: border-box
;
884 border-radius: 0 0 2px 2px;
886 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
887 background-color: #fff;
889 -webkit-transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
890 -moz-transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
891 transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
893 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
894 border-color: #72777d;
896 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
899 box-shadow: inset
0 0 0 1px #36c;
901 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
903 text-shadow: 0 1px 1px #fff;
904 border-color: #c8ccd1;
905 background-color: #eaecf0;
907 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
910 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
913 .oo-ui-capsuleItemWidget {
915 display: inline-block
;
920 -webkit-box-sizing: border-box
;
921 -moz-box-sizing: border-box
;
922 box-sizing: border-box
;
923 vertical-align: middle
;
926 background-color: #eee;
929 border: 1px solid
#a2a9b1;
933 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
934 display: inline-block
;
935 text-overflow: ellipsis
;
939 .oo-ui-capsuleItemWidget:focus {
942 box-shadow: inset
0 0 0 1px #36c;
944 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
945 background-color: #eaecf0;
947 border-color: #c8ccd1;
948 text-shadow: 0 1px 1px #fff;
950 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
953 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
954 padding-right: 1.5375em;
956 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
963 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
968 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
975 .oo-ui-searchWidget-query {
981 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
984 .oo-ui-searchWidget-results {
992 .oo-ui-searchWidget-query {
995 border-bottom: 1px solid
#a2a9b1;
997 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1000 .oo-ui-searchWidget-results {
1005 .oo-ui-numberInputWidget {
1006 display: inline-block
;
1010 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
1011 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
1012 display: table-cell
;
1014 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
1015 -webkit-box-sizing: border-box
;
1016 -moz-box-sizing: border-box
;
1017 box-sizing: border-box
;
1019 .oo-ui-numberInputWidget-field {
1021 table-layout: fixed
;
1024 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
1027 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
1033 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1036 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1037 border-top-right-radius: 0;
1038 border-bottom-right-radius: 0;
1039 border-right-width: 0;
1041 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1042 border-top-left-radius: 0;
1043 border-bottom-left-radius: 0;
1044 border-left-width: 0;