##// END OF EJS Templates
jro_apps » redmine
RSS
Context menu style....
Jean-Philippe Lang -
r10014:60574bfb9cec
parent child
Show More
Side by Side Unified
Context file:
r10014:60574bfb9cec Loading diff...:
Show file before | Show file after | Hide comments
@@ -1,27 +1,26
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: 1px solid #ccc;
13 border-left:1px solid #ddd;
13 background:white;
14 border-bottom:1px solid #777;
14 list-style:none;
15 border-right:1px solid #777;
15 padding:2px;
16 background:white;
16 border-radius:2px;
17 list-style:none;
18 }
17 }
19
18
20 #context-menu li {
19 #context-menu li {
21 position:relative;
20 position:relative;
22 padding:1px;
21 padding:1px;
23 z-index:39;
22 z-index:39;
24 border:1px solid white;
23 border:1px solid white;
25 }
24 }
26 #context-menu li.folder ul { position:absolute; left:168px; /* IE6 */ top:-2px; max-height:300px; overflow:hidden; overflow-y: auto; }
25 #context-menu li.folder ul { position:absolute; left:168px; /* IE6 */ top:-2px; max-height:300px; overflow:hidden; overflow-y: auto; }
27 #context-menu li.folder>ul { left:148px; }
26 #context-menu li.folder>ul { left:148px; }
@@ -31,16 +30,16
31 #context-menu.reverse-x li.folder>ul { right:148px; }
30 #context-menu.reverse-x li.folder>ul { right:148px; }
32
31
33 #context-menu a {
32 #context-menu a {
34 text-decoration:none !important;
33 text-decoration:none !important;
35 background-repeat: no-repeat;
34 background-repeat: no-repeat;
36 background-position: 1px 50%;
35 background-position: 1px 50%;
37 padding: 1px 0px 1px 20px;
36 padding: 2px 0px 2px 20px;
38 width:100%; /* IE */
37 width:100%; /* IE */
39 }
38 }
40 #context-menu li>a { width:auto; } /* others */
39 #context-menu li>a { width:auto; } /* others */
41 #context-menu a.disabled, #context-menu a.disabled:hover {color: #aaa;}
40 #context-menu a.disabled, #context-menu a.disabled:hover {color: #aaa;}
42 #context-menu li a.submenu { padding-right:16px; background:url("../images/bullet_arrow_right.png") right no-repeat; }
41 #context-menu li a.submenu { padding-right:16px; background:url("../images/bullet_arrow_right.png") right no-repeat; }
43 #context-menu li:hover { border:1px solid gray; background-color:#eee; }
42 #context-menu li:hover { border:1px solid #628db6; background-color:#eef5fd; border-radius:3px; }
44 #context-menu a:hover {color:#2A5685;}
43 #context-menu a:hover {color:#2A5685;}
45 #context-menu li.folder:hover { z-index:40; }
44 #context-menu li.folder:hover { z-index:40; }
46 #context-menu ul ul, #context-menu li:hover ul ul { display:none; }
45 #context-menu ul ul, #context-menu li:hover ul ul { display:none; }
General Comments 0
You need to be logged in to leave comments. Login now