Bug 840346: Flat UI in about: pages. [r=mfinkle]
authorSriram Ramasubramanian <sriram@mozilla.com>
Wed, 13 Feb 2013 08:50:57 -0800
changeset 131638 6f28814befb7292390df8ccfaa8786c36a2bf9a9
parent 131637 2813cfcfd1c168f4bb5baf0224be4ad8f3dad638
child 131639 b93da515746268bc1b162c35c9f95ae0c607c32a
push id2323
push userbbajaj@mozilla.com
push dateMon, 01 Apr 2013 19:47:02 +0000
treeherdermozilla-beta@7712be144d91 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmfinkle
bugs840346
milestone21.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 840346: Flat UI in about: pages. [r=mfinkle]
mobile/android/themes/core/aboutAddons.css
mobile/android/themes/core/aboutApps.css
mobile/android/themes/core/aboutDownloads.css
mobile/android/themes/core/aboutFeedback.css
mobile/android/themes/core/aboutPage.css
mobile/android/themes/core/aboutPrivateBrowsing.css
mobile/android/themes/core/aboutReader.css
mobile/android/themes/core/images/about-bg-darkblue.png
mobile/android/themes/core/images/about-bg-lightblue.png
mobile/android/themes/core/images/privatebrowsing-bg-textured.png
mobile/android/themes/core/images/reader-toolbar-bg-land-hdpi.png
mobile/android/themes/core/images/reader-toolbar-bg-land-mdpi.png
mobile/android/themes/core/images/reader-toolbar-bg-land-xhdpi.png
mobile/android/themes/core/images/reader-toolbar-bg-port-hdpi.png
mobile/android/themes/core/images/reader-toolbar-bg-port-mdpi.png
mobile/android/themes/core/images/reader-toolbar-bg-port-xhdpi.png
mobile/android/themes/core/images/reader-toolbar-bg-xlarge-hdpi.png
mobile/android/themes/core/images/reader-toolbar-bg-xlarge-mdpi.png
mobile/android/themes/core/images/reader-toolbar-bg-xlarge-xhdpi.png
mobile/android/themes/core/images/row-bg-light.png
mobile/android/themes/core/images/row-bg-normal.png
mobile/android/themes/core/jar.mn
--- a/mobile/android/themes/core/aboutAddons.css
+++ b/mobile/android/themes/core/aboutAddons.css
@@ -1,16 +1,16 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 html {
   font-family: Roboto,"Droid Sans",helvetica,arial,clean,sans-serif;
   font-size: 18px;
-  background-image: url("chrome://browser/skin/images/about-bg-lightblue.png");
+  background-color: #ced7de;
   -moz-text-size-adjust: none;
 }
 
 body {
   margin: 0;
 }
 
 #addons-header {
@@ -31,28 +31,28 @@ body {
 }
 
 #addons-header > div > div {
   -moz-box-flex: 1;
 }
 
 .addon-item {
   color: black;
-  background-image: url("chrome://browser/skin/images/row-bg-normal.png");
+  background-color: #e6e9eb;
   border-bottom: 2px solid;
   -moz-border-bottom-colors: #ffffff #bac2ac;
   position: relative;
 }
 
 .addon-item[isDisabled="true"] {
   color: #999999;
 }
 
 .inner {
-  background-image: url("chrome://browser/skin/images/row-bg-light.png");
+  background-color: #eef2f5;
   min-height: 70px;
   padding: 8px;
 
   /* make room for the favicon */
   -moz-margin-start: 82px;
 }
 
 .addon-item:active,
