@charset "UTF-8"; /*! * jQuery contextMenu - Plugin for simple contextMenu handling * * Version: v@VERSION * * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF) * Web: http://swisnl.github.io/jQuery-contextMenu/ * * Copyright (c) 2011-@YEAR SWIS BV and contributors * * Licensed under * MIT License http://www.opensource.org/licenses/mit-license * * Date: @DATE */ @-webkit-keyframes cm-spin { 0% { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateY(-50%) rotate(359deg); transform: translateY(-50%) rotate(359deg); } } @-o-keyframes cm-spin { 0% { -webkit-transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateY(-50%) rotate(359deg); -o-transform: translateY(-50%) rotate(359deg); transform: translateY(-50%) rotate(359deg); } } @keyframes cm-spin { 0% { -webkit-transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateY(-50%) rotate(359deg); -o-transform: translateY(-50%) rotate(359deg); transform: translateY(-50%) rotate(359deg); } } @font-face { font-family: "context-menu-icons"; src: url("font/context-menu-icons.eot?4llt4"); 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"); font-weight: normal; font-style: normal; } .context-menu-icon-add:before { content: "\EA01"; } .context-menu-icon-copy:before { content: "\EA02"; } .context-menu-icon-cut:before { content: "\EA03"; } .context-menu-icon-delete:before { content: "\EA04"; } .context-menu-icon-edit:before { content: "\EA05"; } .context-menu-icon-loading:before { content: "\EA06"; } .context-menu-icon-paste:before { content: "\EA07"; } .context-menu-icon-quit:before { content: "\EA08"; } .context-menu-icon::before { color: #76838f; font-family: "Web Icons"; font-style: normal; font-weight: normal; font-size: 1rem; left: 0; line-height: 1; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 2em; } .context-menu-icon.context-menu-hover:before { color: #76838f; } .context-menu-icon.context-menu-disabled::before { color: #e4eaec; } .context-menu-icon.context-menu-icon-loading:before { -webkit-animation: cm-spin 2s infinite; -o-animation: cm-spin 2s infinite; animation: cm-spin 2s infinite; } .context-menu-icon.context-menu-icon--fa { display: list-item; font-family: inherit; } .context-menu-icon.context-menu-icon--fa::before { color: #76838f; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1rem; left: 0; line-height: 1; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 2em; } .context-menu-icon.context-menu-icon--fa.context-menu-hover:before { color: #76838f; } .context-menu-icon.context-menu-icon--fa.context-menu-disabled::before { color: #e4eaec; } .context-menu-list { position: absolute; display: inline-block; min-width: 160px; max-width: 26em; padding: 5px 5px; margin: .3em; font-family: inherit; font-size: inherit; list-style-type: none; background: #fff; border: 1px solid #e4eaec; border-radius: .215rem; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05); box-shadow: 0 3px 12px rgba(0, 0, 0, .05); } .context-menu-item { position: relative; padding: .572rem 1.072rem; color: #76838f; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; } .context-menu-separator { padding: 0; margin: .35em 0; border-bottom: 1px solid #e4eaec; } .context-menu-item > label > input, .context-menu-item > label > textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .context-menu-item.context-menu-hover { color: #76838f; cursor: pointer; background-color: #f3f7f9; } .context-menu-item.context-menu-disabled { color: #e4eaec; cursor: default; background-color: #fff; } .context-menu-input.context-menu-hover { color: #76838f; cursor: default; } .context-menu-submenu:after { position: absolute; top: 50%; right: .5em; z-index: 1; width: 0; height: 0; content: ""; border-color: transparent transparent transparent #76838f; border-style: solid; border-width: .25em 0 .25em .25em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /** * Inputs */ .context-menu-item.context-menu-input { padding: .3em .6em; } /* 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"] { position: relative; top: .12em; margin-right: .4em; } .context-menu-input > label { margin: 0; } .context-menu-input > label, .context-menu-input > label > input[type="text"], .context-menu-input > label > textarea, .context-menu-input > label > select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .context-menu-input > label > textarea { height: 7em; } .context-menu-item > .context-menu-list { top: .3em; /* re-positioned by js */ right: -.3em; display: none; } .context-menu-item.context-menu-visible > .context-menu-list { display: block; } .context-menu-accesskey { text-decoration: underline; } .context-menu-extend-icon { display: block !important; } .context-menu-extend-icon:before { position: static; text-align: left; } .context-menu-extend-icon > span { margin-left: .5em; }