Issue 1668 - Fixed direction on add-on pages for right-to-left scripts

chrome/skin/firstRun.css

 /*
  * This file is part of Adblock Plus <http://adblockplus.org/>,
  * Copyright (C) 2006-2014 Eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 234 matching lines @@
   margin: 8px 0 10px 20px;
 }
 
 #share
 {
   background-image: url(background-share.png);
   padding: 50px 100px 40px 100px;
   max-width: 760px;
   text-align: center;
   font-family: CreteRound, Helvetica, Arial, sans-serif;
+  direction: ltr; /* don't mess with left/right border */

[Wladimir Palant, 2014/12/08 20:35:09]

Apparently, Chrome and Safari have a -webkit-border-start CSS property. So the
proper solution would be using -moz-border-start/-webkit-border-start instead of
border-left and -moz-border-end/-webkit-border-end instead of border-right.

[Sebastian Noack, 2014/12/08 20:54:58]

Nice. Note that I used it the other way around (i.e. "-*-border-start-style:
none"), for two reasons:

1. In case -*-border-start isn't supported we just get double borders in the
middle instead omitting the order at the nd, which is still symmetrical.

2. That way I don't have to hardcode the border settings twice.

[Sebastian Noack, 2014/12/08 21:22:59]

s/order at the nd/border at the end/

[Wladimir Palant, 2014/12/09 08:24:40]

Yes, this is indeed better.

 }
 
 #share h2
 {
   color: #fff;
   margin: 0 0 30px 0;
 }
 
 #share h2 > a
 {
@@ skipping 314 matching lines @@
   background-image: url(donate.png);
   background-repeat: repeat-x;
 }
 
 footer
 {
   margin: 0 auto 30px;
   max-width: 960px;
   text-align: center;
 }