Adds support for dynamically setting the title

components/dom_distiller/core/css/distilledpage.css

 /* Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 /* Set the global 'box-sizing' state to 'border-box'.
  * *::after and *::before used to select pseudo-elements not selectable by *. */
 
 *,
 *::after,
 *::before {
@@ skipping 123 matching lines @@
 th,
 ul {
   margin-bottom: 1rem;
 }
 
 h2,
 h3,
 h4,
 h5,
 h6 {
-  line-height: 1.296rem;
+  line-height: 1.296;
   margin-bottom: 0.444rem;
 }
 
 /* Content. */
 
 /* Margins for Show Original link. */
 
 #showOriginal {
   margin: auto 1.296rem 1.296rem 1.296rem;
 }
 
 #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 {
   color: #55F;
 }
 
 a:visited {
   color: #902290;
 }
 
@@ skipping 10 matching lines @@
 hr {
   background-color: #e4dfdf;
   border: none;
   height: 1px;
   margin: inherit auto;
   width: 75%;
 }
 
 h1 {
   font-size: 1.7rem;
-  line-height: 1.9rem;
+  line-height: 1.296;
   margin-bottom: 0.444rem;
 }
 
 q {
   color: #222;
   display:block;
   font-size: 1.5rem;
   font-style: italic;
   font-weight: 600;
   line-height: 1.444;
@@ skipping 47 matching lines @@
   border: 1px solid #555;
   border-radius: 2px;
 }
 
 pre code {
   border: none;
   padding: 0;
 }
 
 pre {
-  line-height: 1.296rem;
+  line-height: 1.296;
   overflow-x: scroll;
   padding: .5em;
 }
 
 .hidden {
   display: none;
 }
 
 /* Loading Indicator. */
 #loader {
@@ skipping 393 matching lines @@
   border-color: rgb(250,36,36);
 }
 
 #loader.red .circle.red .mask.first .mover {
   background-color: rgb(33,89,189);
 }
 
 #loader.red .circle.red .mask.second .mover {
   background-color: rgb(250,36,36);
 }