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-03T16:38:27Z
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-lookupElement > .oo-ui-menuSelectWidget {
39 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
42 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
44 -webkit-box-sizing: border-box
;
45 -moz-box-sizing: border-box
;
46 box-sizing: border-box
;
48 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
51 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
54 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
62 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
68 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
71 .oo-ui-bookletLayout-outlinePanel {
72 border-right: 1px solid
#dddddd;
74 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
75 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
77 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
80 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
83 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
92 /* stylelint-disable declaration-no-important */
93 /* stylelint-enable declaration-no-important */
95 .oo-ui-menuLayout-menu
,
96 .oo-ui-menuLayout-content {
98 -webkit-transition: all
200ms ease
;
99 -moz-transition: all
200ms ease
;
100 transition: all
200ms ease
;
102 .oo-ui-menuLayout-menu {
106 .oo-ui-menuLayout-content {
112 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
114 height: 0 !important
;
117 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
121 bottom: 0 !important
;
123 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
124 width: auto
!important
;
129 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
131 bottom: 0 !important
;
134 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
135 height: auto
!important
;
140 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
141 bottom: 0 !important
;
145 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
146 width: auto
!important
;
151 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
156 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
157 height: auto
!important
;
162 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
165 bottom: 0 !important
;
167 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
171 .oo-ui-buttonSelectWidget {
172 display: inline-block
;
174 border-radius: 0.3em;
177 .oo-ui-buttonSelectWidget:last-child {
180 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
184 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
185 border-bottom-left-radius: 0.3em;
186 border-top-left-radius: 0.3em;
189 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
190 border-bottom-right-radius: 0.3em;
191 border-top-right-radius: 0.3em;
193 .oo-ui-buttonOptionWidget {
194 display: inline-block
;
196 background-color: transparent
;
198 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
201 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
202 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
204 display: inline-block
;
205 vertical-align: middle
;
207 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
208 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
209 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
210 background-color: transparent
;
212 .oo-ui-toggleButtonWidget {
213 display: inline-block
;
214 vertical-align: middle
;
217 .oo-ui-toggleButtonWidget:last-child {
220 .oo-ui-toggleSwitchWidget {
222 display: inline-block
;
223 vertical-align: middle
;
225 -webkit-box-sizing: border-box
;
226 -moz-box-sizing: border-box
;
227 box-sizing: border-box
;
228 -webkit-transform: translateZ
(0);
229 -moz-transform: translateZ
(0);
230 -ms-transform: translateZ
(0);
231 transform: translateZ
(0);
235 box-shadow: 0 0 0 #ffffff, inset
0 0.1em 0.2em #dddddd;
236 border: 1px solid
#cccccc;
238 background-color: #eeeeee;
239 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #dddddd), color-stop
(100%, #ffffff));
240 background-image: -webkit-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
241 background-image: -moz-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
242 background-image: linear-gradient
(to bottom
, #dddddd 0, #ffffff 100%);
243 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
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:last-child {
258 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
261 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
262 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
263 border-color: #aaaaaa;
265 .oo-ui-toggleSwitchWidget-grip {
272 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
273 border: 1px #c9c9c9 solid
;
274 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
275 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
276 transition: left
250ms ease
, margin-left
250ms ease
;
277 background-color: #eeeeee;
278 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
279 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
280 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
281 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
282 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
284 .oo-ui-toggleSwitchWidget-glow {
291 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
292 -webkit-transition: opacity
250ms ease
;
293 -moz-transition: opacity
250ms ease
;
294 transition: opacity
250ms ease
;
295 background-color: #cde7f4;
296 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
297 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
298 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
299 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
300 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
301 -webkit-touch-callout: none
;
302 -webkit-user-select: none
;
303 -moz-user-select: none
;
304 -ms-user-select: none
;
307 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
310 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
314 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
317 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
321 .oo-ui-progressBarWidget {
323 background-color: #ffffff;
324 border: 1px solid
#cccccc;
325 border-radius: 0.25em;
328 .oo-ui-progressBarWidget-bar {
330 border-right: 1px solid
#cccccc;
331 -webkit-transition: width
250ms ease
, margin-left
250ms ease
;
332 -moz-transition: width
250ms ease
, margin-left
250ms ease
;
333 transition: width
250ms ease
, margin-left
250ms ease
;
334 background-color: #cde7f4;
335 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
336 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
337 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
338 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
339 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
341 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
342 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
343 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
344 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
347 border-left: 1px solid
#a6cee1;
349 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
352 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
360 @-moz-keyframes oo-ui-progressBarWidget-slide
{
368 @keyframes oo-ui-progressBarWidget-slide
{
376 .oo-ui-selectFileWidget {
377 display: inline-block
;
378 vertical-align: middle
;
383 .oo-ui-selectFileWidget-selectButton {
385 vertical-align: middle
;
387 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
391 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
404 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
407 .oo-ui-selectFileWidget-info {
410 vertical-align: middle
;
413 -webkit-box-sizing: border-box
;
414 -moz-box-sizing: border-box
;
415 box-sizing: border-box
;
417 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
423 text-overflow: ellipsis
;
425 .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
428 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
429 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
430 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
433 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
435 -webkit-touch-callout: none
;
436 -webkit-user-select: none
;
437 -moz-user-select: none
;
438 -ms-user-select: none
;
441 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-clearButton {
444 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget {
449 .oo-ui-selectFileWidget
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
450 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
453 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
457 background-size: cover
;
458 background-position: center center
;
460 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
461 background-size: auto
;
463 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
465 background-color: #cccccc;
469 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
477 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
480 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileName {
482 padding-right: 2.375em;
484 text-overflow: ellipsis
;
486 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
490 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .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 {
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-dropLabel {
517 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
518 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
519 -webkit-touch-callout: none
;
520 -webkit-user-select: none
;
521 -moz-user-select: none
;
522 -ms-user-select: none
;
525 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
526 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
527 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
528 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
531 .oo-ui-selectFileWidget:last-child {
534 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
535 border-radius: 0 0.25em 0.25em 0;
537 .oo-ui-selectFileWidget-info {
539 background-color: #ffffff;
540 border: 1px solid rgba
(0, 0, 0, 0.1);
541 border-radius: 0.25em 0 0 0.25em;
542 border-width: 1px 0 1px 1px;
544 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
548 margin-right: 0.775em;
550 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
556 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
561 -webkit-box-sizing: border-box
;
562 -moz-box-sizing: border-box
;
563 box-sizing: border-box
;
564 text-overflow: ellipsis
;
568 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
571 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
576 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
579 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
581 text-shadow: 0 1px 1px #ffffff;
582 border-color: #dddddd;
583 background-color: #f3f3f3;
585 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
586 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
589 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
592 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
595 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
598 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
601 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
604 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
607 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
608 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
611 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
612 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
615 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
616 background-color: #e1f3ff;
618 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
619 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
621 text-shadow: 0 1px 1px #ffffff;
622 border-color: #dddddd;
623 background-color: #f3f3f3;
625 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget {
626 background-color: #ffffff;
627 border: 1px solid
#aaaaaa;
628 margin-bottom: 0.5em;
629 vertical-align: middle
;
630 border-radius: 0.25em;
632 .oo-ui-selectFileWidget.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
633 border-radius: 0.25em;
635 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget {
636 border-style: dashed
;
638 .oo-ui-outlineOptionWidget {
641 -webkit-touch-callout: none
;
642 -webkit-user-select: none
;
643 -moz-user-select: none
;
644 -ms-user-select: none
;
649 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
650 font-size: 90.90909%;
652 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
653 padding-right: 1.5em;
655 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
658 .oo-ui-outlineOptionWidget-level-0 {
661 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
664 .oo-ui-outlineOptionWidget-level-1 {
667 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
670 .oo-ui-outlineOptionWidget-level-2 {
673 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
676 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
677 background-color: #a7dcff;
678 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
680 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
683 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
686 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
689 .oo-ui-outlineControlsWidget {
691 background-color: #ffffff;
693 .oo-ui-outlineControlsWidget-items
,
694 .oo-ui-outlineControlsWidget-movers {
696 -webkit-box-sizing: border-box
;
697 -moz-box-sizing: border-box
;
698 box-sizing: border-box
;
700 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
702 background-position: right center
;
704 .oo-ui-outlineControlsWidget-items {
707 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
710 .oo-ui-outlineControlsWidget-movers {
713 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
716 .oo-ui-outlineControlsWidget-items
,
717 .oo-ui-outlineControlsWidget-movers {
719 margin: 0.5em 0.5em 0.5em 0;
722 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
725 margin: 0.5em 0 0.5em 0.5em;
728 .oo-ui-tabSelectWidget {
732 background-color: #eeeeee;
733 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
735 .oo-ui-tabOptionWidget {
736 display: inline-block
;
737 vertical-align: bottom
;
739 margin: 0.5em 0 0 0.75em;
740 border: 1px solid transparent
;
742 border-top-left-radius: 0.5em;
743 border-top-right-radius: 0.5em;
745 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
746 padding-right: 1.5em;
748 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
751 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
752 background-color: transparent
;
754 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
755 background-color: rgba
(255, 255, 255, 0.2);
756 border-color: #dddddd;
758 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
759 background-color: #ffffff;
760 border-color: #dddddd;
762 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
763 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
764 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
765 background-color: #ffffff;
766 border-color: #dddddd;
768 .oo-ui-capsuleMultiselectWidget {
769 display: inline-block
;
774 .oo-ui-capsuleMultiselectWidget-handle {
779 .oo-ui-capsuleMultiselectWidget-content {
782 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
785 .oo-ui-capsuleMultiselectWidget-group {
788 .oo-ui-capsuleMultiselectWidget > .oo-ui-menuSelectWidget {
792 .oo-ui-capsuleMultiselectWidget-handle {
793 background-color: #ffffff;
797 padding: 0.15em 0.25em;
798 border: 1px solid rgba
(0, 0, 0, 0.1);
799 border-radius: 0.25em;
800 -webkit-box-sizing: border-box
;
801 -moz-box-sizing: border-box
;
802 box-sizing: border-box
;
804 .oo-ui-capsuleMultiselectWidget-handle:last-child {
807 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-indicatorElement-indicator
,
808 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
811 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
813 line-height: 1.675em;
818 font-family: inherit
;
819 background-color: transparent
;
821 vertical-align: middle
;
823 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
826 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
827 padding-right: 2.4875em;
829 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
834 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
835 padding-left: 2.475em;
837 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
842 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
843 border-color: rgba
(0, 0, 0, 0.2);
845 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
847 text-shadow: 0 1px 1px #ffffff;
848 border-color: #dddddd;
849 background-color: #f3f3f3;
852 .oo-ui-capsuleMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
853 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
856 .oo-ui-capsuleItemWidget {
858 display: inline-block
;
863 -webkit-box-sizing: border-box
;
864 -moz-box-sizing: border-box
;
865 box-sizing: border-box
;
866 vertical-align: middle
;
871 background-color: #eeeeee;
872 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
873 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
874 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
875 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
876 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
877 border: 1px solid
#cccccc;
879 border-radius: 0.25em;
881 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
882 display: inline-block
;
883 text-overflow: ellipsis
;
886 .oo-ui-capsuleItemWidget:focus {
888 border-color: #087ecc;
890 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
892 -webkit-transform: translate3d
(0, 0, 0);
896 border-color: #cccccc;
898 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
902 .oo-ui-searchWidget-query {
908 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
911 .oo-ui-searchWidget-results {
919 .oo-ui-searchWidget-query {
922 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
924 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
927 .oo-ui-searchWidget-results {
932 .oo-ui-numberInputWidget {
933 display: inline-block
;
937 .oo-ui-numberInputWidget-field {
942 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
943 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
945 vertical-align: middle
;
947 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
950 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
953 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
954 -webkit-box-sizing: border-box
;
955 -moz-box-sizing: border-box
;
956 box-sizing: border-box
;
958 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
961 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
962 border-top-right-radius: 0;
963 border-bottom-right-radius: 0;
964 border-right-width: 0;
966 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
967 border-top-left-radius: 0;
968 border-bottom-left-radius: 0;
969 border-left-width: 0;
971 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {