redakcja/static/contextmenu/jquery.contextMenu.css

   1 /*!\r
   2  * jQuery contextMenu - Plugin for simple contextMenu handling\r
   3  *\r
   4  * Version: 1.5.13\r
   5  *\r
   6  * Authors: Rodney Rehm, Addy Osmani (patches for FF)\r
   7  * Web: http://medialize.github.com/jQuery-contextMenu/\r
   8  *\r
   9  * Licensed under\r
  10  *   MIT License http://www.opensource.org/licenses/mit-license\r
  11  *   GPL v3 http://opensource.org/licenses/GPL-3.0\r
  12  *\r
  13  */\r
  14 \r
  15 .context-menu-list {\r
  16     margin:0; \r
  17     padding:0;\r
  18     \r
  19     min-width: 120px;\r
  20     max-width: 250px;\r
  21     display: inline-block;\r
  22     position: absolute;\r
  23     list-style-type: none;\r
  24     \r
  25     border: 1px solid #DDD;\r
  26     background: #EEE;\r
  27     \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
  33     \r
  34     font-family: Verdana, Arial, Helvetica, sans-serif;\r
  35     font-size: 11px;\r
  36 }\r
  37 \r
  38 .context-menu-item {\r
  39     padding: 2px 2px 2px 24px;\r
  40     background-color: #EEE;\r
  41     position: relative;\r
  42     -moz-user-select: -moz-none;\r
  43 }\r
  44 \r
  45 .context-menu-separator {\r
  46     padding-bottom:0;\r
  47     border-bottom: 1px solid #DDD;\r
  48 }\r
  49 \r
  50 .context-menu-item > label {\r
  51     -moz-user-select: text;\r
  52 }\r
  53 \r
  54 .context-menu-item.hover {\r
  55     cursor: pointer;\r
  56     background-color: #39F;\r
  57 }\r
  58 \r
  59 .context-menu-item.disabled {\r
  60     color: #666;\r
  61 }\r
  62 \r
  63 .context-menu-input.hover,\r
  64 .context-menu-item.disabled.hover {\r
  65     cursor: default;\r
  66     background-color: #EEE;\r
  67 }\r
  68 \r
  69 .context-menu-submenu:after {\r
  70     content: ">";\r
  71     color: #666;\r
  72     position: absolute;\r
  73     top: 0;\r
  74     right: 3px;\r
  75     z-index: 1;\r
  76 }\r
  77 \r
  78 /* icons\r
  79     #protip:\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
  83  */\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
  91 \r
  92 /* vertically align inside labels */\r
  93 .context-menu-input > label > * { vertical-align: top; }\r
  94 \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
  98     margin-left: -17px;\r
  99 }\r
 100 .context-menu-input > label > span {\r
 101     margin-left: 5px;\r
 102 }\r
 103 \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
 108     display: block;\r
 109     width: 100%;\r
 110     \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
 116 }\r
 117 \r
 118 .context-menu-input > label > textarea {\r
 119     height: 100px;\r
 120 }\r
 121 .context-menu-item > .context-menu-list {\r
 122     display: none;\r
 123     /* re-positioned by js */\r
 124     right: -5px;\r
 125     top: 5px;\r
 126 }\r
 127 \r
 128 .context-menu-item.hover > .context-menu-list {\r
 129     display: block;\r
 130 }\r
 131 \r
 132 .context-menu-accesskey {\r
 133     text-decoration: underline;\r
 134 }\r