app/assets/stylesheets/comments.scss
// Place all the styles related to the comments controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #FFFFFF;
}
a {
color: #82b440;
text-decoration: none;
}
.blog-comment::before,
.blog-comment::after,
.blog-comment-form::before,
.blog-comment-form::after{
content: "";
display: table;
clear: both;
}
.blog-comment{
padding-left: 15%;
padding-right: 15%;
}
.blog-comment ul{
list-style-type: none;
padding: 0;
}
.blog-comment img{
opacity: 1;
filter: Alpha(opacity=100);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.blog-comment img.avatar {
position: relative;
float: left;
margin-left: 0;
margin-top: 0;
width: 65px;
height: 65px;
}
.blog-comment .post-comments{
border: 1px solid #eee;
margin-bottom: 20px;
margin-left: 85px;
margin-right: 0px;
padding: 10px 20px;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #fff;
color: #6b6e80;
position: relative;
}
.blog-comment .meta {
font-size: 13px;
color: #aaaaaa;
padding-bottom: 8px;
margin-bottom: 10px !important;
border-bottom: 1px solid #eee;
}
.blog-comment ul.comments ul{
list-style-type: none;
padding: 0;
margin-left: 85px;
}
.blog-comment-form{
padding-left: 15%;
padding-right: 15%;
padding-top: 40px;
}
.blog-comment h3,
.blog-comment-form h3{
margin-bottom: 40px;
font-size: 26px;
line-height: 30px;
font-weight: 800;
}