added commenting feature on the answers

replies are now renamed to answers

1 files changed, 67 insertions, 6 deletions

diff --git a/static/website/css/main.css b/static/website/css/main.css
index 4f1f495..ac93f8f 100644
--- a/static/website/css/main.css
+++ b/static/website/css/main.css
@@ -1,5 +1,8 @@
 @import url(http://fonts.googleapis.com/css?family=Varela+Round);
 /* override bootstrap */
+hr {
+    border-top: 1px solid #424242;
+}
 .container>.navbar-header {
     height: 45px;
 }
@@ -33,7 +36,6 @@ body {
     background: #ffffff;
 }
 #header-inner {
-    
 }
 #logo {
     width: 25px;
@@ -51,6 +53,31 @@ body {
 }
 #content{
 }
+.question-critic, .answer-critic {
+    padding-left: 0;
+    padding-top: 15px;
+    text-align: center;
+}
+.question-critic {
+    font-size: 1.3em;
+}
+.answer-critic {
+    font-size: 1em;
+}
+.vote {
+    text-decoration: none;    
+    color: #cccccc;
+}
+.vote:hover {
+   text-decoration: none;
+   cursor: pointer;
+}
+.voted {
+    color: orange;
+}
+.question-wrapper {
+    padding-left: 0;
+}
 #content .question {
     position: relative;
     padding: 15px 0 15px 0;
@@ -170,22 +197,56 @@ table .title a {
 .saved {
     background: lightgreen;
 }
-#content .reply {
+.answer-wrapper {
+    padding-left: 0px;
+}
+#content .answer {
     position: relative;
     border-bottom: 1px solid #f5f5f5;
     padding-top: 20px;
     padding-bottom: 20px;
     margin: 10px 0px;
 }
-#content .reply .body {
+#content .answer .body {
 }
-#content .reply .user {
+#content .answer .user {
     position: absolute;
     right: 0px;
     bottom: 0px;
     padding: 2px 7px;
     background: #f5f5f5;
 }
+.comments {
+    border-left: 1px solid #cccccc;
+}
+.comments .comment {
+    position: relative;
+    padding: 5px 5px;
+    border-bottom: 1px dotted #cccccc;
+}
+.comments .new-comment {
+    display: none;
+}
+.comments .add-comment {
+    margin: 2px;
+    padding: 1px 2px;
+    color: #000000;
+    background: #f5f5f5;
+}
+.comments .cancel-comment {
+    display: none;
+    margin: 2px;
+    padding: 1px 2px;
+    color: #ffffff;
+    background: #d34836;
+}
+.comments .post-comment {
+    display: none;
+    margin: 2px;
+    padding: 1px 2px;
+    color: #ffffff;
+    background: #42B449;
+}
 #footer-wrapper {
     max-width: 970px;
     margin:0 auto;
@@ -215,7 +276,7 @@ table .title a {
     top: 15px;
 }
 .my-question,
-.my-reply {
+.my-answer {
     position: relative;
     margin: 10px auto;
     padding: 15px;
@@ -223,7 +284,7 @@ table .title a {
     background: #f7f7f7;
 }
 .my-question .date,
-.my-reply .date {
+.my-answer .date {
     position: absolute;
     right: 5px;
     bottom: 5px;