Bug 1200661 - Fix position of ticks and mask in about:privatebrowsing for RTL locales. r=ttaubert

--HG--
extra : commitid : 1SmUZ2j98Aq
extra : rebase_source : d1af1caa384d401e30df24b25b6119a530d139d6

browser/components/privatebrowsing/content/aboutPrivateBrowsing.css

@@ -41,6 +41,10 @@ body[globalTpEnabled] .showGlobalTpDisabled {
   line-height: 2.5em;
 }
 
+#bar:-moz-dir(rtl) {
+  background-position: right 22px top 50%;
+}
+
 #main {
   padding: 0 2em;
   flex: 1;
@@ -74,6 +78,10 @@ li {
   background-position: 0 50%;
 }
 
+li:-moz-dir(rtl) {
+  background-position: 100% 50%;
+}
+
 #forgotten > li {
   background-image: url("chrome://browser/skin/privatebrowsing/check.png");
 }