mediawiki-extensions-Visual.../demos/ve/demo.css
Trevor Parscal c051107b39 Removed all browser-specific box-shadow rules
These aren't needed for any of our target browsers anymore.

Change-Id: Idae4acb5f0f6387cad52f2ea7594dbad1929af59
2012-12-03 23:08:33 +01:00

106 lines
2.1 KiB
CSS

/**
* VisualEditor standalone demo styles.
*
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
body {
font-family: Arial;
font-size: 1em;
width: 100%;
margin: 1em 0;
padding: 0;
overflow-y: scroll;
background-color: #fff;
}
/* Demo */
.ve-demo-docs {
list-style: none;
margin: 0 0 1em 0;
display: inline-block;
}
.ve-demo-docs li {
list-style: none;
margin: 0 0.75em 0 0;
padding: 0;
display: inline-block;
}
/* Editor */
.ve-surface {
margin: 2em;
margin-top: 0;
box-shadow: 0 0.25em 1.5em 0 #ddd;
border-radius: 0.5em;
}
.ve-ce-documentNode {
border: solid 1px #ccc;
border-top: none;
padding: 0.75em 1.5em;
}
.ve-ui-toolbar {
border: solid 1px #ccc;
position: relative;
border-radius: 0;
-webkit-border-top-right-radius: 0.25em;
-moz-border-top-right-radius: 0.25em;
-o-border-top-right-radius: 0.25em;
border-top-right-radius: 0.25em;
-webkit-border-top-left-radius: 0.25em;
-moz-border-top-left-radius: 0.25em;
-o-border-top-left-radius: 0.25em;
border-top-left-radius: 0.25em;
/* @embed */
background-image: url(../../modules/ve/ui/styles/images/fade-up.png);
background-position: left bottom;
background-repeat: repeat-x;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.ve-ui-toolbar-wrapper {
margin: 0 2em;
}
.ve-ui-toolbar-wrapper.float .ve-ui-toolbar {
top: 0;
position: fixed;
border-radius: 0;
z-index: 100;
border-top: none;
}
.ve-ui-toolbar-shadow {
/* @embed */
background-image: url(../../modules/ve/ui/styles/images/toolbar-shadow.png);
background-position: left top;
background-repeat: repeat-x;
position: absolute;
bottom: -9px;
height: 9px;
width: 100%;
pointer-events: none;
-ms-transition: opacity 500ms ease-in-out;
-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-wrapper.float .ve-ui-toolbar-shadow {
filter: alpha(opacity=50);
opacity: 0.5;
}