Enjoy the html: Modelos de comentarios kawaii world I

Ola pessoal achei do kawaii world um blog muito antigo que era de uma pessoa, e essa cobraçanda me mata, to salvando para ela também, e pra vocês usarem ela perdeu to ajudando também

Procure por /* Comments, e abaixo cole os dois modelos do kawaii world que eu encontrei

.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:20px;font-size:11px;
font-family: tahoma;}
.comments .comments-content{margin-bottom:25px;font-weight:normal;text-align:left;
font-color: #ff00ff;}
.comments .comments-content .icon.blog-author{
position:absolute;top: -2px;right: 150px;margin:0;background-image: url(https://web.archive.org/web/20130126194128im_/http://i1234.photobucket.com/albums/ff411/SweetLG/100-1.png);width:32px;height:36px}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 5px 580px;
padding:0 5px;
color:#ffffff!important; /*--- cor da fonte do botão reply--- */
text-align: center;
text-decoration:none;
background: #9ba6c5; /*--- cor de fundo do botão reply--- */
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #959cae), color-stop(1, #adb4c6) ); /*--- cor de fundo gradiente--- */
background: -moz-linear-gradient( center top, #959cae 20%, #adb4c6 100% );/*--- cor de fundo gradiente--- */
border-radius:2px;
-moz-border-radius:2px;
height:25px;
line-height:26px;
font-weight:normal;
cursor:pointer;
-webkit-transition-duration: .50s;
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #7a7f8d), color-stop(1, #b2b7c7) ); /*--- cor de fundo gradiente--- */
background: -moz-linear-gradient( center top, #7a7f8d 20%, #b2b7c7 100% );/*--- cor de fundo gradiente--- */
-webkit-transition-duration: .50s;
}
.comments .comments-content .comment-thread ol{
list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:50px;}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative;
}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{font-weight:normal;text-decoration:none;}
.comments .comments-content .datetime a{
font-size:11px;
float: right;
text-decoration:none; color:#9aa1b4; /* -- cor do link da data do comentário -- */
-webkit-transition-duration: .50s;
}
.comments .comments-content .datetime a:hover{
font-size:11px;
float: right;
text-decoration:none; color:#646f8e; /* -- cor do link da data do comentário -- */
-webkit-transition-duration: .50s;
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background:#fff; /* -- cor de fundo do comentário -- */
border:1px solid #d8d5d5; /* --- cor da borda do comentário ---*/
border-radius:1px;
-moz-border-radius:1px;
}
.comment-header{ /*--- linha onde fica o nome do autor do comentário --- */
background-color:#f6f6f6; /*--- cor de fundo--- */
font-size:14px;
border-bottom:1px solid #d8d5d5; /*--- cor da borda --- */
padding:5px;
}
.comment-header a{
color: #666666; /*--- cor do link nome do autor do comentario --- */
-webkit-transition-duration: .50s;
}
.comment-header a:hover{
color: #ff5484; /*--- cor do link nome do autor do comentario --- */
-webkit-transition-duration: .50s;
}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.avatar-image-container{
width:55px !important;
height:55px !important;
max-width:55px !important;
max-height:55px !important}
.comments .avatar-image-container img{
padding:2px;
border:1px solid #d6d4d4;
width:40px !important;
height:40px !important
;max-width:40px !important;
max-height:40px !important;
-webkit-border-radius: 1px;
-webkit-transition-duration: .50s;
}
.comments .avatar-image-container img:hover{
padding:2px;
border:1px solid #8b97ae;
width:40px !important;
height:40px !important
;max-width:40px !important;
max-height:40px !important;
-webkit-border-radius: 1px;
-webkit-transition-duration: .50s;
}

Modelo de comentario II

.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:20px;font-size:11px;
font-family: tahoma;}
.comments .comments-content{margin-bottom:25px;font-weight:normal;text-align:left;
font-color: #938f87;}
.comments .comments-content .icon.blog-author{
position:absolute;top: -2px;right: 150px;margin:0;background-image: url(https://web.archive.org/web/20130404010552im_/http://static.tumblr.com/0xqvkot/f9Nmjf1ct/399.png);width:32px;height:36px}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 20px 10px 10px;
padding:0 5px;
color:#ffffff!important; /*--- cor da fonte do botão reply--- */
text-align: center;
text-decoration:none;
background: #f9b0c1; /*--- cor de fundo do botão reply--- */
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #f9b0c1), color-stop(1, #e6e1d0) ); /*--- cor de fundo gradiente--- */
background: -moz-linear-gradient( center top, #f9b0c1 20%, #e6e1d0 100% );/*--- cor de fundo gradiente--- */
border-radius:2px;
-moz-border-radius:2px;
box-shadow: -webkit-box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.15);
box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.15);
height:25px;
line-height:26px;
font-weight:normal;
cursor:pointer;
-webkit-transition-duration: .50s;
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #cfab7d), color-stop(1, #a88860) ); /*--- cor de fundo gradiente--- */
background: -moz-linear-gradient( center top, #cfab7d 20%, #a88860 100% );/*--- cor de fundo gradiente--- */
-webkit-transition-duration: .50s;
}
.comments .comments-content .comment-thread ol{
list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:20px;}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative;
}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{font-weight:normal;text-decoration:none;}
.comments .comments-content .datetime a{
font-size:11px;
float: right;
text-decoration:none; color:#cfab7e; /* -- cor do link da data do comentário -- */
-webkit-transition-duration: .50s;
}
.comments .comments-content .datetime a:hover{
font-size:11px;
float: right;
text-decoration:none; color:#c28b98; /* -- cor do link da data do comentário -- */
-webkit-transition-duration: .50s;
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background:#fff; /* -- cor de fundo do comentário -- */
border:1px solid #d8d5d5; /* --- cor da borda do comentário ---*/
border-radius:1px;
-moz-border-radius:1px;
box-shadow: inset 0 0 10px #ecebeb, 0 0 5px #d2d1d3;
}
.comment-header{ /*--- linha onde fica o nome do autor do comentário --- */
background-color:#f6f6f6; /*--- cor de fundo--- */
font-size:12px;
border-bottom:1px solid #d8d5d5; /*--- cor da borda --- */
padding:5px;
}
.comment-header a{
color: #aa967d; /*--- cor do link nome do autor do comentario --- */
-webkit-transition-duration: .50s;
}
.comment-header a:hover{
color: #c76e82; /*--- cor do link nome do autor do comentario --- */
-webkit-transition-duration: .50s;
}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.4em;
padding-right:4px;
}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.avatar-image-container{
width:55px !important;
height:55px !important;
max-width:55px !important;
max-height:55px !important}
.comments .avatar-image-container img{
padding:2px;
border:1px solid #d6d4d4;
width:40px !important;
height:40px !important
;max-width:40px !important;
max-height:40px !important;
-webkit-border-radius: 1px;
-webkit-transition-duration: .50s;
}
.comments .avatar-image-container img:hover{
padding:2px;
border:1px solid #ef7094;
width:40px !important;
height:40px !important
;max-width:40px !important;
max-height:40px !important;
-webkit-border-radius: 1px;
opacity: 0.5;
-webkit-transition-duration: .50s;
}

Eu espero que vocês tenham gostado desses dois modelos dou um jeito de encontrar mais nos blogs perdido da mesma, ela quer voltar da uma forcinha para ela com os creditos

Modelos de comentarios kawaii world I

Nenhum comentário:

Postar um comentário