Pimp the comments-area

2 files changed, 65 insertions, 3 deletions

diff --git a/blogthon.cgi b/blogthon.cgi
index ed65e76..ddea46c 100755
--- a/blogthon.cgi
+++ b/blogthon.cgi
@@ -410,9 +410,9 @@ else:
 							print '                    <form action="" method="post">'
 							print '                        <input type="hidden" name="ctitle" value="' + title + '" />'
 							print '                        <input type="hidden" name="cquizv" value="' + str(cquizv) + '" />'
-							print '                        <label class="submit_comment_name_lable" for="cname">name:</label><input type="text" id="cname" name="cname" />'
-							print '                        <br /><label class="submit_comment_text_lable" for="ctext">text:</label><textarea rows="5" cols="80" id="ctext" name="ctext"></textarea>'
-							print '                        <br /><label fclass="submit_comment_quiz_lable"or="cquiz">' + str(random_int_a) + '+' + str(random_int_b) + '=</label><input type="text" id="cquiz" name="cquiz" />'
+							print '                        <span class="submit_comment_name">name:</span><input type="text" id="cname" name="cname" />'
+							print '                        <br /><span class="submit_comment_text">text:</span><textarea class="submit_comment_textarea" rows="5" cols="80" id="ctext" name="ctext"></textarea>'
+							print '                        <br /><span class="submit_comment_quiz">' + str(random_int_a) + ' +' + str(random_int_b) + '=</span><input type="text" id="cquiz" name="cquiz" />'
 							print '                        <br /><input class="submit_comment_button" type="submit" id="submit" value="post comment" />'
 							print '                     </form>'
 							print '                 </div>'
diff --git a/styles/blogthon.css b/styles/blogthon.css
index a5ccbbe..986cb50 100644
--- a/styles/blogthon.css
+++ b/styles/blogthon.css
@@ -320,4 +320,66 @@ div.entries	{
 
 div.comments	{
 	margin-left: 50px;
+	width: 600px;
 	}
+
+	div.comment	{
+		margin-top: 5px;
+		margin-bottom: 5px;
+		padding-top: 5px;
+		padding-bottom: 5px;
+		border-top: 2px solid #AA4444;
+		border-bottom: 2px solid #AA4444;
+	}
+	
+		div.comment_author	{
+			margin-right: 5px;
+			font-weight: bold;
+			float: left;
+		}
+
+		div.comment_date	{
+			font-size: 9px;
+		}
+
+		div.comment_content	{
+			clear: left;
+			border: 1px dotted #AAAAAA;
+			background-color: #F0F0F0;
+		}
+
+	div.submit_comment	{
+		border-top: 2px solid #AA4444;
+		border-bottom: 2px solid #AA4444;
+		margin-top: 5px;
+		margin-bottom: 5px;
+		padding-top: 5px;
+		padding-bottom: 5px;
+	}
+
+		span.submit_comment_name	{
+			font-weight: bold;
+			margin-right: 5px;
+		}
+
+		span.submit_comment_text	{
+			font-weight: bold;
+			margin-right: 5px;
+		}
+
+		textarea.submit_comment_textarea	{
+			background-color #DFDFDF;
+		}
+
+		span.submit_comment_quiz	{
+			font-weight: bold;
+			margin-right: 5px;
+		}
+
+		input.submit_comment_button	{
+			margin-top: 5px;
+			text-align: right;
+			border: #000000;
+			background-color: #DFDFDF;
+			border: 1px dotted #AAAAAA;
+		}