/*!
- * OOUI v0.27.4
+ * OOUI v0.28.0
* 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-06-27T17:25:12Z
+ * Date: 2018-08-14T23:16:22Z
*/
.oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget {
cursor: move;
.oo-ui-buttonSelectWidget {
display: inline-block;
white-space: nowrap;
- border-radius: 4px;
+ border-radius: 3px;
margin-right: 0.5em;
z-index: 0;
position: relative;
margin-left: -1px;
}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
- border-bottom-left-radius: 4px;
- border-top-left-radius: 4px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
margin-left: 0;
}
.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
- border-bottom-right-radius: 4px;
- border-top-right-radius: 4px;
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
}
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
border-color: #ace;
box-sizing: border-box;
-webkit-transform: translateZ(0);
transform: translateZ(0);
- height: 2em;
+ background-color: #ebebeb;
+ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fafafa));
+ background-image: -webkit-linear-gradient(top, #ddd 0, #fafafa 100%);
+ background-image: -moz-linear-gradient(top, #ddd 0, #fafafa 100%);
+ background-image: linear-gradient(to bottom, #ddd 0, #fafafa 100%);
width: 4em;
+ height: 2em;
+ margin-right: 0.5em;
+ border: 1px solid #ccc;
border-radius: 1em;
box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd;
- border: 1px solid #ccc;
- margin-right: 0.5em;
- background-color: #eeeeee;
- background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff));
- background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%);
- background-image: -moz-linear-gradient(top, #ddd 0, #fff 100%);
- background-image: linear-gradient(to bottom, #ddd 0, #fff 100%);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
cursor: pointer;
border-color: #ace;
}
.oo-ui-toggleSwitchWidget-grip {
+ background-color: #ebebeb;
+ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fafafa), color-stop(100%, #ddd));
+ background-image: -webkit-linear-gradient(top, #fafafa 0, #ddd 100%);
+ background-image: -moz-linear-gradient(top, #fafafa 0, #ddd 100%);
+ background-image: linear-gradient(to bottom, #fafafa 0, #ddd 100%);
top: 0.25em;
left: 0.25em;
width: 1.5em;
height: 1.5em;
margin-top: -1px;
+ border: 1px solid #ccc;
border-radius: 1em;
box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
- border: 1px #c9c9c9 solid;
- -webkit-transition: left 250ms ease, margin-left 250ms ease;
- -moz-transition: left 250ms ease, margin-left 250ms ease;
- transition: left 250ms ease, margin-left 250ms ease;
- background-color: #eeeeee;
- background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
- background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
- background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%);
- background-image: linear-gradient(to bottom, #fff 0, #ddd 100%);
+ -webkit-transition: left 250ms, margin-left 250ms;
+ -moz-transition: left 250ms, margin-left 250ms;
+ transition: left 250ms, margin-left 250ms;
}
.oo-ui-toggleSwitchWidget-glow {
position: absolute;
left: 0;
border-radius: 1em;
box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
- -webkit-transition: opacity 250ms ease;
- -moz-transition: opacity 250ms ease;
- transition: opacity 250ms ease;
+ -webkit-transition: opacity 250ms;
+ -moz-transition: opacity 250ms;
+ transition: opacity 250ms;
background-color: #cde7f4;
background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa));
background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
margin-right: 0;
}
.oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
- border-radius: 0 0.25em 0.25em 0;
+ border-radius: 0 3px 3px 0;
}
.oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button .oo-ui-iconElement-icon,
.oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
.oo-ui-selectFileWidget-info {
height: 2.4em;
background-color: #fff;
- border: 1px solid rgba(0, 0, 0, 0.1);
- border-radius: 0.25em 0 0 0.25em;
+ border: 1px solid #ccc;
border-width: 1px 0 1px 1px;
+ border-radius: 3px 0 0 3px;
}
.oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
.oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
.oo-ui-selectFileWidget-dropTarget {
background-color: #fff;
border: 1px solid #aaa;
+ border-radius: 3px;
vertical-align: middle;
- border-radius: 0.25em;
}
.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
- border-radius: 0.25em;
+ border-radius: 3px;
}
.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
line-height: 1.4;
border-color: transparent;
border-style: solid;
border-width: 1px 1px 0 1px;
- border-top-left-radius: 0.5em;
- border-top-right-radius: 0.5em;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
padding: 0.5em 1em;
}
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
margin-right: 0.5em;
padding: 0.15em 0.25em;
border: 1px solid rgba(0, 0, 0, 0.1);
- border-radius: 0.25em;
+ border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
cursor: default;
white-space: nowrap;
+ background-color: #ebebeb;
+ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fafafa), color-stop(100%, #ddd));
+ background-image: -webkit-linear-gradient(top, #fafafa 0, #ddd 100%);
+ background-image: -moz-linear-gradient(top, #fafafa 0, #ddd 100%);
+ background-image: linear-gradient(to bottom, #fafafa 0, #ddd 100%);
+ color: #333;
width: auto;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
- vertical-align: middle;
- padding: 0 0.4em;
- margin: 0.1em;
height: 1.7em;
- line-height: 1.7em;
- background-color: #eeeeee;
- background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
- background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
- background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%);
- background-image: linear-gradient(to bottom, #fff 0, #ddd 100%);
+ margin: 0.1em;
border: 1px solid #ccc;
- color: #333;
- border-radius: 0.25em;
+ border-radius: 3px;
+ padding: 0 0.4em;
+ line-height: 1.7em;
+ vertical-align: middle;
}
.oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
display: inline-block;
cursor: text;
}
.oo-ui-tagItemWidget:focus {
+ border-color: #ace;
outline: 0;
- border-color: #087ecc;
+ box-shadow: 0 0 2px 2px #ace;
}
.oo-ui-tagItemWidget > .oo-ui-buttonElement {
margin-top: -1.25em;
}
.oo-ui-capsuleMultiselectWidget-handle {
background-color: #fff;
- cursor: text;
- min-height: 2.4em;
- margin-right: 0.5em;
- padding: 0.15em 0.25em;
- border: 1px solid rgba(0, 0, 0, 0.1);
- border-radius: 0.25em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
+ min-height: 2.4em;
+ margin-right: 0.5em;
+ border: #ccc;
+ border-radius: 3px;
+ padding: 0.15em 0.25em;
+ cursor: text;
}
.oo-ui-capsuleMultiselectWidget-handle:last-child {
margin-right: 0;
margin: 0 0.775em;
}
.oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
- border-color: rgba(0, 0, 0, 0.2);
+ border-color: #aaa;
}
.oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
border-color: #ace;
display: inline-block;
cursor: default;
white-space: nowrap;
+ background-color: #ebebeb;
+ background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fafafa), color-stop(100%, #ddd));
+ background-image: -webkit-linear-gradient(top, #fafafa 0, #ddd 100%);
+ background-image: -moz-linear-gradient(top, #fafafa 0, #ddd 100%);
+ background-image: linear-gradient(to bottom, #fafafa 0, #ddd 100%);
width: auto;
max-width: 100%;
-webkit-box-sizing: border-box;
margin: 0.1em;
height: 1.7em;
line-height: 1.7em;
- background-color: #eeeeee;
- background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
- background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
- background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%);
- background-image: linear-gradient(to bottom, #fff 0, #ddd 100%);
- border: 1px solid #ccc;
color: #333;
- border-radius: 0.25em;
+ border: 1px solid #ccc;
+ border-radius: 3px;
}
.oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
display: inline-block;
cursor: text;
}
.oo-ui-capsuleItemWidget:focus {
+ border-color: #ace;
outline: 0;
- border-color: #087ecc;
+ box-shadow: 0 0 2px 2px #ace;
}
.oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
margin-top: -1.25em;