Theme Preferences for Distilled Pages

components/dom_distiller/core/css/distilledpage.css

Index: components/dom_distiller/core/css/distilledpage.css
diff --git a/components/dom_distiller/core/css/distilledpage.css b/components/dom_distiller/core/css/distilledpage.css
index fc7b5655143e6b4c7174c81c359e5277aaa28f8b..28bbc73bcb0759fc642a231171f1b5aec22d1d6c 100644
--- a/components/dom_distiller/core/css/distilledpage.css
+++ b/components/dom_distiller/core/css/distilledpage.css
@@ -3,17 +3,44 @@
  * found in the LICENSE file. */
 @charset "utf-8";
 /* Document */
-body{font-family:'Open Sans',sans-serif;font-size:18px;line-height:1.4;}
+body {
+  font-family: 'Open Sans',sans-serif;
+  font-size: 10pt;
+  line-height: 1.4;
+  /* background-color and color are set in
+   * reader_mode_preferences::ReplaceCSSTemplateValues().*/
+  $1
+}
 /* Don't let images bleed out of viewport. */
-img{max-width:100%;}
+img {
+  height: auto;
+  max-width: 100%;
+}
 /* Margin */
-.margin-x-narrow{width:95%;}
-.margin-narrow{width:85%;}
-.margin-medium{width:75%;}
-.margin-wide{width:55%;}
-.margin-x-wide{width:35%;}
+.margin-x-narrow {
+  width: 95%;
+}
+.margin-narrow {
+  width: 85%;
+}
+.margin-medium {
+  width: 75%;
+}
+.margin-wide {
+  width: 55%;
+}
+.margin-x-wide {
+  width: 35%;
+}
 /* Override html styling attributes */
-table,tr,td{background-color:transparent!important;}
-
-.hidden{display:none}
-.visible{display:block}
+table,
+td,
+tr {
+  background-color: transparent !important;
+}
+.hidden {
+  display: none;
+}
+.visible {
+  display: block;
+}