/*!
- * OOjs UI v0.21.4
+ * OOjs UI v0.22.4
* 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-16T22:31:46Z
+ * Date: 2017-08-03T19:36:56Z
*/
.oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget {
cursor: move;
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-buttonSelectWidget {
display: inline-block;
white-space: nowrap;
- border-radius: 0.3em;
+ border-radius: 4px;
margin-right: 0.5em;
+ z-index: 0;
+ position: relative;
}
.oo-ui-buttonSelectWidget:last-child {
margin-right: 0;
}
+.oo-ui-buttonSelectWidget:focus {
+ outline: 0;
+}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
border-radius: 0;
margin-left: -1px;
}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
- border-bottom-left-radius: 0.3em;
- border-top-left-radius: 0.3em;
+ border-bottom-left-radius: 4px;
+ border-top-left-radius: 4px;
margin-left: 0;
}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
- border-bottom-right-radius: 0.3em;
- border-top-right-radius: 0.3em;
+ border-bottom-right-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
+ border-color: #ace;
+ box-shadow: 0 0 2px 2px #ace;
+}
+.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
+.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
+ z-index: 1;
+}
+.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
+ z-index: 3;
+}
+.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
+ z-index: -1;
}
.oo-ui-buttonOptionWidget {
display: inline-block;
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
border-color: #aaa;
}
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
+ outline: 0;
+ border-color: #ace;
+ box-shadow: 0 0 2px 2px #ace;
+}
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
+ border-color: #ace;
+}
.oo-ui-toggleSwitchWidget-grip {
top: 0.25em;
left: 0.25em;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
.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 {
height: 1px;
width: 1px;
}
+.oo-ui-tagMultiselectWidget-focusTrap:focus {
+ outline: 0;
+}
.oo-ui-tagMultiselectWidget-handle {
background-color: #fff;
cursor: text;
right: 0;
margin: 0 0.775em;
}
-.oo-ui-tagMultiselectWidget:hover .oo-ui-tagMultiselectWidget-handle {
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined-handle {
border-color: rgba(0, 0, 0, 0.2);
}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
+ border-color: #ace;
+ outline: 0;
+ box-shadow: 0 0 2px 2px #ace;
+}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
color: #ccc;
text-shadow: 0 1px 1px #fff;
outline: 0;
border-color: #087ecc;
}
+.oo-ui-tagItemWidget > .oo-ui-buttonElement {
+ margin-top: -1.25em;
+ padding-left: 0.3em;
+}
+.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
+ padding: 0;
+}
+.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
+ min-width: 20px;
+ width: 1.5625em;
+ margin-right: -0.3em;
+}
+.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-labelElement-label,
+.oo-ui-tagItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
+ display: none;
+}
.oo-ui-tagItemWidget.oo-ui-widget-disabled {
opacity: 0.5;
-webkit-transform: translateZ(0);
background: #eee;
border-color: #ccc;
}
-.oo-ui-tagItemWidget > .oo-ui-buttonElement {
- margin-top: -1.25em;
- padding-left: 0.3em;
-}
.oo-ui-capsuleMultiselectWidget {
display: inline-block;
position: relative;
height: 1px;
width: 1px;
}
+.oo-ui-capsuleMultiselectWidget-focusTrap:focus {
+ outline: 0;
+}
.oo-ui-capsuleMultiselectWidget-handle {
background-color: #fff;
cursor: text;
right: 0;
margin: 0 0.775em;
}
-.oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
+.oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
border-color: rgba(0, 0, 0, 0.2);
}
+.oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
+ border-color: #ace;
+ outline: 0;
+ box-shadow: 0 0 2px 2px #ace;
+}
.oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
color: #ccc;
text-shadow: 0 1px 1px #fff;
outline: 0;
border-color: #087ecc;
}
+.oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
+ margin-top: -1.25em;
+ padding-left: 0.3em;
+}
+.oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
+ padding: 0;
+}
+.oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
+ min-width: 20px;
+ width: 1.5625em;
+ margin-right: -0.3em;
+}
+.oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-labelElement-label,
+.oo-ui-capsuleItemWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
+ display: none;
+}
.oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
opacity: 0.5;
-webkit-transform: translateZ(0);
background: #eee;
border-color: #ccc;
}
-.oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
- margin-top: -1.25em;
- padding-left: 0.3em;
-}
.oo-ui-searchWidget-query {
position: absolute;
top: 0;
.oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
width: 2.25em;
}
-.oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
+.oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
+ min-width: 20px;
+ width: 1.5625em;
+}
+.oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
+ border-radius: 0;
+}
+.oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
}
-.oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
+.oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
}
-.oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
- border-radius: 0;
-}