В css я не силен. Нашел вот такой код
Код:
div.art-vmenublockcontent {
margin: 0px auto;
max-width: 220px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.75);
-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
overflow: hidden;
font: normal 14px Helvetica, Arial, sans-serif;
}
div.art-vmenublockcontent ul {
margin: 0;
padding:0;
list-style: none;
}
div.art-vmenublockcontent > ul > li {
position: relative;
}
div.art-vmenublockcontent > ul > li > a {
display: block;
padding: .7em 1em;
outline: 0;
border-bottom: 1px solid #222;
background: #333;
background-image:-webkit-linear-gradient(#444, #333);
background-image:-moz-linear-gradient(#444, #333);
background-image:-ms-linear-gradient(#444, #333);
background-image:linear-gradient(#444, #333);
-webkit-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
-moz-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
color:#C9C9C9;
text-decoration: none;
text-shadow: 1px 1px 3px #111;
font-weight: normal;
}
div.art-vmenublockcontent > ul > li > a:hover,
div.art-vmenublockcontent > ul > li > a.active {
color:#f2bd00;
}
div.art-vmenublockcontent .sub ul {
display: none;
overflow: hidden;
background: #eee;
-webkit-box-shadow:inset 0 0 50px #bbb;
-moz-box-shadow:inset 0 0 50px #bbb;
box-shadow:inset 0 0 50px #bbb;
}
div.art-vmenublockcontent .sub ul li a {
display: block;
padding: .7em 1em;
border-bottom: 1px dotted #bababa;
color:#514b92;
font-size: 12px;
text-decoration: none;
}
div.art-vmenublockcontent .sub ul li a:hover,
div.art-vmenublockcontent .sub ul li a.active {
padding-left: 1.3em;
background: #d8d8d8;
color: red;
}
div.art-vmenublockcontent .sub ul li a:after{
float: left;
margin-right:6px;
content: "»";
line-height: 12px;
}
div.art-vmenublockcontent .sub > a:before {
content:'•';
height:12px;
width:12px;
font-size: 1em;
display:inline-block;
position: absolute;
right: 10px;
top: 12px;
background: #333;
line-height: .8em;
color: red;
text-indent: 0;
text-align: center;
text-shadow:none;
font-weight: 500;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
}
/* активный переключатель */
div.art-vmenublockcontent .sub > a.active:before{
color: #f2bd00;
}
После установки ничего не изменилось, меню работает также как и раньше.
Может кто в курсе, что не так.
П.с. Как под спойлер загнать не понятно, тэги спойлер и хайд не работают.