From 4815a9553e6c3473b8340425c0d8fb68dbaa400a Mon Sep 17 00:00:00 2001
From: nodejh <jianghangscu@gmail.com>
Date: Sat, 27 Feb 2021 23:00:58 +0800
Subject: [PATCH] feat: update content styles

---
 layouts/_default/_markup/render-link.html | 14 +++++-
 static/css/style.css                      | 55 ++++++++++++++++++++++-
 2 files changed, 66 insertions(+), 3 deletions(-)

diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
index e2f11e1..2a144d8 100644
--- a/layouts/_default/_markup/render-link.html
+++ b/layouts/_default/_markup/render-link.html
@@ -1 +1,13 @@
-<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener"{{ end }}>{{ .Text | safeHTML }}</a>
\ No newline at end of file
+<a 
+    href="{{ .Destination | safeURL }}"
+    {{ with .Title}}
+      title="{{ . }}"
+    {{ end }}
+    
+    {{ if strings.HasPrefix .Destination "http" }} 
+      target="_blank" 
+      rel="noopener"
+    {{ end }}
+>
+    {{ .Text | safeHTML }}
+</a>
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index cb13054..269259c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -25,6 +25,53 @@ blockquote {
   color: #757575;
 }
 
+hr {
+  display: block;
+  border: none;
+  height: 2px;
+  margin: 40px auto;
+  background: #eee;
+}
+
+table {
+  width: 100%;
+  margin: 40px 0;
+  border-collapse: collapse;
+  line-height: 1.5em;
+}
+
+th, td {
+  text-align: left;
+  padding-right: 20px;
+  vertical-align: top;
+}
+
+table td, td {
+  border-spacing: none;
+  border-style: solid;
+  padding: 10px 15px;
+  border-width: 1px 0 0 0;
+}
+thead th, th {
+  text-align: left;
+  padding: 10px 15px;
+  height: 20px;
+  font-size: 13px;
+  font-weight: bold;
+  color: #444;
+  cursor: default;
+  white-space: nowrap;
+  border: 1px solid #dadadc;
+}
+
+tr>td {
+  border: 1px solid #dadadc;
+}
+
+tr:nth-child(odd)>td {
+  background: #fcfcfc;
+}
+
 h1,
 h2,
 h3 {
@@ -36,9 +83,8 @@ p {
 }
 p,
 pre {
-  white-space: normal;
   line-break: anywhere;
-  word-break: break-word;
+  word-break: break-all;
 }
 .markdown-image img {
   max-width: 100%;
@@ -57,6 +103,11 @@ h4:hover a {
 .highlight pre {
   padding: 7px;
 }
+
+.highlight {
+  max-width: 100%;
+  overflow-x: auto;
+}
 p code {
   font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
   font-size: inherit;