Implement basic toolbar with Material Design and loading progress.

chrome/browser/resources/pdf/index.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. */
 
 body {
   background-color: #ccc;
+  font-family: RobotoDraft, Roboto, 'Helvetica Neue', Helvetica, Arial;
   margin: 0;
 }
 
+core-toolbar {
+  background-color: rgb(33, 150, 243);
+  color: rgb(241, 241, 241);
+  font-size: 2em;
+}
+
+#toolbar-shadow {
+  position: fixed;
+  width: 100%;
+  z-index: 4;
+}
+
+#progress-bar {
+  visibility: hidden;
+  z-index: 3;
+}
+
+paper-progress::shadow #activeProgress {
+  background-color: rgb(100, 181, 246);
+}

[raymes, 2015/01/09 04:15:09]

Since this file is quite small and I think the material css file will end up
quite different, can we create a separate one (index-material.css)?

[Alexandre Carlton, 2015/01/12 06:33:57]

Done.

+
 viewer-toolbar {
   visibility: hidden;
   white-space: nowrap;
   z-index: 3;
 }
 
 viewer-page-indicator {
   visibility: hidden;
   z-index: 3;
 }
-
-viewer-progress-bar {
-  visibility: hidden;
-  z-index: 3;
-}

[raymes, 2015/01/09 04:15:10]

Is this meant to be deleted?

 
 viewer-error-screen {
   visibility: hidden;
   z-index: 2;
 }
 
 viewer-password-screen {
   visibility: hidden;
   z-index: 2;
 }
 
 #plugin {
   height: 100%;
   position: fixed;
   width: 100%;
   z-index: 1;
 }
 
 #sizer {
   position: absolute;
   z-index: 0;
 }