#148943 by yhager: Right-to-left CSS files for Marvin and Chameleon themes, background image fixed by myself

7 files changed, 102 insertions, 21 deletions

diff --git a/themes/chameleon/common-rtl.css b/themes/chameleon/common-rtl.css
new file mode 100644
index 000000000..f96786e60
--- /dev/null
+++ b/themes/chameleon/common-rtl.css
@@ -0,0 +1,19 @@
+/* $Id$ */
+
+body {
+  direction: rtl;
+}
+.navlinks {
+  padding: 0em 0em 1.5em 0.5em;
+}
+.primary a {
+  padding: 0em 0em 0em 0.5em;
+}
+.secondary a {
+  padding: 0em 0em 0em 0.5em;
+}
+
+#header img {
+  float: right;
+  padding: 0em 0em .5em 2em; 
+}
diff --git a/themes/chameleon/common.css b/themes/chameleon/common.css
index f1f213b89..642dc48b2 100644
--- a/themes/chameleon/common.css
+++ b/themes/chameleon/common.css
@@ -117,24 +117,24 @@ ul.links.inline {
 ** Common navigation links added on the admin/build/themes/settings page
 */
 .navlinks {
-  padding: 0em 0.5em 1.5em 0em;
+  padding: 0em 0.5em 1.5em 0em; /* LTR */
   clear: both;
 }
 .primary a {
   font-size: 1.0em;
-  padding: 0em 0.5em 0em 0em;
+  padding: 0em 0.5em 0em 0em; /* LTR */
 }
 .secondary a {
   font-size: 0.9em;
-  padding: 0em 0.5em 0em 0em;
+  padding: 0em 0.5em 0em 0em; /* LTR */
 }
 
 /*
 ** Logo Image Positioning
 */
 #header img {
-  float: left;
-  padding: 0em 2em .5em 0em;
+  float: left; /* LTR */
+  padding: 0em 2em .5em 0em; /* LTR */
 }
 #header {
   clear: both;
