HTML
<div id="comments" class="node-comments">
<div class="comments">
<h3>1 Comentário</h3>
<div id="comment-1" class="comment">
<div class="comment-info">
<span class="avatar">
<img src="http://www.gravatar.com/avatar/5658ffccee7f0ebfda2b226238b1eb6e?s=32" alt="" />
</span>
<span class="name"><a href="http://www.bemmelhor.org" target="_blank">Mr Bemmelhor</a></span>
<span class="date">said on Dec 25, 2009</span>
</div>
<div class="comment-body">Hi, this is the first comment.</div>
<div class="comment-reply">
<a href="/bmcms/comments/add/1/1">Reply</a>
</div>
</div>
</div>
</div>
CSS
/** Comentarios **/
#comments {
text-align: left;
}
#comments .comments .comment {
border-top: 1px solid #E0E0E0;
margin-top: 10px;
padding-top: 20px;
padding-bottom: 20px;
}
#comments .comments .comment .comment-info .avatar img {
width: 50px;
}
#comments .comments .comment .comment-info .name {
font-weight: bold;
font-size: 16px;
color: #333;
}
#comments .comments .comment .comment-info .date {
margin-bottom: 5px;
color: #666;
font-size: 11px;
}
#comments .comments .comment .comment-body {
font-size: 14px;
color: #333;
margin-bottom: 10px;
}