La mine sunt mai multe, eu am asa ceva:
#community_app_menu > li > a {
color: #9a9a9a;
background: url("{style_images_url}/trans10.png") repeat;
background: rgba(0,0,0,0.1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.02) 0px 0px 0px 1px, rgba(255,255,255,0.05) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.02) 0px 0px 0px 1px, rgba(255,255,255,0.05) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.02) 0px 0px 0px 1px, rgba(255,255,255,0.05) 0px 1px 0px;
display: block;
outline: none;
padding: 0px 15px;
line-height: 34px;
height: 34px;
position: relative;
}
#community_app_menu > li > a:hover,
#community_app_menu > li > a.menu_active {
background: url("{style_images_url}/trans30.png") repeat;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.03) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.03) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.03) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
}
#community_app_menu > li.active a {
background: url("{style_images_url}/trans50.png") repeat;
background: rgba(0,0,0,0.5);
-webkit-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.03) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.03) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.03) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;
color: #fff;
position: relative;
}
La care din ele schimb sa modific culoarea de fundal al butoanelor?...adica sa nu mai fie transparent, de ex sa fie un gri.