style: table & image

margin, text, background, white-space…
MOxFIVE · Sep 20, 2015 · 457bde1 · MOxFIVE · Sep 20, 2015 · 457bde1
1 parent d9307e8
commit 457bde1
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/themes/Yilia/source/css/_partial/article.styl b/themes/Yilia/source/css/_partial/article.styl
@@ -22,6 +22,7 @@ body {
   }
   img{
     max-width: 100%;
+    margin: .5em auto;
   }
 }
 @-webkit-keyframes cd-bounce-1 {
@@ -268,12 +269,19 @@ body {
   }
   table{
     width:100%;
+    max-width: 65em;
     border: 1px solid #dedede;
-    margin: 15px 0;
+    margin: 15px auto;
     border-collapse:collapse;
     tr,td{
       height:35px;
     }
+    th {
+      font-weight: bold;
+      text-align: center;
+      background: #efefef;
+      white-space: nowrap;
+    }
     thead{
       tr {
         background: #f8f8f8;
@@ -288,6 +296,12 @@ body {
       border: 1px solid #dedede;
       padding: 0 10px;
     }
+    tr:nth-child(2n) {
+      background: #f8f8f8;
+    }
+    td:nth-child(-n+3){
+      white-space: nowrap;
+    }
   }
   figure{
     table {