46af2487661a882788a2de351d7e35e69bd22a09
[redakcja.git] / src / 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