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; }