Skip to content

Instantly share code, notes, and snippets.

@sudipbd
Last active December 1, 2016 08:06
Show Gist options
  • Save sudipbd/6bee601ab28095c0c94ecd6283b3a858 to your computer and use it in GitHub Desktop.
Save sudipbd/6bee601ab28095c0c94ecd6283b3a858 to your computer and use it in GitHub Desktop.
WordPress comments CSS
ol.commentlist{
margin: 10px 5px;
padding: 10px;
}
.commentlist .comment-body{
padding: 10px;
background: #EFEFEF;
border: solid thin #DEDEDE;
margin: 10px 0;
position: relative;
}
.comment-body a.comment-reply-link{
position: absolute;
top: 10px;
right: 10px;
color: #AEAEAE;
}
ol.commentlist li{
list-style: none;
}
ol.commentlist img.avatar{
padding: 5px;
background: #DEDEDE;
border: solid thin #CECECE;
float: left;
display: block;
margin: 15px;
width: 32px;
height: 32px;
}
ol.commentlist .comment-author{
line-height: 25px;
}
.comment-body cite.fn{
font-size: 14px;
font-style: normal;
}
.commentmetadata a{
margin: 0;
font-size: 11px;
color: #999;
}
.comment-body p{
margin: 5px;
}
.comment-body .comment-author.vcard{
margin: 0;
}
.comment.depth-2 {margin-left: 5%;}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:9px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment