Modelos para blockquote

Olá, meus bonitos ~ ◕ω◕

Estou tão animado para postar aqui no blog, acho que a versão de férias está sendo muito lucrativa pra mim e pra vocês. Eu estava tentando preparar o próximo design do blog, mas a criatividade ta de férias também gente. Pelo que vejo, o blog vai ficar um longo tempo com a versão atual, afinal ela está tão caprichada que da da pena de retira-la. Mas espero que eu consiga fazer um design bom, até lá ficamos com esse mesmo.

Enfim, pediram a algum tempo na minha ask pra postar modelos para blockquote. Assim, eu só acho que nunca postei isso aqui no blog, então é a primeira vez. Eu me esforcei ao máximo para deixa-las diferentes e criativas, acho que ficaram até bonitinhas. Lembrando que você tem que colar o código delas acima de ]]></b:skin>.

• Modelo 1

@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;
}

• Modelo 2

@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; 

color: #fff; 

text-shadow: 1px 1px 0px #ffa6a6;

padding: 5px;

margin-left: 17px;

margin-right: 17px;

border-radius: 3px;

text-align: center;

background: #ffc0c0;

box-shadow: inset 0px 0px 4px #ffeaea, 1px 1px 1px #ffa6a6;

-webkit-transition: all 0.50s ease;

}

blockquote:hover {

font-family: Arma Five;

font-size: 8px;

color: #fff;

text-shadow: 1px 1px 0px #824545;

padding: 5px;

margin-left: 17px;

margin-right: 17px;

border-radius: 3px;

text-align: center;

background: #976565;

box-shadow: inset 0px 0px 4px #d1aaaa, -1px -1px 1px #824545;

-webkit-transition: all 0.50s ease;

}

• Modelo 3

@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;

border-radius: 4px;

text-align: center;

background: #f5f5f5;

border-right: 3px solid #b1c7d3;

border-left: 3px solid #b1c7d3;

box-shadow: inset 0px 0px 5px #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: 4px;

text-align: center;

background: #f5f5f5;

border-right: 0px solid #b1c7d3;

border-left: 0px solid #b1c7d3;

box-shadow: inset 0px 0px 5px #ddd;

-webkit-transition: all 0.50s ease;

}

 Espero que tenham gostado, e lembre-se: se usar credite ao Just Like That.