jquery.contextmenu.css 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. .contextMenuPlugin {
  2. -webkit-user-select: none;
  3. display: none;
  4. font-family: tahoma, arial, sans-serif;
  5. font-size: 11px;
  6. position: absolute;
  7. left: 100px;
  8. top: 100px;
  9. min-width: 100px;
  10. list-style-type: none;
  11. margin: 0;
  12. padding: 0;
  13. background-color: #f7f3f7;
  14. border: 2px solid #f7f7f7;
  15. outline: 1px solid #949694;
  16. }
  17. .contextMenuPlugin > li {
  18. margin: 0 0 0 0;
  19. padding: 1px;
  20. background-repeat: no-repeat;
  21. }
  22. .contextMenuPlugin > li > a {
  23. position: relative;
  24. display: block;
  25. padding: 3px 3px 3px 28px;
  26. color: ButtonText;
  27. text-decoration: none;
  28. margin: 1px;
  29. }
  30. .contextMenuPlugin > li > a img {
  31. position: absolute;
  32. left: 3px;
  33. margin-top: -2px;
  34. width: 16px;
  35. height: 16px;
  36. }
  37. .contextMenuPlugin > li > a:hover {
  38. border: 1px solid #fffbff;
  39. outline: 1px solid #b5d3ff;
  40. margin: 0;
  41. background: -moz-linear-gradient(top, rgba(239,239,255,0.5) 0%, rgba(223,223,255,0.5) 100%); /* FF3.6+ */
  42. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,255,0.5)), color-stop(100%,rgba(223,223,255,0.5))); /* Chrome,Safari4+ */
  43. background: -webkit-linear-gradient(top, rgba(239,239,255,0.5) 0%,rgba(223,223,255,0.5) 100%); /* Chrome10+,Safari5.1+ */
  44. background: -o-linear-gradient(top, rgba(239,239,255,0.5) 0%,rgba(223,223,255,0.5) 100%); /* Opera11.10+ */
  45. background: -ms-linear-gradient(top, rgba(239,239,255,0.5) 0%,rgba(223,223,255,0.5) 100%); /* IE10+ */
  46. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80efefff', endColorstr='#80dfdfff',GradientType=0 ); /* IE6-9 */
  47. background: linear-gradient(top, rgba(239,239,255,0.5) 0%,rgba(223,223,255,0.5) 100%); /* W3C */
  48. cursor: default;
  49. }
  50. .contextMenuPlugin > li.divider {
  51. border-top: 1px solid #e7e3e7;
  52. border-bottom: 1px solid #ffffff;
  53. height: 0;
  54. padding: 0;
  55. margin: 5px 0 5px 27px;
  56. }
  57. .contextMenuPlugin > .header {
  58. background: rgb(90,90,90); /* Old browsers */
  59. background: -moz-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(20,20,20,1) 100%); /* FF3.6+ */
  60. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,90,90,1)), color-stop(100%,rgba(20,20,20,1))); /* Chrome,Safari4+ */
  61. background: -webkit-linear-gradient(top, rgba(90,90,90,1) 0%,rgba(20,20,20,1) 100%); /* Chrome10+,Safari5.1+ */
  62. background: -o-linear-gradient(top, rgba(90,90,90,1) 0%,rgba(20,20,20,1) 100%); /* Opera11.10+ */
  63. background: -ms-linear-gradient(top, rgba(90,90,90,1) 0%,rgba(20,20,20,1) 100%); /* IE10+ */
  64. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
  65. background: linear-gradient(top, rgba(90,90,90,1) 0%,rgba(20,20,20,1) 100%); /* W3C */
  66. position: relative;
  67. cursor: default;
  68. padding: 3px 3px 3px 3px;
  69. color: #ffffff;
  70. }
  71. .contextMenuPlugin > .gutterLine {
  72. position: absolute;
  73. border-left: 1px solid #e7e3e7;
  74. border-right: 1px solid #ffffff;
  75. width: 0;
  76. top: 0;
  77. bottom: 0;
  78. left: 26px;
  79. z-index: 0;
  80. }