mediawiki-extensions-Visual.../modules/ve/ui/styles/ve.ui.Toolbar.css
Rob Moen 25b937c496 Adjust toolbar group margins for equal vertical alignment
Change-Id: I4596e50c941b1cb628f2ccba983d4b60b7939174
2013-07-11 11:22:45 -07:00

96 lines
1.8 KiB
CSS

/*!
* VisualEditor UserInterface Toolbar styles.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-toolbar {
clear: both;
}
.ve-ui-toolbar-bottom {
position: static;
}
.ve-ui-toolbar-bar {
border-bottom: solid 1px #ccc;
position: relative;
background-color: white;
/* @embed */
background-image: url(images/fade-up.png);
background-position: left bottom;
background-repeat: repeat-x;
padding-bottom: 1px;
line-height: 1em;
}
.ve-ui-toolbar-floating .ve-ui-toolbar-bar {
top: 0;
position: fixed;
border-radius: 0;
z-index: 100;
border-top: none;
}
.ve-ui-toolbar-bottom .ve-ui-toolbar-bar {
position: absolute;
}
.ve-ui-toolbar-actions {
float: right;
padding: 0.25em;
font-size: 0.8em;
}
.ve-ui-toolbar-tools {
float: left;
}
.ve-ui-toolbar-tools,
.ve-ui-toolbar-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-group {
display: inline-block;
margin: 0.3em;
vertical-align: middle;
}
.ve-ui-toolbar-label {
display: inline-block;
padding: 0.5em 0.75em;
line-height: 22px;
font-size: 0.8em;
color: #555;
vertical-align: top;
}
.ve-ui-toolbar-shadow {
/* @embed */
background-image: url(images/toolbar-shadow.png);
background-position: left top;
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;
-ms-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
opacity: 0.125;
}
.ve-ui-toolbar-floating .ve-ui-toolbar-shadow {
opacity: 0.5;
}