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