/*!
- * OOUI v0.27.0
+ * OOUI v0.27.4
* https://www.mediawiki.org/wiki/OOUI
*
* Copyright 2011–2018 OOUI Team and other contributors.
* Released under the MIT license
* http://oojs.mit-license.org
*
- * Date: 2018-05-09T00:44:50Z
+ * Date: 2018-06-27T17:25:12Z
*/
/**
* WikimediaUI Base v0.10.0
}
.oo-ui-menuLayout > .oo-ui-menuLayout-menu,
.oo-ui-menuLayout > .oo-ui-menuLayout-content {
- -webkit-transition: all 200ms ease;
- -moz-transition: all 200ms ease;
- transition: all 200ms ease;
+ -webkit-transition: height 200ms ease, width 200ms ease, top 200ms ease, left 200ms ease, right 200ms ease, bottom 200ms ease;
+ -moz-transition: height 200ms ease, width 200ms ease, top 200ms ease, left 200ms ease, right 200ms ease, bottom 200ms ease;
+ transition: height 200ms ease, width 200ms ease, top 200ms ease, left 200ms ease, right 200ms ease, bottom 200ms ease;
}
.oo-ui-menuLayout > .oo-ui-menuLayout-menu {
height: 18em;
padding-top: 0.57142857em;
padding-left: 0.57142857em;
padding-bottom: 0.5em;
- line-height: 1.07142857em;
white-space: nowrap;
}
+.oo-ui-selectFileWidget.oo-ui-labelElement .oo-ui-selectFileWidget-label {
+ line-height: 1.07142857em;
+}
.oo-ui-selectFileWidget-fileName {
display: block;
overflow: hidden;
border-radius: 2px;
}
.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
- line-height: 1.4;
overflow: inherit;
white-space: normal;
}
left: 4.429em;
}
.oo-ui-outlineControlsWidget {
- overflow: hidden;
background-color: #fff;
}
.oo-ui-outlineControlsWidget-items,
-moz-box-sizing: border-box;
box-sizing: border-box;
}
-.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
- float: left;
- background-position: right center;
-}
.oo-ui-outlineControlsWidget-items {
float: left;
}
margin: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
-.oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
- height: 2.28571429em;
- opacity: 0.2;
-}
.oo-ui-tabSelectWidget {
text-align: left;
overflow-x: auto;
overflow-y: hidden;
background-color: #eaecf0;
}
+.oo-ui-tabSelectWidget.oo-ui-widget-enabled:focus {
+ outline: 0;
+}
.oo-ui-tabOptionWidget {
display: inline-block;
-webkit-box-sizing: border-box;
border-width: 1px 1px 0 1px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
- padding: 0.57142857em 0.92857143em 0.5em;
+ padding: 0 0.57142857em;
font-weight: bold;
line-height: 1;
- -webkit-transition: background-color 100ms, color 100ms;
- -moz-transition: background-color 100ms, color 100ms;
- transition: background-color 100ms, color 100ms;
+ -webkit-transition: background-color 100ms, color 100ms, border-color 100ms;
+ -moz-transition: background-color 100ms, color 100ms, border-color 100ms;
+ transition: background-color 100ms, color 100ms, border-color 100ms;
}
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: #fff;
color: #000;
}
+.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
+ border-bottom-color: #fff;
+}
.oo-ui-tabOptionWidget .oo-ui-labelElement-label {
+ border-bottom: 2px solid transparent;
+ padding: 0.57142857em 0.35714286em 0.35714286em;
line-height: 1.07142857em;
+ -webkit-transition: border-color 100ms;
+ -moz-transition: border-color 100ms;
+ transition: border-color 100ms;
}
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
background-color: rgba(255, 255, 255, 0.3);
.oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background-color: #fff;
}
+.oo-ui-tabSelectWidget.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
+ border-bottom-color: #36c;
+}
.oo-ui-tagMultiselectWidget {
display: inline-block;
position: relative;
width: 100%;
max-width: 50em;
+ vertical-align: top;
}
.oo-ui-tagMultiselectWidget-handle {
width: 100%;
margin-right: 0.5em;
border: 1px solid #a2a9b1;
border-radius: 2px;
- padding: 0 0.57142857em 0.28571429em;
+ padding: 0 0.57142857em;
line-height: 1;
}
.oo-ui-tagMultiselectWidget-handle:last-child {
.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input {
background-color: transparent;
color: #000;
- margin: 0.42857143em 0 0 0.35714286em;
border: 0;
- padding: 0;
+ padding: 0.57142857em 0 0.5em 0.35714286em;
font-family: inherit;
font-size: inherit;
- line-height: 1.42857143em;
- vertical-align: middle;
+ line-height: 1.07142857em;
+ vertical-align: top;
}
.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-webkit-input-placeholder {
color: #72777d;
.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content .oo-ui-tagMultiselectWidget-group:empty + input {
margin-left: 0;
}
+.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group {
+ display: inline-block;
+ max-width: 100%;
+ margin-top: 0.28571429em;
+ margin-left: -0.14285714em;
+}
.oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle {
padding-left: 2.02857143em;
}
width: auto;
max-width: 100%;
height: 1.57142857em;
- margin: 0.28571429em 0.28571429em 0 0;
+ margin: 0 0.28571429em 0.28571429em 0;
border: 1px solid #a2a9b1;
- border-radius: 2px;
- padding: 0 0.28571429em;
+ border-radius: 1.57142857em;
+ padding: 0 0.42857143em;
line-height: 1.57142857em;
vertical-align: middle;
}
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not( .oo-ui-tagItemWidget-fixed ) {
background-color: #f8f9fa;
- padding-right: 1.5em;
+ padding-right: 1.64285714em;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid {
border-color: #d33;
border-color: #d33;
box-shadow: inset 0 0 0 1px #d33;
}
-.oo-ui-tagItemWidget.oo-ui-widget-enabled > .oo-ui-labelElement-label {
- margin-top: -1px;
-}
.oo-ui-tagItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
display: block;
position: absolute;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
border: 0;
+ border-radius: 1.57142857em;
padding-top: 1.42857143em;
padding-left: 1.42857143em;
+ -webkit-transition: background-color 100ms;
+ -moz-transition: background-color 100ms;
+ transition: background-color 100ms;
+}
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
+ background-color: #fff;
+}
+.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
+ background-color: #c8ccd1;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
left: 0.28571429em;
- min-width: 14px;
- width: 1em;
+ min-width: 12px;
+ width: 0.85714286em;
}
.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 {
position: relative;
width: 100%;
max-width: 50em;
+ vertical-align: top;
}
.oo-ui-capsuleMultiselectWidget-handle {
width: 100%;
margin-right: 0.5em;
border: 1px solid #a2a9b1;
border-radius: 2px;
- padding: 0 0.57142857em 0.28571429em;
+ padding: 0 0.57142857em;
line-height: 1;
}
.oo-ui-capsuleMultiselectWidget-handle:last-child {
background-color: transparent;
color: #000;
border: 0;
- margin: 0.42857143em 0 0 0.35714286em;
- padding: 0;
+ padding: 0.57142857em 0 0.5em;
font-family: inherit;
font-size: inherit;
- line-height: 1.42857143em;
- vertical-align: middle;
+ line-height: 1.07142857em;
+ vertical-align: top;
}
.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
color: #72777d;
.oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content .oo-ui-capsuleMultiselectWidget-group:empty + input {
margin-left: 0;
}
+.oo-ui-capsuleMultiselectWidget-handle .oo-ui-capsuleMultiselectWidget-group {
+ display: inline-block;
+ max-width: 100%;
+ margin-top: 0.28571429em;
+ margin-left: -0.14285714em;
+}
.oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
padding-left: 2.64285714em;
}
width: auto;
max-width: 100%;
height: 1.57142857em;
- margin: 0.28571429em 0.28571429em 0 0;
+ margin: 0 0.28571429em 0.28571429em 0;
border: 1px solid #a2a9b1;
- border-radius: 2px;
- padding: 0 0.28571429em;
+ border-radius: 1.57142857em;
+ padding: 0 0.42857143em;
line-height: 1.57142857em;
vertical-align: middle;
}
.oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
background-color: #f8f9fa;
color: #222;
- padding-right: 1.5em;
+ padding-right: 1.64285714em;
-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;
box-shadow: inset 0 0 0 1px #36c;
outline: 0;
}
-.oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-labelElement-label {
- margin-top: -1px;
-}
.oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
display: block;
position: absolute;
}
.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
border: 0;
+ border-radius: 1.57142857em;
padding-top: 1.42857143em;
padding-left: 1.42857143em;
+ -webkit-transition: background-color 100ms;
+ -moz-transition: background-color 100ms;
+ transition: background-color 100ms;
+}
+.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
+ background-color: #fff;
+}
+.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
+ background-color: #c8ccd1;
}
.oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-icon-close {
left: 0.28571429em;
- min-width: 14px;
- width: 1em;
+ min-width: 12px;
+ width: 0.85714286em;
}
.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 {