Códigos comentários

/*-----PERSONALIZAÇÃO COMENTÁRIOS-----*/
.comments{ width:90% !important;
margin:0 auto; 
font: 1em normal  "arial"!important; 
background:#ffffff !important; 
color:#ffffff; 
border-radius:50px;
}
/*Heading*/
.comments h3,.comments h4{ width:98%; 
padding:7px; 
margin-bottom:5px; 
color:#000000;
font: 18px "arial" !important;
}
/*Bloco*/
.comments .comment-block { position:static !important;
background:#ffffff;
margin-left:28px; 
padding:0 15px 5px 23px; 
border-top:5px #D4346E solid; 
border-bottom-left-radius:30px; 
border-bottom-right-radius:5px; 
box-shadow:0 0 10px #888888}
.comments .comments-content .comment { padding:5px 10px !important; 
margin-bottom:5px !important
}
/* Estilos nome autor do comentário */
.comments .comments-content .user a,.comments .comments-content .user{ font-style:bold; 
border:0; 
color:#000000 !important; 
font: 28px "cookie"; 
background:#D4346E; 
padding:4px 36px; 
margin-left:-8px; 
border-bottom-right-radius:10px;margin-top:-2px
}
/* Estilo da data */
.comments .comments-content .datetime a{ background: transparent !important; 
font: 9px bold  arial; 
float:right; 
color:#000000; border:0 !important
}
/* Estilo do avatar */
.avatar-image-container {position:absolute !important; 
min-width:60px; 
min-height:60px; 
border:5px #D4346E solid; 
border-radius:60px; 
padding:0 !important; 
box-shadow:0 0 3px #D4346E; 
margin-left:-9px !important; 
margin-top:0 !important; 
background:#ffffff; 
overflow:hidden }
.avatar-image-container img { margin:0; 
display:block; 
max-height:60px; 
min-height:60px; 
max-width:60px; 
min-width:60px; 
padding:0 !important; 
border-radius:60px; 
border:0 !important; 
overflow:hidden /* hack para evitar serrilhado na imagem */
}
/*Texto do Comentário*/
.comments p{ font:-1em "arial" !important; 
text-shadow:0 0 !important; 
padding-left:20px !important; 
color:#000000 !important
}
/* Botao responder do segundo nível*/
.comments .continue a { background:#fff !important; 
color:#000000 !important; 
float:right; 
padding:2px 4px!important; 
height:23px;line-height:23px !important; 
margin-top:-45px !important; 
text-shadow:0 0 !important
}
/* botao responder do primeiro nível*/
.comments .comment .comment-actions a,.comments .continue a { font:1em "arial"!important; 
color:#ffffff; 
padding:3px 6px; 
border:0 !important; 
line-height:30px; 
margin:5px; 
margin-left:10px; 
text-shadow: 0 0px #000000; 
border-radius: .5em; 
background: #D4346E; 
font-weight:800; 
box-shadow:inset 0 1px 2px #000000
}
/*Botao hover*/
.comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover { text-decoration:none !important; 
padding-bottom:4px
}
/* Estilos para bloco de respostas */
.comments .comment-thread.inline-thread { background-color:transparent !important; padding:0.5em 1em; 
border-radius:5px; 
border:1px #000000 dashed !important}
.comments .comments-content .comment-replies { margin-top:1em; 
margin-left:56px !important }
.comments .continue { border-top:0 !important }
.comments .thread-toggle,.icon.blog-author {display:none !important
}
/*Estilos texto dos comments*/
.comments .comments-content a{background:#000000 url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;
color:#000000;
padding-left:15px;
font-weight:800} .comments .comments-content em{font:normal 10px 'segoe script';
color:#ffffff}
.comments .comments-content b{font:bold 11px 'arial';
color:#000000;
text-shadow:0 0} .comments .comments-content strong {margin:10px 0;
border:1px #fffffff solid;
background:url(http://2.bp.blogspot.com/-rRFTCvBi0A4/TwXcVciZO0I/AAAAAAAAWzM/K2dXpNdjcaw/s1600/code.jpg);overflow:auto;width:98%;
position:relative;
border-radius:10px;
box-shadow:0 0 5px rgb(199,198,166);
color:#000000;
display:block;
padding:5px 12px;
text-shadow:0 1px #ffffff;
line-heigth:18px;
font-size:22px
}
/*-----Fim Código Comentários-----*/
}

0 comentários:

Postar um comentário