Bug 531102: Change Fennec Hildon theme to use pixels for dimensions [r=gavin.sharp]
authorMark Finkle <mfinkle@mozilla.com>
Wed, 25 Nov 2009 19:27:25 -0500
changeset 65852 75a03dfa8ef38719bb173731af838302d849729e
parent 65851 17e6d85e44034c410dd0a031573828e1051811c6
child 65853 5289df53bee33baef75b8dc4fadab1bd52b30707
push id1
push userroot
push dateTue, 26 Apr 2011 22:38:44 +0000
treeherdermozilla-beta@bfdb6e623a36 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersgavin.sharp
bugs531102
Bug 531102: Change Fennec Hildon theme to use pixels for dimensions [r=gavin.sharp]
mobile/app/mobile.js
mobile/themes/hildon/aboutPage.css
mobile/themes/hildon/browser.css
mobile/themes/hildon/firstRun.css
mobile/themes/hildon/notification.css
mobile/themes/hildon/platform.css
--- a/mobile/app/mobile.js
+++ b/mobile/app/mobile.js
@@ -43,17 +43,16 @@ pref("browser.chromeURL", "chrome://brow
 pref("browser.startup.homepage", "about:firstrun");
 
 #if MOZ_PLATFORM_HILDON
 pref("browser.ui.cursor", false);
 #elifdef WINCE
 pref("browser.ui.cursor", false);
 #else // DESKTOP
 pref("browser.ui.cursor", true);
-pref("layout.css.dpi", 265);
 #endif
 
 /* use custom widget for html:select */
 pref("ui.use_native_popup_windows", true);
 
 pref("javascript.options.showInConsole", false);
 pref("browser.dom.window.dump.enabled", false);
 
@@ -334,18 +333,16 @@ pref("plugins.force.wmode", "opaque");
 pref("browser.geolocation.warning.infoURL", "http://%LOCALE%.www.mozilla.com/%LOCALE%/firefox/geolocation/");
 
 // base url for the wifi geolocation network provider
 pref("geo.wifi.uri", "https://www.google.com/loc/json");
 
 // enable geo
 pref("geo.enabled", true);
 
-pref("layout.css.devPixelsPerPx", "1");
-
 // content sink control -- controls responsiveness during page load
 pref("content.max.deflected.tokens", 10);
 pref("content.max.tokenizing.time", 50000);
 
 pref("javascript.options.jit.content", true);
 pref("javascript.options.jit.chrome", true);
 pref("javascript.options.mem.gc_frequency", 300);
 
--- a/mobile/themes/hildon/aboutPage.css
+++ b/mobile/themes/hildon/aboutPage.css
@@ -44,33 +44,33 @@
   color: #909090;
   margin: -24px 20px 0 118px;
 }
 
 #aboutLinks {
   background-color: white;
   padding: 5px;
   border: 2px solid #e6e5e3;
-  font-size: 2.4mm;
+  font-size: 24px;
 }
 
 #aboutLinks > li {
   clear: both;
   border-bottom: 2px solid #e6e5e3;
   list-style: none;
-  -moz-padding-end: 2mm;
+  -moz-padding-end: 16px;
 }
 
 #aboutLinks > li:last-child {
   border-bottom: 0;
 }
 
 #aboutLinks > li > a {
-  padding: 2mm;
+  padding: 16px;
   display: block;
   color: #3a3834;
   background: url("images/arrowright-16.png") right center no-repeat;
 }
 
 #aboutDetails {
   margin-top: 15px;
-  font-size: 1.8mm;
+  font-size: 18px;
 }
--- a/mobile/themes/hildon/browser.css
+++ b/mobile/themes/hildon/browser.css
@@ -39,44 +39,46 @@
 #tile-container {
   background-image: url("chrome://browser/content/checkerboard.png");
 }
 
 /* main toolbar (URL bar) -------------------------------------------------- */
 #toolbar-main {
   -moz-appearance: none;
   -moz-box-align: center;
-  padding: 0.5mm 1mm; /* half core spacing & core spacing */
+  padding: 4px 8px; /* half core spacing & core spacing */
   border: none;
 }
 
 #toolbar-moveable-container[top="0"] {
   position: fixed;
   left: 0;
   z-index: 1000;
 }
 
 
 /* main toolbar buttons */
 toolbarbutton.urlbar-button {
   /* space out the buttons a bit horizontally */
-  margin-left: 1mm; /* core spacing */
+  margin-left: 8px; /* core spacing */
 }
 
 #tool-app-switch {
+  min-width: 64px !important;
   visibility: collapse;
-  margin-right: 1mm; /* core spacing */
+  margin-right: 8px; /* core spacing */
   list-style-image: url("chrome://browser/skin/images/task-switch-40.png");
 }
 
 #toolbar-main[fullscreen="true"] #tool-app-switch:not(:-moz-system-metric(maemo-classic)) {
   visibility: visible;
 }
 
 #tool-app-close {
