/*!
- * OOjs UI v0.22.1
+ * OOjs UI v0.24.3
* https://www.mediawiki.org/wiki/OOjs_UI
*
* Copyright 2011–2017 OOjs UI Team and other contributors.
* Released under the MIT license
* http://oojs.mit-license.org
*
- * Date: 2017-05-31T19:07:44Z
+ * Date: 2017-11-28T23:28:10Z
+ */
+/**
+ * WikimediaUI Base v0.10.0
+ * Wikimedia Foundation user interface base variables
*/
-.oo-ui-draggableElement {
- padding: 1.0546875em 0.9375em 0.9375em;
-}
.oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget {
cursor: move;
cursor: url(images/grab.cur );
.oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
display: inline-block;
}
-.oo-ui-draggableElement-handle.oo-ui-widget-enabled:focus {
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c;
- outline: 0;
-}
.oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
overflow: hidden;
}
box-sizing: border-box;
}
.oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
+ height: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
- bottom: 3em;
+ bottom: 2.5em;
overflow: auto;
}
.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
bottom: 0;
left: 0;
right: 0;
+ height: 2.5em;
}
.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
padding: 1.5em;
}
-.oo-ui-bookletLayout-outlinePanel {
- border-right: 1px solid #ddd;
-}
.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
+ border-top: 1px solid #c8ccd1;
+}
+.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
+ border-right: 1px solid #c8ccd1;
}
.oo-ui-indexLayout > .oo-ui-menuLayout-menu {
+ height: auto;
+}
+.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu {
height: 3em;
+ white-space: nowrap;
}
-.oo-ui-indexLayout > .oo-ui-menuLayout-content {
+.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content {
top: 3em;
}
.oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
padding: 1.5em;
}
-.oo-ui-indexLayout > .oo-ui-menuLayout-menu {
+.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu {
height: 2.75em;
}
-.oo-ui-indexLayout > .oo-ui-menuLayout-content {
+.oo-ui-indexLayout.oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content {
top: 2.75em;
}
.oo-ui-menuLayout {
- position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
+.oo-ui-menuLayout-expanded,
+.oo-ui-menuLayout-expanded .oo-ui-menuLayout-menu,
+.oo-ui-menuLayout-expanded .oo-ui-menuLayout-content {
+ position: absolute;
+}
+.oo-ui-menuLayout-expanded .oo-ui-menuLayout-menu {
+ z-index: 1;
+}
+.oo-ui-menuLayout-static.oo-ui-menuLayout-after,
+.oo-ui-menuLayout-static.oo-ui-menuLayout-before {
+ display: table;
+ width: 100%;
+}
+.oo-ui-menuLayout-static.oo-ui-menuLayout-after .oo-ui-menuLayout-menu,
+.oo-ui-menuLayout-static.oo-ui-menuLayout-before .oo-ui-menuLayout-menu,
+.oo-ui-menuLayout-static.oo-ui-menuLayout-after .oo-ui-menuLayout-content,
+.oo-ui-menuLayout-static.oo-ui-menuLayout-before .oo-ui-menuLayout-content {
+ display: table-cell;
+ vertical-align: top;
+}
.oo-ui-menuLayout-menu,
.oo-ui-menuLayout-content {
- position: absolute;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
-.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
-.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
- position: absolute;
-}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
border-left-color: #fff;
}
.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
cursor: default;
}
-.oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
-.oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
- position: static;
- display: inline-block;
- vertical-align: middle;
-}
.oo-ui-toggleButtonWidget {
margin-right: 0.5em;
}
-moz-box-sizing: border-box;
box-sizing: border-box;
}
-.oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
-.oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
- position: absolute;
- top: 0;
- height: 100%;
-}
.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
cursor: default;
-webkit-touch-callout: none;
height: 8.815em;
}
.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
-.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton,
-.oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
+.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
display: none;
}
.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
border-right-width: 0;
}
.oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
+ display: none;
top: -1px;
left: 0.46875em;
min-height: 2.5em;
margin-left: -1px;
}
.oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
+ display: none;
top: -1px;
right: 0.9375em;
min-height: 2.5em;
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: #fff;
border-style: dashed;
- -webkit-transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
- -moz-transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
- transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
+ -webkit-transition: background-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
+ -moz-transition: background-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
+ transition: background-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
}
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
border-color: #72777d;
left: 4.429em;
}
.oo-ui-outlineControlsWidget {
- height: 3em;
+ overflow: hidden;
background-color: #fff;
}
.oo-ui-outlineControlsWidget-items,
.oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
float: right;
}
-.oo-ui-outlineControlsWidget-items,
-.oo-ui-outlineControlsWidget-movers {
- height: 2em;
- margin: 0.5em 0.5em 0.5em 0;
- padding: 0;
+.oo-ui-outlineControlsWidget-items > .oo-ui-buttonWidget,
+.oo-ui-outlineControlsWidget-movers > .oo-ui-buttonWidget {
+ height: 2.5em;
+ width: 2.5em;
+ margin: 0 !important;
+ /* stylelint-disable-line declaration-no-important */
}
.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
- width: 1.5em;
- height: 2em;
- margin: 0.5em 0 0.5em 0.5em;
+ height: 2.5em;
opacity: 0.2;
}
.oo-ui-tabSelectWidget {
text-align: left;
- white-space: nowrap;
- overflow: hidden;
+ overflow-x: auto;
+ overflow-y: hidden;
background-color: #eaecf0;
}
.oo-ui-tabOptionWidget {
height: 1px;
width: 1px;
}
+.oo-ui-tagMultiselectWidget-focusTrap:focus {
+ outline: 0;
+}
.oo-ui-tagMultiselectWidget-handle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: #fff;
- -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
- -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
- transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
+ -webkit-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
+ -moz-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
+ transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
border-color: #72777d;
.oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: #f8f9fa;
color: #222;
- padding-right: 1.5375em;
+ padding-right: 1.640625em;
-webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
-moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
position: absolute;
top: 0;
right: 0;
- bottom: 0;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
- display: block;
- width: 1.5375em;
- height: 100%;
+ min-width: 0;
+ min-height: 0;
+ border: 0;
+ padding-top: 1.5625em;
+ padding-left: 1.5625em;
}
-.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
- position: absolute;
- top: 0;
- right: 0.3em;
- bottom: 0;
- height: auto;
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
+ left: 0;
+ min-width: 20px;
+ min-height: 20px;
+ width: 1.5625em;
+}
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-labelElement-label,
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
+ display: none;
}
.oo-ui-tagItemWidget.oo-ui-widget-disabled {
background-color: #eaecf0;
display: block;
position: relative;
}
-.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon,
-.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
- position: absolute;
- top: 0;
- height: 100%;
-}
.oo-ui-capsuleMultiselectWidget-content {
position: relative;
}
height: 1px;
width: 1px;
}
+.oo-ui-capsuleMultiselectWidget-focusTrap:focus {
+ outline: 0;
+}
.oo-ui-capsuleMultiselectWidget-handle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.oo-ui-capsuleMultiselectWidget-popup {
margin-top: -1px;
+ margin-bottom: -1px;
}
.oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
border: 0;
.oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
background-color: #fff;
cursor: text;
- -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
- -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
- transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
+ -webkit-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
+ -moz-transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
+ transition: border-color 200ms cubic-bezier(0.4, 0.55, 0.55, 1), box-shadow 200ms cubic-bezier(0.4, 0.55, 0.55, 1);
}
.oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
border-color: #72777d;
.oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
background-color: #f8f9fa;
color: #222;
- padding-right: 1.5375em;
+ padding-right: 1.640625em;
-webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
-moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
position: absolute;
top: 0;
right: 0;
- bottom: 0;
}
.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
- display: block;
- width: 1.5375em;
- height: 100%;
+ min-width: 0;
+ min-height: 0;
+ border: 0;
+ padding-top: 1.5625em;
+ padding-left: 1.5625em;
}
-.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
- position: absolute;
- top: 0;
- right: 0.3em;
- bottom: 0;
- height: auto;
+.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
+ left: 0;
+ min-width: 20px;
+ min-height: 20px;
+ width: 1.5625em;
+}
+.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-labelElement-label,
+.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
+ display: none;
}
.oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
background-color: #eaecf0;