content update

1 files changed, 45 insertions, 4 deletions

diff --git a/_includes/site.css b/_includes/site.css
index 36238a9..f05c7e0 100644
--- a/_includes/site.css
+++ b/_includes/site.css
@@ -6,19 +6,24 @@
 
 body {
         font-family: 'Roboto', 'Times New Roman', Times, serif;
-        font-size: 16px;
+        font-size: 18px;
         line-height: 1.8;
         color: #000;
         margin: 0;
         padding: 0 0 50px 0;
 }
 
+a {
+        color: #000;
+        text-decoration: none;
+}
+
 article,
 main,
 footer,
 nav,
 header {
-        max-width: 700px;
+        max-width: 850px;
         margin: 0 auto;
 }
 
@@ -53,7 +58,8 @@ nav ul li a {
 }
 
 h1 {
-        font-size: 200%;
+        font-size: 260%;
+        line-height: 150%;
 }
 
 h2 {
@@ -89,7 +95,12 @@ main ul {
 }
 
 main ul li {
-        margin-bottom: 10px;
+        margin-bottom: 20px;
+}
+
+main ul li a {
+        font-size: 100%;
+        font-weight: 500;
 }
 
 main ul div {
@@ -149,6 +160,36 @@ details .highlighter-rouge {
         color: #000;
 }
 
+/* commenting */
+#hcb_form_name,
+#hcb_form_content {
+        border: 2px solid #eee;
+        padding: 10px;
+        width: 300px;
+        margin-bottom: 10px;
+}
+
+#hcb_submit {
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        -o-appearance: none;
+        -ms-appearance: none;
+        appearance: none;
+        font-weight: 600;
+        padding: 7px 15px;
+        font-size: 85%;
+        display: inline-block;
+        cursor: pointer;
+        border-radius: 3px;
+        background: #ccc;
+        border: 2px solid transparent;
+        width: auto;
+        user-select: none;
+        text-align: center;
+        height: auto;
+        margin-right: 20px;
+}
+
 @media only screen and (max-width:768px) {
         body {
                 padding: 0 20px;