Bug 685308 (2/2) - Make tablet UI work in RTL locales [r=wesj]

mobile/themes/core/browser.css

@@ -925,10 +925,6 @@ autocompleteresult.noresults > .autocomplete-item-container {
   background: #5e6166;
 }
 
-#tabs:-moz-locale-dir(rtl) {
-  -moz-box-align: start;
-}
-
 #tabs > .tabs-scrollbox {
   max-width: 350px;
 }

mobile/themes/core/gingerbread/browser.css

@@ -879,10 +879,6 @@ autocompleteresult.noresults > .autocomplete-item-container {
   background: @color_background_default@;
 }
 
-#tabs:-moz-locale-dir(rtl) {
-  -moz-box-align: start;
-}
-
 #tabs > .tabs-scrollbox {
   max-width: 350px;
 }

mobile/themes/core/honeycomb/browser.css

@@ -357,16 +357,23 @@ toolbarbutton.urlbar-button {
   -moz-margin-end: -@margin_large@; /* allow back button to overlap a bit */
   min-width: 100px !important; /* same width than bg image */
 }
+#tool-tabs:-moz-locale-dir(rtl) {
+  background-image: url("chrome://browser/skin/images/tabs-default-bg-rtl.png");
+}
 
 #tool-tabs:not([disabled="true"]):active,
 #tool-tabs:not([disabled="true"])[open="true"] {
   background-image: url("chrome://browser/skin/images/tabs-selected-bg.png");
   background-color: transparent;
 }
+#tool-tabs:not([disabled="true"]):active:-moz-locale-dir(rtl),
+#tool-tabs:not([disabled="true"])[open="true"]:-moz-locale-dir(rtl) {
+  background-image: url("chrome://browser/skin/images/tabs-selected-bg-rtl.png");
+}
 
 #tool-tabs .toolbarbutton-icon {
   -moz-transform: translateY(0.45em);
-  padding-right: 32px; /* correct position and alignment */
+  -moz-padding-end: 32px; /* correct position and alignment */
 }
 
 #tool-tabs .toolbarbutton-text {
@@ -374,7 +381,7 @@ toolbarbutton.urlbar-button {
   display: -moz-box;
   font-size: @font_small@ !important;
   -moz-transform: translateY(-0.56em);
-  padding-right: 33px; /* correct position and alignment */
+  -moz-padding-end: 33px; /* correct position and alignment */
 }
 
 #tool-menu {
@@ -999,10 +1006,6 @@ autocompleteresult.noresults > .autocomplete-item-container {
   background: @color_toolbar_background@;
 }
 
-#tabs:-moz-locale-dir(rtl) {
-  -moz-box-align: start;
-}
-
 #tabs > .tabs-scrollbox {
   max-width: 350px;
 }

mobile/themes/core/jar.mn

@@ -119,6 +119,7 @@ chrome.jar:
   skin/images/close-inactive-tab-hdpi.png   (images/close-inactive-tab-hdpi.png)
   skin/images/close-inactive-tab-tablet-hdpi.png   (images/close-inactive-tab-tablet-hdpi.png)
   skin/images/close-background-hdpi.png     (images/close-background-hdpi.png)
+  skin/images/close-background-hdpi-rtl.png (images/close-background-hdpi-rtl.png)
   skin/images/check-30.png                  (images/check-30.png)
   skin/images/search-glass-30.png           (images/search-glass-30.png)
   skin/images/search-clear-30.png           (images/search-clear-30.png)
@@ -250,6 +251,7 @@ chrome.jar:
   skin/gingerbread/images/close-active-hdpi.png         (gingerbread/images/close-active-hdpi.png)
   skin/gingerbread/images/close-active-tablet-hdpi.png  (gingerbread/images/close-active-tablet-hdpi.png)
   skin/gingerbread/images/close-background-hdpi.png     (gingerbread/images/close-background-hdpi.png)
+  skin/gingerbread/images/close-background-hdpi-rtl.png (gingerbread/images/close-background-hdpi-rtl.png)
   skin/gingerbread/images/close-inactive-tab-hdpi.png   (gingerbread/images/close-inactive-tab-hdpi.png)
   skin/gingerbread/images/close-inactive-tab-tablet-hdpi.png   (gingerbread/images/close-inactive-tab-tablet-hdpi.png)
   skin/gingerbread/images/check-30.png                  (gingerbread/images/check-30.png)
@@ -388,6 +390,7 @@ chrome.jar:
   skin/honeycomb/images/close-active-hdpi.png         (honeycomb/images/close-active-hdpi.png)
   skin/honeycomb/images/close-active-tablet-hdpi.png  (honeycomb/images/close-active-tablet-hdpi.png)
   skin/honeycomb/images/close-background-hdpi.png     (honeycomb/images/close-background-hdpi.png)
+  skin/honeycomb/images/close-background-hdpi-rtl.png (honeycomb/images/close-background-hdpi-rtl.png)
   skin/honeycomb/images/close-inactive-tab-hdpi.png   (honeycomb/images/close-inactive-tab-hdpi.png)
   skin/honeycomb/images/close-inactive-tab-tablet-hdpi.png   (honeycomb/images/close-inactive-tab-tablet-hdpi.png)
   skin/honeycomb/images/checkmark-hdpi.png                 (images/checkmark-hdpi.png)
@@ -421,6 +424,8 @@ chrome.jar:
   skin/honeycomb/images/tabs-hdpi.png                 (honeycomb/images/tabs-hdpi.png)
   skin/honeycomb/images/tabs-default-bg.png           (honeycomb/images/tabs-default-bg.png)
   skin/honeycomb/images/tabs-selected-bg.png          (honeycomb/images/tabs-selected-bg.png)
+  skin/honeycomb/images/tabs-default-bg-rtl.png       (honeycomb/images/tabs-default-bg-rtl.png)
+  skin/honeycomb/images/tabs-selected-bg-rtl.png      (honeycomb/images/tabs-selected-bg-rtl.png)
   skin/honeycomb/images/menu-hdpi.png                 (honeycomb/images/menu-hdpi.png)
   skin/honeycomb/images/errorpage-warning.png         (images/errorpage-warning.png)
   skin/honeycomb/images/errorpage-larry-white.png     (images/errorpage-larry-white.png)

mobile/themes/core/tablet.css

@@ -71,7 +71,11 @@
   -moz-box-pack: end;
   -moz-box-align: center;
   -moz-margin-end: -11px;
-  padding-right: 13px;
+  -moz-padding-end: 13px;
+}
+.documenttab-close-container[tablet]:-moz-locale-dir(rtl) {
+  left: auto;
+  right: 0px;
 }
 
 documenttab[selected="true"] > vbox > stack > .documenttab-close-container[tablet] {
@@ -79,7 +83,11 @@ documenttab[selected="true"] > vbox > stack > .documenttab-close-container[table
   background-repeat: no-repeat;
   background-position: right;
   -moz-margin-start: 146px;
-  padding-right: 2px;
+  -moz-padding-end: 2px;
+}
+documenttab[selected="true"] > vbox > stack > .documenttab-close-container[tablet]:-moz-locale-dir(rtl) {
+  background: url("chrome://browser/skin/images/close-background-hdpi-rtl.png");
+  background-position: left;
 }
 
 .documenttab-close[tablet] {