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