Códigos do 5º tutorial

Views:
CÓDIGO PERSONALIZADO DOS COMENTÁRIOS 
(que eu usei)


/*COMENTÁRIOS PERSONALIZADOS BY ELAINE GASPARETO (https://www.elainegaspareto.com)
----------------------------------------------- */
#comments h4, #comments .comment-author a, #comments .comment-timestamp a { /*HEADING DOS COMENTÁRIOS:"*/
color: #000000; /*COR DA FONTE DA HEADING DOS COMENTÁRIOS*/
font: 17px 'Montserrat'; /*Fonte do texto*/
text-align: center;
}
#comments {
background: #fff; /*COR DE FUNDO GERAL DOS COMENTÁRIOS*/
padding: 15px;
}
.comments .comment-block {
margin-left: 70px; /*ESPAÇO ENTRE O AVATAR E A ÁREA DO COMENTÁRIO*/
}
.comment-header {
background: #9587b8; /*COR DE FUNDO DO AUTOR DO COMENTÁRIO*/
padding: 3px;
}
.comment-header a {
color: #ffffff !important; /*COR DA FONTE DO AUTOR DO COMENTÁRIO*/
font: 15px 'Montserrat', sans serif; /*FONTE DO AUTOR DO COMENTÁRIO*/
font-weight: 400;
}
.comment-header a:hover {
color: #eeeeee !important; /*COR DA FONTE DO AUTOR DO COMENTÁRIO HOVER*/
text-decoration: none;
}
.comments .comments-content .datetime a{
font-size: 10px !important;
float: right;
line-height: 16px;
margin-top: 5px;
}
.comments .comments-content .comment-content{
margin-top: -10px;
position: relative;
background: #fff; /*FUNDO DA AREA DO COMENTÁRIO*/
border: 1px solid #9587b8; /*BORDA DA AREA DO COMENTÁRIO*/
border-top: 0px;
padding: 10px;
color: #222222; /*COR DO TEXTO DO COMENTÁRIO*/
font-size: 13px; /*TAMANHO DA FONTE DO COMENTÁRIO*/}
.comments .avatar-image-container {
/*MEDIDAS DO AVATAR */
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
background: #faf2ff; /*COR DA BORDA*/
padding: 5px; /*ESPESSURA DA BORDA*/}
.comments .avatar-image-container img{
/*MEDIDAS DO AVATAR- MANTENHA IGUAL ACIMA */
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
}
.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important;
}
.comments .comment .comment-actions a {
padding: 5px;
background: #9587b8; /*COR DOS BOTÕES*/
color: #fff !important; /*COR DA FONTE DOS BOTÕES*/
font: 15px 'Open Sans'; /*FONTE DOS BOTÕES*/
font-weight: 400 !important;
margin-right: 6px;
}
.comments .comment .comment-actions a:hover {
background: #faf2ff; /*COR DOS BOTÕES EM ESTADO HOVER*/
color: #000 !important; /*COR DA FONTE DOS BOTÕES EM ESTADO HOVER*/
text-decoration: none;}
.comments .continue { border-top: none;}
.comments .continue a {display: none;}
/* COMENTÁRIOS NUMERADOS
------------------------------------------------- */
.comment-thread ol {
counter-reset: contarcomentarios;
}
.comment-thread li:before {
content: counter(contarcomentarios,decimal);
counter-increment: contarcomentarios;
float: right;
font-size: 20px;
color: #000;
padding:10px;
position:relative;
z-index:2;
margin-top: 26px;
}
.comment-thread ol ol {
counter-reset: contarbis;
}
.comment-thread li li:before {
content: counter(contarcomentarios,decimal) "." counter(contarbis,lower-latin);
counter-increment: contarbis;
float: right;
font-size: 18px;
color:#ddd;
padding:10px;
position:relative;
z-index:2;
}
/*FINAL DO CÓDIGO COMENTÁRIOS PERSONALIZADOS E NUMERADOS*/


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage