Modelos para blockquote.

Oin menina.

Ai que preguiça boa em , ai gente eu pretendo postar todos os dias no blog só que eu esqueci tudo as coisas que eu sei fazer ai não vem na minha mente o que postar , mais hoje eu pensei em trazer modelos de blockquote para vocês.

 Créditos ao : Diamond glass , o modelo que você escolher cole o código dele acima do ]]></b:skin> .  Preview dos modelos.


Primeiro modelo:

blockquote {
font-family: Pf Arma Five;
font-size: 8px;
color: #fff;
text-shadow: 1px 1px 0px #ED2140; /* Coloque uma cor mais escura do que o Background */
box-shadow: inset 0px 0px 4px rgba(255, 255, 255, 0.3);
border: 1px solid #F3697E;
background: #F3697E; /* Mude apenas a cor do Background */
text-align: center;
padding: 10px;
-webkit-transition: all .8s ease-out;
-moz-transition: all .8s ease-out;
}
blockquote:hover {
font-family: Pf Arma Five;
font-size: 8px;
color: rgba(0,0,0, 0.2);
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.20); /* Não mecha */
background: #F3697E; /* Cor do Fundo em Hover */
text-align: center;
padding: 10px;
box-shadow: inset 0px 0px 1px #fff;
-webkit-transition: all .8s ease-out;
-moz-transition: all .8s ease-out;
}

Segundo modelo:

blockquote {
font-family: Trebuchet MS;
padding: 10px;
overflow: scroll; /* Não mecha */
background: #eee; /* Cor do Background */
box-shadow: inset 0px 0px 2px #ccc; /* Mude apenas a cor */
text-align: justify;
font-size: 11px;
color: #666;
}

Terceiro modelo:

blockquote {
font-family: Tahoma; /* Fonte */
text-align: justify;
padding: 10px;
font-size: 11px;
color: #666;
border: 3px solid #fff;
background: #eee; /* Cor do Background */
box-shadow: 1px 1px 2px rgba(6,6,6,0.1);
}