Add a slide-in pane to the OOP PDF viewer.

chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.css

Index: chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.css
diff --git a/chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.css b/chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.css
new file mode 100644
index 0000000000000000000000000000000000000000..bd447f38792eebfddc1412f1402cc40a0033c0c4
--- /dev/null
+++ b/chrome/browser/resources/pdf/elements/pdf-pane/pdf-pane.css
@@ -0,0 +1,30 @@
+/* Copyright 2015 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. */
+
+:host /deep/ paper-dialog {
+  background-color: rgb(66, 66, 66);
+  color: rgb(250, 250, 250);
+  direction: rtl;

[raymes, 2015/01/23 00:16:46]

Maybe add a comment about this is here. i.e. 
/* Since the pane slides in from the right-hand side of the screen,
 * we want the scrollbar to be on the left. direction-rtl achieves
 * this.
 */
(Please make sure the comment spans 80chars)

[Alexandre Carlton, 2015/01/23 00:25:11]

Done.

+  font-family: Roboto, 'Helvetica Neue', Helvetica, Arial;
+  height: calc(100% - 64px);
+  margin: 0;
+  right: 0;
+  top: 64px;
+  width: 22em;
+}
+
+#reset-content {
+  direction: ltr;
+}
+
+:host /deep/ #scroller > h1 {
+  direction: ltr;
+  font-family: Roboto, 'Helvetica Neue', Helvetica, Arial;
+}
+
+hr {
+  background: rgb(66, 66, 66);
+  border: 0;
+  border-bottom: 1px dashed rgb(250, 250, 250);
+}