Estilos de Blockquote

Hoje estou hiper ocupada, mas tirei um tempinho para postar.

Trouxe para vocês alguns estilos de blockquote.

Para colocar em seu blog pegue um dos códigos abaixo e coloque antes da tag ]]></b:skin>

 Clique na imagem para vê-la em tamanho natural

@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}

blockquote {

font-family: Arma Five;

font-size: 8px;

padding: 7px;

margin-left: 17px;

margin-right: 17px;

text-align: center;

background: #f5f5f5;

border-right: 4px solid #8c5b96;

border-left: 4px solid #dcd33e;

box-shadow: inset -2px -2px 3px #ddd;

-webkit-transition: all 0.50s ease;

}

blockquote:hover {

font-family: Arma Five;

font-size: 8px;

padding: 7px;

margin-left: 17px;

margin-right: 17px;

border-radius: 3px;

text-align: center;

background: #f5f5f5;

border-left: 4px solid #8c5b96;

border-right: 4px solid #dcd33e;

box-shadow: inset 2px 2px 3px #ddd;

-webkit-transition: all 0.50s ease;

} 

post blockquote {

background: url("http://static.tumblr.com/oiizew6/Zgqm3v6uq/blockquote.png");

padding: 14px;

padding-left: 70px;

font-size: 11px;

color: #696969;

text-align:justify;

box-shadow: 0px 1px 2px #edeeec;

}

blockquote {

font: 14px normal helvetica, sans-serif;

margin-top: 10px;

margin-bottom: 10px;

margin-left: 50px;

padding-left: 15px;

border-left: 3px solid #ccc;

}

.POST BLOCKQUOTE {

PADDING: 3PX;

BACKGROUND: #EBEBEB;

TEXT-TRANSFORM: UPPERCASE;

FONT-FAMILY: UNI;

FONT-SIZE: 8PX;

BORDER: 4PX DOUBLE #BFBDBE;

COLOR: #5E5E55;

TEXT-ALIGN: CENTER;

}

@FONT-FACE {

FONT-FAMILY: 'UNI';

SRC: URL('HTTP://STATIC.TUMBLR.COM/9GYBM6E/ZBVMMX0Y9/UNI05.TTF');

}

.POST BLOCKQUOTE {

PADDING: 5PX;

BACKGROUND: #F2EDF0;

TEXT-TRANSFORM: UPPERCASE;

FONT-FAMILY: UNI;

FONT-SIZE: 8PX;

COLOR: #5E5858;

TEXT-ALIGN: CENTER;

OUTLINE-STYLE:DASHED;

OUTLINE-WIDTH:1PX;

OUTLINE-COLOR: #6CBACC;

OUTLINE-OFFSET: -3PX;

}

@FONT-FACE {

FONT-FAMILY: 'UNI';

SRC: URL('HTTP://STATIC.TUMBLR.COM/9GYBM6E/ZBVMMX0Y9/UNI05.TTF');

}

blockquote {

background: #EDEBEB;

border-left: 2px solid #cbd3dc;

border-right: 2px solid #ec5787;

padding: 10px 15px 15px 10px;

font-size: 13px;

color: #696969;

text-align: justify;

font-family:arial;

-webkit-transition-duration: .50s;

}

blockquote:hover{

background: #EDEBEB;

border-left: 5px solid #cbd3dc;

border-right: 5px solid #ec5787;

font-size: 13px;

color: #696969;

text-align: justify;

font-family:arial;

-webkit-transition-duration: .50s;

} 

blockquote {

border-left: 8px solid #FA6B8F;

background-color: #efefef;

padding: 4px;

color: #333333;

text-align: justify; 

}

blockquote {

background: #eeeeee;

color: #888888;

border-top: 4px solid #5FD4DF;

border-bottom: 4px solid #5FD4DF; 

padding: 6px;

  text-align: justify;

  }

blockquote {

border-left: 15px solid #5FD4DF;

background-color: #f1f1f1;

padding: 10px;

font-size: 11px;

color: #5c5c5c;

text-align: center;

-webkit-transition-duration: .50s;

}

.blockquote:hover {

border-left: 20px solid #F48EAC;

background-color: #f1f1f1;

padding: 10px;

font-size: 11px;

color: #5c5c5c;

text-align: center;

-webkit-transition-duration: .50s;

}

blockquote {

background: #6c5b5a;

padding:4px;

overflow: hidden;

border-radius:0px;

color:#fff;

border-top: 3px solid #f5758d;

font-family:tahoma;

font-size:11px;

line-height:17px;

}

.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/*

}