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-07-12T20:26:07Z
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 {
93 .oo-ui-menuLayout-menu
,
94 .oo-ui-menuLayout-content {
96 -webkit-transition: all
200ms ease
;
97 -moz-transition: all
200ms ease
;
98 transition: all
200ms ease
;
100 .oo-ui-menuLayout-menu {
104 .oo-ui-menuLayout-content {
110 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
112 height: 0 !important
;
115 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
119 bottom: 0 !important
;
121 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
122 width: auto
!important
;
127 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
129 bottom: 0 !important
;
132 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
133 height: auto
!important
;
138 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
139 bottom: 0 !important
;
143 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
144 width: auto
!important
;
149 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
154 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
155 height: auto
!important
;
160 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
163 bottom: 0 !important
;
165 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
169 .oo-ui-buttonSelectWidget {
170 display: inline-block
;
172 border-radius: 0.3em;
175 .oo-ui-buttonSelectWidget:last-child {
178 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
182 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
183 border-bottom-left-radius: 0.3em;
184 border-top-left-radius: 0.3em;
187 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
188 border-bottom-right-radius: 0.3em;
189 border-top-right-radius: 0.3em;
191 .oo-ui-buttonOptionWidget {
192 display: inline-block
;
194 background-color: transparent
;
196 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
199 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
200 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
202 display: inline-block
;
203 vertical-align: middle
;
205 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
206 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
207 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
208 background-color: transparent
;
210 .oo-ui-toggleButtonWidget {
211 display: inline-block
;
212 vertical-align: middle
;
215 .oo-ui-toggleButtonWidget:last-child {
218 .oo-ui-toggleSwitchWidget {
220 display: inline-block
;
221 vertical-align: middle
;
223 -webkit-box-sizing: border-box
;
224 -moz-box-sizing: border-box
;
225 box-sizing: border-box
;
226 -webkit-transform: translateZ
(0);
227 -moz-transform: translateZ
(0);
228 -ms-transform: translateZ
(0);
229 transform: translateZ
(0);
233 box-shadow: 0 0 0 #ffffff, inset
0 0.1em 0.2em #dddddd;
234 border: 1px solid
#cccccc;
236 background-color: #eeeeee;
237 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #dddddd), color-stop
(100%, #ffffff));
238 background-image: -webkit-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
239 background-image: -moz-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
240 background-image: linear-gradient
(to bottom
, #dddddd 0, #ffffff 100%);
241 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
243 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
246 .oo-ui-toggleSwitchWidget-grip {
249 -webkit-box-sizing: border-box
;
250 -moz-box-sizing: border-box
;
251 box-sizing: border-box
;
253 .oo-ui-toggleSwitchWidget:last-child {
256 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
259 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
260 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
261 border-color: #aaaaaa;
263 .oo-ui-toggleSwitchWidget-grip {
270 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
271 border: 1px #c9c9c9 solid
;
272 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
273 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
274 transition: left
250ms ease
, margin-left
250ms ease
;
275 background-color: #eeeeee;
276 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
277 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
278 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
279 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
280 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
282 .oo-ui-toggleSwitchWidget-glow {
289 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
290 -webkit-transition: opacity
250ms ease
;
291 -moz-transition: opacity
250ms ease
;
292 transition: opacity
250ms ease
;
293 background-color: #cde7f4;
294 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
295 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
296 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
297 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
298 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
299 -webkit-touch-callout: none
;
300 -webkit-user-select: none
;
301 -moz-user-select: none
;
302 -ms-user-select: none
;
305 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
308 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
312 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
315 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
319 .oo-ui-progressBarWidget {
321 background-color: #ffffff;
322 border: 1px solid
#cccccc;
323 border-radius: 0.25em;
326 .oo-ui-progressBarWidget-bar {
328 border-right: 1px solid
#cccccc;
329 -webkit-transition: width
250ms ease
, margin-left
250ms ease
;
330 -moz-transition: width
250ms ease
, margin-left
250ms ease
;
331 transition: width
250ms ease
, margin-left
250ms ease
;
332 background-color: #cde7f4;
333 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
334 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
335 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
336 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
337 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
339 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
340 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
341 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
342 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
345 border-left: 1px solid
#a6cee1;
347 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
350 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
358 @-moz-keyframes oo-ui-progressBarWidget-slide
{
366 @keyframes oo-ui-progressBarWidget-slide
{
374 .oo-ui-selectFileWidget {
375 display: inline-block
;
376 vertical-align: middle
;
381 .oo-ui-selectFileWidget-selectButton {
383 vertical-align: middle
;
385 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
389 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
402 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
405 .oo-ui-selectFileWidget-info {
408 vertical-align: middle
;
411 -webkit-box-sizing: border-box
;
412 -moz-box-sizing: border-box
;
413 box-sizing: border-box
;
415 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
421 text-overflow: ellipsis
;
423 .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
426 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
427 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
428 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
431 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
433 -webkit-touch-callout: none
;
434 -webkit-user-select: none
;
435 -moz-user-select: none
;
436 -ms-user-select: none
;
439 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-clearButton {
442 .oo-ui-selectFileWidget-dropTarget {
447 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
448 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
451 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
455 background-size: cover
;
456 background-position: center center
;
458 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
459 background-size: auto
;
461 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
463 background-color: #cccccc;
467 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
475 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
478 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileName {
480 padding-right: 2.375em;
482 text-overflow: ellipsis
;
484 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
488 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
492 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
493 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
496 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
500 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
501 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
504 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
505 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
508 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
509 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
512 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
515 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
516 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
517 -webkit-touch-callout: none
;
518 -webkit-user-select: none
;
519 -moz-user-select: none
;
520 -ms-user-select: none
;
523 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
524 .oo-ui-selectFileWidget-notsupported
.oo-ui-selectFileWidget-dropTarget
,
525 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
.oo-ui-buttonElement-button
,
526 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
529 .oo-ui-selectFileWidget:last-child {
532 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
533 border-radius: 0 0.25em 0.25em 0;
535 .oo-ui-selectFileWidget-info {
537 background-color: #ffffff;
538 border: 1px solid rgba
(0, 0, 0, 0.1);
539 border-radius: 0.25em 0 0 0.25em;
540 border-width: 1px 0 1px 1px;
542 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
546 margin-right: 0.775em;
548 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
554 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
559 -webkit-box-sizing: border-box
;
560 -moz-box-sizing: border-box
;
561 box-sizing: border-box
;
562 text-overflow: ellipsis
;
566 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
569 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
574 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
577 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
579 text-shadow: 0 1px 1px #ffffff;
580 border-color: #dddddd;
581 background-color: #f3f3f3;
583 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
584 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
587 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
590 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
593 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
596 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
599 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
602 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
605 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
606 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
609 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
610 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
613 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
614 background-color: #e1f3ff;
616 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
617 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
619 text-shadow: 0 1px 1px #ffffff;
620 border-color: #dddddd;
621 background-color: #f3f3f3;
623 .oo-ui-selectFileWidget-dropTarget {
624 background-color: #ffffff;
625 border: 1px solid
#aaaaaa;
626 margin-bottom: 0.5em;
627 vertical-align: middle
;
628 border-radius: 0.25em;
630 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
631 border-radius: 0.25em;
633 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
634 border-style: dashed
;
636 .oo-ui-outlineOptionWidget {
639 -webkit-touch-callout: none
;
640 -webkit-user-select: none
;
641 -moz-user-select: none
;
642 -ms-user-select: none
;
647 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
648 font-size: 90.90909%;
650 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
651 padding-right: 1.5em;
653 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
656 .oo-ui-outlineOptionWidget-level-0 {
659 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
662 .oo-ui-outlineOptionWidget-level-1 {
665 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
668 .oo-ui-outlineOptionWidget-level-2 {
671 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
674 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
675 background-color: #a7dcff;
676 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
678 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
681 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
684 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
687 .oo-ui-outlineControlsWidget {
689 background-color: #ffffff;
691 .oo-ui-outlineControlsWidget-items
,
692 .oo-ui-outlineControlsWidget-movers {
694 -webkit-box-sizing: border-box
;
695 -moz-box-sizing: border-box
;
696 box-sizing: border-box
;
698 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
700 background-position: right center
;
702 .oo-ui-outlineControlsWidget-items {
705 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
708 .oo-ui-outlineControlsWidget-movers {
711 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
714 .oo-ui-outlineControlsWidget-items
,
715 .oo-ui-outlineControlsWidget-movers {
717 margin: 0.5em 0.5em 0.5em 0;
720 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
723 margin: 0.5em 0 0.5em 0.5em;
726 .oo-ui-tabSelectWidget {
730 background-color: #eeeeee;
731 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
733 .oo-ui-tabOptionWidget {
734 display: inline-block
;
735 vertical-align: bottom
;
737 margin: 0.5em 0 0 0.75em;
738 border: 1px solid transparent
;
740 border-top-left-radius: 0.5em;
741 border-top-right-radius: 0.5em;
743 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
744 padding-right: 1.5em;
746 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
749 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
750 background-color: transparent
;
752 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
753 background-color: rgba
(255, 255, 255, 0.2);
754 border-color: #dddddd;
756 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
757 background-color: #ffffff;
758 border-color: #dddddd;
760 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
761 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
762 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
763 background-color: #ffffff;
764 border-color: #dddddd;
766 .oo-ui-capsuleMultiselectWidget {
767 display: inline-block
;
772 .oo-ui-capsuleMultiselectWidget-handle {
777 .oo-ui-capsuleMultiselectWidget-content {
780 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
783 .oo-ui-capsuleMultiselectWidget-group {
786 .oo-ui-capsuleMultiselectWidget > .oo-ui-menuSelectWidget {
790 .oo-ui-capsuleMultiselectWidget-handle {
791 background-color: #ffffff;
795 padding: 0.15em 0.25em;
796 border: 1px solid rgba
(0, 0, 0, 0.1);
797 border-radius: 0.25em;
798 -webkit-box-sizing: border-box
;
799 -moz-box-sizing: border-box
;
800 box-sizing: border-box
;
802 .oo-ui-capsuleMultiselectWidget-handle:last-child {
805 .oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-indicatorElement-indicator
,
806 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
809 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
811 line-height: 1.675em;
816 font-family: inherit
;
817 background-color: transparent
;
819 vertical-align: middle
;
821 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
824 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
825 padding-right: 2.4875em;
827 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
832 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
833 padding-left: 2.475em;
835 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
840 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
841 border-color: rgba
(0, 0, 0, 0.2);
843 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
845 text-shadow: 0 1px 1px #ffffff;
846 border-color: #dddddd;
847 background-color: #f3f3f3;
850 .oo-ui-capsuleMultiselectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiselectWidget-handle
> .oo-ui-iconElement-icon
,
851 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
854 .oo-ui-capsuleItemWidget {
856 display: inline-block
;
861 -webkit-box-sizing: border-box
;
862 -moz-box-sizing: border-box
;
863 box-sizing: border-box
;
864 vertical-align: middle
;
869 background-color: #eeeeee;
870 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
871 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
872 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
873 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
874 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
875 border: 1px solid
#cccccc;
877 border-radius: 0.25em;
879 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
880 display: inline-block
;
881 text-overflow: ellipsis
;
884 .oo-ui-capsuleItemWidget:focus {
886 border-color: #087ecc;
888 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
890 -webkit-transform: translate3d
(0, 0, 0);
894 border-color: #cccccc;
896 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
900 .oo-ui-searchWidget-query {
906 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
909 .oo-ui-searchWidget-results {
917 .oo-ui-searchWidget-query {
920 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
922 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
925 .oo-ui-searchWidget-results {
930 .oo-ui-numberInputWidget {
931 display: inline-block
;
935 .oo-ui-numberInputWidget-field {
940 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
941 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
943 vertical-align: middle
;
945 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
948 .oo-ui-numberInputWidget-field
> .oo-ui-textInputWidget
[type
="number"]::-webkit-outer-spin-button
,
949 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
950 -webkit-appearance: none
;
953 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
954 -moz-appearance: textfield
;
956 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
959 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
960 -webkit-box-sizing: border-box
;
961 -moz-box-sizing: border-box
;
962 box-sizing: border-box
;
964 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
967 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
968 border-top-right-radius: 0;
969 border-bottom-right-radius: 0;
970 border-right-width: 0;
972 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
973 border-top-left-radius: 0;
974 border-bottom-left-radius: 0;
975 border-left-width: 0;
977 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {