Bug 510159: Cleanup CSS fonts for preferences and move some CSS presentation rules into right files, r=vingtetun

mobile/chrome/content/browser.css

@@ -1,12 +1,3 @@
-#browser-container > * {
-  -moz-stack-sizing: ignore;
-}
-
-#browser-container > spacer {
-  width: 1px;
-  height: 1px;
-}
-
 #urlbar-edit {
     -moz-binding: url("chrome://browser/content/bindings.xml#autocomplete-aligned");
 }
@@ -92,6 +83,11 @@ checkbox {
   -moz-binding: url("chrome://browser/content/checkbox.xml#checkbox-radio");
 }
 
+#select-list > option {
+  -moz-binding: url("chrome://browser/content/bindings.xml#chrome-select-option");
+}
+
+/* richlist defaults ------------------------------------------------------- */
 richlistitem[typeName="local"] {
   -moz-binding: url("chrome://browser/content/bindings/extensions.xml#extension-local");
 }
@@ -104,60 +100,6 @@ richlistitem[typeName="message"] {
   -moz-binding: url("chrome://browser/content/bindings/extensions.xml#extension-message");
 }
 
-#select-list > option {
-  -moz-binding: url("chrome://browser/content/bindings.xml#chrome-select-option");
-}
-
-/* richlist defaults ------------------------------------------------------- */
-richlistitem {
-  padding: 5px;
-  border-bottom: 1px solid rgb(207,207,207);
-}
-
-richlistitem label.title,
-richlistitem description.title {
-  font-size: 80% !important;
-}
-
-richlistitem label.normal,
-richlistitem description.normal {
-  color: gray;
-  font-size: 60% !important;
-  white-space: pre-wrap;
-}
-
-richlistitem[selected="true"] {
-  background-color: -moz-Field;
-  color: -moz-FieldText;
-}
-
-richlistitem .show-on-select {
-  visibility: collapse;
-}
-
-richlistitem[selected="true"] .show-on-select {
-  visibility: visible;
-}
-
-richlistitem .hide-on-select {
-  visibility: visible;
-}
-
-richlistitem[selected="true"] .hide-on-select {
-  visibility: collapse;
-}
-
-richlistitem.section-header,
-richlistitem[selected="true"].section-header {
-  font-weight: bold;
-  color: #000;
-  background-color: lightgray;
-}
-
-richlistitem[typeName="message"] {
-  border-bottom: 0px;
-}
-
 richlistitem[typeName="download"] {
   -moz-binding: url("chrome://browser/content/bindings/downloads.xml#download-downloading");
 }

mobile/themes/hildon/browser.css

@@ -745,12 +745,12 @@ richpref {
 
 /* XXX should be a richlistitem description.title */
 .preftitle {
-  font-size: 9pt !important;
+  font-size: 80% !important;
 }
 
 /* XXX should be a richlistitem description.normal */
 .prefdesc {
-  font-size: 8pt !important;
+  font-size: 60% !important;
   color: grey;
   background-color: white;
 }
@@ -766,7 +766,7 @@ richpref {
 }
 
 #alerts-text {
-  font-size: 85% !important;
+  font-size: 80% !important;
   white-space: pre-wrap;
 }
 

mobile/themes/hildon/platform.css

@@ -39,24 +39,15 @@
 @import url(chrome://global/skin/);
 
 /* hildon stuff ------------------------------------------------------------ */
+:root {
+  font-family: "Nokia Sans", Tahoma, sans-serif !important;
+  font-size: 16.75pt !important;
+}
+
 menu,
 menuitem {
   padding: 0px !important;
   margin: 0px !important;
-  font-family: "Nokia Sans", Tahoma, sans-serif !important;
-  font-size: 16.75pt !important;
-}
-
-label,
-description,
-textbox {
-  font-family: "Nokia Sans", Tahoma, sans-serif !important;
-  font-size: 16.75pt !important;
-}
-
-richlistitem {
-  font-family: "Nokia Sans", Tahoma, sans-serif !important;
-  font-size: 16.75pt !important;
 }
 
 /* panels ------------------------------------------------------------------ */
@@ -283,6 +274,52 @@ richlistbox {
 
 richlistitem {
   min-height: 14.4mm; /* row size */
+  padding: 5px;
+  border-bottom: 1px solid rgb(207,207,207);
+}
+
+richlistitem label.title,
+richlistitem description.title {
+  font-size: 80% !important;
+}
+
+richlistitem label.normal,
+richlistitem description.normal {
+  color: gray;
+  font-size: 60% !important;
+  white-space: pre-wrap;
+}
+
+richlistitem[selected="true"] {
+  background-color: -moz-Field;
+  color: -moz-FieldText;
+}
+
+richlistitem.section-header,
+richlistitem[selected="true"].section-header {
+  font-weight: bold;
+  color: #000;
+  background-color: lightgray;
+}
+
+richlistitem .show-on-select {
+  visibility: collapse;
+}
+
+richlistitem[selected="true"] .show-on-select {
+  visibility: visible;
+}
+
+richlistitem .hide-on-select {
+  visibility: visible;
+}
+
+richlistitem[selected="true"] .hide-on-select {
+  visibility: collapse;
+}
+
+richlistitem[typeName="message"] {
+  border-bottom: 0px;
 }
 
 /* colorpicker ------------------------------------------------------------- */

mobile/themes/wince/platform.css

@@ -237,6 +237,52 @@ richlistbox {
 
 richlistitem {
   min-height: 7.2mm; /* row size */
+  padding: 5px;
+  border-bottom: 1px solid rgb(207,207,207);
+}
+
+richlistitem label.title,
+richlistitem description.title {
+  font-size: 9pt !important;
+}
+
+richlistitem label.normal,
+richlistitem description.normal {
+  color: gray;
+  font-size: 8pt !important;
+  white-space: pre-wrap;
+}
+
+richlistitem[selected="true"] {
+  background-color: -moz-Field;
+  color: -moz-FieldText;
+}
+
+richlistitem.section-header,
+richlistitem[selected="true"].section-header {
+  font-weight: bold;
+  color: #000;
+  background-color: lightgray;
+}
+
+richlistitem .show-on-select {
+  visibility: collapse;
+}
+
+richlistitem[selected="true"] .show-on-select {
+  visibility: visible;
+}
+
+richlistitem .hide-on-select {
+  visibility: visible;
+}
+
+richlistitem[selected="true"] .hide-on-select {
+  visibility: collapse;
+}
+
+richlistitem[typeName="message"] {
+  border-bottom: 0px;
 }
 
 /* colorpicker ------------------------------------------------------------- */