3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-08-16T21:13:53Z
11 .oo-ui-draggableElement-handle
,
12 .oo-ui-draggableElement-handle.oo-ui-widget {
14 cursor: url
(images
/grab
.cur
);
19 .oo-ui-draggableElement-handle:active {
20 cursor: url
(images
/grabbing
.cur
);
21 cursor: -webkit-grabbing
;
22 cursor: -moz-grabbing
;
25 .oo-ui-draggableElement-handle
.oo-ui-widget-disabled
,
26 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
29 .oo-ui-draggableElement-placeholder {
32 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
33 display: inline-block
;
35 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
38 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
40 -webkit-box-sizing: border-box
;
41 -moz-box-sizing: border-box
;
42 box-sizing: border-box
;
44 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
47 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
50 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
58 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
64 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
67 .oo-ui-bookletLayout-outlinePanel {
68 border-right: 1px solid
#dddddd;
70 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
71 box-shadow: 0 0.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
;
179 .oo-ui-buttonSelectWidget:last-child {
182 .oo-ui-buttonSelectWidget:focus {
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-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
199 border-color: #347bff;
200 box-shadow: inset
0 0 0 1px #347bff;
202 .oo-ui-buttonOptionWidget {
203 display: inline-block
;
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-optionWidget-selected
,
213 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
214 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
215 background-color: transparent
;
217 .oo-ui-toggleButtonWidget {
218 display: inline-block
;
219 vertical-align: middle
;
222 .oo-ui-toggleButtonWidget:last-child {
225 .oo-ui-toggleSwitchWidget {
227 display: inline-block
;
228 vertical-align: middle
;
230 -webkit-box-sizing: border-box
;
231 -moz-box-sizing: border-box
;
232 box-sizing: border-box
;
233 -webkit-transform: translateZ
(0);
234 -moz-transform: translateZ
(0);
235 -ms-transform: translateZ
(0);
236 transform: translateZ
(0);
240 border: 1px solid
#767676;
242 background-color: #ffffff;
244 -webkit-transition: background-color
100ms, border-color
100ms;
245 -moz-transition: background-color
100ms, border-color
100ms;
246 transition: background-color
100ms, border-color
100ms;
248 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
251 .oo-ui-toggleSwitchWidget-grip {
254 -webkit-box-sizing: border-box
;
255 -moz-box-sizing: border-box
;
256 box-sizing: border-box
;
258 .oo-ui-toggleSwitchWidget:last-child {
261 .oo-ui-toggleSwitchWidget:before {
269 border: 1px solid transparent
;
272 -webkit-transition: border-color
100ms;
273 -moz-transition: border-color
100ms;
274 transition: border-color
100ms;
276 .oo-ui-toggleSwitchWidget-grip {
282 border-radius: 1.25em;
283 -webkit-transition: left
100ms, margin-left
100ms;
284 -moz-transition: left
100ms, margin-left
100ms;
285 transition: left
100ms, margin-left
100ms;
287 .oo-ui-toggleSwitchWidget-glow {
290 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
294 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
298 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
299 border: 1px solid
#767676;
301 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
302 border-color: #2962cc;
304 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
305 border-color: #2962cc;
307 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
308 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
309 background-color: #767676;
310 border-color: #347bff;
312 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
313 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
314 background-color: #ffffff;
315 border-color: #ffffff;
316 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
318 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
319 border-color: #347bff;
320 box-shadow: inset
0 0 0 1px #347bff;
323 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
324 border-color: #347bff;
326 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
327 background-color: #347bff;
328 border-color: #347bff;
330 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
331 background-color: #ffffff;
332 border-color: #ffffff;
333 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
335 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
336 background-color: #2962cc;
337 border-color: #2962cc;
339 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled
.oo-ui-toggleWidget-on:active
,
340 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
341 background-color: #1f4999;
342 border-color: #1f4999;
344 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
345 border-color: #347bff;
347 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
348 border-color: #ffffff;
350 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
351 background-color: #dddddd;
352 border-color: #dddddd;
355 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
356 background-color: #ffffff;
358 .oo-ui-selectFileWidget {
359 display: inline-block
;
360 vertical-align: middle
;
365 .oo-ui-selectFileWidget-selectButton {
367 vertical-align: middle
;
369 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
373 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
386 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
389 .oo-ui-selectFileWidget-info {
392 vertical-align: middle
;
395 -webkit-box-sizing: border-box
;
396 -moz-box-sizing: border-box
;
397 box-sizing: border-box
;
399 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
400 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
403 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
405 -webkit-touch-callout: none
;
406 -webkit-user-select: none
;
407 -moz-user-select: none
;
408 -ms-user-select: none
;
411 .oo-ui-selectFileWidget-label {
417 text-overflow: ellipsis
;
419 .oo-ui-selectFileWidget-fileType {
422 .oo-ui-selectFileWidget-clearButton {
426 .oo-ui-selectFileWidget-dropTarget {
431 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
432 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-selectButton
,
433 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
436 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
442 background-position: center center
;
443 background-repeat: no-repeat
;
444 background-size: contain
;
446 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
447 background-repeat: repeat
;
448 background-size: auto
;
450 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
455 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
459 margin-left: 8.815em;
462 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
467 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
470 padding-right: 2.375em;
472 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
475 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
476 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
479 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
481 margin: 2.2em 1em 1em;
483 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
484 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
487 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
488 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
491 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
492 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
495 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
498 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
499 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
500 -webkit-touch-callout: none
;
501 -webkit-user-select: none
;
502 -moz-user-select: none
;
503 -ms-user-select: none
;
506 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
507 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
508 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
509 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
512 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
515 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
518 .oo-ui-selectFileWidget:last-child {
521 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
522 border-radius: 0 2px 2px 0;
524 .oo-ui-selectFileWidget-info {
526 background-color: #ffffff;
527 border: 1px solid
#cccccc;
528 border-radius: 2px 0 0 2px;
529 border-width: 1px 0 1px 1px;
531 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
537 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
541 margin-right: 0.775em;
543 .oo-ui-selectFileWidget-label {
544 -webkit-box-sizing: border-box
;
545 -moz-box-sizing: border-box
;
546 box-sizing: border-box
;
553 text-overflow: ellipsis
;
556 .oo-ui-selectFileWidget-fileType {
561 .oo-ui-selectFileWidget-clearButton {
568 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
571 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
574 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
577 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
581 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
584 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-label
,
585 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
588 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
589 background-color: #ebf2ff;
591 .oo-ui-selectFileWidget-dropTarget {
592 background-color: #ffffff;
593 border: 1px solid
#cccccc;
594 vertical-align: middle
;
598 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
601 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
606 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget {
607 background-color: #eeeeee;
608 border-style: dashed
;
610 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
611 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
612 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
613 background-color: #f3f3f3;
614 border-color: #dddddd;
616 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
617 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
,
618 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
619 background-color: #f3f3f3;
621 border-color: #dddddd;
622 text-shadow: 0 1px 1px #ffffff;
624 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
625 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
626 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
627 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
628 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
629 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
632 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
635 .oo-ui-outlineOptionWidget {
638 -webkit-touch-callout: none
;
639 -webkit-user-select: none
;
640 -moz-user-select: none
;
641 -ms-user-select: none
;
646 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
647 font-size: 90.90909%;
649 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
650 padding-right: 1.5em;
652 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
655 .oo-ui-outlineOptionWidget-level-0 {
658 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
661 .oo-ui-outlineOptionWidget-level-1 {
664 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
667 .oo-ui-outlineOptionWidget-level-2 {
670 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
673 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
674 background-color: #d0d0d0;
675 text-shadow: 0 1px 1px #ffffff;
677 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
680 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
683 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
686 .oo-ui-outlineControlsWidget {
688 background-color: #ffffff;
690 .oo-ui-outlineControlsWidget-items
,
691 .oo-ui-outlineControlsWidget-movers {
693 -webkit-box-sizing: border-box
;
694 -moz-box-sizing: border-box
;
695 box-sizing: border-box
;
697 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
699 background-position: right center
;
701 .oo-ui-outlineControlsWidget-items {
704 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
707 .oo-ui-outlineControlsWidget-movers {
710 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
713 .oo-ui-outlineControlsWidget-items
,
714 .oo-ui-outlineControlsWidget-movers {
716 margin: 0.5em 0.5em 0.5em 0;
719 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
722 margin: 0.5em 0 0.5em 0.5em;
725 .oo-ui-tabSelectWidget {
729 background-color: #dddddd;
731 .oo-ui-tabOptionWidget {
732 display: inline-block
;
733 vertical-align: bottom
;
735 margin: 0.5em 0 0 0.75em;
736 border: 1px solid transparent
;
738 border-top-left-radius: 2px;
739 border-top-right-radius: 2px;
743 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
744 background-color: rgba
(255, 255, 255, 0.3);
746 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
747 background-color: rgba
(255, 255, 255, 0.8);
749 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
750 padding-right: 1.5em;
752 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
755 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
756 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
757 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
758 background-color: #ffffff;
761 .oo-ui-capsuleMultiselectWidget {
762 display: inline-block
;
767 .oo-ui-capsuleMultiselectWidget-handle {
772 .oo-ui-capsuleMultiselectWidget-content {
775 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
778 .oo-ui-capsuleMultiselectWidget-group {
781 .oo-ui-capsuleMultiselectWidget-handle {
784 padding: 0.15em 0.25em;
785 border: 1px solid
#cccccc;
787 -webkit-box-sizing: border-box
;
788 -moz-box-sizing: border-box
;
789 box-sizing: border-box
;
791 .oo-ui-capsuleMultiselectWidget-handle:last-child {
794 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-indicatorElement-indicator
,
795 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
798 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
804 font-family: inherit
;
805 background-color: transparent
;
807 vertical-align: middle
;
809 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
812 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
813 padding-right: 2.4875em;
815 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
820 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
821 padding-left: 2.475em;
823 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
828 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
829 background-color: #ffffff;
831 -webkit-transition: border-color
100ms;
832 -moz-transition: border-color
100ms;
833 transition: border-color
100ms;
835 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
836 border-color: #aaaaaa;
838 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
840 text-shadow: 0 1px 1px #ffffff;
841 border-color: #dddddd;
842 background-color: #f3f3f3;
844 .oo-ui-capsuleMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
845 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
848 .oo-ui-capsuleItemWidget {
850 display: inline-block
;
855 -webkit-box-sizing: border-box
;
856 -moz-box-sizing: border-box
;
857 box-sizing: border-box
;
858 vertical-align: middle
;
861 background-color: #eeeeee;
864 border: 1px solid
#cccccc;
868 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
869 display: inline-block
;
870 text-overflow: ellipsis
;
873 .oo-ui-capsuleItemWidget:focus {
875 border-color: #347bff;
876 box-shadow: inset
0 0 0 1px #347bff;
878 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
879 background-color: #f3f3f3;
881 border-color: #dddddd;
882 text-shadow: 0 1px 1px #ffffff;
884 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
887 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
888 padding-right: 1.5375em;
890 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
897 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
902 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
909 .oo-ui-searchWidget-query {
915 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
918 .oo-ui-searchWidget-results {
926 .oo-ui-searchWidget-query {
929 border-bottom: 1px solid
#cccccc;
931 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
934 .oo-ui-searchWidget-results {
939 .oo-ui-numberInputWidget {
940 display: inline-block
;
944 .oo-ui-numberInputWidget-field {
949 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
950 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
952 vertical-align: middle
;
954 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
957 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
960 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
961 -webkit-box-sizing: border-box
;
962 -moz-box-sizing: border-box
;
963 box-sizing: border-box
;
965 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
968 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
969 border-top-right-radius: 0;
970 border-bottom-right-radius: 0;
971 border-right-width: 0;
973 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
974 border-top-left-radius: 0;
975 border-bottom-left-radius: 0;
976 border-left-width: 0;
978 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {