/* Comments
----------------------------------------------- */
#comments {
width: 95% !important; /* largura da caixa de postagem*/
background: #fff; /* cor de fundo da área geral de comentário */
padding: 15px;
margin:0 auto;
font-style: normal !important;
font-size: 12px !important;/* tamanho da fonte*/
font-family: verdana !important;/* tipo da fonte*/
border-radius: 10px; /* bordas arredondadas no fundo; retire se não quiser*/
}
/**==Titulo dos comentarios ==**/
.comments h3,.comments h4{
width: 98%;
padding: 7px;
margin: 10px 0 !important;
color: #896ea7 !important; /* cor da fonte */
text-decoration:none;
text-align: center; /* alinhamento */
text-shadow:0 0 2px #ccc; /* sombra */
}
/**==Area dos comentarios ==**/
.comments .comments-content .comment-content {
font-family: Trebuchet MS; /* fonte dos comentário */
font-size: 13px; /* tamanho da fonte do texto */
color:#7a6691; /* cor da fonte do comentário */
text-shadow:1px 1px 0px #eaddec;
text-decoration:none;
background: #d9cae0; /* cor do fundo do comentário */
padding: 7px;
margin-top: -8px;
outline-style:dashed;
outline-width: 1px;
outline-color: #fff; /* cor da linha pontilhada */
outline-offset: -3px;
}
/**==Area nome do autor do comentário ==**/
#comments .comment-header {
padding: 5px;
margin-top: 3px;
background: #896ea7; /* cor de fundo do nome de quem comentou */
}
#comments .comment-header a{
color:#624d7d; /* cor do nome de quem comentou */
font-family: georgia;
font-weight: normal;
text-decoration:none;
text-shadow:1px 1px 0px #9679b7;/* sombra do nome de quem comentou */
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
/**==Avatar dos comentarios ==**/
.avatar-image-container {
border: 1px solid #c2a4ca; /* cor da borda do avatar */
padding: 2px;
margin: .2em 0 0;
}
/**==Area da data ==**/
#comments .comments-content .datetime a{
float: right;
margin-top: 4px;
font-family: Trebuchet MS;
font-size: 9px;
text-decoration:none;
text-transform: uppercase;
color:#624d7d; /* cor da fonte da data */
text-shadow:1px 1px 0px #9679b7; /* sombra da data */
}
/**==Botão responder ==**/
.comments .continue {
}
.comments .comment .comment-actions a,.comments .comment .continue a{
float: right;
display:inline-block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 0px;
padding:0 15px;
color:#fff !important; /* cor da fonte do botão de resposta */
font-family:Smallest;
font-size: 10px;
text-align:center;
text-decoration:none;
outline-style:dashed;
outline-width: 1px;
outline-color: #ddd8e4; /* cor da linha pontilhada */
outline-offset: -3px;
border-radius:3px;
-moz-border-radius:3px;
background: #896ea7; /* fundo do botão */
border: 1px solid #896ea7;
height:20px;
line-height:20px;
font-weight:normal;
cursor:pointer;
}
/**==Botão responder hover ==**/
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover{
float: right;
display:inline-block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 0px;
padding:0 15px;
color:#fff !important; /* cor da fonte do botão de resposta */
font-family:Smallest;
font-size: 10px;
text-align:center;
text-decoration:none;
border-radius:3px;
outline-style:dashed;
outline-width: 1px;
outline-color: #896ea7; /* cor da linha pontilhada */
outline-offset: -3px;
border-radius:3px;
-moz-border-radius:3px;
background: #d9cae0; /* fundo do botão */
border: 1px solid #d9cae0;
height:20px;
line-height:20px;
font-weight:normal;
cursor:pointer;
}
