/*!
- * OOjs UI v0.1.0-pre (9aad824bd6)
+ * OOjs UI v0.1.0-pre (97dbb50137)
* https://www.mediawiki.org/wiki/OOjs_UI
*
* Copyright 2011–2014 OOjs Team and other contributors.
* Released under the MIT license
* http://oojs.mit-license.org
*
- * Date: Wed Jun 25 2014 10:59:56 GMT-0700 (PDT)
+ * Date: 2014-07-16T22:59:48Z
*/
-
/* Textures */
.oo-ui-texture-pending {
direction: ltr;
}
-.oo-ui-dialog {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- padding: 1em;
- line-height: 1em;
- /* Fix for strange opacity-related rendering issues.
- CAUTION: -webkit-backface-visibility: hidden; is EXTREMELY DANGEROUS.
- If applied to a VE surface directly, it will break selection of
- FocusableNodes, and in the past it's caused transparent PNGs to
- render as opaque black images. For some reason applying it to the dialog
- wrapper in the main document fixes opacity-related behavior in the iframe
- document, but doesn't break the surface inside the iframe. */
-
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
-}
-
-.oo-ui-dialog > .oo-ui-window-frame {
- position: fixed;
- right: 0;
- left: 0;
- min-height: 12em;
- margin: auto;
- overflow: hidden;
-}
-
-.oo-ui-dialog > .oo-ui-window-frame .oo-ui-frame {
- width: 100%;
- height: 100%;
-}
-
-.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-framed {
- float: left;
-}
-
-.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-flaggableElement-primary,
-.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-flaggableElement-constructive,
-.oo-ui-dialog-content .oo-ui-window-foot .oo-ui-flaggableElement-destructive {
- float: right;
-}
-
-.oo-ui-dialog-content-footless .oo-ui-window-foot {
- display: none;
-}
-
.oo-ui-frame {
padding: 0;
margin: 0;
background-repeat: no-repeat;
}
-.oo-ui-window-head {
+.oo-ui-window {
+ line-height: 1em;
+}
+
+> .oo-ui-window-frame {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+> .oo-ui-window-frame > .oo-ui-frame {
+ width: 100%;
+ height: 100%;
+}
+
+.oo-ui-window-head,
+.oo-ui-window-foot {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
}
-.oo-ui-window-icon {
- float: left;
- background-position: center center;
- background-repeat: no-repeat;
+.oo-ui-window-overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
}
-.oo-ui-window-title {
- float: left;
+.oo-ui-windowManager-modal > .oo-ui-dialog {
+ position: fixed;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
+
+.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ width: auto;
+ height: auto;
+ padding: 1em;
+}
+
+.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
+ position: fixed;
+ right: 0;
+ left: 0;
+ max-width: 100%;
+ max-height: 100%;
+ margin: auto;
+ overflow: hidden;
+}
+
+.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame .oo-ui-frame {
+ width: 100%;
+ height: 100%;
+}
+
+.oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.oo-ui-messageDialog-actions-horizontal {
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+}
+
+.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
+ display: table-cell;
+ width: 1%;
+}
+
+.oo-ui-messageDialog-actions-vertical {
+ display: block;
+}
+
+.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.oo-ui-messageDialog-actions .oo-ui-actionWidget {
+ position: relative;
+ text-align: center;
+}
+
+.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonedElement-button {
+ display: block;
+}
+
+.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labeledElement-label {
+ position: relative;
+ top: auto;
+ bottom: auto;
+ display: inline;
white-space: nowrap;
- cursor: default;
}
-.oo-ui-window-overlay {
+.oo-ui-processDialog-location {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.oo-ui-processDialog-title {
+ display: inline;
+}
+
+.oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
+.oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
+.oo-ui-processDialog-actions-other .oo-ui-actionWidget {
+ white-space: nowrap;
+}
+
+.oo-ui-processDialog-actions-safe,
+.oo-ui-processDialog-actions-primary {
position: absolute;
top: 0;
+ bottom: 0;
+}
+
+.oo-ui-processDialog-actions-safe {
left: 0;
}
-.oo-ui-buttonedElement .oo-ui-buttonedElement-button {
+.oo-ui-processDialog-actions-primary {
+ right: 0;
+}
+
+.oo-ui-processDialog-errors {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ display: none;
+ padding: 3em 3em 1.5em 3em;
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+.oo-ui-buttonedElement > .oo-ui-buttonedElement-button {
display: inline-block;
vertical-align: middle;
cursor: pointer;
-webkit-touch-callout: none;
}
-.oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
+.oo-ui-buttonedElement > .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
display: none;
margin-left: 0;
}
-.oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator {
+.oo-ui-buttonedElement > .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator {
display: none;
margin-right: -0.75em;
}
-.oo-ui-buttonedElement.oo-ui-widget-disabled .oo-ui-buttonedElement-button {
+.oo-ui-buttonedElement.oo-ui-widget-disabled > .oo-ui-buttonedElement-button {
cursor: default;
}
-.oo-ui-buttonedElement.oo-ui-indicatedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator,
-.oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
+.oo-ui-buttonedElement.oo-ui-indicatedElement > .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator,
+.oo-ui-buttonedElement.oo-ui-iconedElement > .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
display: inline-block;
vertical-align: middle;
background-position: center center;
display: inline-block;
}
-.oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
+.oo-ui-buttonedElement-frameless > .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
display: inline-block;
margin-left: 0.25em;
vertical-align: middle;
}
-.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
+.oo-ui-buttonedElement-framed > .oo-ui-buttonedElement-button {
display: inline-block;
text-align: center;
vertical-align: top;
}
-.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
+.oo-ui-buttonedElement-framed > .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
display: inline-block;
line-height: 1.9em;
vertical-align: middle;
}
-.oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button,
-.oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active,
-.oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
+.oo-ui-buttonedElement-framed.oo-ui-widget-disabled > .oo-ui-buttonedElement-button,
+.oo-ui-buttonedElement-framed.oo-ui-widget-disabled > .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active,
+.oo-ui-buttonedElement-framed.oo-ui-widget-disabled > .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
cursor: default;
}
}
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labeledElement-label {
+ display: inline-block;
padding: 0.5em 0;
}
+.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
+ margin-top: 0.25em;
+}
+
+.oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
+ z-index: 1;
+}
+
.oo-ui-fieldsetLayout {
position: relative;
padding: 0;
}
.oo-ui-labelWidget {
+ display: inline-block;
padding: 0.5em 0;
}
+.oo-ui-panelLayout {
+ position: relative;
+}
+
.oo-ui-panelLayout-scrollable {
overflow-y: auto;
}
+.oo-ui-panelLayout-expanded {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
.oo-ui-stackLayout > .oo-ui-panelLayout {
display: none;
}
}
.oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconedElement-icon {
- background-image: /* @embed */ url(images/icons/check.png);
+ background-image: /* @embed */ url(images/icons/check.svg);
}
.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
}
.oo-ui-popupTool .oo-ui-popupWidget-popup,
-.oo-ui-popupTool .oo-ui-popupWidget-tail {
+.oo-ui-popupTool .oo-ui-popupWidget-anchor {
z-index: 4;
}
white-space: nowrap;
}
-.oo-ui-optionWidget .oo-ui-iconedElement-icon,
-.oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
+.oo-ui-decoratedOptionWidget .oo-ui-iconedElement-icon,
+.oo-ui-decoratedOptionWidget .oo-ui-indicatedElement-indicator {
position: absolute;
top: 50%;
width: 2em;
background-repeat: no-repeat;
}
-.oo-ui-optionWidget .oo-ui-iconedElement-icon {
+.oo-ui-decoratedOptionWidget .oo-ui-iconedElement-icon {
left: 0.5em;
}
-.oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
+.oo-ui-decoratedOptionWidget .oo-ui-indicatedElement-indicator {
right: 0.5em;
}
.oo-ui-popupWidget-popup {
position: absolute;
+ z-index: 1;
overflow: hidden;
}
-.oo-ui-popupWidget-tail {
+.oo-ui-popupWidget-anchor {
+ z-index: 1;
display: none;
}
-.oo-ui-popupWidget-tailed .oo-ui-popupWidget-popup {
+.oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
margin-top: 7px;
}
-.oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
+.oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
position: absolute;
display: block;
background-repeat: no-repeat;
}
.oo-ui-popupWidget-body {
+ overflow: hidden;
clear: both;
}
+.oo-ui-popupWidget-body-padded {
+ padding: 0 1em;
+}
+
.oo-ui-buttonGroupWidget {
border-radius: 0.3em;
}