@@ -90,17 +90,17 @@ body {
 .description {
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
 .status {
-  background-image: url("chrome://browser/skin/images/row-bg-light.png");
+  background-color: #eef2f5;
   border-top: 2px solid;
   -moz-border-top-colors: #bac2ac #ffffff;
   font-weight: bold;
   padding: 8px;
   width: 100%;
 }
 
 .buttons {
--- a/mobile/android/themes/core/aboutApps.css
+++ b/mobile/android/themes/core/aboutApps.css
@@ -1,17 +1,17 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 
 html {
   font-family: Roboto,"Droid Sans",helvetica,arial,clean,sans-serif;
   font-size: 18px;
-  background-image: url("chrome://browser/skin/images/about-bg-lightblue.png");
+  background-color: #ced7de;
   -moz-text-size-adjust: none;
 }
 
 body {
   margin: 0;
 }
 
 .header {
--- a/mobile/android/themes/core/aboutDownloads.css
+++ b/mobile/android/themes/core/aboutDownloads.css
@@ -3,17 +3,17 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 %filter substitution
 %include defines.inc
 
 html {
   font-family: Roboto,"Droid Sans",helvetica,arial,clean,sans-serif;
   font-size: 18px;
-  background-image: url("chrome://browser/skin/images/about-bg-lightblue.png");
+  background-color: #ced7de;
   -moz-text-size-adjust: none;
 }
 
 body {
   margin: 0;
 }
 
 li > a {
@@ -41,17 +41,17 @@ li > a {
 ul {
   padding: 0px;
   margin: 0px;
   width: 100%;
 }
 
 li {
   color: black;
-  background-image: url("chrome://browser/skin/images/row-bg-normal.png");
+  background-color: #e6e9eb;
   border-bottom: 2px solid;
   -moz-border-bottom-colors: #ffffff #bac2ac;
   position: relative;
   list-style-type: none;
   list-style-image: none;
   margin: 0px;
   padding: 0px;
   height: 86px;
@@ -60,17 +60,17 @@ li {
 
 #private-downloads-list li {
   background-image: none;
   background-color: #080a0b;
   color: #ddd;
 }
 
 div.details {
-  background-image: url("chrome://browser/skin/images/row-bg-light.png");
+  background-color: #eef2f5;
 }
 
 #private-downloads-list div.details {
   background-image: none;
   background-color: #393e43;
 }
 
 li:active {
--- a/mobile/android/themes/core/aboutFeedback.css
+++ b/mobile/android/themes/core/aboutFeedback.css
@@ -2,17 +2,17 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 body {
   -moz-text-size-adjust: none;
   font-family: Roboto,"Droid Sans",helvetica,arial,clean,sans-serif;
   font-size: 14px;
   color: #222;
-  background-image: url("chrome://browser/skin/images/about-bg-lightblue.png");
+  background-color: #ced7de;
   padding: 10px;
 }
 
 a {
   color: #004b98;
 }
 
 section {
--- a/mobile/android/themes/core/aboutPage.css
+++ b/mobile/android/themes/core/aboutPage.css
@@ -2,17 +2,17 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 body {
   -moz-text-size-adjust: none;
   font-family: Roboto,"Droid Sans",helvetica,arial,clean,sans-serif;
   font-size: 23px;
   color: #222222;
-  background-image: url("chrome://browser/skin/images/about-bg-lightblue.png");
+  background-color: #ced7de;
 }
 
 #header {
   height: 80px;
 }
 
 #wordmark {
   margin: 30px 0 0 15px;
@@ -24,17 +24,17 @@ body {
 #version {
   margin: 0 0 0 15px;
   font-size: 15px;
 }
 
 #banner {
   margin: 0 -10px;
   min-height: 150px;
-  background-image: url("chrome://browser/skin/images/about-bg-darkblue.png");
+  background-color: #bdc7ce;
 }
 
 #logo {
   position: absolute;
   top: 0;
   right: 0;
   width: 375px;
   height: 300px;
--- a/mobile/android/themes/core/aboutPrivateBrowsing.css
+++ b/mobile/android/themes/core/aboutPrivateBrowsing.css
@@ -15,22 +15,22 @@ body.private .showNormal {
 div.contentSection {
   width: 92%;
   max-width: 400px;
   margin: 0 auto;
 }
 
 body.private {
   color: #9ba3ab;
-  background-image: url("chrome://browser/skin/images/privatebrowsing-bg-textured.png");
+  background-color: #292c29;
 }
 
 body.normal {
   color: #222;
-  background-image: url("chrome://browser/skin/images/about-bg-lightblue.png");
+  background-color: #ced7de;
 }
 
 h1 {
   font-size: 24px;
   font-weight: 100;
   text-align: center;
   margin: 0;
 }
--- a/mobile/android/themes/core/aboutReader.css
+++ b/mobile/android/themes/core/aboutReader.css
@@ -328,17 +328,17 @@ body {
   opacity: 1.0;
   position: fixed;
   width: 100%;
   bottom: 0px;
   left: 0px;
   margin: 0;
   padding: 0;
   list-style: none;
-  background-repeat: repeat;
+  background-color: #ced7de;
 }
 
 .toolbar-hidden {
   -moz-transition-property: visibility, opacity;
   -moz-transition-duration: 0.7s;
   visibility: hidden;
   opacity: 0.0;
 }
@@ -579,77 +579,26 @@ body {
     background-image: url('chrome://browser/skin/images/reader-style-icon-xhdpi.png');
   }
 }
 
 @media screen and (orientation: portrait) {
   .button {
     height: 48px;
   }
-
-  .toolbar {
-    background-size: 48px;
-    background-image: url('chrome://browser/skin/images/reader-toolbar-bg-port-mdpi.png');
-  }
 }
 
 @media screen and (orientation: landscape) {
   .button {
     height: 40px;
   }
-
-  .toolbar {
-    background-size: 40px;
-    background-image: url('chrome://browser/skin/images/reader-toolbar-bg-land-mdpi.png');
-  }
 }
 
 @media screen and (min-width: 960px) {
   .button {
     width: 56px;
     height: 56px;
   }
 
-  .toolbar {
-    background-size: 56px;
-    background-image: url('chrome://browser/skin/images/reader-toolbar-bg-xlarge-mdpi.png');
-  }
-
   .toolbar > * {
     width: 56px;
   }
 }
-
-@media screen and (orientation: portrait) and (min-resolution: 200dpi) {
-  .toolbar {
-    background-image: url('chrome://browser/skin/images/reader-toolbar-bg-port-hdpi.png');
-  }
-}
-
-@media screen and (orientation: landscape) and (min-resolution: 200dpi) {
-  .toolbar {
-    background-image: url('chrome://browser/skin/images/reader-toolbar-bg-land-hdpi.png');
-  }
-}
-
-@media screen and (orientation: portrait) and (min-resolution: 300dpi) {
-  .toolbar {
-    background-image: url('chrome://browser/skin/images/reader-toolbar-bg-port-xhdpi.png');
-  }
-}
-
-@media screen and (orientation: landscape) and (min-resolution: 300dpi) {
-  .toolbar {
-    background-image: url('chrome://browser/skin/images/reader-toolbar-bg-land-xhdpi.png');
-  }
-}
-
-@media screen and (min-width: 960px) and (min-resolution: 200dpi) {
-  .toolbar {
-    background-image: url('chrome://browser/skin/images/reader-toolbar-bg-xlarge-hdpi.png');
-  }
-}
-
-@media screen and (min-width: 960px) and (min-resolution: 300dpi) {
-  .toolbar {
-    background-image: url('chrome://browser/skin/images/reader-toolbar-bg-xlarge-xhdpi.png');
-  }
-}
deleted file mode 100644
index 88d8765e4758f92e995ceb63f4a2201a37fcdcd7..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 20660a6c846aee7fb10775998b958cacf34dcac8..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 090e4deb6c8bf01ef94475a360a7c123644c2265..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index ab1ede4a025c4d1e47f29024f4dfa8d7fa0967e8..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 56f5d7e0d6b3d3620d951ac021cf9d48ea7befd2..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 2d1d43830ae2a5c2585196b92cfba968bbca962d..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 29622b13b6e83ab522b9b08e8be59181a2b6fe77..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 71c69291170bf0b86e622a6837bc90b0aabf0e6b..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 8911d6ad4fa8e72f1bed80b680f46ed4ee4751e9..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 7aa3ca1aa3ee1a43799b67b4f2309714a638533a..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index fb52b524dab0f3ceba6223a70a02f41128ce4ae3..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index bd4eba1e471afab100249a9460ebcc0c32febf61..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index a9012eae7f660af736bfab345d7e38ec8883cdea..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 95e6b8ab38c995cb13303987c31bef3a026444f6..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
--- a/mobile/android/themes/core/jar.mn
+++ b/mobile/android/themes/core/jar.mn
@@ -46,23 +46,19 @@ chrome.jar:
   skin/images/errorpage-larry-black.png     (images/errorpage-larry-black.png)
   skin/images/throbber.png                  (images/throbber.png)
   skin/images/search-clear-30.png           (images/search-clear-30.png)
   skin/images/play-hdpi.png                 (images/play-hdpi.png)
   skin/images/pause-hdpi.png                (images/pause-hdpi.png)
   skin/images/mute-hdpi.png                 (images/mute-hdpi.png)
   skin/images/unmute-hdpi.png               (images/unmute-hdpi.png)
   skin/images/scrubber-hdpi.png             (images/scrubber-hdpi.png)
-  skin/images/about-bg-lightblue.png        (images/about-bg-lightblue.png)
-  skin/images/about-bg-darkblue.png         (images/about-bg-darkblue.png)
   skin/images/about-btn-darkgrey.png        (images/about-btn-darkgrey.png)
   skin/images/logo-hdpi.png                 (images/logo-hdpi.png)
   skin/images/wordmark-hdpi.png             (images/wordmark-hdpi.png)
-  skin/images/row-bg-light.png              (images/row-bg-light.png)
-  skin/images/row-bg-normal.png             (images/row-bg-normal.png)
   skin/images/addons-amo-hdpi.png           (images/addons-amo-hdpi.png)
   skin/images/reader-plus-icon-mdpi.png     (images/reader-plus-icon-mdpi.png)
   skin/images/reader-plus-icon-hdpi.png     (images/reader-plus-icon-hdpi.png)
   skin/images/reader-plus-icon-xhdpi.png    (images/reader-plus-icon-xhdpi.png)
   skin/images/reader-minus-icon-mdpi.png    (images/reader-minus-icon-mdpi.png)
   skin/images/reader-minus-icon-hdpi.png    (images/reader-minus-icon-hdpi.png)
   skin/images/reader-minus-icon-xhdpi.png   (images/reader-minus-icon-xhdpi.png)
   skin/images/reader-dropdown-arrow-mdpi.png     (images/reader-dropdown-arrow-mdpi.png)
@@ -78,19 +74,9 @@ chrome.jar:
   skin/images/reader-toggle-off-icon-hdpi.png    (images/reader-toggle-off-icon-hdpi.png)
   skin/images/reader-toggle-off-icon-xhdpi.png   (images/reader-toggle-off-icon-xhdpi.png)
   skin/images/reader-share-icon-mdpi.png         (images/reader-share-icon-mdpi.png)
   skin/images/reader-share-icon-hdpi.png         (images/reader-share-icon-hdpi.png)
   skin/images/reader-share-icon-xhdpi.png        (images/reader-share-icon-xhdpi.png)
   skin/images/reader-style-icon-mdpi.png         (images/reader-style-icon-mdpi.png)
   skin/images/reader-style-icon-hdpi.png         (images/reader-style-icon-hdpi.png)
   skin/images/reader-style-icon-xhdpi.png        (images/reader-style-icon-xhdpi.png)
-  skin/images/reader-toolbar-bg-port-mdpi.png    (images/reader-toolbar-bg-port-mdpi.png)
-  skin/images/reader-toolbar-bg-land-mdpi.png    (images/reader-toolbar-bg-land-mdpi.png)
-  skin/images/reader-toolbar-bg-xlarge-mdpi.png  (images/reader-toolbar-bg-xlarge-mdpi.png)
-  skin/images/reader-toolbar-bg-port-hdpi.png    (images/reader-toolbar-bg-port-hdpi.png)
-  skin/images/reader-toolbar-bg-land-hdpi.png    (images/reader-toolbar-bg-land-hdpi.png)
-  skin/images/reader-toolbar-bg-xlarge-hdpi.png  (images/reader-toolbar-bg-xlarge-hdpi.png)
-  skin/images/reader-toolbar-bg-port-xhdpi.png   (images/reader-toolbar-bg-port-xhdpi.png)
-  skin/images/reader-toolbar-bg-land-xhdpi.png   (images/reader-toolbar-bg-land-xhdpi.png)
-  skin/images/reader-toolbar-bg-xlarge-xhdpi.png (images/reader-toolbar-bg-xlarge-xhdpi.png)
   skin/images/privatebrowsing-mask.png           (images/privatebrowsing-mask.png)
-  skin/images/privatebrowsing-bg-textured.png    (images/privatebrowsing-bg-textured.png)