+  min-width: 64px !important;
   visibility: hidden;
   list-style-image: url("chrome://browser/skin/images/task-close-40.png");
 }
 
 #toolbar-main[fullscreen="true"] #tool-app-close {
   visibility: visible;
 }
 
@@ -173,18 +175,18 @@ toolbarbutton.urlbar-cap-button {
 #urlbar-favicon[src=""] {
   list-style-image: url("chrome://browser/skin/images/favicon-default-30.png");
 }
 
 #urlbar-editarea {
   min-height: 64px;
   -moz-box-align: center;
   padding: 0;
-  border-top: 1px solid #262629; /* keep pixels */
-  border-bottom: 3px solid #262629; /* keep pixels */
+  border-top: 1px solid #262629;
+  border-bottom: 3px solid #262629;
   background: #fff;
 }
 
 #urlbar-edit {
   -moz-appearance: none !important;
   padding: 0px !important;
   border: none !important;
   color: #000;
@@ -201,25 +203,25 @@ toolbarbutton.urlbar-cap-button {
 
 #urlbar-icons:hover:active {
   background: url("images/rightcap-active-64.png");
 }
 
 /* right toolbar (browser controls) ---------------------------------------- */
 #browser-controls {
   -moz-box-align: start;
-  padding: 0 1mm; /* core spacing + tiny bit for a rounding issue? */
-  border-left: 3px solid #262629; /* keep pixels */
+  padding: 0 8px; /* core spacing + tiny bit for a rounding issue? */
+  border-left: 3px solid #262629;
 }
 
 toolbarbutton.browser-control-button,
 toolbarbutton.panel-button,
 toolbarbutton.page-button {
   /* space out the buttons a bit vertically */
-  margin-bottom: 1mm; /* core spacing */
+  margin-bottom: 8px; /* core spacing */
 }
 
 #tool-star {
   list-style-image: url("chrome://browser/skin/images/bookmark-default-64.png");
 }
 
 #tool-star:hover:active {
   list-style-image: url("chrome://browser/skin/images/bookmark-active-64.png");
@@ -296,33 +298,33 @@ toolbarbutton.page-button {
   #panel-container {
     -moz-box-orient: vertical;
   }
   
   #panel-controls {
     -moz-box-orient: horizontal;
     -moz-box-ordinal-group: 1000;
     -moz-box-pack: start;
-    padding-top: 1mm; /* core spacing */
+    padding-top: 8px; /* core spacing */
   }
   
   #tool-panel-close {
     -moz-box-ordinal-group: 1;
   }
 }
 
 #panel-controls {
   /* match #browser-controls end padding */
-  padding-left: 1mm; /* core spacing */
-  padding-right: 1mm; /* core spacing */
+  padding-left: 8px; /* core spacing */
+  padding-right: 8px; /* core spacing */
   -moz-box-align: end;
 }
 
 .panel-header {
-  padding: 1mm; /* core spacing */
+  padding: 8px; /* core spacing */
 }
 
 #tool-addons {
   list-style-image: url("chrome://browser/skin/images/addons-default-64.png");
 }
 
 #tool-addons:hover:active,
 #tool-addons[checked="true"] {
@@ -403,17 +405,17 @@ toolbarbutton.page-button {
 
 /* downloads panel UI   ---------------------------------------------------- */
 .download-retry-failed {
   color: red !important;
 }
 
 /* special "no downloads" items */
 #dl-empty-message {
-  margin-top: 12mm; /* 2 times row height */
+  margin-top: 140px; /* 2 times row height */
   font-style: italic;
   border-bottom: none;
 }
 
 #dl-empty-message:active {
   background-color: white;
 }
 
@@ -435,26 +437,27 @@ toolbarbutton.page-button {
   #console-filter-warnings,
   #console-filter-messages {
     visibility: collapse;
   }
 }
 
 /* bookmarks navigation popup ------------------------------ */
 #tool-bookmarks-close {
+  min-width: 64px !important;
   list-style-image: url("chrome://browser/skin/images/task-back-40.png");
 }
 
 #bookmarklist-container {
   padding: 0;
 }
 
 #bookmarklist-header {
   -moz-box-align: center;
-  padding: 0.5mm 1mm; /* half core spacing & core spacing */
+  padding: 4px 8px; /* half core spacing & core spacing */
 }
 
 #bookmark-items {
   -moz-appearance: none !important;
   padding: 0;
 }
 
 /* folders navigation row */
