Estilos de Blockquote

Já é quase meia noite e eu aqui postando para vocês estilos fofos de blockquote 

("Citação em Bloco") 

Espero que apreciem.

Clique na imagem para vê-la em tamanho natural.

Coloque os códigos dos blockquotes antes da tag ]]></b:skin>

.blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
border-radius:10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0; 
} 









.post blockquote {
background: #f5f5f5;
border-bottom: 3px solid #DAA520;
color: #bebebe;
font-family: tahoma;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 3px;
border-radius: 25px; 
}












@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.blockquote {
border 2px solid #a9c6e7; /*Tamanho, tipo e cor da borda/*
background-color: #dce9f8; /*cor do fundo/*
padding: 10px; /* espaço entre o texto e a borda/*
font-size: 8px;  /*tamanho da fonte/*
font-family: silkscreen; /*nome da fonte/*
color: #758495; /*cor do texto/*
box-shadow: inset 0 0 10px #a8c0db, 0 0 5px #a8c0db; /*configurações de sombra/*
text-align: center; /*alinhamento do texto/*
-moz-border-radius: 3px; /*borda arredondada/*
-webkit-border-radius: 3px; /*borda arredondada/*
border-radius: 3px; /*borda arredondada/* 
}








.post blockquote {
background: #F5ECED;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-right: 5px solid #FF9B8B;
font-size: 13px;
text-align:center;
} 




.post blockquote {
background: #FFF0F5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-left: 8px ridge #FF6FBD;
font-size: 13px;
text-align:center;
} 


.blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
} 




.post blockquote{        
margin : 0 35px;         
padding: 80px 0px 0px 0px;         
background : #E6F1FA url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb5J-uBKiI/AAAAAAAACPs/81Ja4qFVyGc/s400/head2.gif) no-repeat top;         
font: normal 1em "comic sans ms", Helvetica, verdana;         
color : #666;         
} 
.post blockquote div{        
background : #E6F1FA url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb5j3ME4gI/AAAAAAAACP0/1sQjocgjdK0/s400/head-bottom3.gif) no-repeat bottom;         
padding-bottom: 50px;         
} 
.post blockquote p {        
margin: 0;         
padding: 20px;         
}



Crédito X





.post blockquote {        
margin : 0 20px;         
padding: 20px 60px 80px 20px;         
background : #FEE4E3 url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb4ckuuUwI/AAAAAAAACOE/lJfkdjco3aw/s400/angular-right.gif) no-repeat bottom right;         
font: bold italic 1em  Georgia, verdana, Helvetica, "Times New Roman", Times, serif;         
color : #000;         
border: 1px solid #DDD;         
} 
.post blockquote p {        
margin: 0;         
padding-top:10px;         
}

Créditos X