| @@ -1,52 +1,52 | |||
|
|
1 | 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 |
|
|
|
|
5 |
|
|
|
|
6 |
|
|
|
|
7 |
|
|
|
|
4 | display:block; | |
|
|
5 | margin:0; | |
|
|
6 | padding:0; | |
|
|
7 | border:0; | |
|
|
8 | 8 | } |
|
|
9 | 9 | |
|
|
10 | 10 | #context-menu ul { |
|
|
11 |
|
|
|
|
12 |
|
|
|
|
13 |
|
|
|
|
14 |
|
|
|
|
15 |
|
|
|
|
16 |
|
|
|
|
17 |
|
|
|
|
11 | width:150px; | |
|
|
12 | border-top:1px solid #ddd; | |
|
|
13 | border-left:1px solid #ddd; | |
|
|
14 | border-bottom:1px solid #777; | |
|
|
15 | border-right:1px solid #777; | |
|
|
16 | background:white; | |
|
|
17 | list-style:none; | |
|
|
18 | 18 | } |
|
|
19 | 19 | |
|
|
20 | 20 | #context-menu li { |
|
|
21 |
|
|
|
|
22 |
|
|
|
|
23 |
|
|
|
|
24 |
|
|
|
|
21 | position:relative; | |
|
|
22 | padding:1px; | |
|
|
23 | z-index:39; | |
|
|
24 | border:1px solid white; | |
|
|
25 | 25 | } |
|
|
26 | 26 | #context-menu li.folder ul { position:absolute; left:168px; /* IE6 */ top:-2px; max-height:300px; overflow:hidden; overflow-y: auto; } |
|
|
27 | 27 | #context-menu li.folder>ul { left:148px; } |
|
|
28 | 28 | |
|
|
29 | 29 | #context-menu.reverse-y li.folder>ul { top:auto; bottom:0; } |
|
|
30 | 30 | #context-menu.reverse-x li.folder ul { left:auto; right:168px; /* IE6 */ } |
|
|
31 | 31 | #context-menu.reverse-x li.folder>ul { right:148px; } |
|
|
32 | 32 | |
|
|
33 | 33 | #context-menu a { |
|
|
34 |
|
|
|
|
35 |
|
|
|
|
36 |
|
|
|
|
37 |
|
|
|
|
38 |
|
|
|
|
34 | text-decoration:none !important; | |
|
|
35 | background-repeat: no-repeat; | |
|
|
36 | background-position: 1px 50%; | |
|
|
37 | padding: 1px 0px 1px 20px; | |
|
|
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/bullet_arrow_right.png") right no-repeat; } |
|
|
43 | 43 | #context-menu li:hover { border:1px solid gray; background-color:#eee; } |
|
|
44 | 44 | #context-menu a:hover {color:#2A5685;} |
|
|
45 |
#context-menu li.folder:hover { z-index:40; } |
|
|
|
45 | #context-menu li.folder:hover { z-index:40; } | |
|
|
46 | 46 | #context-menu ul ul, #context-menu li:hover ul ul { display:none; } |
|
|
47 |
#context-menu li:hover ul, #context-menu li:hover li:hover ul { |
|
|
|
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