On Tue, Nov 9, 2010 at 4:51 AM, emmanuel@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.)