@@ -464,26 +467,26 @@ toolbarbutton.page-button {
 
 .place-list-parents placelabel:last-child:not(:only-child) {
   visibility: visible;
 }
 
 /* be consistent with the size of placeitem */
 placelabel {
   -moz-box-align: center;
-  padding-right: 8mm;
+  padding-right: 80px;
   background: rgb(207,207,207) url(images/arrowup-16.png) no-repeat 98% 50%;
   color: #000;
-  min-height: 6mm; /* row size */
+  min-height: 70px; /* row size */
 }
   
 /* folder bookmarks row */
 placeitem[type="folder"] {
   -moz-box-pack: center;
-  padding-right: 4mm;
+  padding-right: 40px;
   background: url(images/arrowright-16.png) no-repeat 98% 50%;
 }
 
 placelist[ui="manage"] placeitem[type="folder"] {
   background-image: none;
 }
 
 placeitem[type="folder"] > .bookmark-item-label > image,
@@ -492,17 +495,17 @@ placeitem[type="folder"] > .bookmark-man
 }
   
 placeitem[type="folder"] .bookmark-item-url {
   display: none;
 }
 
 /* bookmark manage controls */
 placeitem > .bookmark-manage .bookmark-controls {
-  padding-top: 1.1mm;
+  padding-top: 8px;
 }
 
 /* bookmark popup for star button */
 placeitem[ui="manage"] {
   border-bottom: 0;
 }
 
 placeitem[ui="manage"] > .bookmark-manage > image {
@@ -514,34 +517,33 @@ placeitem[ui="manage"] > .bookmark-manag
   border: none;
   margin: 0;
   padding: 0;
   list-style-image: url("chrome://browser/skin/images/close-40.png");
 }
 
 .tool-search {
   list-style-image: url("chrome://browser/skin/images/navigation-magnifier-30.png");
-  margin-right: 1mm;
+  margin-right: 8px;
 }
 
 .searchengine {
   -moz-box-orient: horizontal;
-  min-width: 8mm;
+  min-width: 140px !important;
 }
 
 .searchengine .radio-icon {
   display: block;
   width: 32px;
   height: 32px;
-  -moz-margin-end: 1mm;
+  -moz-margin-end: 8px;
 }
 
 #autocomplete_navbuttons {
-  padding: 0.5mm 0; /* half core spacing & none (autorepeat arrows compensate) */
-  min-height: 6mm; /* row size */
+  padding: 4px 0; /* half core spacing & none (autorepeat arrows compensate) */
   -moz-user-focus: ignore;
 }
 
 #autocomplete_navbuttons .autorepeatbutton-down {
   list-style-image: url(images/arrowrightdark-16.png);
 }
 
 #autocomplete_navbuttons .autorepeatbutton-up {
@@ -557,43 +559,43 @@ placeitem[ui="manage"] > .bookmark-manag
 .autocomplete-items {
   background-color: white;
 }
 
 autocompleteresult,
 placeitem {
   color: black;
   background-color: white;
-  padding: 0.2mm 0.5mm;
-  border-bottom: 0.1mm solid rgb(207,207,207);
-  min-height: 6mm; /* row size */
+  padding: 2px 4px;
+  border-bottom: 1px solid rgb(207,207,207);
+  min-height: 70px; /* row size */
 }
 
 autocompleteresult:active,
 placelist placeitem:active,
 .autocompleteresult-selected {
   background-color: #8db8d8;
 }
 
 .autocomplete-item-label,
 .bookmark-item-label {
   margin: 0;
   padding: 0;
-  font-size: 2.4mm !important;
+  font-size: 24px !important;
   font-weight: normal;
-  margin-right: 1mm;
+  margin-right: 8px;
 }
 
 .autocomplete-item-label > image,
 .bookmark-item-label > image,
 placeitem > .bookmark-manage > image {
   width: 32px;
   height: 32px;
   max-height: 32px;
-  margin: 0mm 2.5mm 0mm 1mm;
+  margin: 0 16px 0 8px;
 }
 
 placeitem[src=""] .bookmark-item-label > image {
   list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png);
 }
 
 .autocomplete-item-label > label,
 .bookmark-item-label > label {
@@ -604,29 +606,29 @@ placeitem[src=""] .bookmark-item-label >
   padding-right: 30px;
   background: url(images/star-24.png) no-repeat 100%;
 }
 
 .autocomplete-item-label:not([tags=""]):after,
 .bookmark-item-label:not([tags=""]):after {
   float: right;
   content: attr(tags);
-  font-size: 1.8mm !important;
+  font-size: 18px !important;
   font-weight: lighter;
-  padding-top: 0.5mm;
-  margin-left: 1mm;
+  padding-top: 4px;
+  margin-left: 8px;
 }
 
 .autocomplete-item-url,
 .bookmark-item-url {
   color: blue;
-  font-size: 1.8mm !important;
-  margin-left: 34px;
-  margin-right: 2mm;
-  padding-left: 3.5mm;
+  font-size: 18px !important;
+  margin-left: 24px;
+  margin-right: 24px;
+  padding-left: 34px;
 }
 
 /* special "no results" and "all bookmarks" items */
 autocompleteresult.noresults {
   font-style: italic;
   border-bottom: none;
 }
 
