Menu cuddly reverse

Olá, meus amores, como podem perceber eu mudei o layout do blog, ficou bem simples, pois essa é minha intenção já que não gosto de coisas muitas decoradas. Hoje resolvi postar um menu bem simples para vocês, não sei se vocês vão gostar mas eu achei tão fofinho, bora ver? 

Preview ~

1- Procure por ]]></b:skin> e acima adicione: (ATENÇÃO: A FONTE DO MENU ESTÁ DESATUALIZADA, POR ISSO TROQUEM QUANDO FOREM USAR)

.cuddlyr {
background-color: #f9f8f9;  /* Cor de fundo do menu */
border: 1px solid #f4eff4; /* bordinha do menu */
font-family: Arial;
font-size: 9px;
color: #e0dbe0!important; /* cor da fonte */
text-transform: uppercase;
margin: 2px;
float: left;
text-align: center;
height: 13px; /* altura do menu */
width: 55px!important; /* largura */
display: block;
padding: 1px;
text-shadow: 1px 1px 0px #fff;
-webkit-transition: all 0.40s ease-out;
}
.cuddlyr:hover {
cursor:hand;
background-color: #f9f8f9; /* cor do menu quando passa o mouse */
border: 1px solid #f4eff4; /* cor da borda quando passa o mouse */
font-family: Arial;
font-size: 9px;
color: #e0dbe0!important; /* cor de fonte quando passar o mouse */
text-transform: uppercase;
margin: 2px;
float: left;
text-align: center;
height: 13px; /* altura */
width: 55px!important; /* largura */
display: block;
padding: 1px;
text-shadow: 1px 1px 0px #fff;
-webkit-transition: all 0.40s ease-out;
-webkit-animation: cuddly 1.3s;-moz-animation: cuddly 1.3s;-ms-animation: shake 1.3s;
}

OBS: Se ficar muito pequeno ou grande na sidebar de vocês basta editar a largura

2- Para usar o menu é simples, basta adicionar em uma HTML/ java script o seguinte código: 

<a class="cuddlyr" href="LINK">NOME</a>

<a class="cuddlyr" href="LINK">NOME</a>

<a class="cuddlyr" href="LINK">NOME</a>