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 24 matching lines @@
 {
   margin: 10px 20px 0px 20px;
 }
 
 #donate-block, #share-block
 {
   min-width: 250px;
   display: inline-block;
   vertical-align: top;
   padding: 5px 0 5px 0;
-}
-
-#donate-block
-{
   border: 1px dashed #37506d;
   border-style: none dashed;
+}
+
+#donate-block
+{
   width: 50%;
 }
 
 #share-block
 {
-  border-right: 1px dashed #37506d;
   width: 49%;
+
+  -webkit-border-start-style: none;
+  -moz-border-start-style: none;
 }
 
 .share-buttons
 {
   margin: 6px 0 0 0;
   cursor: pointer;
   vertical-align: top;
   /* because inline block creates
    * space if not captured with
    * font-size and line-height 0px
@@ skipping 257 matching lines @@
   background-image: url(donate.png);
   background-repeat: repeat-x;
 }
 
 footer
 {
   margin: 0 auto 30px;
   max-width: 960px;
   text-align: center;
 }