diff --git a/web/html/css/archweb.css b/web/html/css/archweb.css
index b7d6e1e..a437193 100644
--- a/web/html/css/archweb.css
+++ b/web/html/css/archweb.css
@@ -58,6 +58,12 @@ ul {
padding-left: 2em;
}
+html[dir="rtl"] ol,
+ul {
+ padding-left: auto;
+ padding-right: 2em;
+}
+
ul {
list-style: square;
}
@@ -123,6 +129,10 @@ img {
font-size: 0.812em;
}
+html[dir="rtl"] #content {
+ text-align: right;
+}
+
/* link style */
a {
text-decoration: none;
@@ -190,6 +200,12 @@ h5 {
width: 100%; /* req to keep content above sidebar in source code */
}
+html[dir="rtl"] #content-left-wrapper {
+ float: right;
+ margin-left: auto;
+ margin-right: -340px;
+}
+
#content-left {
margin: 0 340px 0 0;
}
@@ -200,6 +216,11 @@ h5 {
margin-left: -300px;
}
+html[dir="rtl"] #content-right {
+ margin-left: auto;
+ margin-right: -300px;
+}
+
div.box {
margin-bottom: 1.5em;
padding: 0.65em;
@@ -249,6 +270,12 @@ td {
text-align: left;
}
+html[dir="rtl"] th,
+td {
+ text-align: right;
+}
+
+
th {
vertical-align: middle;
font-weight: bold;
@@ -444,7 +471,11 @@ table thead th.sorter-false {
float: left;
padding-bottom: .5em
}
-
+
+ html[dir="rtl"] #news h3 {
+ float: right;
+ }
+
#news div {
margin-bottom: 1em;
}
@@ -474,6 +505,10 @@ table thead th.sorter-false {
font-size: 0.85em;
margin: -1.8em 0.5em 0 0;
}
+
+ html[dir="rtl"] #news .timestamp {
+ float: left;
+ }
/* home: arrowed headings */
#news h3 a {
@@ -521,6 +556,10 @@ h3 span.arrow {
background: #fff;
border: 1px solid #09c;
}
+
+ html[dir="rtl"] #pkgsearch input {
+ float: left;
+ }
.pkgsearch-typeahead {
position: absolute;
@@ -560,6 +599,10 @@ h3 span.arrow {
float: right;
margin: -2em 0 0 0;
}
+
+ html[dir="rtl"] #pkg-updates .rss-icon {
+ float: left;
+ }
#pkg-updates table {
margin: 0;
@@ -568,6 +611,11 @@ h3 span.arrow {
#pkg-updates td.pkg-name {
white-space: normal;
}
+
+ html[dir="rtl"] #pkg-updates td.pkg-name {
+ direction: ltr;
+ text-align: left;
+ }
#pkg-updates td.pkg-arch {
text-align: right;
@@ -687,6 +735,10 @@ table.results {
.results td {
padding: .3em 1em .3em 3px;
}
+
+ html[lang="ar"] .results td {
+ direction: ltr;
+ }
.results tr.odd {
background: #fff;
@@ -715,6 +767,10 @@ table.results {
margin-top: -2.2em;
}
+html[dir="rtl"] #pkglist-results .pkglist-nav {
+ float: left;
+}
+
.pkglist-nav .prev {
margin-right: 1em;
}
@@ -739,6 +795,12 @@ table.results {
font-size: 0.85em;
}
+html[dir="rtl"] .filter-criteria div {
+ float: right;
+ margin-right: auto;
+ margin-left: 1.65em;
+}
+
.filter-criteria legend {
display: none;
}
@@ -754,6 +816,10 @@ table.results {
float: right;
}
+html[dir="rtl"] #pkgdetails #detailslinks {
+ float: left;
+}
+
#pkgdetails #detailslinks h4 {
margin-top: 0;
margin-bottom: 0.25em;
@@ -787,6 +853,11 @@ table.results {
#pkgdetails #pkginfo td {
padding: 0.25em 0 0.25em 1.5em;
}
+
+ html[dir="rtl"] #pkgdetails #pkginfo td {
+ padding-left: auto;
+ padding-right: 1.5em;
+ }
#pkgdetails #pkginfo .userdata {
font-size: 0.85em;
@@ -826,6 +897,10 @@ table.results {
padding-left: 0.5em;
}
+html[dir="rtl"] #pkgdetails #metadata li {
+ direction: ltr;
+}
+
#pkgdetails #metadata p {
padding-left: 0.5em;
}
@@ -947,6 +1022,12 @@ table td.country {
vertical-align: top;
white-space: nowrap;
}
+
+ html[dir="rtl"] .arch-bio-entry table.bio th {
+ text-align: left;
+ padding-right: auto;
+ padding-left: 0.5em;
+ }
.arch-bio-entry table.bio td {
width: 100%;
diff --git a/web/html/css/aurweb.css b/web/html/css/aurweb.css
index d67877a..687edf8 100644
--- a/web/html/css/aurweb.css
+++ b/web/html/css/aurweb.css
@@ -12,6 +12,10 @@
float: right;
}
+html[dir="rtl"] #lang_sub {
+ float: left;
+}
+
.pkglist-nav .page {
margin: 0 .25em;
}
@@ -53,6 +57,10 @@
text-align:right;
}
+html[dir="rtl"] #pkg-updates td.pkg-date {
+ text-align:left;
+}
+
.keyword:link, .keyword:visited {
float: left;
margin: 1px .5ex 1px 0;
@@ -63,6 +71,12 @@
border-radius: 2px;
}
+html[dir="rtl"] .keyword:link, .keyword:visited {
+ float: right;
+ margin-right: auto;
+ margin-left: 0.5ex;
+}
+
.keyword:hover {
cursor: pointer;
}