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.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.