[yelp-xsl] [html] Better support for mixed-directionality documents

[Shaun McCance <shaunm src gnome org>]

commit 038252aa72589c6d63a5418f358d7505d091591a
Author: Shaun McCance <shaunm gnome org>
Date:   Fri Jun 4 12:16:18 2010 -0500

    [html] Better support for mixed-directionality documents

 xslt/common/html.xsl                  |   31 +++++++++++++++++++++++++++----
 xslt/docbook/html/db2html-css.xsl     |   14 +++++++++++++-
 xslt/mallard/html/mal2html-css.xsl    |   13 +++++++++++--
 xslt/mallard/html/mal2html-inline.xsl |    2 +-
 4 files changed, 52 insertions(+), 8 deletions(-)
---
diff --git a/xslt/common/html.xsl b/xslt/common/html.xsl
index 3dfac16..0f4e633 100644
--- a/xslt/common/html.xsl
+++ b/xslt/common/html.xsl
@@ -418,8 +418,7 @@ All parameters can be automatically computed if not provided.
 html { height: 100%; }
 body {
   margin: 0;
-  padding-top: 1em;
-  padding-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1em;
+  padding: 1em 1em 0 1em;
   background-color: </xsl:text>
     <xsl:value-of select="$color.gray_background"/><xsl:text>;
   color: </xsl:text>
@@ -504,6 +503,10 @@ ul, ol, dl { margin: 0; padding: 0; }
 li {
   margin: 1em 0 0 0;
   margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 2.4em;
+  -webkit-margin-start: 2.4em;
+  -webkit-margin-end: 0;
+  -moz-margin-start: 2.4em;
+  -moz-margin-end: 0;
   padding: 0;
 }
 li:first-child { margin-top: 0; }
@@ -513,6 +516,10 @@ dt + dt { margin-top: 0; }
 dd {
   margin: 0.2em 0 0 0;
   margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1.44em;
+  -webkit-margin-start: 1.44em;
+  -webkit-margin-end: 0;
+  -moz-margin-start: 1.44em;
+  -moz-margin-end: 0;
 }
 ol.compact li { margin-top: 0.2em; }
 ul.compact li { margin-top: 0.2em; }
@@ -594,6 +601,10 @@ div.code {
 }
 div.figure {
   margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1.72em;
+  -webkit-margin-start: 1.72em;
+  -webkit-margin-end: 0;
+  -moz-margin-start: 1.72em;
+  -moz-margin-end: 0;
   padding: 4px;
   color: </xsl:text>
     <xsl:value-of select="$color.text_light"/><xsl:text>;
@@ -702,8 +713,20 @@ ol.steps .steps {
   border: none;
   background-color: none;
 }
-li.steps { margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1.44em; }
-li.steps li.steps { margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 2.4em; }
+li.steps {
+  margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1.44em;
+  -webkit-margin-start: 1.44em;
+  -webkit-margin-end: 0;
+  -moz-margin-start: 1.44em;
+  -moz-margin-end: 0;
+}
+li.steps li.steps {
+  margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 2.4em;
+  -webkit-margin-start: 2.4em;
+  -webkit-margin-end: 0;
+  -moz-margin-start: 2.4em;
+  -moz-margin-end: 0;
+}
 div.synopsis > div.inner > div.contents, div.synopsis > pre.contents {
   padding: 0.5em 1em 0.5em 1em;
   border-top: solid 1px;
diff --git a/xslt/docbook/html/db2html-css.xsl b/xslt/docbook/html/db2html-css.xsl
index 23e07aa..3b38311 100644
--- a/xslt/docbook/html/db2html-css.xsl
+++ b/xslt/docbook/html/db2html-css.xsl
@@ -160,8 +160,12 @@ div.sidenav div.autotoc {
 div.sidenav div.autotoc div.autotoc { margin-top: 0.5em; }
 div.sidenav div.autotoc li { margin-bottom: 0.5em; }
 div.sidenav div.autotoc div.autotoc div.autotoc {
-  margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1em;
   margin-top: 0;
+  margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1em;
+  -webkit-margin-start: 1em;
+  -webkit-margin-end: 0;
+  -moz-margin-start: 1em;
+  -moz-margin-end: 0;
 }
 div.sidenav div.autotoc div.autotoc div.autotoc li { margin-bottom: 0; }
 
@@ -171,6 +175,10 @@ div.autotoc {
   display: table;
   margin-top: 1em;
   margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1.72em;
+  -webkit-margin-start: 1.72em;
+  -webkit-margin-end: 0;
+  -moz-margin-start: 1.72em;
+  -moz-margin-end: 0;
   padding: 0.5em 1em 0.5em 1em;
   background-color: </xsl:text><xsl:value-of select="$theme.color.blue_background"/><xsl:text>;
   border: solid 1px </xsl:text><xsl:value-of select="$theme.color.blue_border"/><xsl:text>;
@@ -209,6 +217,10 @@ dl.setindex dt { margin-top: 0; }
 dl.setindex dd { margin-top: 0; margin-bottom: 0; }
 div.simplelist {
   margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1.72em;
+  -webkit-margin-start: 1.72em;
+  -webkit-margin-end: 0;
+  -moz-margin-start: 1.72em;
+  -moz-margin-end: 0;
 }
 div.simplelist table { margin-left: 0; border: none; }
 div.simplelist td {
diff --git a/xslt/mallard/html/mal2html-css.xsl b/xslt/mallard/html/mal2html-css.xsl
index 3b54f6a..76b7dbe 100644
--- a/xslt/mallard/html/mal2html-css.xsl
+++ b/xslt/mallard/html/mal2html-css.xsl
@@ -92,6 +92,10 @@ td.twocolumnright {
   width: 52%; vertical-align: top;
   margin: 0; padding: 0;
   padding-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1em;
+  -webkit-padding-start: 1em;
+  -webkit-padding-end: 0;
+  -moz-padding-start: 1em;
+  -moz-padding-end: 0;
 }
 
 div.linkdiv div.title {
@@ -134,7 +138,13 @@ ul.tree {
 }
 li.tree { margin: 0; padding: 0; }
 li.tree div { margin: 0; padding: 0; }
-ul.tree ul.tree { margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1.44em; }
+ul.tree ul.tree {
+  margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 1.44em;
+  -webkit-margin-start: 1.44em;
+  -webkit-margin-end: 0;
+  -moz-margin-start: 1.44em;
+  -moz-margin-end: 0;
+}
 div.tree-lines ul.tree { margin-left: 0; }
 
 span.hi {
@@ -151,7 +161,6 @@ div.version {
   margin-top: -1em;
   padding: 0.5em 1em 0.5em 1em;
   max-width: 24em;
-  -moz-border-radius: 6px;
   border: solid 1px </xsl:text>
     <xsl:value-of select="$color.gray_border"/><xsl:text>;
   background-color: </xsl:text>
diff --git a/xslt/mallard/html/mal2html-inline.xsl b/xslt/mallard/html/mal2html-inline.xsl
index b3395ae..96bce7b 100644
--- a/xslt/mallard/html/mal2html-inline.xsl
+++ b/xslt/mallard/html/mal2html-inline.xsl
@@ -178,7 +178,7 @@ an #{xref} or #{href} attribute.
     </xsl:variable>
     <xsl:choose>
       <xsl:when test="$dir = 'rtl'">
-        <xsl:text> &#x25C2;&#x00A0;</xsl:text>
+        <xsl:text>&#x00A0;&#x25C2; </xsl:text>
       </xsl:when>
       <xsl:otherwise>
         <xsl:text>&#x00A0;&#x25B8; </xsl:text>