You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
3.7 KiB
142 lines
3.7 KiB
/* |
|
* jQuery contextMenu - Plugin for simple contextMenu handling |
|
* |
|
* Version: 1.5.10 |
|
* |
|
* Authors: Rodney Rehm, Addy Osmani (patches for FF) |
|
* Web: http://medialize.github.com/jQuery-contextMenu/ |
|
* |
|
* Licensed under |
|
* MIT License http://www.opensource.org/licenses/mit-license |
|
* GPL v3 http://opensource.org/licenses/GPL-3.0 |
|
* |
|
*/ |
|
|
|
.context-menu-list { |
|
margin:0; |
|
padding:0; |
|
max-width: 400px; |
|
min-width: 130px !important; |
|
display: inline-block; |
|
position: absolute; |
|
list-style-type: none; |
|
|
|
border: 1px solid #CCC; |
|
background: #FFF; |
|
/* |
|
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
-ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
|
*/ |
|
font-family: Verdana, Arial, Helvetica, sans-serif; |
|
font-size: 11px; |
|
} |
|
|
|
.context-menu-item { |
|
padding: 2px 2px 2px 24px; |
|
background-color: #FFF; |
|
position: relative; |
|
padding-right: 20px; |
|
white-space: nowrap; |
|
font-weight: normal; |
|
user-select: none; |
|
} |
|
|
|
.context-menu-separator { |
|
padding-bottom:0; |
|
border-bottom: 1px solid #DDD; |
|
} |
|
|
|
.context-menu-item > label > input, |
|
.context-menu-item > label > textarea { |
|
user-select: text; |
|
} |
|
|
|
.context-menu-item.hover { |
|
cursor: pointer; |
|
background: #DEDEDE; |
|
/* |
|
background: #e5f6ff; |
|
background: -webkit-gradient(linear, left top, left bottom, from(#e0e9ef), to(#c2d5e2)); |
|
background: -moz-linear-gradient(top, #e0e9ef 0%, #c2d5e2 100%); |
|
*/ |
|
} |
|
|
|
.context-menu-item.disabled { |
|
color: #666; |
|
} |
|
|
|
.context-menu-input.hover, |
|
.context-menu-item.disabled.hover { |
|
cursor: default; |
|
background-color: #EEE; |
|
} |
|
|
|
.context-menu-submenu:after { |
|
content: ">"; |
|
color: #666; |
|
position: absolute; |
|
top: 0; |
|
right: 3px; |
|
z-index: 1; |
|
} |
|
|
|
/* icons |
|
#protip: |
|
In case you want to use sprites for icons (which I would suggest you do) have a look at |
|
http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement |
|
.context-menu-item.icon:before {} |
|
*/ |
|
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; } |
|
.context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); } |
|
.context-menu-item.icon-cut { background-image: url(images/cut.png); } |
|
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); } |
|
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); } |
|
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); } |
|
.context-menu-item.icon-quit { background-image: url(images/door.png); } |
|
|
|
/* vertically align inside labels */ |
|
.context-menu-input > label > * { vertical-align: top; } |
|
|
|
/* position checkboxes and radios as icons */ |
|
.context-menu-input > label > input[type="checkbox"], |
|
.context-menu-input > label > input[type="radio"] { |
|
margin-left: -17px; |
|
} |
|
.context-menu-input > label > span { |
|
margin-left: 5px; |
|
} |
|
|
|
.context-menu-input > label, |
|
.context-menu-input > label > input[type="text"], |
|
.context-menu-input > label > textarea, |
|
.context-menu-input > label > select { |
|
display: block; |
|
width: 100%; |
|
|
|
-webkit-box-sizing: border-box; |
|
-moz-box-sizing: border-box; |
|
-ms-box-sizing: border-box; |
|
-o-box-sizing: border-box; |
|
box-sizing: border-box; |
|
} |
|
|
|
.context-menu-input > label > textarea { |
|
height: 100px; |
|
} |
|
.context-menu-item > .context-menu-list { |
|
display: none; |
|
/* re-positioned by js */ |
|
right: -5px; |
|
top: 5px; |
|
} |
|
|
|
.context-menu-item.visible > .context-menu-list { |
|
display: block; |
|
} |
|
|
|
.context-menu-accesskey { |
|
text-decoration: underline; |
|
}
|
|
|