| @@ -1,52 +1,52 | |||
|
|
1 | #context-menu { position: absolute; z-index: 40;} | |
|
|
1 | #context-menu { position: absolute; z-index: 40; font-size: 0.9em;} | |
|
|
2 | 2 | |
|
|
3 | 3 | #context-menu ul, #context-menu li, #context-menu a { |
|
|
4 | 4 | display:block; |
|
|
5 | 5 | margin:0; |
|
|
6 | 6 | padding:0; |
|
|
7 | 7 | border:0; |
|
|
8 | 8 | } |
|
|
9 | 9 | |
|
|
10 | 10 | #context-menu ul { |
|
|
11 | 11 | width:150px; |
|
|
12 | 12 | border-top:1px solid #ddd; |
|
|
13 | 13 | border-left:1px solid #ddd; |
|
|
14 | 14 | border-bottom:1px solid #777; |
|
|
15 | 15 | border-right:1px solid #777; |
|
|
16 | 16 | background:white; |
|
|
17 | 17 | list-style:none; |
|
|
18 | 18 | } |
|
|
19 | 19 | |
|
|
20 | 20 | #context-menu li { |
|
|
21 | 21 | position:relative; |
|
|
22 | 22 | padding:1px; |
|
|
23 | 23 | z-index:39; |
|
|
24 | 24 | } |
|
|
25 | 25 | #context-menu li.folder ul { position:absolute; left:168px; /* IE6 */ top:-2px; } |
|
|
26 | 26 | #context-menu li.folder>ul { left:148px; } |
|
|
27 | 27 | |
|
|
28 | 28 | #context-menu.reverse-y li.folder>ul { top:auto; bottom:0; } |
|
|
29 | 29 | #context-menu.reverse-x li.folder ul { left:auto; right:168px; /* IE6 */ } |
|
|
30 | 30 | #context-menu.reverse-x li.folder>ul { right:148px; } |
|
|
31 | 31 | |
|
|
32 | 32 | #context-menu a { |
|
|
33 | 33 | border:1px solid white; |
|
|
34 | text-decoration:none; | |
|
|
34 | text-decoration:none !important; | |
|
|
35 | 35 | background-repeat: no-repeat; |
|
|
36 | 36 | background-position: 1px 50%; |
|
|
37 |
padding: |
|
|
|
37 | padding: 1px 0px 1px 20px; | |
|
|
38 | 38 | width:100%; /* IE */ |
|
|
39 | 39 | } |
|
|
40 | 40 | #context-menu li>a { width:auto; } /* others */ |
|
|
41 | 41 | #context-menu a.disabled, #context-menu a.disabled:hover {color: #ccc;} |
|
|
42 | 42 | #context-menu li a.submenu { background:url("../images/sub.gif") right no-repeat; } |
|
|
43 | 43 | #context-menu a:hover { border-color:gray; background-color:#eee; color:#2A5685; } |
|
|
44 | 44 | #context-menu li.folder a:hover { background-color:#eee; } |
|
|
45 | 45 | #context-menu li.folder:hover { z-index:40; } |
|
|
46 | 46 | #context-menu ul ul, #context-menu li:hover ul ul { display:none; } |
|
|
47 | 47 | #context-menu li:hover ul, #context-menu li:hover li:hover ul { display:block; } |
|
|
48 | 48 | |
|
|
49 | 49 | /* selected element */ |
|
|
50 | 50 | .context-menu-selection { background-color:#507AAA !important; color:#f8f8f8 !important; } |
|
|
51 | 51 | .context-menu-selection a, .context-menu-selection a:hover { color:#f8f8f8 !important; } |
|
|
52 | 52 | .context-menu-selection:hover { background-color:#507AAA !important; color:#f8f8f8 !important; } |
General Comments 0
You need to be logged in to leave comments.
Login now