@@ -645,68 +647,68 @@ autocompleteresult.allbookmarks {
 }
 
 autocompleteresult.allbookmarks:active,
 autocompleteresult.allbookmarks.autocompleteresult-selected {
   background-color: #8db8d8;
 }
 
 autocompleteresult.allbookmarks > .autocomplete-item-label {
-  font-size: 2.4mm !important;
+  font-size: 24px !important;
 }
 
 autocompleteresult.allbookmarks > .autocomplete-item-label > image {
   width: 44px;
   height: 30px;
-  margin: 0 1.5mm;
+  margin: 0 12px 0 0;
   list-style-image: url(images/bookmarks-30.png);
 }
 
 autocompleteresult.allbookmarks > .autocomplete-item-url {
   display: none;
 }
 
 /* Left sidebar (tabs)  ---------------------------------------------------- */
 #tabs-container {
-  -moz-padding-start: 0.5mm; /* allow the thumbnails to get close to the edge */
-  -moz-padding-end: 1mm; /* core spacing */
-  padding-bottom: 1mm; /* core spacing */
-  border-right: 3px solid #262629; /* keep pixels */
+  -moz-padding-start: 4px; /* allow the thumbnails to get close to the edge */
+  -moz-padding-end: 8px; /* core spacing */
+  padding-bottom: 8px; /* core spacing */
+  border-right: 3px solid #262629;
 }
 
 #tabs {
   display: block;
   -moz-column-width: 128px;
   -moz-column-gap: 0;
   -moz-user-focus: ignore;
   margin: 0;
   padding: 0;
   background-color: transparent;
 }
 
 #tabs-controls {
-  margin-top: 1mm; /* core spacing */
+  margin-top: 8px; /* core spacing */
   -moz-box-pack: start;
 }
 
 box[type="documenttab"] {
   /* display:block allow us to change the line-height, it won't work otherwise */
   display: block;
   width: 128px;
   line-height: 0;
 }
 
 box[type="documenttab"] .documenttab-canvas {
   /* keep the unselected thumbnails aligned with the selected one */
-  border: 0.8mm solid #36373b;
+  border: 8px solid #36373b;
   background-color: white;
 }
 
 box[type="documenttab"][selected="true"] .documenttab-canvas {
-  border: 0.8mm solid #262629;
+  border: 8px solid #262629;
   -moz-border-radius: 3px;
 }
 
 box[type="documenttab"] .documenttab-close {
   width: 40px;
   height: 40px;
   list-style-image: url("chrome://browser/skin/images/close-40.png");
 }
@@ -720,43 +722,43 @@ box[type="documenttab"]:only-child .docu
 }
 
 #newtab-button:hover:active {
   list-style-image: url("images/newtab-active-64.png");
 }
 
 /* bookmark editor   ------------------------------------------------------- */
 #bookmark-container {
-  padding: 1mm; /* core spacing */
+  padding: 8px; /* core spacing */
   background-image: url("chrome://browser/skin/images/panel-shadow.png");
   background-repeat: repeat-x;
-  -moz-box-shadow: black 0 0.25mm 0.25mm;
+  -moz-box-shadow: black 0 2px 2px;
 }
 
 #bookmark-form {
-  padding: 1mm; /* core spacing */
+  padding: 8px; /* core spacing */
 }
 
 #bookmark-form .bookmark-controls {
   display: none;
 }
 
 #bookmark-image {
   list-style-image: url("images/star-40.png");
 }
 
 /* Identity popup   -------------------------------------------------------- */
 #identity-container {
   background-image: url("chrome://browser/skin/images/panel-shadow.png");
   background-repeat: repeat-x;
-  -moz-box-shadow: black 0 0.25mm 0.25mm;
+  -moz-box-shadow: black 0 2px 2px;
 }
 
 #identity-popup-container {
-  padding: 1mm; /* core spacing */
+  padding: 8px; /* core spacing */
 }
 
 /* Popup Icons */
 #identity-popup-icon {
   padding: 0;
   list-style-image: url("chrome://browser/skin/images/identity-64.png");
 }
 
@@ -765,17 +767,17 @@ box[type="documenttab"]:only-child .docu
 }
 
 #identity-container[mode="verifiedIdentity"] > hbox > #identity-popup-icon {
   list-style-image: url("chrome://browser/skin/images/identityEV-64.png");
 }
 
 /* Popup Body Text */
 #identity-popup-content-box {
