/*!
- * OOjs UI v0.13.2
+ * OOjs UI v0.15.0
* https://www.mediawiki.org/wiki/OOjs_UI
*
- * Copyright 2011–2015 OOjs UI Team and other contributors.
+ * Copyright 2011–2016 OOjs UI Team and other contributors.
* Released under the MIT license
* http://oojs.mit-license.org
*
- * Date: 2015-11-10T23:33:07Z
+ * Date: 2016-01-12T23:06:40Z
*/
@-webkit-keyframes oo-ui-progressBarWidget-slide {
from {
margin-left: 100%;
}
}
-@-ms-keyframes oo-ui-progressBarWidget-slide {
- from {
- margin-left: -40%;
- }
- to {
- margin-left: 100%;
- }
-}
@-o-keyframes oo-ui-progressBarWidget-slide {
from {
margin-left: -40%;
padding-left: 2.4em;
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
- margin: 0.1em 0;
padding: 0.5em 1em;
min-height: 1.2em;
min-width: 1em;
left: 0.2em;
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
- color: #ffffff;
background: #dddddd;
+ color: #ffffff;
border: 1px solid #dddddd;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
border-right: 1px solid #dddddd;
}
.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
- box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
+ box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
}
.oo-ui-indexLayout > .oo-ui-menuLayout-menu {
height: 3em;
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
width: 60%;
}
-.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
- padding: 0.5em;
- padding-left: 1em;
+.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
+ margin-bottom: 1.25em;
}
-.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
- padding: 0.5em 0;
+.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
+ padding: 0.25em 0.25em 0.25em 1em;
}
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
- padding: 0.5em 0;
+ padding-top: 0.25em;
+ padding-bottom: 0.5em;
}
.oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
margin-right: 0;
- margin-top: 0.25em;
}
.oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
margin-right: 0;
}
.oo-ui-fieldLayout-messages {
list-style: none none;
- margin: 0;
+ margin: 0.25em 0 0 0.25em;
padding: 0;
- margin-top: 0.25em;
- margin-left: 0.25em;
}
.oo-ui-fieldLayout-messages > li {
margin: 0;
position: relative;
margin: 0;
padding: 0;
- border: none;
+ border: 0;
}
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
display: block;
}
.oo-ui-panelLayout-framed {
border: 1px solid #aaaaaa;
- border-radius: 0.2em;
- box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
+ border-radius: 2px;
+ box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
}
.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
margin: 1em 0;
.oo-ui-horizontalLayout > .oo-ui-widget:last-child {
margin-right: 0;
}
-.oo-ui-horizontalLayout .oo-ui-fieldLayout {
+.oo-ui-horizontalLayout > .oo-ui-layout {
margin-bottom: 0;
}
.oo-ui-popupTool .oo-ui-popupWidget-popup,
color: #555555;
}
.oo-ui-toolbar-bar .oo-ui-toolbar-bar {
- border: none;
+ border: 0;
background: none;
box-shadow: none;
}
display: block;
cursor: pointer;
padding: 0.25em 0.5em;
- border: none;
+ border: 0;
}
.oo-ui-optionWidget.oo-ui-widget-disabled {
cursor: default;
background-color: transparent;
}
.oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
- padding: 0.25em;
- padding-left: 1em;
+ padding: 0.25em 0.25em 0.25em 1em;
}
.oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
margin-right: 0;
margin-left: 0;
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
- background: #347bff;
+ background-color: #347bff;
border-color: #347bff;
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
- background: #ffffff;
+ background-color: #ffffff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
border-color: #2962cc;
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
- background: #2962cc;
+ background-color: #2962cc;
border-color: #2962cc;
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
- background: #ffffff;
+ background-color: #ffffff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
max-width: 50em;
background-color: #ffffff;
border: 1px solid #cccccc;
- border-radius: 0.1em;
+ border-radius: 2px;
overflow: hidden;
}
.oo-ui-progressBarWidget-bar {
.oo-ui-popupWidget-popup {
background-color: #ffffff;
border: 1px solid #aaaaaa;
- border-radius: 0.2em;
+ border-radius: 2px;
box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
}
.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #cccccc;
- border-radius: 0.1em;
+ border-radius: 2px;
padding-left: 1em;
vertical-align: middle;
}
font-family: inherit;
background-color: #ffffff;
color: black;
- border: solid 1px #cccccc;
+ border: 1px solid #cccccc;
box-shadow: inset 0 0 0 0 #347bff;
- border-radius: 0.1em;
+ border-radius: 2px;
-webkit-transition: box-shadow 100ms ease;
-moz-transition: box-shadow 100ms ease;
transition: box-shadow 100ms ease;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
- border-color: red;
- box-shadow: inset 0 0 0 0 red;
+ border-color: #ff0000;
+ box-shadow: inset 0 0 0 0 #ff0000;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
- border-color: red;
- box-shadow: inset 0 0 0 0.1em red;
+ border-color: #ff0000;
+ box-shadow: inset 0 0 0 0.1em #ff0000;
}
.oo-ui-textInputWidget.oo-ui-widget-disabled input,
.oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
background-color: #ffffff;
margin-top: -1px;
border: 1px solid #aaaaaa;
- border-radius: 0 0 0.2em 0.2em;
+ border-radius: 0 0 2px 2px;
box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
}
.oo-ui-menuSelectWidget input {
height: 2.275em;
line-height: 1.275;
border: 1px solid #cccccc;
- border-radius: 0.1em;
+ border-radius: 2px;
}
.oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
right: 0;
margin-right: 0;
}
.oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
- margin: 0 0 0 0.5em;
+ margin-left: 0.5em;
}
.oo-ui-selectFileWidget-info {
height: 2.4em;
background-color: #ffffff;
border: 1px solid #cccccc;
- border-radius: 0.1em;
+ border-radius: 2px;
}
.oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
right: 0;
border-bottom: none;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
- color: #666666;
+ color: #555555;
font-weight: bold;
}
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
display: inline-block;
position: relative;
}
+.oo-ui-capsuleMultiSelectWidget-content {
+ position: relative;
+}
+.oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
+ display: none;
+}
.oo-ui-capsuleMultiSelectWidget-group {
display: inline;
}
cursor: text;
min-height: 2.4em;
margin-right: 0.5em;
- padding: 0.25em 0;
+ padding: 0.15em 0.25em;
border: 1px solid #cccccc;
- border-radius: 0.1em;
+ border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.oo-ui-capsuleMultiSelectWidget-handle:last-child {
margin-right: 0;
}
-.oo-ui-capsuleMultiSelectWidget-handle .oo-ui-capsuleMultiSelectWidget-group {
- margin: 0 0.2em;
-}
.oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator,
.oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
position: absolute;
background-position: center center;
background-repeat: no-repeat;
}
-.oo-ui-capsuleMultiSelectWidget-handle > input {
- border: none;
- min-width: 1em;
- max-width: 100%;
+.oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
+ border: 0;
line-height: 1.675em;
- margin: 0;
+ margin: 0 0 0 0.2em;
padding: 0;
font-size: inherit;
font-family: inherit;
color: black;
vertical-align: middle;
}
-.oo-ui-capsuleMultiSelectWidget-handle > input:focus {
+.oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
outline: none;
}
.oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
- padding-right: 0.9375em;
+ padding-right: 2.4875em;
}
.oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
right: 0;
margin: 0.775em;
}
.oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
- padding-left: 1.875em;
+ padding-left: 2.475em;
}
.oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
left: 0;
box-sizing: border-box;
vertical-align: middle;
padding: 0 0.4em;
- margin: 0 0.1em;
+ margin: 0.1em;
height: 1.7em;
line-height: 1.7em;
background-color: #eeeeee;
border: 1px solid #cccccc;
color: #555555;
- border-radius: 0.1em;
+ border-radius: 2px;
}
.oo-ui-capsuleItemWidget > .oo-ui-iconElement-icon {
cursor: pointer;
.oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
box-sizing: border-box;
}
-.oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
-.oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
- margin: 0;
+.oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
width: 2.5em;
}
.oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
.oo-ui-messageDialog-message {
display: block;
text-align: center;
+}
+.oo-ui-messageDialog-title.oo-ui-labelElement,
+.oo-ui-messageDialog-message.oo-ui-labelElement {
padding-top: 0.5em;
}
.oo-ui-messageDialog-title {
.oo-ui-messageDialog-message {
font-size: 0.9em;
line-height: 1.25em;
- color: #666666;
+ color: #555555;
}
.oo-ui-messageDialog-message-verbose {
font-size: 1.1em;
padding: 1em;
border: 1px solid #ff9e9e;
background-color: #fff7f7;
- border-radius: 0.25em;
+ border-radius: 2px;
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
position: fixed;
-moz-transition: all 250ms ease;
transition: all 250ms ease;
}
-.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
+.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
opacity: 1;
}
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
border: 1px solid #aaaaaa;
- border-radius: 0.2em;
- box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
+ border-radius: 2px;
+ box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
}