@@ -1,52 +1,53 | |||
|
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 | 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 | 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 | 34 | text-decoration:none !important; |
|
35 | 35 | background-repeat: no-repeat; |
|
36 | 36 | background-position: 1px 50%; |
|
37 | 37 | padding: 1px 0px 1px 20px; |
|
38 | 38 | width:100%; /* IE */ |
|
39 | 39 | } |
|
40 | 40 | #context-menu li>a { width:auto; } /* others */ |
|
41 |
#context-menu a.disabled, #context-menu a.disabled:hover {color: # |
|
|
41 | #context-menu a.disabled, #context-menu a.disabled:hover {color: #aaa;} | |
|
42 | 42 | #context-menu li a.submenu { padding-right:16px; 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 | 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 | #context-menu a.icon-checked {background: url(../images/toggle_check.png) no-repeat 3px 40%;} | |
|
48 | 49 | |
|
49 | 50 | /* selected element */ |
|
50 | 51 | .context-menu-selection { background-color:#507AAA !important; color:#f8f8f8 !important; } |
|
51 | 52 | .context-menu-selection a, .context-menu-selection a:hover { color:#f8f8f8 !important; } |
|
52 | 53 | .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