/*!
- * OOjs UI v0.22.3
+ * OOjs UI v0.23.0
* 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-07-11T22:12:41Z
+ * Date: 2017-09-05T21:24:03Z
*/
+/**
+ * WikimediaUI Base v0.9.2
+ * Wikimedia Foundation user interface base variables
+ */
+/* Colors */
+/* Positioning */
+/* Box Model properties */
+/* Max Widths */
+/* Typography incl. print properties */
+/* Other Properties */
+/* Animation & Transition */
.oo-ui-element-hidden {
display: none !important;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button {
position: relative;
border-radius: 2px;
+ padding-top: 2.34375em;
font-weight: bold;
text-decoration: none;
}
.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement:first-child {
margin-left: -0.234375em;
}
-.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
- padding-left: 2.34375em;
-}
.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
border-color: #fff;
border-color: transparent;
border-style: solid;
border-width: 1px;
- padding: 0.625em 0.3125em 0.546875em 0.3125em;
+ padding: 0.625em 0.3125em 0.546875em;
+}
+.oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
+ padding-left: 2.34375em;
}
.oo-ui-buttonElement-frameless.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
min-width: 12px;
min-height: 12px;
+ padding-top: 0;
+}
+.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
+ padding-left: 4.21875em;
+ padding-top: 2.34375em;
+}
+.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
+ padding-left: 0.3125em;
+ padding-top: 0.625em;
+}
+.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
+ padding-left: 2.34375em;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #222;
}
.oo-ui-buttonGroupWidget .oo-ui-buttonElement {
margin-right: 0;
+ z-index: 0;
}
.oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
margin-right: 0;
}
.oo-ui-buttonInputWidget > button,
.oo-ui-buttonInputWidget > input {
+ background-color: transparent;
+ margin: 0;
border: 0;
padding: 0;
- background-color: transparent;
}
.oo-ui-checkboxInputWidget {
position: relative;
line-height: 1.5625em;
white-space: nowrap;
+ display: inline-block;
}
.oo-ui-checkboxInputWidget * {
font: inherit;
background-color: #c8ccd1;
border-color: #c8ccd1;
}
-.oo-ui-checkboxInputWidget [type='checkbox']:disabled:hover + span {
- background-color: #c8ccd1;
- border-color: #c8ccd1;
-}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
cursor: pointer;
}
-moz-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms;
transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms;
}
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span {
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
+ border-color: #36c;
+ box-shadow: inset 0 0 0 1px #36c;
+}
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
border-color: #36c;
}
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:focus + span {
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
background-color: #2a4b8d;
border-color: #2a4b8d;
box-shadow: inset 0 0 0 1px #2a4b8d;
}
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
+ background-color: #36c;
border-color: #36c;
- box-shadow: inset 0 0 0 1px #36c;
}
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
background-color: #36c;
border-color: #36c;
+ box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
}
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus:hover + span {
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span {
background-color: #447ff5;
border-color: #447ff5;
}
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:hover + span,
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:focus + span {
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span {
background-color: #2a4b8d;
border-color: #2a4b8d;
box-shadow: inset 0 0 0 1px #2a4b8d;
}
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
- background-color: #36c;
- border-color: #36c;
- box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
-}
.oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
margin-top: 0;
}
position: relative;
line-height: 1.5625em;
white-space: nowrap;
+ display: inline-block;
}
.oo-ui-radioInputWidget * {
font: inherit;
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
border-color: #36c;
}
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span,
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover:focus + span {
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
+ border-color: #fff;
+}
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
border-color: #447ff5;
}
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span,
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span {
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
border-color: #2a4b8d;
box-shadow: inset 0 0 0 1px #2a4b8d;
}
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before,
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span:before {
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {
border-color: #2a4b8d;
}
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
- border-color: #fff;
-}
.oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
margin-top: 0;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
box-shadow: inset 0 0 0 1px transparent;
- -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-textInputWidget.oo-ui-widget-enabled input:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover {