Update table style.

3 files changed, 45 insertions, 0 deletions

diff --git a/exampleSite/content/posts/2006.01/second-page.en.md b/exampleSite/content/posts/2006.01/second-page.en.md
index 73ff448..b026610 100644
--- a/exampleSite/content/posts/2006.01/second-page.en.md
+++ b/exampleSite/content/posts/2006.01/second-page.en.md
@@ -10,3 +10,10 @@ authors: ['John', 'Smith']
 {{< figure src="cat.jpeg" >}}
 
 The pretty cat photo from [here](https://www.pexels.com/photo/grey-and-white-short-fur-cat-104827/).
+
+col1|col2|col3
+---|---|---
+val1-1|val2-1|val3-1
+val1-2|val2-2 long text|val3-2
+val1-3|val2-3|val3-3
+val1-4|val2-4|val3-4
diff --git a/exampleSite/content/posts/2006.01/second-page.ja.md b/exampleSite/content/posts/2006.01/second-page.ja.md
index 277fe40..2b6e149 100644
--- a/exampleSite/content/posts/2006.01/second-page.ja.md
+++ b/exampleSite/content/posts/2006.01/second-page.ja.md
@@ -10,3 +10,10 @@ authors: ['John', 'Smith']
 {{< figure src="cat.jpeg" >}}
 
 かわいい猫の写真は[こちら](https://www.pexels.com/photo/grey-and-white-short-fur-cat-104827/)からお借りしました。
+
+col1|col2|col3
+---|---|---
+val1-1|val2-1|val3-1
+val1-2|val2-2 長いテキスト|val3-2
+val1-3|val2-3|val3-3
+val1-4|val2-4|val3-4
diff --git a/static/common/site.css b/static/common/site.css
index 6345cca..c3b54cd 100644
--- a/static/common/site.css
+++ b/static/common/site.css
@@ -1,3 +1,34 @@
 #TableOfContents ul {
   list-style-type: none
 }
+
+table {
+  box-shadow: 0 1px 2px gray;
+}
+
+table thead th:first-child {
+  border-left: 0;
+}
+
+table thead th {
+  padding: 0 0.4em;
+  text-align: center;
+  background-color: lightgray;
+  border-bottom: 1px solid gray;
+  border-left: 1px dotted gray;
+}
+
+table tbody td:first-child {
+	border-left: 0;
+}
+
+table tbody td {
+  padding: 0.2em 0.4em;
+	border-top: 1px solid white;
+	border-bottom:1px solid lightgray;
+	border-left: 1px dotted lightgray;
+}
+
+table tbody tr:nth-child(even) td {
+  background-color: #f0f0f0;
+}