app/assets/stylesheets/the_comments.css.scss in the_comments-1.1.0 vs app/assets/stylesheets/the_comments.css.scss in the_comments-2.0.0

- old
+ new

@@ -1,11 +1,14 @@ -.comments_tree, .comments_list, .black_list{ +.comments_tree, .comments_list{ font-family: Arial; - margin:0; padding:0; - *{ margin: 0; padding: 0; } + margin:0; + padding:0; + margin-bottom: 30px; + *{ margin: 0; padding: 0; font-size: inherit; } + a{ text-decoration: none; } a:hover{ text-decoration: underline; } ol{ margin: 0; @@ -21,35 +24,40 @@ .comments, .comments_tree{ font-family: Arial; font-size: 13px; + h3{ font-size: 1.6em; } + .error_notifier{ background-color: #F2DEDE; - border-color: #EED3D7; + border: 1px solid #B94A48; color: #B94A48; border-radius: 4px; margin: 0 0 15px 0; padding: 10px 10px 0 10px; overflow: hidden; p{ margin: 0 0 10px 0; } } form{ - background: white; - border: 1px solid gray; - border-radius: 3px; + + background: #e0e4f5; + + border: 1px solid #c6cff5; + border-radius: 5px; padding: 10px; p{ margin: 0 0 10px 0; } input[type=text]{ border: 1px solid gray; padding: 4px; width: 75%; } + label{ font-size: 15px; } textarea{ border: 1px solid gray; font-family: Arial; font-size: 13px; height: 150px; @@ -97,11 +105,11 @@ .userpic{ overflow: hidden; zoom: 1; float: left; width: 50px; - img{ margin-bottom: 10px; } + img{ margin-bottom: 10px; width: 42px; height: 42px; } } .userbar, .cbody{ margin: 0 0 5px 55px; padding: 3px; } @@ -116,14 +124,16 @@ } &.published{ .to_published{ display: none; } } .cbody{ - border-bottom: 1px solid LightGray; + font-size: 15px; + border-bottom: 1px solid #eee; padding-bottom: 10px; line-height: 135%; - margin-bottom: 0; + margin-bottom: 3px; + overflow: hidden; } .reply{ margin: 0 0 5px 55px; font-size: 12px; } @@ -227,26 +237,7 @@ background: lightgray; padding: 3px; a{ margin-right: 15px; } } } - } -} - -.black_list{ - li{ - border: 1px solid gray; - border-radius: 5px; - padding: 10px; - &.warning{ - border-left: 5px solid orange; - .to_warning{ display: none; } - } - &.banned{ - border-left: 5px solid black; - .to_banned{ display: none; } - } - } - p{ - margin-bottom: 10px; } } \ No newline at end of file