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-02-09T21:21:21Z
11 .oo-ui-draggableElement {
12 cursor: -webkit-grab
-moz-grab
, url
(images/grab.cur), move
;
14 .oo-ui-draggableElement-dragging {
15 cursor: -webkit-grabbing
-moz-grabbing
, url
(images/grabbing.cur), move
;
16 background: rgba
(0, 0, 0, 0.2);
19 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
20 display: inline-block
;
22 .oo-ui-draggableGroupElement-placeholder {
25 background: rgba
(0, 0, 0, 0.4);
27 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
31 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
34 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
36 -webkit-box-sizing: border-box
;
37 -moz-box-sizing: border-box
;
38 box-sizing: border-box
;
40 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
43 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
46 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
54 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
60 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
63 .oo-ui-bookletLayout-outlinePanel {
64 border-right: 1px solid
#dddddd;
66 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
67 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
69 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
72 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
75 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
78 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
81 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
91 .oo-ui-menuLayout-menu
,
92 .oo-ui-menuLayout-content {
94 -webkit-transition: all
200ms ease
;
95 -moz-transition: all
200ms ease
;
96 transition: all
200ms ease
;
98 .oo-ui-menuLayout-menu {
102 .oo-ui-menuLayout-content {
108 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
110 height: 0 !important
;
113 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
117 bottom: 0 !important
;
119 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
120 width: auto
!important
;
125 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
127 bottom: 0 !important
;
130 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
131 height: auto
!important
;
136 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
137 bottom: 0 !important
;
141 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
142 width: auto
!important
;
147 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
152 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
153 height: auto
!important
;
158 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
161 bottom: 0 !important
;
163 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
167 .oo-ui-buttonSelectWidget {
168 display: inline-block
;
173 .oo-ui-buttonSelectWidget:last-child {
176 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
180 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
181 border-bottom-left-radius: 2px;
182 border-top-left-radius: 2px;
185 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
186 border-bottom-right-radius: 2px;
187 border-top-right-radius: 2px;
189 .oo-ui-buttonOptionWidget {
190 display: inline-block
;
192 background-color: transparent
;
194 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
197 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
198 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
200 display: inline-block
;
201 vertical-align: middle
;
203 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
206 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
207 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
208 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
209 background-color: transparent
;
211 .oo-ui-buttonOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
212 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
215 .oo-ui-toggleButtonWidget {
216 display: inline-block
;
217 vertical-align: middle
;
220 .oo-ui-toggleButtonWidget:last-child {
223 .oo-ui-toggleSwitchWidget {
225 display: inline-block
;
226 vertical-align: middle
;
228 -webkit-box-sizing: border-box
;
229 -moz-box-sizing: border-box
;
230 box-sizing: border-box
;
231 -webkit-transform: translateZ
(0);
232 -moz-transform: translateZ
(0);
233 -ms-transform: translateZ
(0);
234 transform: translateZ
(0);
237 border: 1px solid
#777777;
239 background-color: #ffffff;
241 -webkit-transition: background-color
100ms ease
, border-color
100ms ease
;
242 -moz-transition: background-color
100ms ease
, border-color
100ms ease
;
243 transition: background-color
100ms ease
, border-color
100ms ease
;
245 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
248 .oo-ui-toggleSwitchWidget-grip {
251 -webkit-box-sizing: border-box
;
252 -moz-box-sizing: border-box
;
253 box-sizing: border-box
;
255 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
261 -webkit-touch-callout: none
;
262 -webkit-user-select: none
;
263 -moz-user-select: none
;
264 -ms-user-select: none
;
267 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
270 .oo-ui-toggleSwitchWidget:last-child {
273 .oo-ui-toggleSwitchWidget:before {
281 border: 1px solid transparent
;
285 .oo-ui-toggleSwitchWidget-grip {
289 border-radius: 1.2em;
290 background-color: #555555;
291 -webkit-transition: left
100ms ease
, margin-left
100ms ease
;
292 -moz-transition: left
100ms ease
, margin-left
100ms ease
;
293 transition: left
100ms ease
, margin-left
100ms ease
;
295 .oo-ui-toggleSwitchWidget-glow {
298 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
302 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
306 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
307 background-color: #347bff;
308 border-color: #347bff;
310 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
311 background-color: #ffffff;
312 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
314 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
315 border-color: #2962cc;
317 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
318 background-color: #2962cc;
319 border-color: #2962cc;
321 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
322 border-color: #347bff;
325 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
326 border-color: #347bff;
328 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
329 border-color: #ffffff;
331 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
,
332 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
333 background-color: #347bff;
334 border-color: #347bff;
336 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:active
.oo-ui-toggleSwitchWidget-grip
,
337 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
338 background-color: #ffffff;
339 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.1);
341 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
343 border-color: #dddddd;
346 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
349 .oo-ui-progressBarWidget {
351 background-color: #ffffff;
352 border: 1px solid
#cccccc;
356 .oo-ui-progressBarWidget-bar {
359 -webkit-transition: width
200ms, margin-left
200ms;
360 -moz-transition: width
200ms, margin-left
200ms;
361 transition: width
200ms, margin-left
200ms;
363 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
364 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
365 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
366 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
369 border-left-width: 1px;
371 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
374 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
382 @-moz-keyframes oo-ui-progressBarWidget-slide
{
390 @keyframes oo-ui-progressBarWidget-slide
{
398 .oo-ui-selectFileWidget {
399 display: inline-block
;
400 vertical-align: middle
;
405 .oo-ui-selectFileWidget-selectButton {
407 vertical-align: middle
;
409 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
413 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > input[type="file"] {
427 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > input[type="file"] {
430 .oo-ui-selectFileWidget-info {
433 vertical-align: middle
;
436 -webkit-box-sizing: border-box
;
437 -moz-box-sizing: border-box
;
438 box-sizing: border-box
;
440 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
446 text-overflow: ellipsis
;
448 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
451 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
454 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
455 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
456 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
459 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
462 .oo-ui-selectFileWidget-dropTarget {
468 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
469 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
472 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
476 background-size: cover
;
477 background-position: center center
;
479 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
480 background-size: auto
;
482 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
484 background-color: #cccccc;
488 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
496 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
499 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
503 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
507 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
511 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
514 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
517 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
518 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
521 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
525 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
526 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
529 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
530 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
533 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
534 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
537 .oo-ui-selectFileWidget:last-child {
540 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
543 .oo-ui-selectFileWidget-info {
545 background-color: #ffffff;
546 border: 1px solid
#cccccc;
549 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
552 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
555 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
560 -webkit-box-sizing: border-box
;
561 -moz-box-sizing: border-box
;
562 box-sizing: border-box
;
563 text-overflow: ellipsis
;
567 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
570 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
575 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
578 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
582 margin-right: 0.775em;
584 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
590 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
592 text-shadow: 0 1px 1px #ffffff;
593 border-color: #dddddd;
594 background-color: #f3f3f3;
596 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
597 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
600 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
603 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
606 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
609 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
612 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
615 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
618 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
619 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
622 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
623 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
626 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
627 background: rgba
(52, 123, 255, 0.1);
629 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
630 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
631 border-color: #dddddd;
632 background-color: #f3f3f3;
634 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
635 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
636 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
637 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
639 text-shadow: 0 1px 1px #ffffff;
641 .oo-ui-selectFileWidget-dropTarget {
642 background-color: #ffffff;
643 border: 1px solid
#cccccc;
644 margin-bottom: 0.5em;
645 vertical-align: middle
;
649 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
650 background-color: #eeeeee;
651 border-style: dashed
;
653 .oo-ui-outlineOptionWidget {
656 -webkit-touch-callout: none
;
657 -webkit-user-select: none
;
658 -moz-user-select: none
;
659 -ms-user-select: none
;
664 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
665 padding-right: 1.5em;
667 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
670 .oo-ui-outlineOptionWidget-level-0 {
673 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
676 .oo-ui-outlineOptionWidget-level-1 {
679 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
682 .oo-ui-outlineOptionWidget-level-2 {
685 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
688 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
689 background-color: #d0d0d0;
690 text-shadow: 0 1px 1px #ffffff;
692 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
695 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
698 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
701 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
704 .oo-ui-outlineControlsWidget {
706 background-color: #ffffff;
708 .oo-ui-outlineControlsWidget-items
,
709 .oo-ui-outlineControlsWidget-movers {
711 -webkit-box-sizing: border-box
;
712 -moz-box-sizing: border-box
;
713 box-sizing: border-box
;
715 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
717 background-position: right center
;
719 .oo-ui-outlineControlsWidget-items {
722 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
725 .oo-ui-outlineControlsWidget-movers {
728 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
731 .oo-ui-outlineControlsWidget-items
,
732 .oo-ui-outlineControlsWidget-movers {
734 margin: 0.5em 0.5em 0.5em 0;
737 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
740 margin: 0.5em 0 0.5em 0.5em;
743 .oo-ui-tabSelectWidget {
747 background-color: #dddddd;
749 .oo-ui-tabOptionWidget {
750 display: inline-block
;
751 vertical-align: bottom
;
753 margin: 0.5em 0 0 0.75em;
754 border: 1px solid transparent
;
756 border-top-left-radius: 2px;
757 border-top-right-radius: 2px;
761 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
762 background-color: rgba
(255, 255, 255, 0.3);
764 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
765 background-color: rgba
(255, 255, 255, 0.8);
767 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
768 padding-right: 1.5em;
770 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
773 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
774 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
775 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
776 background-color: #ffffff;
779 .oo-ui-capsuleMultiSelectWidget {
780 display: inline-block
;
785 .oo-ui-capsuleMultiSelectWidget-handle {
787 display: inline-block
;
790 .oo-ui-capsuleMultiSelectWidget-content {
793 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
796 .oo-ui-capsuleMultiSelectWidget-group {
799 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
803 .oo-ui-capsuleMultiSelectWidget-handle {
804 background-color: #ffffff;
808 padding: 0.15em 0.25em;
809 border: 1px solid
#cccccc;
811 -webkit-box-sizing: border-box
;
812 -moz-box-sizing: border-box
;
813 box-sizing: border-box
;
815 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
818 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
819 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
821 background-position: center center
;
822 background-repeat: no-repeat
;
824 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
826 line-height: 1.675em;
830 font-family: inherit
;
831 background-color: transparent
;
833 vertical-align: middle
;
835 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
838 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
839 padding-right: 2.4875em;
841 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
848 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
849 padding-left: 2.475em;
851 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
858 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
859 border-color: #aaaaaa;
861 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
863 text-shadow: 0 1px 1px #ffffff;
864 border-color: #dddddd;
865 background-color: #f3f3f3;
868 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
869 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
872 .oo-ui-capsuleMultiSelectWidget .oo-ui-selectWidget {
873 border-top-color: #ffffff;
875 .oo-ui-capsuleItemWidget {
877 display: inline-block
;
882 -webkit-box-sizing: border-box
;
883 -moz-box-sizing: border-box
;
884 box-sizing: border-box
;
885 vertical-align: middle
;
890 background-color: #eeeeee;
891 border: 1px solid
#cccccc;
895 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
896 display: inline-block
;
897 text-overflow: ellipsis
;
900 .oo-ui-capsuleItemWidget .oo-ui-buttonElement {
904 .oo-ui-capsuleItemWidget:focus {
906 border-color: #347bff;
908 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-labelElement-label {
909 padding-right: 1.3375em;
911 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
917 background-repeat: no-repeat
;
919 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicator-clear {
922 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
924 text-shadow: 0 1px 1px #ffffff;
925 border-color: #dddddd;
926 background-color: #f3f3f3;
928 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
931 .oo-ui-searchWidget-query {
937 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
940 .oo-ui-searchWidget-results {
948 .oo-ui-searchWidget-query {
951 border-bottom: 1px solid
#cccccc;
953 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
956 .oo-ui-searchWidget-results {
961 .oo-ui-numberInputWidget {
962 display: inline-block
;
966 .oo-ui-numberInputWidget-field {
971 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
972 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
974 vertical-align: middle
;
976 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
979 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
982 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
983 -webkit-box-sizing: border-box
;
984 -moz-box-sizing: border-box
;
985 box-sizing: border-box
;
987 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
990 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
991 border-top-right-radius: 0;
992 border-bottom-right-radius: 0;
993 border-right-width: 0;
995 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
996 border-top-left-radius: 0;
997 border-bottom-left-radius: 0;
998 border-left-width: 0;
1000 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {