Blockquote Personalizado com Borda Tracejada

Oi gente , teve um pedido no msn do sugoi de um blockquote com borda tracejada então eu me inspirei no site Cherry Bomb , então confiram :

1 - Vá em Modelo > Editar Html e procure por ]]</b:skin> e cole esse código acima desta tag:

/*** Blockquote por Sugoi Tutoriais ***/ 
blockquote {

text-shadow: #fff;

color: #3d4853;

border: 1.5px dashed #0d968e;

border-right: 1.5px dashed #0d968e;

border-left: 2px dashed #0d968e;

padding: 10px;

padding-left: 10px;

margin:10px 20 20 20;

background-color: #bfe0de;

 -webkit-transition: all 0.5s ease;
}



blockquote:hover {

text-shadow: #fff;

color: #2b2528;

border: 1.5px dashed #8e2b63;

border-right: 1.5px dashed #8e2b63;

border-left: 2px dashed #8e2b63;

padding: 10px;

padding-left: 10px;

margin:10px 20 20 20;

background-color: #f4cbe2;

 -webkit-transition: all 0.5s ease;
}

E depois para usar é só clicar em e pronto.

Meu Resultado

Duvidas comente. Tutorial por Sugoi Tutoriais. Credite.