On Tue, Nov 9, 2010 at 4:51 AM, <emmanuel(a)engelhart.org> wrote:
Hi,
FTP external link CSS looks like that:
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
background: url(file_icon.gif) center right no-repeat;
padding: 0 18px;
}
This is so it works correctly for both LTR and RTL. Note the following rules:
/* for rtl wikis */
.rtl #bodyContent a.external {
background-position: left;
padding-right: 0;
}
.rtl a.feedlink {
background-position: right;
padding-right: 16px;
padding-left: 0;
}
/* correction for ltr wikis */
.ltr #bodyContent a.external {
padding-left: 0;
}
This way only one rule is needed for each icon type, not one for LTR
and one for RTL. Notice that the icon widths are different for each
type, so this is the most economical way to do it. Your site is
probably missing the .ltr/.rtl class on the body.
In trunk we've switched to using a script that just swaps left and
right everywhere for RTL, so the rule is instead
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
/* @embed */
background: url(file_icon.gif) center right no-repeat;
padding-right: 18px;
}
with the directions presumably flipped somehow. (By the resource
loader, I'm guessing? That will cause even more trouble for static
dumps, I guess.)