sábado, 22 de setembro de 2012

estilos comentarios

o css não funciona  :(

codigo está pronto, vc só precisa copiar e colar no seu template acima da tag ]]></b:skin>
E outra: tem tudo explicadinho em cada seletor pra vcs que quizerem editar ok?
DICA: clique em copiar no canto direito do código, irá abrir um pop-up com o codigo sem os numeros !

Estilo 1 (black purple):




/**======================================================================
AREA GERAL DOS COMMENTS 
========================================================================**/
@font-face {font-family:'Vibur';src:local('Vibur'), url('http://themes.googleusercontent.com/static/fonts/vibur/v4/e2dR39U2ZC6nUGtJrQCN9Q.woff') format('woff')}

.comments{
width:99% !important; /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#000 !important /* COR DO FUNDO */;
color:#fff;
border-radius:10px;
}


/**=======================================================================
HEADING DOS COMMENTS (1 comentario, 2 comentários...)
========================================================================**/

.comments h3,.comments h4{
width:98%;
padding:7px;
margin-bottom:10px;
color:#87a; /* COR DO TEXTO - se preferir troque */
font-family:'Vibur' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px !important; /* TAMANHO DO TEXTO - se preferir troque */
}


/** ==================================================================
BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...) 
====================================================================**/

.comments .comment-block {
position:static !important; /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:transparent !important; /* COR DO FUNDO */
margin-left:23px;
padding:0 0 0 23px;
border-top:5px #87a solid
}

.comments .comments-content .comment {
padding:30px 10px !important;
margin-bottom:15px !important;
}

/* estilos para o nome do autor do comentário */
.comments .comments-content .user a,.comments .comments-content .user {
font-style:normal;
border:0;
color:#fff !important;
text-shadow:0 1px #999;
font-family:'Vibur';
font-size:20px;
background:#87a;
padding:4px 26px;
margin-left:-8px;
border-bottom-right-radius:10px;margin-top:-2px
}

/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:9px;
color:#aaa;
border:0 !important
}


/* estilo do avatar */
.avatar-image-container {
min-width:60px; /* determina um minimo de largura */
min-height:60px; /* determina um minimo de altura */
border:5px #87a solid; /* borda */
border-radius:60px; /* arredondamento */
padding:0 !important;
box-shadow:0 0 3px #87a; /* sombra */
margin-left:-9px !important;
margin-top:0 !important;
position:absolute !important;
overflow:hidden /* hack para evitar serrilhado na imagem */
}

.avatar-image-container img {
margin:0;
max-height:60px;
min-height:60px;
max-width:60px;
min-width:60px;
padding:0 !important;
border-radius:60px; /* arredondamento */
overflow:hidden;
border:0 !important;
overflow:hidden /* hack para evitar serrilhado na imagem */
}

/** ==================================================================
TEXTO DO COMENTÁRIO 
====================================================================**/

.comments p{
border:0 !important;
font-style:normal !important;
font-size:12px !important;
font-family:courier new !important;
text-shadow:0 0 !important;
padding-left:30px !important;
color:#eee !important
}

/** ==================================================================
BOTAO - RESPONDER
====================================================================**/

/* botao responder do segundo nível */
.comments .continue a {
background:#fff !important;
color:#777 !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, mais estilos para o botao do segundo nível */
.comments .comment .comment-actions a,.comments .continue a {
font-size:11px !important;
color:#fff;
padding:3px 6px;
border:0 !important;
line-height:30px;
margin:5px;
margin-left:10px;
font-family:helvetica;
text-shadow: 0 1px #999;
border-radius: .5em;
background: #87a;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}

/* 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 #ddd dashed
}

.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}

/** ==================================================================
BONUS - estilos para formatação do texto dos comments
====================================================================**/

.comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;font-weight:400}
.comments .comments-content em{font:normal 12px 'segoe script';color:#fff}
.comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}
.comments .comments-content strong {margin:10px 0;border:1px #fff 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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}


/** ==================================================================
Fim [by Gizaa// http://candylland.blogspot.com]
====================================================================**/






Estilo 2 (black pink):




/**======================================================================
AREA GERAL DOS COMMENTS
========================================================================**/
@font-face {font-family:'Vibur';src:local('Vibur'), url('http://themes.googleusercontent.com/static/fonts/vibur/v4/e2dR39U2ZC6nUGtJrQCN9Q.woff') format('woff')}
.comments{
width:99% !important; /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#000 !important/* COR DO FUNDO */;
color:#fff;
border-radius:10px;
}
/**=======================================================================
HEADING DOS COMMENTS (1 comentario, 2 comentários...)
========================================================================**/
.comments h3,.comments h4{
width:98%;
padding:7px;
margin-bottom:10px;
color:#ff1499; /* COR DO TEXTO - se preferir troque */
font-family:'Vibur' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px !important; /* TAMANHO DO TEXTO - se preferir troque */
}
/** ==================================================================
BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...)
====================================================================**/
.comments .comment-block {
position:static !important; /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:transparent !important; /* COR DO FUNDO */
margin-left:23px;
padding:0 0 0 30px;
border-top:5px #ff1490 solid
}
.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}
/* estilos para o nome do autor do comentário */
.comments .comments-content .user a,.comments .comments-content .user{
font-style:normal;
border:0;
color:#fff !important;
text-shadow:0 1px #999;
font-family:'Vibur';
font-size:20px;
background:#ff1490;
padding:4px 36px;
margin-left:-8px;
border-bottom-right-radius:10px;margin-top:-2px
}
/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:9px;
color:#aaa;
border:0 !important
}
/* estilo do avatar */
.avatar-image-container {position:absolute !important;
min-width:60px;
min-height:60px;
border:5px #ff1490 solid;
border-radius:60px;
padding:0 !important;
box-shadow:0 0 3px #ff1490;
margin-left:-9px !important;
margin-top:0 !important;
background:#fff;
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-size:12px !important;
font-family:courier new !important;
text-shadow:0 0 !important;
padding-left:20px !important;
color:#eee !important
}
/** ==================================================================
BOTAO - RESPONDER
====================================================================**/
/* botao responder do segundo nível */
.comments .continue a {
background:#fff !important;
color:#777 !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, mais estilos para o botao do segundo nível */
.comments .comment .comment-actions a,.comments .continue a {
font-size:11px !important;
color:#fff;
padding:3px 6px;
border:0 !important;
line-height:30px;
margin:5px;
margin-left:10px;
font-family:helvetica;
text-shadow: 0 1px #999;
border-radius: .5em;
background: #ff1490;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}
/* 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 #ddd 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}
/** ==================================================================
BONUS - estilos para formatação do texto dos comments
====================================================================**/
.comments .comments-content a{background:#999 url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;font-weight:400}
.comments .comments-content em{font:normal 12px 'segoe script';color:#fff}
.comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}
.comments .comments-content strong {margin:10px 0;border:1px #fff 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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}
/** ==================================================================
Fim [by Gizaa// http://candylland.blogspot.com]
====================================================================**/




Estilo 3 (black teen color):




/**======================================================================
AREA GERAL DOS COMMENTS 
========================================================================**/
@font-face {font-family: 'Lilita One';src:local('Lilita One'),local('LilitaOne'),url('http://themes.googleusercontent.com/static/fonts/lilitaone/v1/4FUUC-PxqHfbmE-DcA6LXBsxEYwM7FgeyaSgU71cLG0.woff') format('woff')}

.comments{
width:99% !important; /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#000 !important /* COR DO FUNDO */;
color:#fff;
border-radius:10px;
}

/**=======================================================================
HEADING DOS COMMENTS (1 comentario, 2 comentários...)
========================================================================**/
.comments h3,.comments h4{
width:98%;
padding:7px;
margin-bottom:10px;
color:rgb(255,204,0); /* COR DO TEXTO - se preferir troque */
font-family:'Lilita One' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px !important; /* TAMANHO DO TEXTO - se preferir troque */
}
/** ==================================================================
BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...) 
====================================================================**/
.comments .comment-block {
position:static !important; /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:transparent !important; /* COR DO FUNDO */
margin-left:23px;
padding:0 0 0 30px;
border-top:5px rgb(255,204,0) solid
}

.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}

/* estilos para o nome do autor do comentário */
.comments .comments-content .user a,.comments .comments-content .user{
font-style:normal;
border:0;
color:#ff1490 !important;
text-shadow:0 1px #fff;
font-family:'Lilita One';
font-size:20px;
background:rgb(255,204,0);
padding:4px 36px;
margin-left:-8px;
border-bottom-right-radius:10px;margin-top:-2px
}

/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:10px;
color:rgb(255,204,0);
border:0 !important
}


/* estilo do avatar */
.avatar-image-container {
min-width:75px; /* determina um minimo de largura */
min-height:75px; /* determina um minimo de altura */
border:5px rgb(255,204,0) solid; /* borda */
border-radius:60px; /* arredondamento */
padding:0 !important;
margin-left:-8px !important;
margin-top:0 !important;
position:absolute !important;
overflow:hidden /* hack para evitar serrilhado na imagem */;
background:#87a;
}

.avatar-image-container img {
border:7px #87a solid;
margin:0;
max-height:60px;
min-height:60px;
max-width:60px;
min-width:60px;
border-radius:60px; /* arredondamento */
}
/** ==================================================================
TEXTO DO COMENTÁRIO 
====================================================================**/

.comments p{
font-size:12px !important;
font-family:trebuchet ms !important;
text-shadow:0 0 !important;
padding-left:30px !important;
color:#eee !important
}

/** ==================================================================
BOTAO - RESPONDER
====================================================================**/

/* botao responder do segundo nível */
.comments .continue a {
background: rgb(255,204,0) !important;
color:#ff1490 !important;
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-45px !important;
text-shadow:0 1px #fff !important
}

/* botao responder do primeiro nível, mais estilos para o botao do segundo nível */
.comments .comment .comment-actions a,.comments .continue a {
font-size:11px !important;
color:#fff;
padding:3px 6px;
border:0 !important;
line-height:30px;
margin:5px;
margin-left:10px;
font-family:helvetica;
text-shadow: 0 1px #999;
border-radius: .5em;
background: #87a;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}

/* 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 #ddd dashed
}

.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}

/** ==================================================================
BONUS - estilos para formatação do texto dos comments
====================================================================**/

.comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;font-weight:400}
.comments .comments-content em{font:normal 12px 'segoe script';color:#fff}
.comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}
.comments .comments-content strong {margin:10px 0;border:1px #fff 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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}

/** ==================================================================
Fim [by Gizaa// http://candylland.blogspot.com]
====================================================================**/





Estilo 4 (light teen color):




/**======================================================================
AREA GERAL DOS COMMENTS
========================================================================**/
@font-face {font-family: 'Lilita One';src:local('Lilita One'),local('LilitaOne'),url('http://themes.googleusercontent.com/static/fonts/lilitaone/v1/4FUUC-PxqHfbmE-DcA6LXBsxEYwM7FgeyaSgU71cLG0.woff') format('woff')}
.comments{
width:99% !important; /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#fff url(http://2.bp.blogspot.com/-iJ1LK15jHAY/Ty7rXjEFSnI/AAAAAAAABQE/Hau4ICCb_m0/s1600/ghfh.jpg) !important;
border-radius:10px;
}
/**=======================================================================
HEADING DOS COMMENTS (1 comentario, 2 comentários...)
========================================================================**/
.comments h3,.comments h4{
text-shadow:0 1px #666;
width:98%;
padding:7px;
margin-bottom:10px;
color:rgb(255,204,0); /* COR DO TEXTO - se preferir troque */
font-family:'Lilita One' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px !important; /* TAMANHO DO TEXTO - se preferir troque */
}
/** ==================================================================
BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...)
====================================================================**/
.comments .comment-block {
position:static !important; /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:#fff; /* COR DO FUNDO */
margin-left:28px;
padding:0 15px 5px 23px;
border-top:5px rgb(255,204,0) solid;
border-bottom-left-radius:30px;
border-bottom-right-radius:5px;
box-shadow:0 0 3px #aaa
}
.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}
/* estilos para o nome do autor do comentário */
.comments .comments-content .user a{
background:none !important;
font-style:normal;
border:0;
color:#ff1490 !important;
text-shadow:0 1px #fff;
font-family:'Lilita One';
font-size:20px;
border-bottom-right-radius:10px;margin-top:-2px
}
.comments .comments-content .user{
font-style:normal;
border:0;
color:#ff1490 !important;
text-shadow:0 1px #fff;
font-family:'Lilita One';
font-size:20px;
background:rgb(255,204,0);
padding:4px 36px;
border-bottom-right-radius:10px;margin-top:-2px
}

/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:10px;
color:rgb(255,204,0);
border:0 !important
}
/* estilo do avatar */
.avatar-image-container {
min-width:75px; /* determina um minimo de largura */
min-height:75px; /* determina um minimo de altura */
border:5px rgb(255,204,0) solid; /* borda */
border-radius:60px; /* arredondamento */
padding:0 !important;
margin-left:-6px !important;
margin-top:0 !important;
position:absolute !important;
overflow:hidden /* hack para evitar serrilhado na imagem */;
background:#87a;
}
.avatar-image-container img {
border:7px #87a solid;
margin:0;
max-height:60px;
min-height:60px;
max-width:60px;
min-width:60px;
border-radius:60px; /* arredondamento */
}
/** ==================================================================
TEXTO DO COMENTÁRIO
====================================================================**/
.comments p{
background:transparent !important;
border:0 !important;
font-style:normal !important;
font-size:12px !important;
font-family:trebuchet ms !important;
text-shadow:0 1px #ddd !important;
padding-left:40px !important;
color:#666 !important
}
/** ==================================================================
BOTAO - RESPONDER
====================================================================**/
/* botao responder do segundo nível */
.comments .continue a {
background: rgb(255,204,0) !important;
color:#ff1490 !important;
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-40px !important;
text-shadow:0 1px #fff !important
}
/* botao responder do primeiro nível, mais estilos para o botao do segundo nível */
.comments .comment .comment-actions a,.comments .continue a {
font-size:11px !important;
color:#fff;
padding:3px 6px;
border:0 !important;
line-height:40px;
margin:5px;
margin-left:15px;
font-family:helvetica;
text-shadow: 0 1px #999;
border-radius: .5em;
background: #87a;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}
/* 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 #ddd dashed
}
.comments .comments-content .comment-replies {
margin-top:1em;
margin-left:56px !important
}
.comments .continue {
border-top:0 !important;
margin-top:10px !important
}
.comments .thread-toggle,.icon.blog-author {display:none !important}

/** ==================================================================
BONUS - estilos para formatação do texto dos comments
====================================================================**/
.comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;font-weight:400}
.comments .comments-content em{font:normal 12px 'segoe script';color:#fff}
.comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}
.comments .comments-content strong {margin:10px 0;border:1px #fff 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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}
/** ==================================================================
Fim [by Gizaa// http://candylland.blogspot.com]
====================================================================**/





Estilo 5 (black orange pink):




/**======================================================================
AREA GERAL DOS COMMENTS 
========================================================================**/
@font-face {font-family: 'Lilita One';src:local('Lilita One'),local('LilitaOne'),url('http://themes.googleusercontent.com/static/fonts/lilitaone/v1/4FUUC-PxqHfbmE-DcA6LXBsxEYwM7FgeyaSgU71cLG0.woff') format('woff')}

.comments{
width:99% !important; /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
background:#000;
border-radius:10px;
}
/**=======================================================================
HEADING DOS COMMENTS (1 comentario, 2 comentários...)
========================================================================**/

.comments h3,.comments h4{
width:98%;
padding:7px;
margin-bottom:10px;
color:#f90; /* COR DO TEXTO - se preferir troque */
font-family:'Lilita One' !important;/* FONT-FAMILY - se preferir troque */
font-size:33px; /* TAMANHO DO TEXTO - se preferir troque */
}
/** ==================================================================
BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...) 
====================================================================**/

.comments .comment-block {
position:static !important; /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
background:#666; /* COR DO FUNDO */
margin-left:23px;
padding:0 15px 0 23px;
border-top:5px #f90 solid;
border-bottom:5px #f90 solid;
border-left:5px #f90 solid;
border-top-left-radius:30px;
border-top-right-radius:5px;
border-bottom-left-radius:30px;
border-bottom-right-radius:5px;
box-shadow:inset 0 0 11px #888
}

.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}

/* estilos para o nome do autor do comentário */
.comments .comments-content .user a,.comments .comments-content .user{
font-style:normal;
border:0;
color:#ff1499 !important;
text-shadow:0 -1px 1px #87a;
letter-spacing:1px;
font-family:'Lilita One';
font-size:20px;
background:transparent;
padding:4px 36px;
margin-left:-8px;
border-bottom-right-radius:10px;margin-top:-2px
}

/* estilo da data */
.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:10px;
color:rgb(255,204,0);
border:0 !important
}


