jquery-contextmenu.css 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. @charset "UTF-8";
  2. /*!
  3. * jQuery contextMenu - Plugin for simple contextMenu handling
  4. *
  5. * Version: v@VERSION
  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-@YEAR SWIS BV and contributors
  11. *
  12. * Licensed under
  13. * MIT License http://www.opensource.org/licenses/mit-license
  14. *
  15. * Date: @DATE
  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. src: url("font/context-menu-icons.eot?4llt4");
  54. src: url("font/context-menu-icons.eot?4llt4#iefix") format("embedded-opentype"), url("font/context-menu-icons.woff2?4llt4") format("woff2"), url("font/context-menu-icons.woff?4llt4") format("woff"), url("font/context-menu-icons.ttf?4llt4") format("truetype");
  55. font-weight: normal;
  56. font-style: normal;
  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. color: #76838f;
  84. font-family: "Web Icons";
  85. font-style: normal;
  86. font-weight: normal;
  87. font-size: 1rem;
  88. left: 0;
  89. line-height: 1;
  90. position: absolute;
  91. text-align: center;
  92. top: 50%;
  93. -webkit-transform: translateY(-50%);
  94. -ms-transform: translateY(-50%);
  95. -o-transform: translateY(-50%);
  96. transform: translateY(-50%);
  97. -webkit-font-smoothing: antialiased;
  98. -moz-osx-font-smoothing: grayscale;
  99. width: 2em;
  100. }
  101. .context-menu-icon.context-menu-hover:before {
  102. color: #76838f;
  103. }
  104. .context-menu-icon.context-menu-disabled::before {
  105. color: #e4eaec;
  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. color: #76838f;
  118. font-family: FontAwesome;
  119. font-style: normal;
  120. font-weight: normal;
  121. font-size: 1rem;
  122. left: 0;
  123. line-height: 1;
  124. position: absolute;
  125. text-align: center;
  126. top: 50%;
  127. -webkit-transform: translateY(-50%);
  128. -ms-transform: translateY(-50%);
  129. -o-transform: translateY(-50%);
  130. transform: translateY(-50%);
  131. -webkit-font-smoothing: antialiased;
  132. -moz-osx-font-smoothing: grayscale;
  133. width: 2em;
  134. }
  135. .context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
  136. color: #76838f;
  137. }
  138. .context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
  139. color: #e4eaec;
  140. }
  141. .context-menu-list {
  142. position: absolute;
  143. display: inline-block;
  144. min-width: 160px;
  145. max-width: 26em;
  146. padding: 5px 5px;
  147. margin: .3em;
  148. font-family: inherit;
  149. font-size: inherit;
  150. list-style-type: none;
  151. background: #fff;
  152. border: 1px solid #e4eaec;
  153. border-radius: .215rem;
  154. -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
  155. box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
  156. }
  157. .context-menu-item {
  158. position: relative;
  159. padding: .572rem 1.072rem;
  160. color: #76838f;
  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 #e4eaec;
  171. }
  172. .context-menu-item > label > input, .context-menu-item > label > textarea {
  173. -webkit-user-select: text;
  174. -moz-user-select: text;
  175. -ms-user-select: text;
  176. user-select: text;
  177. }
  178. .context-menu-item.context-menu-hover {
  179. color: #76838f;
  180. cursor: pointer;
  181. background-color: #f3f7f9;
  182. }
  183. .context-menu-item.context-menu-disabled {
  184. color: #e4eaec;
  185. cursor: default;
  186. background-color: #fff;
  187. }
  188. .context-menu-input.context-menu-hover {
  189. color: #76838f;
  190. cursor: default;
  191. }
  192. .context-menu-submenu:after {
  193. position: absolute;
  194. top: 50%;
  195. right: .5em;
  196. z-index: 1;
  197. width: 0;
  198. height: 0;
  199. content: "";
  200. border-color: transparent transparent transparent #76838f;
  201. border-style: solid;
  202. border-width: .25em 0 .25em .25em;
  203. -webkit-transform: translateY(-50%);
  204. -ms-transform: translateY(-50%);
  205. -o-transform: translateY(-50%);
  206. transform: translateY(-50%);
  207. }
  208. /**
  209. * Inputs
  210. */
  211. .context-menu-item.context-menu-input {
  212. padding: .3em .6em;
  213. }
  214. /* vertically align inside labels */
  215. .context-menu-input > label > * {
  216. vertical-align: top;
  217. }
  218. /* position checkboxes and radios as icons */
  219. .context-menu-input > label > input[type="checkbox"], .context-menu-input > label > input[type="radio"] {
  220. position: relative;
  221. top: .12em;
  222. margin-right: .4em;
  223. }
  224. .context-menu-input > label {
  225. margin: 0;
  226. }
  227. .context-menu-input > label, .context-menu-input > label > input[type="text"], .context-menu-input > label > textarea, .context-menu-input > label > select {
  228. -webkit-box-sizing: border-box;
  229. -moz-box-sizing: border-box;
  230. box-sizing: border-box;
  231. display: block;
  232. width: 100%;
  233. }
  234. .context-menu-input > label > textarea {
  235. height: 7em;
  236. }
  237. .context-menu-item > .context-menu-list {
  238. top: .3em;
  239. /* re-positioned by js */
  240. right: -.3em;
  241. display: none;
  242. }
  243. .context-menu-item.context-menu-visible > .context-menu-list {
  244. display: block;
  245. }
  246. .context-menu-accesskey {
  247. text-decoration: underline;
  248. }
  249. .context-menu-extend-icon {
  250. display: block !important;
  251. }
  252. .context-menu-extend-icon:before {
  253. position: static;
  254. text-align: left;
  255. }
  256. .context-menu-extend-icon > span {
  257. margin-left: .5em;
  258. }