.sidebar .widget {
background: #ffffff; /* Fundo da sidebar */
box-shadow: inset 0 0 5px #e0dfdf, 0 0 4px #ccc; /* Sombra interna */
-webkit-transition-duration: .50s;
border-top: 6px solid #XXX; /* Cor da borda de cima */
border-bottom: 6px solid #XXX; /* Cor da borda de baixo */
}
.sidebar .widget:hover {
background: #ffffff; /* Cor da sidebar hover */
box-shadow: inset 0 0 30px #e4e2e2, 0 0 4px #ccc; /* Sombra interna hover */
border-top: 5px solid #XXX; /* Cor da borda de cima hover */
border-bottom: 5px solid #XXX; /* Cor da borda hover de baixo */
-webkit-transition-duration: .50s;
}

Pronto agora e so Salva e Fazer as Modificações que você quiser .