tweak: add style for tables

pub/style/style.css

@@ -25,8 +25,8 @@ body {
   font-family: serif;
   /* font-family: 'Source Serif Pro', serif; */
   font-size: 1.5em;
-  background-color: #fff;
-
+  background-color: #fcfcfc;
+  color:#333;
 }
 
 /* header */
@@ -42,6 +42,7 @@ header {
 
 header h1 {
   margin-left: 0.7em;
+  color:#333;
 }
 
 header a {
@@ -49,7 +50,7 @@ header a {
   color: inherit;
   */
   text-decoration: none;
-  color: black;
+  color: #333;
   /* 
    * color: #005386;
    */
@@ -113,6 +114,7 @@ article{
   padding: 0.3em 0 0 0;
   flex-basis: 70%;
   padding-left: 1em;
+  color: #333;
 }
 
 footer {
@@ -155,7 +157,7 @@ img {
   display: block;
    margin-left: auto;
   margin-right: auto;
-  width: 25%;
+  width: 500px;
 }
 
 .img-medium-center {
@@ -192,13 +194,14 @@ blockquote::before{
 /* Code bloocks */
 pre, code {
   display: block;
-  overflow-x: auto; 
+  overflow-x:auto; 
   tab-width: 2;
   line-height:1.7;
   padding: 0.5em 0.5em 0.5em 0.5em;
   margin-top: 1em;
   margin-bottom: 1em;
   margin: 2em;
+  max-width: 1100px !important;
   background: #F0F0F0;
 }
 
@@ -254,7 +257,7 @@ th {
     display: block;
     margin-left: auto;
     margin-right: auto;
-    width: 200px;
+    width: 300px;
   }
 }
 
@@ -306,3 +309,32 @@ img + em {
   text-align: center; 
   font-size: 1em;
 }
+
+/* Table */
+
+table {
+    border: 3px solid #005386;
+    border-collapse: collapse;
+    table-layout: fixed;
+    text-align: left;
+    width: 100%;
+}
+
+table thead {
+     position: sticky;
+     top: 0;
+}
+ table tbody tr:nth-child(even) {
+     background: #E9F1F4;
+}
+ table th {
+     background: #005386;
+     color: white;
+     font-weight: bold;
+}
+ table th, table td {
+     padding: 1em 1em 1em 1em;
+     /* border: 3px solid #005386; */
+}
+
+