Estilos para blockquote

Ooi gente! Como vão? Espero que estejam bem, agora estamos com as postagens do blog reguladas, a Bea posta às terças e sextas, e eu no resto dos dias, então fico livre nos dias dela, para preparar postagens, responder comentários, que estão totalmente acumulados, e descansar.

Hoje eu trouxe dois estilos para o blockquote do blog de vocês, estão muito legais, e foram feitos exclusivamente por mim, alguém aí sabe se o live preview funciona com blockquotes também?

Blockquote 1 - Estilo 3D

A proposta dele é ter a borda mais escura sem o hover, e mais clara com o hover.

.post blockquote {
background: #FFC0CB;
border:2px inset #FF69B4;
text-align: left;
padding: 5px;
margin:10px 20px 10px 20px;
cursor: crosshair;
-webkit-transition-duration: 0.7s;
}
.post blockquote:hover {
background: #FF69B4;
border:2px outset #FFC0CB;
text-align: left;
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-transition-duration: 0.7s;
}

Em itálico, o fundo, deixe ele mais claro sem o hover e mais escuro com o hover.

Em sublinhado, a largura, estilo e cor da borda, aconselho a mudar apenas a cor, deixando mais escura sem o hover, e mais clara com o hover.

Blockquote 2 - Colorful

Esse é mais simples, apenas tem as quatro bordas com cores diferentes, e no hover ele fica arredondado.

.post blockquote {
background: #FFFFFF;
border-left: 2px solid #1E90FF;
border-right: 2px solid #00FF00;
border-top: 2px solid #F08080;
border-bottom: 2px solid #FF34B3;
text-align: left;
padding: 5px;
margin:10px 20px 10px 20px;
cursor: crosshair;
-webkit-transition-duration: 0.7s;
}
.post blockquote:hover {
background: #FFFFFF;
border-left: 2px solid #1E90FF;
border-right: 2px solid #00FF00;
border-top: 2px solid #F08080;
border-bottom: 2px solid #FF34B3;
text-align: left;
padding: 5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin:10px 20px 10px 20px;
-webkit-transition-duration: 0.7s;
}

Em itálico, temos a cor do fundo, e em sublinhado, temos as larguras, estilos e cores das quatro bordas, aconselho que deixem sempre as quatro com cores diferentes.

Espero que tenham gostado dos blockquotes, se forem usar por favor creditem e não repassem.

Beijos, até mais!