Estilo de Pre

Coloque esse código antes de </style>
/*** quote estilo por: things-to-help-you***********/
.quote  {font-family: 'play', sans-serif;  font-size: 14px;  text-align:justy; padding: 4px; color: #ccc; }
.quotem {overflow: hidden; padding: 5px; background: #ececec; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.bottomq {background: url('http://static.tumblr.com/ifqwhnb/ruhm5dmv4/bottomquote.png') no-repeat; width: 69px; height: 19px; margin-left: 30px; margin-bottom: 10px;} 
.ci {color: #fff; display: inline-block;background: #f7e3e3; padding: 3px; margin-left: 20px; margin-top: -14px; margin-bottom: 10px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.ci a {color: #c19494;}
.ci a:hover {color: #ff

E agora esse antes de </head>
<link href='http://fonts.googleapis.com/css?family=play' rel='stylesheet' type='text/css'>

Mudando o block do quote.

{block:quote}   
<div class="caixa">    
<div class="quotem">
<div class="quote">{quote}</div>  
</div> 
<div class="bottomq"></div>
<div class="ci">{block:source}
<div class="source">{source}</div>
{/block:source}</div> 
</div>        
{/block:quote}
    
© Anne Lima - 2016 | Todos os direitos reservados. | Blog de Anne Lima | Tecnologia do Blogger