To check out this repository please hg clone the following URL, or open the URL using EasyMercurial or your preferred Mercurial client.
root / public / stylesheets / .svn / text-base / context_menu.css.svn-base @ 442:753f1380d6bc
History | View | Annotate | Download (1.78 KB)
| 1 | 0:513646585e45 | Chris | #context-menu { position: absolute; z-index: 40; font-size: 0.9em;}
|
|---|---|---|---|
| 2 | |||
| 3 | #context-menu ul, #context-menu li, #context-menu a {
|
||
| 4 | display:block; |
||
| 5 | margin:0; |
||
| 6 | padding:0; |
||
| 7 | border:0; |
||
| 8 | } |
||
| 9 | |||
| 10 | #context-menu ul {
|
||
| 11 | width:150px; |
||
| 12 | border-top:1px solid #ddd; |
||
| 13 | border-left:1px solid #ddd; |
||
| 14 | border-bottom:1px solid #777; |
||
| 15 | border-right:1px solid #777; |
||
| 16 | background:white; |
||
| 17 | list-style:none; |
||
| 18 | } |
||
| 19 | |||
| 20 | #context-menu li {
|
||
| 21 | position:relative; |
||
| 22 | padding:1px; |
||
| 23 | z-index:39; |
||
| 24 | 441:cbce1fd3b1b7 | Chris | border:1px solid white; |
| 25 | 0:513646585e45 | Chris | } |
| 26 | #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; }
|
||
| 28 | |||
| 29 | #context-menu.reverse-y li.folder>ul { top:auto; bottom:0; }
|
||
| 30 | #context-menu.reverse-x li.folder ul { left:auto; right:168px; /* IE6 */ }
|
||
| 31 | #context-menu.reverse-x li.folder>ul { right:148px; }
|
||
| 32 | |||
| 33 | #context-menu a {
|
||
| 34 | text-decoration:none !important; |
||
| 35 | background-repeat: no-repeat; |
||
| 36 | background-position: 1px 50%; |
||
| 37 | padding: 1px 0px 1px 20px; |
||
| 38 | width:100%; /* IE */ |
||
| 39 | } |
||
| 40 | #context-menu li>a { width:auto; } /* others */
|
||
| 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; }
|
||
| 43 | 441:cbce1fd3b1b7 | Chris | #context-menu li:hover { border:1px solid gray; background-color:#eee; }
|
| 44 | #context-menu a:hover {color:#2A5685;}
|
||
| 45 | 0:513646585e45 | Chris | #context-menu li.folder:hover { z-index:40; }
|
| 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; }
|
||
| 48 | |||
| 49 | /* selected element */ |
||
| 50 | .context-menu-selection { background-color:#507AAA !important; 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; } |