Adds support for dynamically setting the title

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 01caad9a2c5c63de211cab55ef148cab08753c04..8feef43b0ea6476bea85d64baf0c1f4d499e7041 100644
--- a/components/dom_distiller/core/css/distilledpage.css
+++ b/components/dom_distiller/core/css/distilledpage.css
@@ -141,7 +141,7 @@ h3,
 h4,
 h5,
 h6 {
-  line-height: 1.296rem;
+  line-height: 1.296;
   margin-bottom: 0.444rem;
 }
 
@@ -154,20 +154,51 @@ h6 {
 }
 
 #content {
-  margin-top: 1.296rem;
+  margin: 0.2rem;
 }
 
 /* Main margins. */
 
 body {
   max-width: 800px;
-  margin: 0px auto;
+  margin: 0px;
 }
 
 #mainContent {
-  margin: 1.296rem 1.296rem auto;
+  margin: auto 0px;
 }
 
+#articleHeader {
+  background-color: rgb(73, 73, 73);
+  color: white;
+  min-height: 90px;
+  width: 100%;
+}
+
+#titleCollapse  {
+  display: block;
+  overflow: hidden;
+}
+
+#titleCollapse .verticalCenterOuter {
+  min-height: 90px;
+}
+
+#titleHolder {
+  padding: 10px 30px;
+}
+
+.verticalCenterOuter {
+  display: table;
+  height: 100%;
+}
+
+.verticalCenterInner {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+
 /* Link colors for light, dark and sepia themes */
 
 a:link {
@@ -198,7 +229,7 @@ hr {
 
 h1 {
   font-size: 1.7rem;
-  line-height: 1.9rem;
+  line-height: 1.296;
   margin-bottom: 0.444rem;
 }
 
@@ -266,7 +297,7 @@ pre code {
 }
 
 pre {
-  line-height: 1.296rem;
+  line-height: 1.296;
   overflow-x: scroll;
   padding: .5em;
 }