Skip to content

Instantly share code, notes, and snippets.

@wichaksono wichaksono/comment.css
Last active Mar 28, 2016

Embed
What would you like to do?
/* Comments */
.comment-container {
border-top:1px solid #ddd;
margin-top:40px;
}
h3#comments {
font-size:18px;
}
.navigation {}
ol.commentlist {
padding:0;
}
ol.commentlist li {
list-style:none;
padding-top:10px;
padding-bottom:20px;
}
ol.commentlist li .childern {}
ol.commentlist li .comment-body .comment-meta {
position:relative;
}
ol.commentlist li .comment-body .comment-meta:after {
content: "";
display:table;
clear:both;
margin-bottom:8px;
}
ol.commentlist li .comment-body .comment-meta .comment-author {
float: left;
}
ol.commentlist li .comment-body .comment-meta .comment-author .fn {
position:absolute;
top:0;
left:40px
}
ol.commentlist li .comment-body .comment-meta .comment-author .says {
display:none;
}
ol.commentlist li .comment-body .comment-meta .comment-metadata {
padding-top: 20px;
padding-left: 40px;
font-size:12px;
font-style:italic;
}
ol.commentlist li .comment-body .comment-meta .comment-awaiting-moderation {
padding:20px;
margin-bottom:-10px;
font-style:italic;
}
ol.commentlist li .comment-body .comment-meta .comment-metadata a {
color: #827F7F;
}
ol.commentlist li .comment-body .comment-content {}
ol.commentlist li .comment-body .comment-content .reply {}
.navigation {}
div#respond h3 {font-size: 18px;}
/* form comments */
form#commentform {}
form#commentform input {
padding:5px;
}
input#author {}
input#email {}
input#url {}
textarea#comment {
width:70%;
padding: 5px;
}
input#submit {
border: 0 none;
padding: 18px 24px;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 160px;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
text-align: center;
line-height: 1.3;
font-size: 14px;
color: #fff;
text-transform: none;
font-weight: 500;
-webkit-transition: all 60ms ease-in-out;
transition: all 60ms ease-in-out;
background: transparent;
border: 2px solid #354B60;
color: #354B60;
}
input#submit:hover, input#submit:active {
background: #354B60;
border-color: #354B60;
color: #FFFFFF;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.