/* estilo do avatar */
.avatar-image-container {
min-width:75px; /* determina um minimo de largura */
min-height:75px; /* determina um minimo de altura */
border:5px #f90 solid; /* borda */
border-radius:80px; /* arredondamento */
padding:0 !important;
margin-left:-3px !important;
margin-top:10px !important;
position:absolute !important;
overflow:hidden !important;
background:#f90;
}

.avatar-image-container img {
border:7px #ff1499 solid;
margin:0;
max-height:60px;
min-height:60px;
max-width:60px;
min-width:60px;
border-radius:60px; /* arredondamento */
}
/** ==================================================================
TEXTO DO COMENTÁRIO 
====================================================================**/

.comments p{
font-size:12px !important;
font-family:trebuchet ms !important;
text-shadow:0 1px #000 !important;
padding-left:40px !important;
color:#eee !important
}

/** ==================================================================
BOTAO - RESPONDER
====================================================================**/

/* botao responder do segundo nível */
.comments .continue a {
background: #f90 !important;
color:#000 !important;
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-45px !important;
text-shadow:0 1px #fff !important
}

/* botao responder do primeiro nível, mais estilos para o botao do segundo nível */
.comments .comment .comment-actions a,.comments .continue a {
font-size:11px !important;
color:#fff;
padding:3px 6px;
border:0 !important;
line-height:30px;
margin:5px;
margin-left:40px;
font-family:helvetica;
text-shadow: 0 1px #999;
border-radius: .5em;
background: #f90;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}

/* 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 #ff1499 dashed
}

.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}

/** ==================================================================
BONUS - estilos para formatação do texto dos comments
====================================================================**/

.comments .comments-content a{background:#87a url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;padding-right:3px;font-weight:400}
.comments .comments-content em{font:normal 12px 'segoe script';color:#fff}
.comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}
.comments .comments-content strong {margin:10px 0;border:1px #fff 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:#000;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}
/** ==================================================================
Fim [by Gizaa// http://candylland.blogspot.com]
====================================================================**/

***atualizados e corrigidos em 01/04/2012***

Nenhum comentário:

Postar um comentário