Estilo de Comentário #SC

- Sério que a Nike irá lançar um tênis que se amarra sozinho, pois no filme 'De volta para o futuro' 2015 é o futuro e lá tem um tênis assim? Nofa, amei!

Olá Chocoleitores!!!

Estou ótima e vocês? Bem, até ontem eu estava problemática com o bom humor, mas hoje estou bem, não só pelos comentários divos em meu livro Diesel, mas também porque acabei de saber do novo EP Hymn'D que minha banda favorita irá lançar! - Hahahahá mas eu tô rindo atoa [essa música é uma bosta eu sei] - e o mais maneiro é que ontem eu sonhei com com eles (no sonho eu tinha de salvar um deles do terrorismo. Super heroína babyer) AHUAUAHAU' 8)

Ah, alguém aí conhece a modelo diva da Kristina Pimenova? Virei fã! Ela só tem dez anos e é divônica. E mais uma coisa, entreguei o layout que o blog A.O {♥} me pediu, e fiquei feliz por ela ter gostado. Queria avisar que os pedidos de layouts estão trancados por e quanto.

Agora, largando dificilmente o assunto sobre o novo EP de minha banda favorita - surta novamente - vamos falar sobre o post de hoje. Trouxe um modelo de comentário muito divo, já que aqui no blog não temos muitos tutoriais sobre isso. Acho que é uma parte fundamental do layout, já que é a parte que os leitores mais visitam. E admito que tenho uma baita preguiça de personalizar os comentários, então trouxe um modelo super simples de modificar e lindo. Créditos ao SC {★} por desenvolver essa lindeza. ~ Preview

Cole o código básico acima de ]]></b:skin>

/* Comments por Sweet of Cherry
----------------------------------------------- */
.comments{ /* Texto do comentario */
margin-bottom:0;
clear:both;margin-top:10px;
line-height:18px;
font-size:11px; font-family: Verdana;
color: #bcb0a8;}
.comments .comments-content{
margin-bottom:16px;
font-weight:normal;
text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 5px 3px;
padding:0 2px;
color: #fff;
background: #ffffff;
text-shadow: 1px 1px 0px #000000;
box-shadow: 2px 2px 0px #ebeac4;
text-align:center;
text-decoration:none;
border-radius:2px;
color: #ffffff;
background: #ffcbd2;
text-shadow: 1px 1px 0px #ff98a6;
box-shadow: inset 0px 0px 5px #ffb2bc;
height:18px;
line-height:18px;
font-weight:normal;
font-family: pf arma five;
font-size: 8px;
-webkit-transition-duration: .30s;text-decoration:none;
}
#comments h4, /* Letra do XX comentários */
#comments .comment-author a,
#comments .comment-timestamp a {
text-align: center;
font-family: pf arma five;
font-weight: normal;
font-size: 8px;
color: #696969;
}
.comments .comments-content .comment-thread ol{
list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative;
}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{font-weight:normal;text-decoration:none;}
.comments .comments-content .icon.blog-author{
position:absolute;
top: 8px;
right: 30px;
margin:0;
background-image: url('http://i.imgur.com/7T9WyaT.gif');
width:7px;height:6px
}
.comments .comments-content .datetime a{
font-size:0px;
text-decoration:none; color: tranparent;
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background:#F5F5F5;
border:1px solid #DCDCDC;
border-radius:1px;
}
.comment-header { /* Area onde fica o nome do autor */
padding: 4px;
font-size:14px;
font-style: normal;
font-weight: normal;
color: #a3c5d8;
font-family:Verdana;
text-transform:uppercase;
background: #c7e3e7;
border: 1px solid #8ec9d2;
}
.comment-header a{
color: #fff;
}

.avatar-image-container{ /* avatar do comentario */
float:right;
vertical-align:middle;
overflow:hidden;
width:65px !important;
height:51px !important;
max-width:65px !important;
max-height:51px !important}
.comments .avatar-image-container img{
padding0px;
width:45px !important;
height:45px !important;
;max-width:45px !important;
max-height:45px !important;
border-radius: 0px;
-webkit-transition-duration: .50s;
-webkit-animation-name: flipInX;
border: 1px solid #ffbec4 ;
}
.comments .avatar-image-container img:hover{
border-radius: 0px;
-webkit-animation-name: flipInX;
-webkit-animation-duration: .90s;
border-radius: 7px;
border:3px solid #c7e3e7;
}

Salve e modifique como quiser.

Muito obrigada pelos 1706 seguidores!