diff --git a/themes/chameleon/marvin/druplicon-watermark-rtl.png b/themes/chameleon/marvin/druplicon-watermark-rtl.png
new file mode 100644
index 000000000..14321ea01
--- /dev/null
+++ b/themes/chameleon/marvin/druplicon-watermark-rtl.png
diff --git a/themes/chameleon/marvin/style-rtl.css b/themes/chameleon/marvin/style-rtl.css
new file mode 100644
index 000000000..033001329
--- /dev/null
+++ b/themes/chameleon/marvin/style-rtl.css
@@ -0,0 +1,33 @@
+/* $Id$ */
+
+body {
+  background-image: url(druplicon-watermark-rtl.png);
+  background-position: top left;
+}
+
+p {
+  margin: 0 0 1em 1em;
+}
+
+ul.links li {
+  border-left: inherit;
+  border-right: 1px solid #888;
+}
+
+/*
+** Common declarations for child classes of node, comment, block, box etc
+*/
+.node .submitted {
+  float: right;
+  padding: 0.5em 1em 0.5em 0;
+}
+.node .taxonomy {
+  float: left;
+}
+.node .content {
+  padding-left: inherit;
+  padding-right: 1em;
+}
+.node .links {
+  padding: 1em 0.2em 1em 0;
+}
diff --git a/themes/chameleon/marvin/style.css b/themes/chameleon/marvin/style.css
index 9e2df15cf..bcd3bced9 100644
--- a/themes/chameleon/marvin/style.css
+++ b/themes/chameleon/marvin/style.css
@@ -4,7 +4,7 @@
 ** HTML elements
 */
 body {
-  background: #fff url(druplicon-watermark.png) no-repeat top right;
+  background: #fff url(druplicon-watermark.png) no-repeat top right; /* LTR */
   font-family: arial, helvetica, sans-serif;
 }
 a:link {
@@ -29,7 +29,7 @@ h2.title {
   margin-top: 1em;
 }
 p {
-  margin: 0 1em 1em 0;
+  margin: 0 1em 1em 0; /* LTR */
   padding: 0;
 }
 table {
@@ -49,7 +49,7 @@ table {
   font-size: 0.8em;
 }
 ul.links li {
-  border-left: 1px solid #888;
+  border-left: 1px solid #888; /* LTR */
 }
 ul.links li.first {
   border: none;
@@ -61,20 +61,20 @@ ul.links li.first {
 .node .submitted {
   color: #7c7c7c;
   font-size: 0.9em;
-  float: left;
-  padding: 0.5em 0em 0.5em 1em;
+  float: left; /* LTR */
+  padding: 0.5em 0em 0.5em 1em; /* LTR */
 }
 .node .taxonomy {
   color: #7c7c7c;
   font-size: 0.9em;
-  float: right;
+  float: right; /* LTR */
 }
 .node .content {
   clear: both;
-  padding-left: 1em;
+  padding-left: 1em; /* LTR */
 }
 .node .links {
-  padding: 1em 0 1em 0.2em;
+  padding: 1em 0 1em 0.2em; /* LTR */
 }
 .comment {
   border: solid 1px #777;
@@ -121,4 +121,4 @@ div.admin-panel h3 {
 }
 .path, .path a, .path a:visited {
   color: #888;
-}
\ No newline at end of file
+}
diff --git a/themes/chameleon/style-rtl.css b/themes/chameleon/style-rtl.css
new file mode 100644
index 000000000..52c3482c2
--- /dev/null
+++ b/themes/chameleon/style-rtl.css
@@ -0,0 +1,29 @@
+/* $Id$ */
+
+body {
+  padding: 5em 3em 0 0;
+}
+/**
+ * Yes - right is on the left and left is on the right! 
+ * Welcome to design by tables..
+ */
+#sidebar-left {
+  border-right: inherit;
+  border-left: 1px solid gray;
+}
+#sidebar-right {
+  border-left: inherit;
+  border-right: 1px solid gray;
+}
+
+ul.links li {
+  border-left: inherit;
+  border-right: 1px solid #000;
+}
+ul.links li.first {
+  border-left: inherit;
+  border-right: none;
+}
+div.links {
+  text-align: left;
+}
diff --git a/themes/chameleon/style.css b/themes/chameleon/style.css
index aee4706ed..0769c0cf3 100644
--- a/themes/chameleon/style.css
+++ b/themes/chameleon/style.css
@@ -10,7 +10,7 @@ a:visited {
   color: #630;
 }
 body {
-  padding: 5em 0 0 3em;
+  padding: 5em 0 0 3em; /* LTR */
   background-image: url(background.png);
   background-repeat: repeat-x;
   font-family: trebuchet ms, tahoma, verdana, arial, helvetica;
@@ -27,10 +27,10 @@ ul {
   width: 500px;
 }
 #sidebar-left {
-  border-right: 1px solid gray;
+  border-right: 1px solid gray; /* LTR */
 }
 #sidebar-right {
-  border-left: 1px solid gray;
+  border-left: 1px solid gray; /* LTR */
 }
 
 /*
@@ -59,10 +59,10 @@ ul {
   font-size: 0.8em;
 }
 ul.links li {
-  border-left: 1px solid #000;
+  border-left: 1px solid #000; /* LTR */
 }
 ul.links li.first {
-  border-left: none;
+  border-left: none; /* LTR */
 }
 .node .title {
   font-size: 1.2em;
@@ -79,7 +79,7 @@ ul.links li.first {
 }
 div.links {
   margin: 1em 0 3em 0;
-  text-align: right;
+  text-align: right; /* LTR */
 }
 .comment .content, .block .content, .menu {
   font-size: 0.9em;
@@ -112,4 +112,4 @@ div.admin-panel h3 {
   color: #fff;
   padding: 5px 8px 5px;
   margin: 0;
-}
\ No newline at end of file
+}