##// END OF EJS Templates
Slight change to the context menu style....
Jean-Philippe Lang -
r8708:e1072a3c4fb8
parent child
Show More
@@ -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: #ccc;}
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