contextMenu.css 664 B

12345678910111213141516171819202122232425262728293031
  1. .contextMenu {
  2. position: absolute;
  3. float: left;
  4. background: #fafafa;
  5. border: 1px solid #9e9e9e;
  6. border-radius: 5px;
  7. padding: 3px 0;
  8. box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
  9. -webkit-user-select: none;
  10. /* Chrome all / Safari all */
  11. -moz-user-select: none;
  12. /* Firefox all */
  13. -ms-user-select: none;
  14. /* IE 10+ */
  15. user-select: none;
  16. cursor: default;
  17. }
  18. .contextMenu .menuItem {
  19. padding: 0 5px;
  20. position: relative;
  21. white-space: nowrap;
  22. }
  23. .contextMenu .menuItem:hover {
  24. background: #80cbc4;
  25. }
  26. .contextMenu .menuItem:not(:last-child) {
  27. border-bottom: 1px solid #eeeeee;
  28. }
  29. .contextMenu .menuItem .arrow {
  30. text-align: right;
  31. }