Modelo de comentario #4

¡Hola! ¿como les va? el día de hoy les traigo un modelo de comentarios bien lindo.
Créditos a su creador.

Entonces vamos a comenzar..

Previa:

Plantilla | Editar HTML / CTRL + F

/* Comments

Código que tienes que poner debajo del

--------------------------------------------*/

#comments h4, #comments .comment-author a, #comments .comment-timestamp a {
color: #abaaaa;
font: normal normal 13px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
height: 26px;
line-height: 26px;
padding-left: 30px;
text-align: center;
font-weight: normal !important;}
#comments {
background: white none repeat scroll top center;
padding: 15px;
}
.comments .comment-block { margin-left: 70px;}
.comments .comments-content .comment-content{
margin-top: -5px;
position: relative;
background: #fbfbfb;
border: 1px solid #f0f0f0;
padding: 10px;
color: #abaaaa;
font-size: 11px;
}
.comment-header {
font: normal normal 13px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #abaaaa;
padding: 5px;
background: #fbfbfb;
border: 1px solid #f0f0f0;
}
.comment-header a {
color: #abaaaa !important;
font-size: 14px;
font-weight: normal;
}
.comments .comments-content .datetime a{
font-size: 10px !important;
float: right;
line-height: 16px;}
.comments .comment .comment-actions a {
padding-right: 5px;
float: right;
font: normal normal 13px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #abaaaa !important;
font-weight: normal;
}
.comments .comment .comment-actions a:hover {
text-decoration: none;
}
.comments .avatar-image-container {
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
padding: 3px;

Guardar plantilla y listo.

Espero lo usen, no olviden los créditos por favor!

Hasta luego, nos leemos pronto <3