Blockquote básico

Ooi gente! Como vão vocês? Eu acabei ficando um tempo sem postar pois realmente dessa vez não tive tempo. Ontem eu só entrei no computador por cinco minutos por causa de um trabalho que eu tinha que fazer. Hoje eu trouxe um blockquote bem básico, ele foi usado no nosso layout de 6 meses, aquele verdinho, lembram?

A proposta do blockquote é dar uma ideia de transparência, ele tem fundo branco tanto no hover quanto no "normal". Só muda o tamanho das bordas, e a cor. Mas se você quiser pode mudar o fundo, fique à vontade.

.post blockquote {
background:#FFFFFF;
border-left: 5px solid #008B00 ;
border-right: 5px solid #32CD32 ;
text-align: left ;
padding: 10px;
margin:10px 20px 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post blockquote:hover {
background: #FFFFFF;
border-left: 10px solid #32CD32 ;
border-right: 10px solid #32CD32 ;
text-align: left ;
padding: 10px;
margin:10px 20px 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

As partes em negrito são, respectivamente a cor do fundo, e as cores das bordas.

As partes em itálico são a grossura e o estilo das bordas.

Mude ao seu jeito, para mudar as cores, use essa tabela de cores, ou alguma que você costuma usar.

Espero que tenham gostado, usem com créditos e não repassem.

Os comentários começarão a ser respondidos essa semana, mas talvez eu tenha que parar por causa das provas. Desculpem a demora.

Boa noite, beijos!