tags: meus modelos , blockquote, modelos, preferidos
meus modelos de blockquote:
1-
blockquote {
background-color: #FF9B75; /* Cor do fundo */
border: 60px solid #654321; /* Borda */
text-shadow: 1px 1px 0px #bc5767; /* Sombreado do texto */
font: italic 11px Georgia; /* Fonte */
-webkit-transition-duration: .80s;
color: #fff; /* Cor da letra */
padding: 5px; }
2 -
.post-body blockquote {
font-family:Bobber;
font-size:14px;
color:#fff;
overflow:auto;
height:100px;
background-position:-10px -7px;
border: 4px double #fff;
margin: 10px;
padding: 10px;
background: url(http://i.imgur.com/TcdeJah.png?1)repeat ;
text-align: justify;
line-height:1.4em;
border-radius:5px;
}
.post-body blockquote:hover{
color:#000;
font-size:14px;
background: url(http://i.imgur.com/dg1CMqB.png?1)repeat;
border-radius:5px;
-moz-box-shadow: 1px 0px 14px #9e6de8;
-webkit-box-shadow: 1px 0px 14px #9e6de8;
box-shadow: 1px 0px 14px #9e6de8;
}
.post blockquote{
margin:1em 15px
}
.post blockquote p{
margin:.75em 0
}
...
meus modelos de blockquote:
1-
blockquote {
background-color: #FF9B75; /* Cor do fundo */
border: 60px solid #654321; /* Borda */
text-shadow: 1px 1px 0px #bc5767; /* Sombreado do texto */
font: italic 11px Georgia; /* Fonte */
-webkit-transition-duration: .80s;
color: #fff; /* Cor da letra */
padding: 5px; }
2 -
.post-body blockquote {
font-family:Bobber;
font-size:14px;
color:#fff;
overflow:auto;
height:100px;
background-position:-10px -7px;
border: 4px double #fff;
margin: 10px;
padding: 10px;
background: url(http://i.imgur.com/TcdeJah.png?1)repeat ;
text-align: justify;
line-height:1.4em;
border-radius:5px;
}
.post-body blockquote:hover{
color:#000;
font-size:14px;
background: url(http://i.imgur.com/dg1CMqB.png?1)repeat;
border-radius:5px;
-moz-box-shadow: 1px 0px 14px #9e6de8;
-webkit-box-shadow: 1px 0px 14px #9e6de8;
box-shadow: 1px 0px 14px #9e6de8;
}
.post blockquote{
margin:1em 15px
}
.post blockquote p{
margin:.75em 0
}