01 novembro 2013

Tipos de blockquote


  • Estilo 1:
blockquote {border-left: 3px solid #D8BFD8;  border-right: 3px solid #D8BFD8 ;padding: 15px 15px 15px; margin: 2px; background: #f1f1f1; }

  • Estilo 2:
blockquote {border: 2px dashed #D8BFD8; padding: 7px 7px 7px; margin: 2px; color: #DB7093; text-align: center; font-family: Arial; -moz-box-shadow: inset 0 0 1em #DCDCDC;
-webkit-box-shadow: inset 0 0 1em #DCDCDC;
box-shadow: inset 0 0 1em #DCDCDC; }
  • Estilo 3:
blockquote {padding: 10px 10px 10px; margin: 2px; background: #FFC0CB; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; color: #B03060; font-family: 'nau'; font-size: 6pt; text-align: center; -webkit-transition-duration: .90s;}

blockquote:hover {-webkit-transform: rotate(4deg) scale(0.9) skew(1deg); opacity: 0.6;  -webkit-border-radius: 0px;}

@font-face{
font-family: 'nau';
src: url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf'); 
src: url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format('embedded-opentype'), 
    url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format('woff'), 
    url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf')  format('truetype'), 
    url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format

Espero que gostem, beijos.

Créditos ao: http://queen-extras.tumblr.com

Nenhum comentário :

Postar um comentário