.es-toolbarGroup { display: inline-block; padding: 0.125em; } .es-toolbarDivider { display: inline-block; width: 1px; height: 24px; margin: 0.5em 0 0.5em 0.5em; background-color: #dddddd; } .es-toolbarLabel { display: inline-block; padding: 0.5em 0.75em; line-height: 22px; font-size: 0.8em; color: #555555; vertical-align: top; } .es-toolbarButtonTool, .es-toolbarDropdownTool { display: inline-block; padding: 0.25em; border: solid 1px transparent; border-radius: 0.125em; -webkit-border-radius: 0.125em; -moz-border-radius: 0.125em; -o-border-radius: 0.125em; cursor: pointer; vertical-align: top; } .es-toolbarButtonTool { width: 22px; height: 22px; margin-right: 0.125em; } .es-toolbarButtonTool:before { content: " "; position: absolute; display: block; height: 22px; width: 22px; } .es-toolbarButtonTool:hover, .es-toolbarDropdownTool:hover { border-color: #eeeeee; } .es-toolbarButtonTool:active, .es-toolbarButtonTool-down { border-color: #dddddd; background-image: url(../images/fade-down.png); background-position: top left; background-repeat: repeat-x; -webkit-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.07); box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.07); } .es-toolbarButtonTool-undo:before { background-image: url(../images/undo.png); } .es-toolbarButtonTool-redo:before { background-image: url(../images/redo.png); } .es-toolbarButtonTool-bold:before { background-image: url(../images/bold.png); } .es-toolbarButtonTool-italic:before { background-image: url(../images/italic.png); } .es-toolbarButtonTool-link:before { background-image: url(../images/link.png); } .es-toolbarButtonTool-clear:before { background-image: url(../images/clear.png); } .es-toolbarButtonTool-disabled.es-toolbarButtonTool-clear:before { -moz-opacity: 0.25; filter:alpha(opacity=25); opacity: 0.25; .es-toolbarButtonTool-clear:before { background-image: url(../images/clear.png); } .es-toolbarDropdownTool { } .es-toolbarDropdownTool-formatting { }