jquery.contextMenu.css 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
  1. @charset "UTF-8";
  2. /*!
  3. * jQuery contextMenu - Plugin for simple contextMenu handling
  4. *
  5. * Version: v2.4.5
  6. *
  7. * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
  8. * Web: http://swisnl.github.io/jQuery-contextMenu/
  9. *
  10. * Copyright (c) 2011-2017 SWIS BV and contributors
  11. *
  12. * Licensed under
  13. * MIT License http://www.opensource.org/licenses/mit-license
  14. *
  15. * Date: 2017-05-05T14:40:37.763Z
  16. */
  17. @-webkit-keyframes cm-spin {
  18. 0% {
  19. -webkit-transform: translateY(-50%) rotate(0deg);
  20. transform: translateY(-50%) rotate(0deg);
  21. }
  22. 100% {
  23. -webkit-transform: translateY(-50%) rotate(359deg);
  24. transform: translateY(-50%) rotate(359deg);
  25. }
  26. }
  27. @-o-keyframes cm-spin {
  28. 0% {
  29. -webkit-transform: translateY(-50%) rotate(0deg);
  30. -o-transform: translateY(-50%) rotate(0deg);
  31. transform: translateY(-50%) rotate(0deg);
  32. }
  33. 100% {
  34. -webkit-transform: translateY(-50%) rotate(359deg);
  35. -o-transform: translateY(-50%) rotate(359deg);
  36. transform: translateY(-50%) rotate(359deg);
  37. }
  38. }
  39. @keyframes cm-spin {
  40. 0% {
  41. -webkit-transform: translateY(-50%) rotate(0deg);
  42. -o-transform: translateY(-50%) rotate(0deg);
  43. transform: translateY(-50%) rotate(0deg);
  44. }
  45. 100% {
  46. -webkit-transform: translateY(-50%) rotate(359deg);
  47. -o-transform: translateY(-50%) rotate(359deg);
  48. transform: translateY(-50%) rotate(359deg);
  49. }
  50. }
  51. @font-face {
  52. font-family: "context-menu-icons";
  53. font-style: normal;
  54. font-weight: normal;
  55. src: url("font/context-menu-icons.eot?lnvb");
  56. src: url("font/context-menu-icons.eot?lnvb#iefix") format("embedded-opentype"), url("font/context-menu-icons.woff2?lnvb") format("woff2"), url("font/context-menu-icons.woff?lnvb") format("woff"), url("font/context-menu-icons.ttf?lnvb") format("truetype");
  57. }
  58. .context-menu-icon-add:before {
  59. content: "\EA01";
  60. }
  61. .context-menu-icon-copy:before {
  62. content: "\EA02";
  63. }
  64. .context-menu-icon-cut:before {
  65. content: "\EA03";
  66. }
  67. .context-menu-icon-delete:before {
  68. content: "\EA04";
  69. }
  70. .context-menu-icon-edit:before {
  71. content: "\EA05";
  72. }
  73. .context-menu-icon-loading:before {
  74. content: "\EA06";
  75. }
  76. .context-menu-icon-paste:before {
  77. content: "\EA07";
  78. }
  79. .context-menu-icon-quit:before {
  80. content: "\EA08";
  81. }
  82. .context-menu-icon::before {
  83. position: absolute;
  84. top: 50%;
  85. left: 0;
  86. width: 2em;
  87. font-family: "context-menu-icons";
  88. font-size: 1em;
  89. font-style: normal;
  90. font-weight: normal;
  91. line-height: 1;
  92. color: #2980b9;
  93. text-align: center;
  94. -webkit-transform: translateY(-50%);
  95. -ms-transform: translateY(-50%);
  96. -o-transform: translateY(-50%);
  97. transform: translateY(-50%);
  98. -webkit-font-smoothing: antialiased;
  99. -moz-osx-font-smoothing: grayscale;
  100. }
  101. .context-menu-icon.context-menu-hover:before {
  102. color: #fff;
  103. }
  104. .context-menu-icon.context-menu-disabled::before {
  105. color: #bbb;
  106. }
  107. .context-menu-icon.context-menu-icon-loading:before {
  108. -webkit-animation: cm-spin 2s infinite;
  109. -o-animation: cm-spin 2s infinite;
  110. animation: cm-spin 2s infinite;
  111. }
  112. .context-menu-icon.context-menu-icon--fa {
  113. display: list-item;
  114. font-family: inherit;
  115. }
  116. .context-menu-icon.context-menu-icon--fa::before {
  117. position: absolute;
  118. top: 50%;
  119. left: 0;
  120. width: 2em;
  121. font-family: FontAwesome;
  122. font-size: 1em;
  123. font-style: normal;
  124. font-weight: normal;
  125. line-height: 1;
  126. color: #2980b9;
  127. text-align: center;
  128. -webkit-transform: translateY(-50%);
  129. -ms-transform: translateY(-50%);
  130. -o-transform: translateY(-50%);
  131. transform: translateY(-50%);
  132. -webkit-font-smoothing: antialiased;
  133. -moz-osx-font-smoothing: grayscale;
  134. }
  135. .context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
  136. color: #fff;
  137. }
  138. .context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
  139. color: #bbb;
  140. }
  141. .context-menu-list {
  142. position: absolute;
  143. display: inline-block;
  144. min-width: 13em;
  145. max-width: 26em;
  146. padding: .25em 0;
  147. margin: .3em;
  148. font-family: inherit;
  149. font-size: inherit;
  150. list-style-type: none;
  151. background: #fff;
  152. border: 1px solid #bebebe;
  153. border-radius: .2em;
  154. -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  155. box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  156. }
  157. .context-menu-item {
  158. position: relative;
  159. padding: .2em 2em;
  160. color: #2f2f2f;
  161. -webkit-user-select: none;
  162. -moz-user-select: none;
  163. -ms-user-select: none;
  164. user-select: none;
  165. background-color: #fff;
  166. }
  167. .context-menu-separator {
  168. padding: 0;
  169. margin: .35em 0;
  170. border-bottom: 1px solid #e6e6e6;
  171. }
  172. .context-menu-item > label > input,
  173. .context-menu-item > label > textarea {
  174. -webkit-user-select: text;
  175. -moz-user-select: text;
  176. -ms-user-select: text;
  177. user-select: text;
  178. }
  179. .context-menu-item.context-menu-hover {
  180. color: #fff;
  181. cursor: pointer;
  182. background-color: #2980b9;
  183. }
  184. .context-menu-item.context-menu-disabled {
  185. color: #bbb;
  186. cursor: default;
  187. background-color: #fff;
  188. }
  189. .context-menu-input.context-menu-hover {
  190. color: #2f2f2f;
  191. cursor: default;
  192. }
  193. .context-menu-submenu:after {
  194. position: absolute;
  195. top: 50%;
  196. right: .5em;
  197. z-index: 1;
  198. width: 0;
  199. height: 0;
  200. content: '';
  201. border-color: transparent transparent transparent #2f2f2f;
  202. border-style: solid;
  203. border-width: .25em 0 .25em .25em;
  204. -webkit-transform: translateY(-50%);
  205. -ms-transform: translateY(-50%);
  206. -o-transform: translateY(-50%);
  207. transform: translateY(-50%);
  208. }
  209. /**
  210. * Inputs
  211. */
  212. .context-menu-item.context-menu-input {
  213. padding: .3em .6em;
  214. }
  215. /* vertically align inside labels */
  216. .context-menu-input > label > * {
  217. vertical-align: top;
  218. }
  219. /* position checkboxes and radios as icons */
  220. .context-menu-input > label > input[type="checkbox"],
  221. .context-menu-input > label > input[type="radio"] {
  222. position: relative;
  223. top: .12em;
  224. margin-right: .4em;
  225. }
  226. .context-menu-input > label {
  227. margin: 0;
  228. }
  229. .context-menu-input > label,
  230. .context-menu-input > label > input[type="text"],
  231. .context-menu-input > label > textarea,
  232. .context-menu-input > label > select {
  233. display: block;
  234. width: 100%;
  235. -webkit-box-sizing: border-box;
  236. -moz-box-sizing: border-box;
  237. box-sizing: border-box;
  238. }
  239. .context-menu-input > label > textarea {
  240. height: 7em;
  241. }
  242. .context-menu-item > .context-menu-list {
  243. top: .3em;
  244. /* re-positioned by js */
  245. right: -.3em;
  246. display: none;
  247. }
  248. .context-menu-item.context-menu-visible > .context-menu-list {
  249. display: block;
  250. }
  251. .context-menu-accesskey {
  252. text-decoration: underline;
  253. }