frontend: add markdown help

frontend/sass/commento-common.scss

@@ -1,23 +1,21 @@
 @import "colors-main.scss";
 
 code {
-  background: $red-1;
   font-family: monospace;
-  line-height: 1.5;
-  color: $red-6;
-  padding: 2px;
-  margin: 2px;
+  font-size: 13px;
 }
 
 a {
   color: $blue-6;
-  border-bottom: 1px solid $blue-6;
   outline: none;
   text-decoration: none;
 }
 
-a:focus {
-  box-shadow: 0 0 0 1px rgba(87, 85, 217, .2);
+blockquote {
+  margin: 0 0 0 8px;
+  padding: 0 0 0 5px;
+  border-left: 2px solid $gray-5;
+  color: $gray-6;
 }
 
 .commento-button {

frontend/sass/commento-input.scss

@@ -68,7 +68,7 @@ textarea {
 }
 
 .commento-button-margin {
-  padding-bottom: 60px;
+  padding-top: 4px;
 }
 
 .commento-anonymous-checkbox-container {
@@ -91,3 +91,34 @@ textarea {
     margin-top: -1px;
   }
 }
+
+.commento-markdown-button {
+  color: $gray-6;
+  margin: 0px 16px;
+  font-size: 12px;
+  text-transform: uppercase;
+  border: none;
+  line-height: 58px;
+  font-weight: 400;
+  cursor: pointer;
+
+  b {
+    font-size: 12px;
+  }
+}
+
+.commento-markdown-help {
+  border: 1px solid $gray-3;
+  padding: 8px;
+
+  tr {
+    td {
+      padding: 0px 6px;
+      pre {
+        display: inline;
+        font-family: monospace;
+        font-size: 13px;
+      }
+    }
+  }
+}