Index: public/stylesheets/context_menu.css =================================================================== --- public/stylesheets/context_menu.css (revision 18504) +++ public/stylesheets/context_menu.css (working copy) @@ -1,4 +1,4 @@ -#context-menu { position: absolute; z-index: 40; font-size: 0.9em;} +#context-menu { position: absolute; z-index: 40; font-size: 0.9em;box-shadow: 0px 0px 5px grey;} #context-menu ul, #context-menu li, #context-menu a { display:block; @@ -12,13 +12,11 @@ border: 1px solid #ccc; background:white; list-style:none; - padding:2px; - border-radius:2px; + border-radius:3px; } #context-menu li { position:relative; - padding:1px; z-index:39; border:1px solid white; } @@ -35,18 +33,20 @@ #context-menu a { text-decoration:none !important; - padding: 2px 0px 2px 20px; + padding: 4px 0px 4px 24px; width:100%; /* IE */ } #context-menu li>a { width:auto; } /* others */ -#context-menu a.disabled, #context-menu a.disabled:hover {color: #aaa;} -#context-menu li a.submenu { padding-right:16px; background:url("../images/arrow_right.png") right no-repeat; } -#context-menu li:hover { border:1px solid #628db6; background-color:#eef5fd; border-radius:3px; } -#context-menu a:hover {color:#2A5685;} +#context-menu a.disabled:not(.icon-checked), #context-menu a.disabled:hover {color: #aaa; filter: grayscale(100%)} +#context-menu li a.submenu { padding-right:16px; background: url("../images/arrow_right.png") right no-repeat; background-position: right 4% bottom 50%; transition:background-position 0.2s} +#context-menu li a.submenu:hover { padding-right:16px; background: #759FCF url("../images/arrow_right.png") right no-repeat; background-position: right 2% bottom 50%;} +/*#context-menu li:hover { background-color:#759FCF; }*/ +#context-menu a:hover {color:white; background-color:#759FCF} #context-menu li.folder:hover { z-index:40; } #context-menu ul ul, #context-menu li:hover ul ul { display:none; } #context-menu li:hover ul, #context-menu li:hover li:hover ul { display:block; } #context-menu a.icon-checked {background: url(../images/toggle_check.png) no-repeat 3px 40%;} +#context-menu a.icon {background-position: left 2% bottom 50%;} /* selected element */ .context-menu-selection { background-color:#507AAA !important; color:#f8f8f8 !important; }