-  -moz-padding-start: 1mm; /* core spacing */
+  -moz-padding-start: 8px; /* core spacing */
 }
 
 /* let the text flow into a second row, if needed */
 #identity-popup-runBy-box {
   display: block;
 }
 
 #identity-popup-content-box.unknownIdentity > hbox > #identity-popup-connectedToLabel,
@@ -784,23 +786,23 @@ box[type="documenttab"]:only-child .docu
 #identity-popup-content-box.unknownIdentity > hbox > #identity-popup-content-owner,
 #identity-popup-content-box.verifiedIdentity > hbox > #identity-popup-connectedToLabel2,
 #identity-popup-content-box.verifiedDomain > hbox > #identity-popup-connectedToLabel2 {
   display: none;
 }
 
 #identity-popup-content-box > hbox > description,
 #identity-popup-content-box > hbox > label {
-  font-size: 1.8mm !important;
+  font-size: 18px !important;
   white-space: pre-wrap;
 }
 
 #identity-popup-encryption-label,
 #identity-popup-content-verifier {
-  font-size: 1.2mm !important;
+  font-size: 14px !important;
 }
 
 #identity-popup-content-host,
 #identity-popup-content-owner {
   font-weight: bold;
 }
 
 #identity-popup-encryption-icon {
@@ -809,70 +811,70 @@ box[type="documenttab"]:only-child .docu
 
 #identity-container[mode="verifiedIdentity"] > hbox > vbox > #identity-popup-encryption-icon ,
 #identity-container[mode="verifiedDomain"] > hbox > vbox > #identity-popup-encryption-icon {
   list-style-image: url("chrome://browser/skin/images/lock-40.png");
 }
 
 /* search popup   ---------------------------------------------------------- */
 #search-container {
-  border: 0.2mm solid transparent;
+  border: 2px solid transparent;
   -moz-border-top-colors: #212429 #52555a;
-  padding: 1mm; /* core spacing */
-  margin-top: 1mm;
+  padding: 8px; /* core spacing */
+  margin-top: 8px;
 }
 
 #search-engine-label-add {
-  font-size: 1.8mm;
+  font-size: 18px;
 }
 
 #search-buttons,
 .search-engine-button {
   -moz-user-focus: ignore;
 }
 
 .search-engine-button .button-icon {
   width: 32px;
   height: 32px;
-  -moz-margin-end: 1mm;
+  -moz-margin-end: 8px;
 }
 
 /* Preferences window   ---------------------------------------------------- */
 .settings-title {
   font-weight: bold;
   color: black;
   background-color: lightgray;
   margin: 0;
-  padding: 0.25mm;
+  padding: 2px;
 }
 
 /* XXX should be a richlistitem */
 .prefbox {
-  padding: 0.2mm 0.25mm;
-  border-bottom: 0.1mm solid rgb(207,207,207);
-  min-height: 6mm; /* row size */
+  padding: 2px;
+  border-bottom: 1px solid rgb(207,207,207);
+  min-height: 70px; /* row size */
   -moz-box-align: center;
 }
 
 .options-box {
   margin-left: 28px;  /* sized based on the 32px addon image */
 }
 
 .options-box setting:last-child .prefbox {
   border-bottom: 0;
 }
 
 /* XXX should be a richlistitem description.title */
 .preftitle {
-  font-size: 2.4mm !important;
+  font-size: 24px !important;
 }
 
 /* XXX should be a richlistitem description.normal */
 .prefdesc {
-  font-size: 1.8mm !important;
+  font-size: 18px !important;
   color: grey;
 }
 
 /* alerts popup ----------------------------------------------------------- */
 @media (orientation: landscape) {
   #alerts-container {
     width: 300px;
   }
@@ -880,43 +882,43 @@ box[type="documenttab"]:only-child .docu
 
 @media (orientation: portrait) {
   #alerts-container {
     width: 200px;
   }
 }
 
 #alerts-text {
-  font-size: 1.8mm !important;
+  font-size: 18px !important;
   white-space: pre-wrap;
 }
 
 /* helperapp (save-as) popup ----------------------------------------------- */
 #helperapp-target {
-  font-size: 1.8mm !important;
+  font-size: 18px !important;
 }
 
 /* form popup -------------------------------------------------------------- */
 #form-helper-container > #select-container > #select-container-inner {
-  -moz-border-radius-topleft: 1mm;
-  -moz-border-radius-topright: 1mm;
+  -moz-border-radius-topleft: 8px;
+  -moz-border-radius-topright: 8px;
   -moz-border-radius-bottomright: 0;
   -moz-border-radius-bottomleft: 0;
-  padding: 1mm 0.5mm 1mm 0.5mm;
+  padding: 8px 4px 8px 4px;
 }
 
 #form-helper-container > #select-container > #select-container-inner,
 #form-buttons {
-  border: 0.1mm solid gray;
+  border: 1px solid gray;
   border-bottom: 0;
 }
 
 #form-buttons,
 #select-buttons {
