3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-05-03T22:58:06Z
11 .oo-ui-draggableElement-handle
,
12 .oo-ui-draggableElement-handle.oo-ui-widget {
14 cursor: url
(images
/grab
.cur
);
19 .oo-ui-draggableElement-handle:active {
21 cursor: url
(images
/grabbing
.cur
);
22 cursor: -webkit-grabbing
;
23 cursor: -moz-grabbing
;
26 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
27 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
30 .oo-ui-draggableElement-placeholder {
33 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
34 display: inline-block
;
36 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
40 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
43 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
45 -webkit-box-sizing: border-box
;
46 -moz-box-sizing: border-box
;
47 box-sizing: border-box
;
49 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
52 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
55 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
63 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
69 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
72 .oo-ui-bookletLayout-outlinePanel {
73 border-right: 1px solid
#dddddd;
75 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
76 box-shadow: 0 0.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;
335 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
336 border-color: #347bff;
338 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
339 border-color: #ffffff;
341 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
342 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
343 background-color: #347bff;
344 border-color: #347bff;
346 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
347 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
348 background-color: #ffffff;
349 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
351 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
352 background-color: #dddddd;
353 border-color: #dddddd;
356 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
357 background-color: #ffffff;
359 .oo-ui-progressBarWidget {
361 background-color: #ffffff;
362 border: 1px solid
#cccccc;
366 .oo-ui-progressBarWidget-bar {
367 background-color: #dddddd;
369 -webkit-transition: width
200ms, margin-left
200ms;
370 -moz-transition: width
200ms, margin-left
200ms;
371 transition: width
200ms, margin-left
200ms;
373 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
374 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
375 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
376 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
379 border-left-width: 1px;
381 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
384 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
392 @-moz-keyframes oo-ui-progressBarWidget-slide
{
400 @keyframes oo-ui-progressBarWidget-slide
{
408 .oo-ui-selectFileWidget {
409 display: inline-block
;
410 vertical-align: middle
;
415 .oo-ui-selectFileWidget-selectButton {
417 vertical-align: middle
;
419 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
423 .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-dropLabel {
522 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
523 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
526 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
530 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
531 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
534 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
535 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
538 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
539 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
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 {
554 .oo-ui-selectFileWidget-info {
556 background-color: #ffffff;
557 border: 1px solid
#cccccc;
560 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
566 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
567 -webkit-box-sizing: border-box
;
568 -moz-box-sizing: border-box
;
569 box-sizing: border-box
;
575 text-overflow: ellipsis
;
580 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
583 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
587 margin-right: 0.775em;
589 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
595 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
598 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
599 background-color: #f3f3f3;
601 text-shadow: 0 1px 1px #ffffff;
602 border-color: #dddddd;
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 {
625 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
628 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
629 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
632 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
633 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
637 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
638 background-color: #ebf2ff;
640 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
641 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
642 border-color: #dddddd;
643 background-color: #f3f3f3;
645 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
646 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
647 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
648 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
650 text-shadow: 0 1px 1px #ffffff;
652 .oo-ui-selectFileWidget-dropTarget {
653 background-color: #ffffff;
654 border: 1px solid
#cccccc;
655 margin-bottom: 0.5em;
656 vertical-align: middle
;
660 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
661 background-color: #eeeeee;
662 border-style: dashed
;
664 .oo-ui-outlineOptionWidget {
667 -webkit-touch-callout: none
;
668 -webkit-user-select: none
;
669 -moz-user-select: none
;
670 -ms-user-select: none
;
675 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
676 font-size: 90.90909%;
678 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
679 padding-right: 1.5em;
681 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
684 .oo-ui-outlineOptionWidget-level-0 {
687 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
690 .oo-ui-outlineOptionWidget-level-1 {
693 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
696 .oo-ui-outlineOptionWidget-level-2 {
699 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
702 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
703 background-color: #d0d0d0;
704 text-shadow: 0 1px 1px #ffffff;
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: #ffffff;
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: #dddddd;
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: #ffffff;
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 > .oo-ui-menuSelectWidget {
814 .oo-ui-capsuleMultiSelectWidget-handle {
815 background-color: #ffffff;
819 padding: 0.15em 0.25em;
820 border: 1px solid
#cccccc;
822 -webkit-box-sizing: border-box
;
823 -moz-box-sizing: border-box
;
824 box-sizing: border-box
;
826 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
829 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
830 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
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 {
855 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
856 padding-left: 2.475em;
858 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
863 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
864 border-color: #aaaaaa;
866 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
868 text-shadow: 0 1px 1px #ffffff;
869 border-color: #dddddd;
870 background-color: #f3f3f3;
873 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
874 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
877 .oo-ui-capsuleItemWidget {
879 display: inline-block
;
884 -webkit-box-sizing: border-box
;
885 -moz-box-sizing: border-box
;
886 box-sizing: border-box
;
887 vertical-align: middle
;
890 background-color: #eeeeee;
893 border: 1px solid
#cccccc;
897 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
898 display: inline-block
;
899 text-overflow: ellipsis
;
902 .oo-ui-capsuleItemWidget:focus {
904 border-color: #347bff;
905 box-shadow: inset
0 0 0 1px #347bff;
907 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
908 background-color: #f3f3f3;
910 border-color: #dddddd;
911 text-shadow: 0 1px 1px #ffffff;
913 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
916 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
917 padding-right: 1.5375em;
919 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
926 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
931 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
938 .oo-ui-searchWidget-query {
944 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
947 .oo-ui-searchWidget-results {
955 .oo-ui-searchWidget-query {
958 border-bottom: 1px solid
#cccccc;
960 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
963 .oo-ui-searchWidget-results {
968 .oo-ui-numberInputWidget {
969 display: inline-block
;
973 .oo-ui-numberInputWidget-field {
978 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
979 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
981 vertical-align: middle
;
983 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
986 .oo-ui-numberInputWidget-field
> .oo-ui-textInputWidget
[type
="number"]::-webkit-outer-spin-button
,
987 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
988 -webkit-appearance: none
;
991 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
992 -moz-appearance: textfield
;
994 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
997 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
998 -webkit-box-sizing: border-box
;
999 -moz-box-sizing: border-box
;
1000 box-sizing: border-box
;
1002 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1005 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
1006 border-top-right-radius: 0;
1007 border-bottom-right-radius: 0;
1008 border-right-width: 0;
1010 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
1011 border-top-left-radius: 0;
1012 border-bottom-left-radius: 0;
1013 border-left-width: 0;
1015 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {