Streamlined Comments

Here's the code for the streamlined comments explained in the blog post here.

/** Comments Module **/
.comments-box .post-container {
    margin: 10px;
}
.comments-box .post {
    border: 1px solid #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    background: #fefefe;
    background-image: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#fff), to(#f6fcfe));
    background-image: -moz-linear-gradient(top,#fff,#f6fcfe);    
}
 
.comments-box .title {
    display: none;
}
.comments-box .post .head {
    background: transparent;
}
.comments-box .head .options {
    display: none;
}
.comments-box .post .signature {
    display: none;
}
.comments-box .head .info .printuser .small {
    display: none;
}
.comments-box .head .info .printuser a {
    font-size: 1.1em;
    color: #a3bb2a;
    font-weight: bold;
}
.comments-box .head .info .odate {
    color: #7c7e7e;
    float: right;
    font-size: 0.9em;
}
.comments-box .post .options {
    font-size: 0.9em;
}
.comments-box .post .options a {
    color: #3198dd;
}
.comments-box .post .changes, .comments-box .post .long .changes {
    display: none;
}
Site design © BMC WebDesign, 2011. All rights reserved. All tutorials on this site are free for commerical use, subject to conditions outlined in the disclaimer.