Blockquotes

Hey pixels! Finalmente um post que não esteja atrasado, os posts ultimamente estão demorando muito para serem publicados, a falta de assunto também e um fato, pois a unica coisa que estou postando e utilitários, sei que os utilitários são uma das tags aqui do blog mais eu não sei que tutorial postar, afinal tutoriais são necessários para criar suas próprias coisas, enfim peço que deem suas opiniões sobre o que postar, pois 

eu estou meio sem ideias, e também postar só utilitários enjoa, apesar de gostar bastante de fazer utilitários. Finalmente hoje vocês vão ter um utilitário que ainda não tem aqui no blog, os blockquotes que na minha opinião e necessário ter em um layout, deixa o template muito mais caprichado. Bom espero que gostem dos blockquotes, e até o próximo post pixels!

blockquote{
border: 2px solid #7A378B;
background-color: #FFBBFF;
padding: 10px;
font-family: Times;
font-size: 12px;
color: #ffffff;
text-align: center;
box-shadow: inset 0 0 12px #999999;
}
blockquote:hover{
border: 2px solid #CD96CD;
background-color: #FFBBFF;
-webkit-transition-duration: .50s;
padding: 10px;
font-family: Times;
font-size: 12px;
color: #ffffff;
text-align: center;
box-shadow: inset 0 0 12px #999999;
}

  

blockquote{
border: 2px solid #9ACD32;
background-color: #CAFF70;
padding: 10px;
font-family: Times;
font-size: 12px;
color: ##EEE9E9;
text-align: center;
box-shadow: inset 0 0 12px #999999;
}
blockquote:hover{
border: 2px solid #228B22;
background-color: #CAFF70;
-webkit-transition-duration: .50s;
padding: 10px;
font-family: Times;
font-size: 12px;
color: ##EEE9E9;
text-align: center;
box-shadow: inset 0 0 12px #999999;
}

blockquote{
border: 2px solid #7AC5CD;
background-color: #98F5FF;
padding: 10px;
font-family: Times;
font-size: 12px;
color: #00B2EE;
text-align: center;
box-shadow: inset 0 0 12px #4F94CD;
}
blockquote:hover{
border: 2px solid #00868B;
background-color: #98F5FF;
-webkit-transition-duration: .50s;
padding: 10px;
font-family: Times;
font-size: 12px;
color: #00B2EE;
text-align: center;
box-shadow: inset 0 0 12px #4F94CD;
}

Obs: os códigos devem serem colados abaixo de ]]></b:skin>