-  padding: 0.5mm 1mm; /* row size & core spacing */
+  padding: 4px 8px; /* row size & core spacing */
 }
 
 #form-buttons > button,
 #select-buttons > button {
   -moz-user-focus: ignore;
   -moz-user-select: none;
 }
  
@@ -925,29 +927,29 @@ box[type="documenttab"]:only-child .docu
 }
 
 #select-container:not([hidden=true]) + #form-buttons {
   border-top: 0;
 }
 
 /* select popup ------------------------------------------------------------ */
 #stack > #select-container {
-  padding: 3mm;
+  padding: 32px;
 }
 
 #select-list {
-  border: 0.1mm solid gray;
+  border: 1px solid gray;
 }
 
 #select-list > option {
   color: #000;
   background-color: #fff;
   padding: 5px;
   border-bottom: 1px solid rgb(207,207,207);
-  min-height: 6mm; /* row size */
+  min-height: 70px; /* row size */
   -moz-box-align: center;
 }
 
 #select-list > option[selected="true"] {
   background-color: #8db8d8;
 }
 
 #select-list > option.optgroup {
@@ -955,17 +957,17 @@ box[type="documenttab"]:only-child .docu
   font-style: italic;
 }
 
 #select-list > option.optgroup > image {
   display: none;
 }
 
 #select-list > option.in-optgroup {
-  -moz-padding-start: 2.2mm;
+  -moz-padding-start: 24px;
 }
 
 #select-list > option > image {
   min-width: 30px;
 }
 
 #select-list > option[selected="true"] > image {
   list-style-image: url("chrome://browser/skin/images/check-30.png");
--- a/mobile/themes/hildon/firstRun.css
+++ b/mobile/themes/hildon/firstRun.css
@@ -32,40 +32,40 @@
  * and other provisions required by the GPL or the LGPL. If you do not delete
  * the provisions above, a recipient may use your version of this file under
  * the terms of any one of the MPL, the GPL or the LGPL.
  *
  * ***** END LICENSE BLOCK ***** */
 
 body {
   color: #4b4742;
-  font-size: 1.6mm;
+  font-size: 18px;
 }
 
 .intro {
   padding-top: 10px;
 }
 
 p {
   padding: 0;
   padding-bottom: 5px;
   margin: 0;
 }
 
 p.title {
-  font-size: 2mm;
+  font-size: 24px;
 }
 
 p.rightalign {
   text-align: right;
   padding-bottom: 0;
 }
 
 input[type="button"] {
-  font-size: 2mm;
+  font-size: 24px;
   margin-bottom: 20px;
 }
 
 .go {
   position: relative;
   padding-left: 100px;
 }
 
--- a/mobile/themes/hildon/notification.css
+++ b/mobile/themes/hildon/notification.css
@@ -12,10 +12,10 @@ notification .messageCloseButton {
   -moz-box-align: start;
 }
 
 notification .outset {
   border-color: #6897bd !important;
 }
 
 notification .buttons {
-  padding: 1mm; /* core spacing */
+  padding: 8px; /* core spacing */
 }
