Bug 575403 - Create an Android theme for Fennec (task images and urlbar padding) [r=mbrubeck, ui=madhava]

mobile/themes/core/browser.css

@@ -39,7 +39,7 @@
 #toolbar-main {
   -moz-appearance: none;
   -moz-box-align: center;
-  padding: 0 8px; /* core spacing */
+  padding: 0;
   border: none;
   background: #5e6166;
 }
@@ -60,12 +60,12 @@ toolbarbutton.urlbar-button {
 /* MAEMO (and desktop) only */
 #tool-app-switch {
   margin-top: -8px; /* force the button to go to the edge */
-  -moz-margin-start: -8px; /* force the button to go to the edge */
+  -moz-margin-start: 0; /* force the button to go to the edge */
   min-width: 72px !important; /* 72, not 64 to make up for the negative margin */
   min-height: 72px !important; /* 72, not 64 to make up for the negative margin */
   visibility: collapse;
   -moz-margin-end: 8px; /* core spacing */
-  list-style-image: url("chrome://browser/skin/images/task-switch-40.png");
+  list-style-image: url("chrome://browser/skin/images/task-switch-hdpi.png");
   background-color: transparent !important;
   border: none !important;
 }
@@ -82,11 +82,11 @@ toolbarbutton.urlbar-button {
 /* MAEMO (and desktop) only */
 #tool-app-close {
   margin-top: -8px; /* force the button to go to the edge */
-  -moz-margin-end: -8px !important; /* force the button to go to the edge */
+  -moz-margin-end: 0 !important; /* force the button to go to the edge */
   min-width: 72px !important; /* 72, not 64 to make up for the negative margin */
   min-height: 72px !important; /* 72, not 64 to make up for the negative margin */
   visibility: collapse;
-  list-style-image: url("chrome://browser/skin/images/task-close-40.png");
+  list-style-image: url("chrome://browser/skin/images/task-close-hdpi.png");
   background-color: transparent !important;
   border: none !important;
 }
@@ -109,11 +109,11 @@ toolbarbutton.urlbar-button {
 
 #toolbar-main[dialog="true"] #tool-app-close {
   visibility: visible;
-  list-style-image: url("chrome://browser/skin/images/task-back-40.png");
+  list-style-image: url("chrome://browser/skin/images/task-back-hdpi.png");
 }
 
 #toolbar-main[dialog="true"] #tool-app-close:-moz-locale-dir(rtl) {
-  list-style-image: url("chrome://browser/skin/images/task-back-rtl-40.png");
+  list-style-image: url("chrome://browser/skin/images/task-back-rtl-hdpi.png");
 }
 %endif
 
@@ -353,7 +353,7 @@ toolbarbutton.button-control:not([disabled="true"]):hover:active {
   min-width: 72px !important; /* 72, not 64 to make up for the negative margin */
   max-width: 72px !important; /* 72, not 64 to make up for the negative margin */
   min-height: 72px !important; /* 72, not 64 to make up for the negative margin */
-  list-style-image: url("chrome://browser/skin/images/task-back-40.png");
+  list-style-image: url("chrome://browser/skin/images/task-back-hdpi.png");
   background: transparent !important;
   border: none !important;
 }
@@ -367,7 +367,7 @@ toolbarbutton.button-control:not([disabled="true"]):hover:active {
 }
 
 #tool-panel-close:-moz-locale-dir(rtl) {
-  list-style-image: url("chrome://browser/skin/images/task-back-rtl-40.png");
+  list-style-image: url("chrome://browser/skin/images/task-back-rtl-hdpi.png");
 }
 
 #tool-panel-close:hover:active:-moz-locale-dir(rtl) {
@@ -547,47 +547,6 @@ richlistitem[typeName="showmore"] {
   white-space: pre-wrap;
 }
 
-/* bookmarks navigation popup ------------------------------ */
-#tool-bookmarks-close {
-  margin-top: -8px; /* force the button to go to the edge */
-  margin-bottom: -8px; /* force the button to go to the edge */
-  -moz-margin-end: -8px; /* force the button to go to the edge */
-  -moz-padding-end: 8px !important; /* re-center the image */
-  min-width: 72px !important; /* 72, not 64 to make up for the negative margin */
-  min-height: 72px !important; /* 72, not 64 to make up for the negative margin */
-  list-style-image: url("chrome://browser/skin/images/task-back-40.png");
-}
-
-#tool-bookmarks-close:-moz-locale-dir(rtl) {
-  list-style-image: url("chrome://browser/skin/images/task-back-rtl-40.png");
-}
-
-#tool-bookmarks-close:hover:active {
-  background-color: #8db8d8 !important;
-}
-
-#tool-bookmarks-close:hover:active:-moz-locale-dir(ltr) {
-  -moz-border-radius-bottomleft: 6px;
-}
-
-#tool-bookmarks-close:hover:active:-moz-locale-dir(rtl) {
-  -moz-border-radius-bottomright: 6px;
-}
-
-#bookmarklist-container {
-  padding: 0;
-}
-
-#bookmarklist-header {
-  -moz-box-align: center;
-  padding: 4px 8px; /* half core spacing & core spacing */
-}
-
-#bookmark-items {
-  -moz-appearance: none !important;
-  padding: 0;
-}
-
 /* folders navigation row */
 .place-list-parents placelabel {
   visibility: collapse;

mobile/themes/core/jar.mn

@@ -94,9 +94,9 @@ chrome.jar:
   skin/images/search-clear-30.png           (images/search-clear-30.png)
   skin/images/section-expanded-16.png       (images/section-expanded-16.png)
   skin/images/section-collapsed-16.png      (images/section-collapsed-16.png)
-  skin/images/task-switch-40.png            (images/task-switch-40.png)
-  skin/images/task-close-40.png             (images/task-close-40.png)
-  skin/images/task-back-40.png              (images/task-back-40.png)
-  skin/images/task-back-rtl-40.png          (images/task-back-rtl-40.png)
+  skin/images/task-switch-hdpi.png          (images/task-switch-hdpi.png)
+  skin/images/task-close-hdpi.png           (images/task-close-hdpi.png)
+  skin/images/task-back-hdpi.png            (images/task-back-hdpi.png)
+  skin/images/task-back-rtl-hdpi.png        (images/task-back-rtl-hdpi.png)
   skin/images/autocomplete-desktop-hdpi.png      (images/autocomplete-desktop-hdpi.png)
   skin/images/autocomplete-bookmarked-hdpi.png   (images/autocomplete-bookmarked-hdpi.png)