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