jquery.contextmenu.css 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. /* Classic Windows Theme (default) */
  2. /* =============================== */
  3. .context-menu-theme-default {
  4. border:2px outset white;
  5. background-color:#D4D0C8;
  6. }
  7. .context-menu-theme-default .context-menu-item {
  8. text-align:left;
  9. cursor:pointer;
  10. padding:4px 28px 4px 16px;
  11. color:black;
  12. font-family:Tahoma,Arial;
  13. font-size:11px;
  14. }
  15. .context-menu-theme-default .context-menu-separator {
  16. margin:4px 2px;
  17. font-size:0px;
  18. border-top:1px solid #808080;
  19. border-bottom:1px solid white;
  20. }
  21. .context-menu-theme-default .context-menu-item-disabled {
  22. color:#808080;
  23. }
  24. .context-menu-theme-default .context-menu-item .context-menu-item-inner {
  25. background:none no-repeat fixed 999px 999px; /* Make sure icons don't appear */
  26. }
  27. .context-menu-theme-default .context-menu-item-hover {
  28. background-color:#0A246A;
  29. color:white;
  30. }
  31. .context-menu-theme-default .context-menu-item-disabled-hover {
  32. background-color:#0A246A;
  33. }
  34. /* Windows XP Theme */
  35. /* ================ */
  36. .context-menu-theme-xp {
  37. border:1px solid #666;
  38. padding:1px;
  39. background:#F9F8F7 url(cmenu-xp-bg.gif) repeat-y top left;
  40. }
  41. .context-menu-theme-xp .context-menu-separator {
  42. margin:4px 2px;
  43. font-size:0px;
  44. border-top:1px solid #808080;
  45. border-bottom:1px solid white;
  46. }
  47. .context-menu-theme-xp .context-menu-item {
  48. text-align:left;
  49. color:black;
  50. font-family:arial;
  51. font-size:11px;
  52. cursor:pointer;
  53. }
  54. .context-menu-theme-xp .context-menu-item .context-menu-item-inner {
  55. background:none no-repeat 2px center;
  56. padding:4px 10px 4px 30px;
  57. }
  58. .context-menu-theme-xp .context-menu-item-hover .context-menu-item-inner {
  59. background:#B6BDD2 none no-repeat 2px center;
  60. padding:3px 9px 3px 29px;
  61. border:1px solid #0A246A;
  62. }
  63. /* Windows Vista Theme */
  64. /* =================== */
  65. .context-menu-theme-vista {
  66. background:#FAFAFA url(cmenu-vista-bg.gif) repeat-y left top;
  67. border:1px solid #868686;
  68. }
  69. .context-menu-theme-vista .context-menu-item {
  70. text-align:left;
  71. cursor:pointer;
  72. color:black;
  73. font-family:Tahoma,Arial;
  74. font-size:11px;
  75. }
  76. .context-menu-theme-vista .context-menu-separator {
  77. margin:0px 0px 0px 32px;
  78. font-size:0px;
  79. border-top:1px solid #C5C5C5;
  80. border-bottom:1px solid #F5F5F5;
  81. }
  82. .context-menu-theme-vista .context-menu-item-hover {
  83. background:transparent url(cmenu-vista-menu-item-hover.gif) repeat-x left center;
  84. border:1px solid #D7D0B3;
  85. }
  86. .context-menu-theme-vista .context-menu-item .context-menu-item-inner {
  87. padding:4px 16px 4px 35px;
  88. margin-left:1px;
  89. background-color:none;
  90. background-repeat:no-repeat;
  91. background-position:3px center;
  92. background-image:none;
  93. }
  94. .context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
  95. padding:3px 15px 3px 35px;
  96. margin-left:0px;
  97. }
  98. .context-menu-theme-vista .context-menu-item-disabled {
  99. color:#A7A7A7;
  100. }
  101. /* OSX Theme */
  102. /* ========= */
  103. .context-menu-theme-osx {
  104. background-color:white;
  105. opacity: .93;
  106. filter: alpha(opacity=93);
  107. zoom:1.0;
  108. border:1px solid #b2b2b2;
  109. }
  110. .context-menu-theme-osx .context-menu-item {
  111. text-align:left;
  112. cursor:pointer;
  113. color:black;
  114. font-family:Lucida Grande,Arial;
  115. font-weight:700;
  116. font-size:12px;
  117. opacity: 1.0;
  118. filter: alpha(opacity=100);
  119. z-index:1;
  120. }
  121. .context-menu-theme-osx .context-menu-separator {
  122. margin:5px 1px 4px 1px;
  123. font-size:0px;
  124. border-top:1px solid #e4e4e4;
  125. }
  126. .context-menu-theme-osx .context-menu-item-hover {
  127. background-color:#1C44F2;
  128. color:white;
  129. }
  130. .context-menu-theme-osx .context-menu-item .context-menu-item-inner {
  131. padding:2px 10px 2px 22px;
  132. background-color:none;
  133. background-repeat:no-repeat;
  134. background-position:4px center;
  135. background-image:none;
  136. }
  137. .context-menu-theme-osx .context-menu-item-disabled {
  138. color:#939393;
  139. }
  140. /* Linux Human Theme */
  141. /* ================= */
  142. .context-menu-theme-human {
  143. background:#F9F5F2;
  144. border:1px solid #963;
  145. }
  146. .context-menu-theme-human .context-menu-item {
  147. text-align:left;
  148. cursor:pointer;
  149. color:black;
  150. font-family:Helvetica,DejaVu Sans,Arial;
  151. font-size:12px;
  152. line-height:20px;
  153. height:28px;
  154. border:1px solid #F9F5F2;
  155. border-left:0;
  156. border-right:0;
  157. }
  158. .context-menu-theme-human .context-menu-separator {
  159. margin:0px 0px 0px 32px;
  160. font-size:0px;
  161. border-top:1px solid #C5C5C5;
  162. border-bottom:1px solid #F5F5F5;
  163. }
  164. .context-menu-theme-human .context-menu-item-hover {
  165. background:transparent url(cmenu-human-menu-item-hover.gif) repeat-x left center;
  166. border-color:#963;
  167. }
  168. .context-menu-theme-human .context-menu-item .context-menu-item-inner {
  169. padding:4px 16px 4px 35px;
  170. margin-left:0px;
  171. background-color:none;
  172. background-repeat:no-repeat;
  173. background-position:3px center;
  174. background-image:none;
  175. }
  176. .context-menu-theme-human .context-menu-item-hover .context-menu-item-inner {
  177. }
  178. .context-menu-theme-human .context-menu-item-disabled {
  179. color:#A7A7A7;
  180. }
  181. /* Gloss Theme */
  182. /* =========== */
  183. .context-menu-theme-gloss {
  184. background:#f4f4f4 url(cmenu-gloss-bg.gif) repeat-y left center;
  185. border:1px solid #f4f4f4;
  186. padding:1px;
  187. padding-right:0;
  188. }
  189. .context-menu-theme-gloss .context-menu-item {
  190. text-align:left;
  191. cursor:pointer;
  192. color:black;
  193. font-family:Helvetica,DejaVu Sans,Arial;
  194. font-size:12px;
  195. line-height:20px;
  196. height:27px;
  197. border:1px solid transparent;
  198. }
  199. .context-menu-theme-gloss .context-menu-separator {
  200. margin:0px 0px 0px 32px;
  201. font-size:0px;
  202. border-top:1px solid #C5C5C5;
  203. border-bottom:1px solid #F5F5F5;
  204. }
  205. .context-menu-theme-gloss .context-menu-item-hover {
  206. background:transparent url(cmenu-gloss-menu-item-hover.gif) repeat-x left center;
  207. color:#fff;
  208. border-color:#000;
  209. border-radius: 3px;
  210. -webkit-border-radius: 3px;
  211. -moz-border-radius: 3px;
  212. }
  213. .context-menu-theme-gloss .context-menu-item .context-menu-item-inner {
  214. padding:4px 16px 4px 35px;
  215. margin-left:0px;
  216. background-color:none;
  217. background-repeat:no-repeat;
  218. background-position:3px center;
  219. background-image:none;
  220. }
  221. .context-menu-theme-gloss .context-menu-item-hover .context-menu-item-inner {
  222. }
  223. .context-menu-theme-gloss .context-menu-item-disabled {
  224. color:#A7A7A7;
  225. }
  226. .context-menu-theme-gloss-cyan .context-menu-item-hover {
  227. background-image:url(cmenu-gloss-cyan-menu-item-hover.gif);
  228. border-color:#00c;
  229. }
  230. .context-menu-theme-gloss-semitransparent .context-menu-item-hover {
  231. background-image:url(cmenu-item-gloss-semitransparent-menu-item-hover.png);
  232. border-color:#00c;
  233. background-color:#30f;
  234. }