mediawiki-extensions-Visual.../modules/ve/ui/styles/ve.ui.Surface.css
Rob Moen 7044ec820f More work on dialog classes and their mw specific handling.
Changes include:

VisualEditor.i18n.php, VisualEditor.php
* i18n labels for dialogs

ve.init.mw.ViewPageTarget.js
* Initial go at onOpenDialog and onCloseDialog methods

ve.init.Target.js
* Change calls to dialog hide & show to close & open

ve.ui.MetaDialog.js, ve.ui.ContentDialog.js
* Pass surface when constructing
* Add static title message property

ve.ui.Surface.css
* Set high z-index for toolbar for shadow to overlap dialog.

ve.ui.Dialog.js
* Extends EventEmitter class.
* Changed hide/show method names to open/close.
* Create base ui elements.

ve.Surface.js
* Create instance of meta dialog.

Change-Id: I867ca0546606eeb5e2ab7f612bb5af700ab877ec
2013-03-07 12:47:42 -08:00

78 lines
1.6 KiB
CSS

/*!
* VisualEditor UserInterface Surface styles.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-toolbar {
border-bottom: solid 1px #ccc;
position: relative;
/* @embed */
background-image: url(images/fade-up.png);
background-position: left bottom;
background-repeat: repeat-x;
z-index: 100;
}
.ve-ui-toolbarGroups,
.ve-ui-actions,
.ve-ui-toolbar-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.ve-ui-toolbar-wrapper.ve-ui-toolbar-wrapper-floating .ve-ui-toolbar {
top: 0;
position: fixed;
border-radius: 0;
z-index: 100;
border-top: none;
}
.ve-ui-toolbar-wrapper.ve-ui-toolbar-wrapper-bottom {
position: static;
}
.ve-ui-toolbar-wrapper.ve-ui-toolbar-wrapper-bottom .ve-ui-toolbar {
position: absolute;
border-radius: 0;
z-index: 100;
border-top: none;
}
.ve-ui-toolbar-shadow {
/* @embed */
background-image: url(images/toolbar-shadow.png);
background-position: top left;
background-repeat: repeat-x;
position: absolute;
bottom: -9px;
height: 9px;
width: 100%;
pointer-events: none;
-webkit-transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
filter: alpha(opacity=12);
opacity: 0.125;
}
.ve-ui-toolbar.ve-ui-toolbar-wrapper-floating .ve-ui-toolbar-shadow {
filter: alpha(opacity=50);
opacity: 0.5;
}
.ve-ui-toolbar .ve-ui-toolbarGroups {
float: left;
}
.ve-ui-actions {
float: right;
padding: 0.25em;
}