/**======================================================================
002 AREA GERAL DOS COMMENTS
003 ========================================================================**/
004 @font-face {font-family:'Vibur';src:local('Vibur'), url('http://themes.googleusercontent.com/static/fonts/vibur/v4/e2dR39U2ZC6nUGtJrQCN9Q.woff') format('woff')}
005 .comments{
006 width:99% !important; /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
007 margin:0 auto;
008 font-style:normal !important;
009 font-size:12px !important; /* TAMANHO DO TEXTO - se ficar pequeno, aumente os pixels */
010 font-family:verdana !important; /* FONT DO TEXTO - se preferir troque */
011 background: #ffc9d2
012 color:#fff;
013 border-radius:10px;
014 }
015 /**=======================================================================
016 HEADING DOS COMMENTS (1 comentario, 2 comentários...)
017 ========================================================================**/
018 .comments h3,.comments h4{
019 width:98%;
020 padding:7px;
021 margin-bottom:10px;
022 color: #000000; /* COR DO TEXTO - se preferir troque */
023 font-family:'Vibur' !important;/* FONT-FAMILY - se preferir troque */
024 font-size:33px; /* TAMANHO DO TEXTO - se preferir troque */
025 }
026 /** ==================================================================
027 BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...)
028 ====================================================================**/
029 .comments .comment-block {
030 position:static !important; /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
031 background:transparent !important; /* COR DO FUNDO */
032 margin-left:23px;
033 padding:0 0 0 23px;
034 border-top:5px #ff1490 solid
035 }
036 .comments .comments-content .comment {
037 padding:20px 10px !important;
038 margin-bottom:15px !important
039 }
040 /* estilos para o nome do autor do comentário */
041 .comments .comments-content .user a{
042 font-style:normal;
043 border:0;
044 color: #000000!important;
045 text-shadow:0 1px #999;
046 font-family:'Vibur';
047 font-size:20px;
048 background:#ff1490;
049 padding:4px 26px;
050 margin-left:-8px;
051 border-bottom-right-radius:10px;margin-top:-2px
052 }
053 /* estilo da data */
054 .comments .comments-content .datetime a{
055 background:none !important;
056 font:bold 11px courier new;
057 float:right;
058 font-size:9px;
059 color:#aaa;
060 border:0 !important
061 }
062 /* estilo do avatar */
063 .avatar-image-container {position:absolute !important;
064 min-width:60px;
065 min-height:60px;
066 border:5px #ff1490 solid;
067 border-radius:60px;
068 padding:0 !important;
069 box-shadow:0 0 3px #ff1490;
070 margin-left:-9px !important;
071 margin-top:0 !important;
072 background:#fff;
073 overflow:hidden
074 }
075 .avatar-image-container img {
076 margin:0;
077 display:block;
078 max-height:60px;
079 min-height:60px;
080 max-width:60px;
081 min-width:60px;
082 padding:0 !important;
083 border-radius:60px;
084 border:0 !important;
085 overflow:hidden /* hack para evitar serrilhado na imagem */
086 }
087 /** ==================================================================
088 TEXTO DO COMENTÁRIO
089 ====================================================================**/
090 .comments blockquote{
091 background:transparent !important;
092 border:0 !important;
093 font-style:verdana !important;
094 font-size:14px !important;
095 font-family:courier new !important;
096 text-shadow:0 0 !important;
097 padding-left:20px !important;
098 color: #000000!important
099 }
100 /** ==================================================================
101 BOTÕES - RESPONDER, EXCLUIR
102 ====================================================================**/
103 /* botao responder do segundo nível */
104 .comments .continue a {
105 background: #db7093!important;
106 color: #000000!important;
107 float:right;
108 padding:3px6px!important;
109 height:24px;line-height:24px !important;
110 margin-top:-45px !important;
111 text-shadow:0 0 !important
112 }
113 /* botao responder do primeiro nível, mais estilos para o botao do segundo nível */
114 .comments .comment .comment-actions a,.comments .continue a {
115 font-size:13px !important;
116 color: #000000;
117 padding:4px 8px;
118 border:0 !important;
119 line-height:30px;
120 margin:5px;
121 margin-left:10px;
122 font-family:helvetica;
123 text-shadow: 0 1px #999;
124 border-radius: .5em;
125 background: #db7093;
126 font-weight:800;
127 box-shadow:inset 0 1px 2px #666
128 }
129 /* botao hover*/
130 .comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {
131 text-decoration:none !important;
132 padding-bottom:5px
133 }
134 /* botao excluir */
135 .comments .comment .item-control a{
136 color:#fff !important;
137 background:#777 !important;
138 text-shadow:0 1px #444
139 }
140 /* estilos para bloco de respostas */
141 .comments .comment-thread.inline-thread {
142 background-color:transparent !important;
143 padding:0.5em 1em;
144 border-radius:5px;
145 border:1px #ddd dashed !important
146 }
147 .comments .comments-content .comment-replies {
148 margin-top:1em;
149 margin-left:56px !important
150 }
151 .comments .continue {
152 border-top:0 !important
153 }
154 .comments .thread-toggle,.icon.blog-author {display:none !important}
155 /** ==================================================================
156 BONUS - estilos para formatação do texto dos comments
157 ====================================================================**/
158 .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}
159 .comments .comments-content em{font:normal 12px 'segoe script';color:#fff}
160 .comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}
161 .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}
162 /** ==================================================================
163 Fim [by Gizaa// http://candylland.blogspot.com]
164 ====================================================================**/
Nenhum comentário:
Postar um comentário