Modelos para blockquote

Oi, gente! A ask do blog está com bastante pedidos, talvez por estar quase um mês sem postagens novas, culpa da preguiça. Entre os pedidos estava o blockquote do layout da Demi Lovato, mas como apenas um blockquote ficaria muito pouco, resolvi colocar mais dois modelos com o efeito hover parecido.

Clique aqui para visualizar os modelos

Para usar é só ir em Tema > Editar HTML e colar acima de ]]></b:skin> o código correspondente ao modelo do blockquote que desejar.

Código do blockquote 1:

.post blockquote {
border-radius: 3px;
color: #ffffff;
text-shadow: 1px 1px 0 #B4B2D0;
margin-left: -0px; margin-right: -0px;
padding: 5px;
background: #d3d4df;
-webkit-transition-duration: 1s;
-moz-box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-box-shadow: inset 0 0 0 0px #bbbacd;
box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-transition-duration: 1s;
}
.post blockquote:hover {
background: #bbbacd;
-moz-box-shadow: inset 0 0 0 50px #bbbacd;
-webkit-box-shadow: inset 0 0 0 50px #bbbacd;
box-shadow: inset 0 0 0 50px #bbbacd;
text-shadow: 1px 1px 0 #A8A6D1;
}

Código do blockquote 2:

.post blockquote {
border-radius: 3px;
color: #ffffff;
text-shadow: 1px 1px 0 #B4B2D0;
margin-left: -0px; margin-right: -0px;
padding: 5px;
background: #d3d4df;
-moz-box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-box-shadow: inset 0 0 0 0px #bbbacd;
box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-transition-duration: 1s;
}
.post blockquote:hover {
background: #bbbacd;
-moz-box-shadow: inset 300px 0 0 0 #bbbacd, inset -300px 0 0 0 #bbbacd;
-webkit-box-shadow: inseet 300px 0 0 0 #bbbacd, inset -300px 0 0 0 #bbbacd;
box-shadow: inset 300px 0 0 0 #bbbacd, inset -300px 0 0 0 #bbbacd;
text-shadow: 1px 1px 0 #A8A6D1;
}

Código do blockquote 3:

.post blockquote {
border-radius: 3px;
color: #ffffff;
text-shadow: 1px 1px 0 #B4B2D0;
margin-left: -0px; margin-right: -0px;
padding: 5px;
background: #d3d4df;
-webkit-transition-duration: 1s;
-moz-box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-box-shadow: inset 0 0 0 0px #bbbacd;
box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-transition-duration: 1s;
}
.post blockquote:hover {
background: #bbbacd;
background: #bbbacd;
-moz-box-shadow: inset 0 10px 0 0 #bbbacd, inset0 -10px 0 0 #bbbacd;
-webkit-box-shadow: inset 0 10px 0 0 #bbbacd, inset 0 -10px 0 0 #bbbacd;
box-shadow: iinset 0 10px 0 0 #bbbacd, inset 0 -10px 0 0 #bbbacd;
text-shadow: 1px 1px 0 #A8A6D1;
}

Espero que tenham gostado.