From 20c6f2b7642f0cde865e724e366a0180626a5e87 Mon Sep 17 00:00:00 2001
From: Fabrice Niessen <(concat "fniessen" at-sign "pirilampo.org")>
Date: Sat, 2 May 2015 10:56:01 +0200
Subject: [PATCH] Update table

---
 styles/readtheorg/css/readtheorg.css | 37 ++++++++++-------
 styles/readtheorg/readtheorg.org     | 61 ++++++++++++++++------------
 2 files changed, 57 insertions(+), 41 deletions(-)

diff --git a/styles/readtheorg/css/readtheorg.css b/styles/readtheorg/css/readtheorg.css
index 81280a3..8463d77 100755
--- a/styles/readtheorg/css/readtheorg.css
+++ b/styles/readtheorg/css/readtheorg.css
@@ -308,36 +308,43 @@ pre.src{
 
 table{
     border-collapse:collapse;
-    border-spacing:0}
+    border-spacing:0;
+    empty-cells:show;
+    margin-bottom:24px;
+}
 
 td{
     vertical-align:top}
 
-table{
-    border-collapse:collapse;
-    border-spacing:0;
-    empty-cells:show;
-    margin-bottom:24px}
-
-table caption, .figure p{
-    color:#000;
-    font:italic 85%/1 arial,sans-serif;
-    padding:1em 0;}
-
 table td,table th{
     font-size:90%;
     margin:0;
     overflow:visible;
     padding:8px 16px;
     background-color: transparent;
-    border: 1px solid #e1e4e5;}
+    border: 1px solid #e1e4e5;
+}
 
 table thead th{
     font-weight:bold;
-    border-bottom:solid 2px #e1e4e5}
+    border-bottom:solid 2px #e1e4e5;
+}
+
+table caption{
+    color:#000;
+    font:italic 85%/1 arial,sans-serif;
+    padding:1em 0;
+}
 
 table tr:nth-child(2n-1) td{
-    background-color:#f3f6f6}
+    background-color:#f3f6f6;
+}
+
+.figure p{
+    color:#000;
+    font:italic 85%/1 arial,sans-serif;
+    padding:1em 0;
+}
 
 .rotate-90{
     -webkit-transform:rotate(90deg);
diff --git a/styles/readtheorg/readtheorg.org b/styles/readtheorg/readtheorg.org
index 2ffc9d0..f467c5f 100755
--- a/styles/readtheorg/readtheorg.org
+++ b/styles/readtheorg/readtheorg.org
@@ -394,26 +394,18 @@ pre.src{
   :tangle:   css/readtheorg.css
   :END:
 
-#+begin_src css
-table{
-    border-collapse:collapse;
-    border-spacing:0}
-
-td{
-    vertical-align:top}
-#+end_src
+** Basic example
 
 #+begin_src css
 table{
     border-collapse:collapse;
     border-spacing:0;
     empty-cells:show;
-    margin-bottom:24px}
+    margin-bottom:24px;
+}
 
-table caption, .figure p{
-    color:#000;
-    font:italic 85%/1 arial,sans-serif;
-    padding:1em 0;}
+td{
+    vertical-align:top}
 
 table td,table th{
     font-size:90%;
@@ -421,31 +413,48 @@ table td,table th{
     overflow:visible;
     padding:8px 16px;
     background-color: transparent;
-    border: 1px solid #e1e4e5;}
+    border: 1px solid #e1e4e5;
+}
 
 table thead th{
     font-weight:bold;
-    border-bottom:solid 2px #e1e4e5}
-
-table tr:nth-child(2n-1) td{
-    background-color:#f3f6f6}
+    border-bottom:solid 2px #e1e4e5;
+}
 #+end_src
 
-* Forms
-  :PROPERTIES:
-  :tangle:   css/readtheorg.css
-  :END:
+** Optional table caption
 
-* Buttons
-  :PROPERTIES:
-  :tangle:   css/readtheorg.css
-  :END:
+#+begin_src css
+table caption{
+    color:#000;
+    font:italic 85%/1 arial,sans-serif;
+    padding:1em 0;
+}
+#+end_src
+
+** Striped rows
+
+#+begin_src css
+table tr:nth-child(2n-1) td{
+    background-color:#f3f6f6;
+}
+#+end_src
 
 * Images
   :PROPERTIES:
   :tangle:   css/readtheorg.css
   :END:
 
+** Optional image caption
+
+#+begin_src css
+.figure p{
+    color:#000;
+    font:italic 85%/1 arial,sans-serif;
+    padding:1em 0;
+}
+#+end_src
+
 * Helper classes
   :PROPERTIES:
   :tangle:   css/readtheorg.css