Blockquote simples

Ooi gente! Desculpem não postar ontem, esse mês eu acho que vou ter que postar um dia sim outro não, pois está bem corrido... O novo layout e o concurso provavelmente deverão esperar. 

Hoje eu trouxe um blockquote mais simples, ele tem bordas arredondadas, uma borda em volta, e o fundo fica branco no hover, a ideia é dar uma sensação de transparência.

Código:

.post blockquote {
background: #FFB6C1; /*---COR DO FUNDO--*/
border:2px solid #FF1493; /*---COR E ESTILO DA BORDA--*/
text-align: left; /*---ALINHAMENTO DO TEXTO--*/
padding: 5px;
margin:10px 20px 10px 20px;
cursor: crosshair; /*---ESTILO DE CURSOR--*/
transition-duration: 2s;
-moz-transition-duration: 2s;
-webkit-transition-duration: 2s;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.post blockquote:hover {
background: #FFFFFF; /*---COR DO FUNDO NO HOVER--*/
border:2px solid #FFB6C1; /*---COR E ESTILO DA BORDA NO HOVER--*/
text-align: left; /*---ALINHAMENTO DO TEXTO NO HOVER--*/
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

Cole o código acima de ]]></b:skin>, e regule a cor e o que quiser conforme seu gosto, uma paleta de cores que eu indico é essa.

Se usarem creditem, e por favor não repassem.

Espero que tenham gostado do blockquote, é bem simples, mas fica fofinho dependendo do seu layout.

Beijos, boa noite!