--- a/mobile/themes/hildon/platform.css
+++ b/mobile/themes/hildon/platform.css
@@ -36,23 +36,23 @@
  * ***** END LICENSE BLOCK ***** */
 
 /* global skin ------------------------------------------------------------- */
 @import url(chrome://global/skin/);
 
 /* general stuff ------------------------------------------------------------ */
 :root {
   font-family: "Nokia Sans", Tahoma, sans-serif !important;
-  font-size: 2.4mm !important;
+  font-size: 24px !important;
 }
 
 menu,
 menuitem {
-  padding: 0px !important;
-  margin: 0px !important;
+  padding: 0 !important;
+  margin: 0 !important;
 }
 
 description,
 label {
   /* force mac to use the same margins as windows and linux */
   -moz-margin-start: 6px;
   -moz-margin-end: 5px;
 }
@@ -61,19 +61,19 @@ label {
 richlistbox,
 textbox {
   color: black;
   background-color: white;
 }
 
 /* textboxes --------------------------------------------------------------- */
 textbox {
-  min-height: 5mm;
-  border: 0.3mm solid #262629;
-  -moz-border-radius: 0.75mm;
+  min-height: 48px;
+  border: 3px solid #262629;
+  -moz-border-radius: 8px;
   -moz-border-top-colors: -moz-initial;
   -moz-border-right-colors: -moz-initial;
   -moz-border-bottom-colors: -moz-initial;
   -moz-border-left-colors: -moz-initial;
 }
 
 textbox[isempty="true"] {
   color: gray;
@@ -89,55 +89,55 @@ textbox[isempty="true"] {
 .sidebar-spacer {
   background-color: #36373b;
 }
 
 /* dialog popups ----------------------------------------------------------- */
 .dialog-dark {
   color: #fff;
   background-color: #36373b;
-  border: 0.3mm solid #262629;
-  -moz-border-radius: 1mm 1mm 1mm 1mm;
-  padding: 1mm;
-  -moz-box-shadow: black 0 0.25mm 0.25mm;
+  border: 3px solid #262629;
+  -moz-border-radius: 8px 8px 8px 8px;
+  padding: 8px;
+  -moz-box-shadow: black 0 2px 2px;
 }
 
 /* prompt dialogs ---------------------------------------------------------- */
 dialog {
-  font-size: 2.4mm !important;
+  font-size: 24px !important;
 }
 
 dialog .prompt-message {
-  font-size: 1.8mm !important;
+  font-size: 18px !important;
 }
 
 dialog > scrollbox.prompt-message {
-  margin: 1mm 0 1mm 0;
+  margin: 8px 0 8px 0;
 }
 
 dialog > hbox.prompt-message {
-  margin-top: 1mm;
+  margin-top: 8px;
 }
 
 dialog > hbox.prompt-buttons {
-  margin-top: 1mm;
+  margin-top: 8px;
 }
 
 /* buttons ----------------------------------------------------------------- */
 .button-text,
 .toolbarbutton-text {
   font-weight: normal;
-  font-size: 2.4mm !important;
+  font-size: 24px !important;
 }
 
 button {
-  min-width: 4mm !important; /* button size */
-  min-height: 4mm !important; /* button size */
+  min-width: 48px !important; /* button size */
+  min-height: 48px !important; /* button size */
   color: #000;
-  padding: 0.2mm 0.5mm;
+  padding: 2px 4px;
   border-width: 8px !important;
   -moz-border-image: url("chrome://browser/skin/images/button-default-64.png") 8 repeat repeat;
   background-color: transparent;
   -moz-appearance: none !important;
 }
 
 button[type="checkbox"][checked="true"],
 button:not([disabled="true"]):active:hover {
@@ -168,26 +168,26 @@ notification button {
 
 button.button-dark[type="checkbox"][checked="true"],
 button.button-dark:not([disabled="true"]):active:hover,
 notification button:not([disabled="true"]):active:hover {
   -moz-border-image: url("chrome://browser/skin/images/buttondark-active-64.png") 8 repeat repeat;
 }
 
 button.button-dark[disabled="true"] {
-  color: #ddd !important;
+  color: #7e7e7e !important;
 }
 
 /* toolbar buttons --------------------------------------------------------- */
 toolbarbutton {
-  min-width: 5mm !important; /* primary button size */
-  min-height: 5mm !important; /* primary button size */
+  min-width: 64px !important; /* primary button size */
+  min-height: 64px !important; /* primary button size */
   -moz-appearance: none !important;
   margin: 0;
-  padding: 0.25mm;
+  padding: 2px;
 }
 
 toolbarbutton:not(.show-text) .toolbarbutton-text {
   display: none !important;
 }
 
 toolbarbutton:not(.show-text) .toolbarbutton-icon,
 toolbarbutton:not([image]) .toolbarbutton-icon,
@@ -199,36 +199,36 @@ toolbarbutton:hover,
 toolbarbutton:hover:active,
 toolbarbutton[open="true"] {
   border-color: transparent;
 }
 
 /* dark buttons ------------------------------------------------------------ */
 toolbarbutton.button-dark {
   color: #fff;
-  padding: 0.25mm 0.5mm;
+  padding: 2px 4px;
   border-width: 10px;
   -moz-border-image: url("chrome://browser/skin/images/toolbarbutton-default-64.png") 10 repeat repeat;
 }
 
 toolbarbutton.button-dark[type="checkbox"][checked="true"],
 toolbarbutton.button-dark:not([disabled="true"]):active:hover {
   -moz-border-image: url("chrome://browser/skin/images/toolbarbutton-active-64.png") 10 repeat repeat;
 }
 
 toolbarbutton.button-dark[disabled="true"] {
-  color: #ddd;
+  color: #7e7e7e;
 }
 
 toolbarbutton.button-dark[type="checkbox"][checked="true"] {
   /* checked overrides */
   border: 10px solid transparent !important;
   color: #fff !important;
   background: none !important;
-  padding: 0.25mm 0.5mm !important;
+  padding: 2px 4px !important;
 }
 
 /* image buttons ----------------------------------------------------------- */
 .button-image {
   padding: 0 !important;
   background: #36373b !important;
   border: none !important;
   min-width: 0 !important; /* the image drives the size */
@@ -237,24 +237,24 @@ toolbarbutton.button-dark[type="checkbox
 
 /* radio buttons ----------------------------------------------------------- */
 radiogroup {
   -moz-box-orient: horizontal;
 }
 
 .radio-label {
   font-weight: normal;
-  font-size: 2.4mm !important;
+  font-size: 24px !important;
 }
 
 radio {
   color: #36373b;
-  min-width: 4mm !important; /* button size */
-  min-height: 4mm !important;
-  padding: 0.2mm !important;
+  min-width: 48px !important; /* button size */
+  min-height: 48px !important;
+  padding: 2px !important;
   margin: 0;
   border-width: 8px;
   -moz-box-align: center;
   -moz-appearance: none;
   -moz-border-image: url("chrome://browser/skin/images/togglemiddle-inactive-64.png") 8 repeat repeat;
 }
 
 radio .radio-icon, radio .radio-check {
@@ -360,37 +360,37 @@ radio.checkbox-radio-off:not([selected])
 }
 
 /* richlistbox ------------------------------------------------------------- */
 richlistbox {
   margin: 0;
 }
 
 richlistitem {
-  min-height: 6mm; /* row size */
+  min-height: 70px; /* row size */
   padding: 5px;
   border-bottom: 1px solid rgb(207,207,207);
 }
 
 richlistitem label.title,
 richlistitem description.title {
-  font-size: 2.4mm !important;
+  font-size: 24px !important;
 }
 
 richlistitem label.normal,
 richlistitem description.normal {
   color: gray;
-  font-size: 1.8mm !important;
+  font-size: 18px !important;
   white-space: pre-wrap;
 }
 
 richlistitem label.normal-bold,
 richlistitem description.normal-bold {
   font-weight: bold;
-  font-size: 1.8mm !important;
+  font-size: 18px !important;
   white-space: pre-wrap;
 }
 
 richlistitem[selected="true"] {
   color: black;
   background-color: white;
 }
 
@@ -417,17 +417,17 @@ richlistitem .hide-on-select {
   visibility: visible;
 }
 
 richlistitem[selected="true"] .hide-on-select {
   visibility: collapse;
 }
 
 richlistitem[typeName="message"] {
-  border-bottom: 0px;
+  border-bottom: 0;
 }
 
 /* colorpicker ------------------------------------------------------------- */
 colorpicker > panel {
   background-color: #36373b;
 }
 
 colorpicker > vbox {
@@ -442,24 +442,24 @@ colorpicker > vbox {
 .textbox-search-clear {
   list-style-image: url("chrome://browser/skin/images/search-clear-30.png");
 }
 
 /* menulist ---------------------------------------------------------------- */
 .menulist-label {
   font-family: "Nokia Sans", Tahoma, sans-serif !important;
   font-weight: normal;
-  font-size: 2.4mm !important;
+  font-size: 24px !important;
 }
 
 menulist {
-  min-width: 4mm !important; /* button size */
-  min-height: 4mm !important; /* button size */
+  min-width: 48px !important; /* button size */
+  min-height: 48px !important; /* button size */
   color: #000;
-  padding: 0.2mm;
+  padding: 2px;
   border-width: 8px !important;
   -moz-border-image: url("chrome://browser/skin/images/button-default-64.png") 8 repeat repeat;
   -moz-appearance: none !important;
 }
 
 menulist:not([disabled="true"]):active:hover {
   -moz-border-image: url("chrome://browser/skin/images/button-active-64.png") 8 repeat repeat;
 }
@@ -474,17 +474,17 @@ menulist.button-dark {
   -moz-border-image: url("chrome://browser/skin/images/buttondark-default-64.png") 8 repeat repeat;
 }
 
 menulist.button-dark:not([disabled="true"]):active:hover {
   -moz-border-image: url("chrome://browser/skin/images/buttondark-active-64.png") 8 repeat repeat;
 }
 
 menulist.button-dark[disabled="true"] {
-  color: #ddd !important;
+  color: #7e7e7e !important;
 }
 
 menulist > dropmarker {
   width: 16px;
   height: 16px;
   -moz-box-align: center;
   -moz-box-pack: center;
   background-color: transparent;
@@ -498,23 +498,23 @@ menulist > dropmarker {
 menulist > dropmarker[disabled="true"] {
   list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
   padding: 1px !important;
 }
 
 /* progressmeter ----------------------------------------------------------- */
 progressmeter {
   background-color: #fff;
-  padding: 0.45mm;
-  height: 3mm;
-  border: 0.35mm solid #aaa;
+  padding: 4px;
+  height: 32px;
+  border: 3px solid #aaa;
   -moz-border-top-colors: -moz-initial;
   -moz-border-right-colors: -moz-initial;
   -moz-border-bottom-colors: -moz-initial;
   -moz-border-left-colors: -moz-initial;
-  -moz-border-radius: 0.75mm;
+  -moz-border-radius: 8px;
 }
 
 .progress-bar 
 {
   background-color: #8db8d8;
 }