Support for langauges written right-to-left

Signed-off-by: PyroPeter <abi1789@googlemail.com>
Signed-off-by: Lukas Fleischer <archlinux@cryptocrack.de>
This commit is contained in:
PyroPeter 2011-02-15 21:32:52 +01:00 committed by Lukas Fleischer
parent 346e82716b
commit 3d6c6cc98a
3 changed files with 46 additions and 16 deletions

View file

@ -53,9 +53,9 @@ body {
display: block; display: block;
font-size: 10pt; font-size: 10pt;
text-align: right; text-align: right;
position: relative;
margin-bottom: 40px; margin-bottom: 40px;
margin-right: 35px; margin-right: 35px;
margin-left: 35px;
} }
#lang_sub ul { #lang_sub ul {
list-style: none; list-style: none;
@ -173,7 +173,6 @@ h3.title {
border-bottom: 1px solid #46494d; border-bottom: 1px solid #46494d;
} }
h4.title { h4.title {
text-align: left;
border-bottom: 1px solid #46494d; border-bottom: 1px solid #46494d;
} }
h4.news { h4.news {
@ -251,7 +250,6 @@ table.results {
background-color: #e1e3e6; background-color: #e1e3e6;
border-bottom: 1px solid #46494d; border-bottom: 1px solid #46494d;
border-top: 1px solid #46494d; border-top: 1px solid #46494d;
text-align: left;
padding: 0px 5px 0px 0px; padding: 0px 5px 0px 0px;
} }
.results th>a { .results th>a {
@ -266,7 +264,6 @@ table.results {
.listing th { .listing th {
font-size: small; font-size: small;
vertical-align: top; vertical-align: top;
text-align: left;
padding: 2px; padding: 2px;
} }
.listing td { .listing td {
@ -306,7 +303,6 @@ blockquote.code {
margin-bottom: 1%; margin-bottom: 1%;
background-color: #fff; background-color: #fff;
border: 2px solid #ddd; border: 2px solid #ddd;
text-align: left;
padding: 3px; padding: 3px;
} }
.frontpgboxbody { .frontpgboxbody {
@ -320,7 +316,6 @@ blockquote.code {
border-top: 1px solid #fff; border-top: 1px solid #fff;
border-left: 1px solid #fff; border-left: 1px solid #fff;
background-color: #f1f2f4; background-color: #f1f2f4;
text-align: left;
padding: 2px 10px 2px 10px; padding: 2px 10px 2px 10px;
} }
.pgboxbody, .pgboxbody,
@ -383,3 +378,47 @@ blockquote.code {
font-size: 18px; font-size: 18px;
font-weight: bold; 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;
}

View file

@ -33,7 +33,6 @@ td.sideBar {
td.sideBarGrey { td.sideBarGrey {
background-color: #eee; background-color: #eee;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
text-align: left;
vertical-align: top; vertical-align: top;
width: 150px; width: 150px;
} }
@ -77,12 +76,10 @@ td.footerDisplay {
table.boxSoft { table.boxSoft {
width: 90%; width: 90%;
background-color: #ddd; background-color: #ddd;
text-align: left;
} }
td.boxSoft { td.boxSoft {
background-color: #fff; background-color: #fff;
padding: 2px; padding: 2px;
text-align: left;
} }
td.boxSoftColumn { td.boxSoftColumn {
padding-left: 16px; padding-left: 16px;
@ -100,7 +97,6 @@ td.div {
border-top: 1px solid #fff; border-top: 1px solid #fff;
background-color: #f1f2f4; background-color: #f1f2f4;
padding: 1px 0 0 3px; padding: 1px 0 0 3px;
text-align: left;
} }
table.boxSoftSmall { table.boxSoftSmall {
width: 94px; width: 94px;
@ -133,31 +129,26 @@ td.features {
} }
td.formLeft { td.formLeft {
padding: 6px; padding: 6px;
text-align: left;
vertical-align: top; vertical-align: top;
} }
td.data1 { td.data1 {
background-color: #eee; background-color: #eee;
vertical-align: top; vertical-align: top;
padding-left: .3em; padding-left: .3em;
text-align: left;
} }
td.data2 { td.data2 {
background-color: #ddd; background-color: #ddd;
vertical-align: top; vertical-align: top;
padding-left: .3em; padding-left: .3em;
text-align: left;
} }
.outofdate { .outofdate {
background-color: #faa; background-color: #faa;
padding-left: .3em; padding-left: .3em;
text-align: left;
} }
.legend span { .legend span {
padding: 1px; padding: 1px;
margin-left: .3em; margin-left: .3em;
border: solid 1px #888; border: solid 1px #888;
text-align: left;
} }
td.text { td.text {
color: #000; color: #000;

View file

@ -2,7 +2,7 @@
<!-- End of main content --> <!-- End of main content -->
<?php <?php
if ($ver) { if ($ver) {
echo "<p class=\"pgbox\" style=\"text-align: right; font-size: 14px;\"><b>$ver</b></p>\n"; echo "<div class=\"pgbox version\">$ver</div>";
} }
?> ?>
</body> </body>