Menú personalizado

Este es el codigo,sólo deben copiarlo y pegarlo en un nuevo gadget de HTML/Javascript.
(Creaditos a Not a Single Song )

<style>
.categories a{ /* Menú by Not A Single Song*/
display: block;
font-family: Trebuchet MS;
text-align: left; /* Alineación del texto */
padding-left: 5px;
color: #CA4242; /* Color del texto */
background: #eedfb4; /* Fondo */
border-radius: 4px; /* Radio del borde */  
margin: 2px;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.categories a:hover { /* Recuerden: siempre que diga hover es para cuando le pasan el mouse */
background: #d95984;
color: #fff;
border-radius:3px;
}
</style>

<div class="categories"><a href="Link l">Nombre del link 1</a>
<a href="Link 2">Nombre del link 2</a>
<a href="Link 3">Nombre del link 3</a>
</div>