Skip to content

Instantly share code, notes, and snippets.

@leompeters
Created August 26, 2014 15:16
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save leompeters/a209c5b785866b20f938 to your computer and use it in GitHub Desktop.
Save leompeters/a209c5b785866b20f938 to your computer and use it in GitHub Desktop.
Custom CSS Code for Disqus Comment System
#dsq-comments-title h4 {
color:#333;
}
#disqus_thread {
padding:12px;
margin-bottom:-10px;
}
#disqus_thread h4 {
color:#333;
font-family: Helvetica, sans-serif;
font-size:12px;
padding-bottom:.5em;
}
#dsq-content div.dsq-options {
background:none;
padding-bottom:10px;
}
#dsq-comments li.dsq-comment {
margin-top:12px
margin-bottom:10px;
padding:5px;
background:#FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:0px solid #ccc;
}
#dsq-content div.dsq-post-area {
padding:5px;
background:#F0F0E9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #ccc;
-webkit-box-shadow: 0px 0px 10px #FFFFFF;
-moz-box-shadow: 0px 0px 10px #ECF40B;
}
#dsq-content .dsq-comment-header {
background:#F5F5F5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ccc;
}
.dsq-brlink {
display:none;
}
#dsq-content .dsq-comment-message {
background:#EDEDED;
padding:5px;
margin-left: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#dsq-content #dsq-authenticate .dsq-login-buttons {
background:none;
background-image:none;
margin-bottom:0;
}
#dsq-content #dsq-form-area .dsq-textarea .dsq-textarea-wrapper,
#dsq-content #dsq-form-area .dsq-post-fields .dsq-input-wrapper {
border: 1px solid #ccc;
}
#dsq-new-post div.dsq-request-user-info {
background:none;
padding-bottom:0px;
}
@global-human-society
Copy link

how to use this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment