.es-contextView { position: absolute; z-index: 2; } .es-contextView-icon { position: absolute; background-repeat: no-repeat; width: 15px; height: 15px; display: none; cursor: pointer; border: solid 1px #cccccc; -webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; background-color: white; -webkit-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); } .es-contextView-position-start .es-contextView-icon { top: -12px; left: -8px; } .es-contextView-position-end .es-contextView-icon { top: -6px; left: -8px; } .es-contextView-position-above .es-contextView-icon { background-image: url(../images/arrow-up.png); background-position: 4px 4px; } .es-contextView-position-below .es-contextView-icon { background-image: url(../images/arrow-down.png); background-position: 4px 5px; } .es-contextView-position-above .es-contextView-icon:hover, .es-contextView-position-below .es-contextView-icon:hover { border-color: #b3d6f6; } .es-contextView-menu { display: none; position: absolute; border: solid 1px #cccccc; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; -o-border-radius: 0.25em; border-radius: 0.25em; background-color: rgba(255,255,255,0.95); -webkit-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); padding: 0.33em 0; } .es-contextView-position-above .es-contextView-menu { bottom: 7px; } .es-contextView-position-below .es-contextView-menu { top: 8px; } .es-contextView-position-left .es-contextView-menu { left: -1px; } .es-contextView-position-right .es-contextView-menu { right: -1px; } .es-contextView-menuItem { padding: 0.33em 1em; cursor: pointer; white-space: nowrap; } .es-contextView-menuSection { padding: 0.33em 0.66em; white-space: nowrap; } .es-contextView-menuButton { display: inline-block; width: 1em; height: 1em; padding: 0.25em; border: solid 1px white; -webkit-border-radius: 0.125em; -moz-border-radius: 0.125em; -o-border-radius: 0.125em; border-radius: 0.125em; background-position: center center; background-position: no-repeat; cursor: pointer; } .es-contextView-menuButton-bold { background-image: url(../images/bold.png); } .es-contextView-menuButton-italic { background-image: url(../images/italic.png); } .es-contextView-menuButton-clear { background-image: url(../images/clear.png); } .es-contextView-menuButton:hover { border-color: #b3d6f6; } .es-contextView-menuButton:active { background-color: #b3d6f6; } .es-contextView-menuItem-break { margin: 0.33em 0; border-top: solid 1px #dddddd; } .es-contextView-menuItem:hover { background-color: #b3d6f6; }