Support for langauges written right-to-left

Signed-off-by: PyroPeter <abi1789@googlemail.com>
Signed-off-by: Lukas Fleischer <archlinux@cryptocrack.de>

2 files changed, 45 insertions, 15 deletions

diff --git a/web/html/css/arch.css b/web/html/css/arch.css
index 5da56d2..eec02ee 100644
--- a/web/html/css/arch.css
+++ b/web/html/css/arch.css
@@ -53,9 +53,9 @@ body {
   display: block;
   font-size: 10pt;
   text-align: right;
-  position: relative;
   margin-bottom: 40px;
   margin-right: 35px;
+  margin-left: 35px;
 }
 #lang_sub ul {
   list-style: none;
@@ -173,7 +173,6 @@ h3.title {
   border-bottom: 1px solid #46494d;
 }
 h4.title {
-  text-align: left;
   border-bottom: 1px solid #46494d;
 }
 h4.news {
@@ -251,7 +250,6 @@ table.results {
   background-color: #e1e3e6;
   border-bottom: 1px solid #46494d;
   border-top: 1px solid #46494d;
-  text-align: left;
   padding: 0px 5px 0px 0px;
 }
 .results th>a {
@@ -266,7 +264,6 @@ table.results {
 .listing th {
   font-size: small;
   vertical-align: top;
-  text-align: left;
   padding: 2px;
 }
 .listing td {
@@ -306,7 +303,6 @@ blockquote.code {
   margin-bottom: 1%;
   background-color: #fff;
   border: 2px solid #ddd;
-  text-align: left;
   padding: 3px;
 }
 .frontpgboxbody {
@@ -320,7 +316,6 @@ blockquote.code {
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   background-color: #f1f2f4;
-  text-align: left;
   padding: 2px 10px 2px 10px;
 }
 .pgboxbody,
@@ -383,3 +378,47 @@ blockquote.code {
 	font-size: 18px;
 	font-weight: bold;
 }
+
+div.version {
+  font-weight:bold;
+  font-size:14px;
+  text-align:right;
+}
+
+
+
+
+/**
+ * 
+ * =============== Language-specific declarations ======================
+ * 
+ * (e.g. right-to-left texts for Hebrew)
+ * 
+ * */
+
+
+/**
+ *                 RIGHT - TO - LEFT
+ * 
+ * Too add a language, just add it's language code to all
+ * :lang()-pseudo-classes, delimited by a hyphen ("-").
+ * */
+
+body:lang(he) {
+  direction: rtl;
+}
+th:lang(he) {
+  text-align: right;
+}
+#lang_sub:lang(he) {
+  text-align: left;
+}
+.pkg_search_results_footer:lang(he) .legend_and_actions {
+  float: right;
+}
+.pkg_search_results_footer:lang(he) .page_links {
+  float: left;
+}
+div.version:lang(he) {
+  text-align: left;
+}
diff --git a/web/html/css/containers.css b/web/html/css/containers.css
index 67fd8c7..db5bd0a 100644
--- a/web/html/css/containers.css
+++ b/web/html/css/containers.css
@@ -33,7 +33,6 @@ td.sideBar {
 td.sideBarGrey {
   background-color: #eee;
   border-bottom: 1px solid #000;
-  text-align: left;
   vertical-align: top;
   width: 150px;
 }
@@ -77,12 +76,10 @@ td.footerDisplay {
 table.boxSoft {
   width: 90%;
   background-color: #ddd;
-  text-align: left;
 }
 td.boxSoft {
   background-color: #fff;
   padding: 2px;
-  text-align: left;
 }
 td.boxSoftColumn {
   padding-left: 16px;
@@ -100,7 +97,6 @@ td.div {
   border-top: 1px solid #fff;
   background-color: #f1f2f4;
   padding: 1px 0 0 3px;
-  text-align: left;
 }
 table.boxSoftSmall {
   width: 94px;
@@ -133,31 +129,26 @@ td.features {
 }
 td.formLeft {
   padding: 6px;
-  text-align: left;
   vertical-align: top;
 }
 td.data1 {
   background-color: #eee;
   vertical-align: top;
   padding-left: .3em;
-  text-align: left;
 }
 td.data2 {
   background-color: #ddd;
   vertical-align: top;
   padding-left: .3em;
-  text-align: left;
 }
 .outofdate {
   background-color: #faa;
   padding-left: .3em;
-  text-align: left;
 }
 .legend span {
   padding: 1px;
   margin-left: .3em;
   border: solid 1px #888;
-  text-align: left;
 }
 td.text {
   color: #000;