RTL support (#29)

static/less/colors.less

@@ -0,0 +1,5 @@
+@bg-color: #fefefe;
+@fg-color: #323232;
+@darker-bg-color: #dcdcdc;
+@darker-fg-color: #000;
+@link-color: #3366CC;

static/less/style-rtl.less

@@ -0,0 +1,41 @@
+@import "colors.less";
+
+body.rtl {
+  direction: rtl;
+
+  blockquote {
+    border-right: 2px solid @darker-bg-color;
+    padding-right: 1.6rem;
+  }
+
+  table tr td:first-child,
+  table tr th:first-child {
+    border-right: 0;
+  }
+  table tr td:last-child,
+  table tr th:last-child {
+      border-left: 0;
+  }
+
+  .navigation {
+    ul {
+      li {
+        float: right;
+      }
+    }
+  }
+
+  .list {
+    ul {
+      li {
+        span {
+          text-align: left;
+          margin-left: 3.0rem;
+          @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
+            text-align: right;
+          }
+        }
+      }
+    }
+  }
+}

static/less/style.less

@@ -1,9 +1,4 @@
-@bg-color: #fefefe;
-@fg-color: #323232;
-@darker-bg-color: #dcdcdc;
-@darker-fg-color: #000;
-@link-color: #3366CC;
-
+@import "colors.less";
 
 *,
 *:after,
@@ -154,7 +149,6 @@ table tr th:last-child {
     border-right: 0;
 }
 
-
 img {
   max-width: 100%;
 }
@@ -299,7 +293,7 @@ img {
       margin: 3.0rem 0 1.0rem 0;
       padding: 0;
       li {
-        display: inline;
+        display: inline-block;
         position: relative;
         a {
           text-transform: uppercase;