Otro estilo para los comentarios anidados

En esta oportunidad compartire un estilo que he hecho para los nuevos comentarios anidados de Blogger..

Ver Demo Online

En la siguiente imagen se muestra el resultado final del truco.

Para agregar este estilo a tus comentarios pega antes de ]]></b:skin> lo siguiente:

.avatar-image-container,
    .avatar-image-container img{
     max-width:50px !important;
     width:50px !important;
     max-height:50px !important;
     height:50px !important;
     padding: 0 !important;
     border:0px;
    }


    .avatar-image-container,
    .avatar-image-container img {
     max-width: 50px !important;
     width: 50px !important;
     max-height: 50px !important;
     height: 50px !important;
     padding: 0 !important;
     border: 0px;
     -webkit-border-radius: 999px;
     -moz-border-radius: 999px;
     border-radius: 999px;
    }

    .avatar-image-container{
     border:3px solid #fff !important;
     -webkit-box-shadow: 0 1px 2px #BBB;
     -moz-box-shadow: 0 1px 2px #BBB;
     box-shadow: 0 1px 2px #BBB;
    }


.comments .comment-block {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirO7Ecg7hVGuPjTj6Pqku1aiPTGPVi68rxGducZp47tOhPxhNoPuyguL6gK74r2dD9eLU4ihxDqNK75SHpPrcuezgrJGlNNOVsYA8MADWb2LDuvt-ZQvC-FFPG2TRa8mGZnIxIi-YQmFk/s1600/barra10.png);
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:20px;
height:125px;
}
.comments .comments-content .datetime { /* Fecha de los comentarios */
font-style:italic;
font-size:12px;
}

.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url(http://superpost.xtrweb.com/themes/default/images/icons/ran/Rey.gif);
}

La primera imagen que esta resaltada en azul corresponde a la que aparece en la parte inferior de los comentarios (la barra separadora) y la segunda es el icono de la corona que aparece en los comentarios del autor.

Espero que les haya gustado este estilo y lo agreguen en sus comentarios.