2 * jQuery contextMenu - Plugin for simple contextMenu handling
\r
6 * Authors: Rodney Rehm, Addy Osmani (patches for FF)
\r
7 * Web: http://medialize.github.com/jQuery-contextMenu/
\r
10 * MIT License http://www.opensource.org/licenses/mit-license
\r
11 * GPL v3 http://opensource.org/licenses/GPL-3.0
\r
15 .context-menu-list {
\r
21 display: inline-block;
\r
23 list-style-type: none;
\r
25 border: 1px solid #DDD;
\r
28 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
\r
29 -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
\r
30 -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
\r
31 -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
\r
32 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
\r
34 font-family: Verdana, Arial, Helvetica, sans-serif;
\r
38 .context-menu-item {
\r
39 padding: 2px 2px 2px 24px;
\r
40 background-color: #EEE;
\r
42 -moz-user-select: -moz-none;
\r
45 .context-menu-separator {
\r
47 border-bottom: 1px solid #DDD;
\r
50 .context-menu-item > label {
\r
51 -moz-user-select: text;
\r
54 .context-menu-item.hover {
\r
56 background-color: #39F;
\r
59 .context-menu-item.disabled {
\r
63 .context-menu-input.hover,
\r
64 .context-menu-item.disabled.hover {
\r
66 background-color: #EEE;
\r
69 .context-menu-submenu:after {
\r
80 In case you want to use sprites for icons (which I would suggest you do) have a look at
\r
81 http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement
\r
82 .context-menu-item.icon:before {}
\r
84 .context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
\r
85 .context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); }
\r
86 .context-menu-item.icon-cut { background-image: url(images/cut.png); }
\r
87 .context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
\r
88 .context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
\r
89 .context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
\r
90 .context-menu-item.icon-quit { background-image: url(images/door.png); }
\r
92 /* vertically align inside labels */
\r
93 .context-menu-input > label > * { vertical-align: top; }
\r
95 /* position checkboxes and radios as icons */
\r
96 .context-menu-input > label > input[type="checkbox"],
\r
97 .context-menu-input > label > input[type="radio"] {
\r
100 .context-menu-input > label > span {
\r
104 .context-menu-input > label,
\r
105 .context-menu-input > label > input[type="text"],
\r
106 .context-menu-input > label > textarea,
\r
107 .context-menu-input > label > select {
\r
111 -webkit-box-sizing: border-box;
\r
112 -moz-box-sizing: border-box;
\r
113 -ms-box-sizing: border-box;
\r
114 -o-box-sizing: border-box;
\r
115 box-sizing: border-box;
\r
118 .context-menu-input > label > textarea {
\r
121 .context-menu-item > .context-menu-list {
\r
123 /* re-positioned by js */
\r
128 .context-menu-item.hover > .context-menu-list {
\r
132 .context-menu-accesskey {
\r
133 text-decoration: underline;
\r