/* Generic context menu styles */ .contextMenu { position: absolute; width: 120px; z-index: 99999; border: solid 1px #CCC; background: #EEE; padding: 0px; margin: 0px; display: none; LI { list-style: none; padding: 0px; margin: 0px; } A { color: #333; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 1px 5px; padding-left: 28px; } LI { &.hover A { color: #FFF; background-color: #3399FF; } &.disabled A { color: #AAA; cursor: default; } &.hover.disabled A { background-color: transparent; } &.separator { border-top: solid 1px #CCC; } &.copy A { background-image: image_url("jquery/ui/contextMenu/copy.png"); } &.cut A { background-image: image_url("jquery/ui/contextMenu/cut.png"); } &.delete A { background-image: image_url("jquery/ui/contextMenu/delete.png"); } &.edit A { background-image: image_url("jquery/ui/contextMenu/edit.png"); } &.new A { background-image: image_url("jquery/ui/contextMenu/new.png"); } &.paste A { background-image: image_url("jquery/ui/contextMenu/paste.png"); } &.quit A { background-image: image_url("jquery/ui/contextMenu/exit.png"); } &.rename A { background-image: image_url("jquery/ui/contextMenu/rename.png"); } &.show A { background-image: image_url("jquery/ui/contextMenu/show.png"); } &.trash A { background-image: image_url("jquery/ui/contextMenu/trash.png"); } } }