OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <!-- NOTE: index.html/index.js are automatically generated from index.in.html | 2 <!-- NOTE: index.html/index.js are automatically generated from index.in.html |
3 using the command: vulcanize --csp index.in.html -o index.html | 3 using the command: vulcanize --csp index.in.html -o index.html |
4 index.html/index.js SHOULD NOT be modified manually. | 4 index.html/index.js SHOULD NOT be modified manually. |
5 TODO(raymes): Get rid of the need for vulcanize once HTMLImports is | 5 TODO(raymes): Get rid of the need for vulcanize once HTMLImports is |
6 working properly in polymer. --> | 6 working properly in polymer. --> |
7 <html i18n-values="dir:textdirection"> | 7 <html i18n-values="dir:textdirection"> |
8 <head> | 8 <head> |
9 <meta charset="utf-8"> | 9 <meta charset="utf-8"> |
10 <script src="polymer_loader.js"></script> | 10 <script src="polymer_loader.js"></script> |
(...skipping 156 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
167 | 167 |
168 | 168 |
169 <polymer-element name="polymer-selector" attributes="selected multi valueattr se
lectedClass selectedProperty selectedItem selectedModel selectedIndex notap targ
et itemsSelector activateEvent" assetpath="../../../../third_party/polymer/polym
er-selector/"> | 169 <polymer-element name="polymer-selector" attributes="selected multi valueattr se
lectedClass selectedProperty selectedItem selectedModel selectedIndex notap targ
et itemsSelector activateEvent" assetpath="../../../../third_party/polymer/polym
er-selector/"> |
170 <template> | 170 <template> |
171 <polymer-selection id="selection" multi="{{multi}}" on-polymer-select="{{sel
ectionSelect}}"></polymer-selection> | 171 <polymer-selection id="selection" multi="{{multi}}" on-polymer-select="{{sel
ectionSelect}}"></polymer-selection> |
172 <content id="items" select="*"></content> | 172 <content id="items" select="*"></content> |
173 </template> | 173 </template> |
174 | 174 |
175 </polymer-element> | 175 </polymer-element> |
176 | 176 |
177 <polymer-element name="viewer-toolbar" attributes="fadingIn" on-mouseover="{{fad
eIn}}" on-mousemove="{{fadeIn}}" on-mouseout="{{fadeOut}}" assetpath="html_offic
e/elements/viewer-toolbar/"> | 177 <polymer-element name="viewer-toolbar" attributes="fadingIn" assetpath="html_off
ice/elements/viewer-toolbar/"> |
178 <template> | 178 <template> |
179 <style>/* Copyright 2013 The Chromium Authors. All rights reserved. | 179 <style>/* Copyright 2013 The Chromium Authors. All rights reserved. |
180 * Use of this source code is governed by a BSD-style license that can be | 180 * Use of this source code is governed by a BSD-style license that can be |
181 * found in the LICENSE file. */ | 181 * found in the LICENSE file. */ |
182 | 182 |
183 :host { | 183 :host { |
184 -webkit-transition: opacity 400ms ease-in-out; | 184 -webkit-transition: opacity 400ms ease-in-out; |
185 bottom: 0; | 185 bottom: 0; |
186 display: block; | 186 display: block; |
187 font-size: 0; | 187 font-size: 0; |
188 opacity: 1; | 188 opacity: 1; |
189 padding: 30px 30px 15px 30vw; | 189 padding: 30px 30px 15px 30vw; |
| 190 pointer-events: none; |
190 position: fixed; | 191 position: fixed; |
191 right: 0; | 192 right: 0; |
192 } | 193 } |
193 | 194 |
194 #toolbar { | 195 #toolbar { |
195 border-radius: 3px; | 196 border-radius: 3px; |
196 box-shadow: 0 1px 2px gray, 0 3px 3px rgba(0, 0, 0, .2); | 197 box-shadow: 0 1px 2px gray, 0 3px 3px rgba(0, 0, 0, .2); |
197 overflow: hidden; | 198 overflow: hidden; |
198 } | 199 } |
199 </style> | 200 </style> |
(...skipping 19 matching lines...) Expand all Loading... |
219 } | 220 } |
220 | 221 |
221 :host { | 222 :host { |
222 -webkit-user-select: none; | 223 -webkit-user-select: none; |
223 background-image: linear-gradient(rgb(60, 80, 119), rgb(15, 24, 41)); | 224 background-image: linear-gradient(rgb(60, 80, 119), rgb(15, 24, 41)); |
224 border: 1px solid rgb(11, 9, 16); | 225 border: 1px solid rgb(11, 9, 16); |
225 cursor: default; | 226 cursor: default; |
226 display: inline-block; | 227 display: inline-block; |
227 height: 36px; | 228 height: 36px; |
228 margin: 0; | 229 margin: 0; |
| 230 pointer-events: all; |
229 width: 43px; | 231 width: 43px; |
230 } | 232 } |
231 | 233 |
232 :host(:focus:host) { | 234 :host(:focus:host) { |
233 outline: none; | 235 outline: none; |
234 } | 236 } |
235 | 237 |
236 :host(:hover:host) { | 238 :host(:hover:host) { |
237 background-image: linear-gradient(rgb(73, 102, 155), rgb(32, 52, 95)); | 239 background-image: linear-gradient(rgb(73, 102, 155), rgb(32, 52, 95)); |
238 } | 240 } |
(...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
440 <polymer-selector> | 442 <polymer-selector> |
441 <viewer-button id="fit-to-page-button" src="button_fit_page.png" latchable="
"> | 443 <viewer-button id="fit-to-page-button" src="button_fit_page.png" latchable="
"> |
442 </viewer-button> | 444 </viewer-button> |
443 <viewer-button id="fit-to-width-button" src="button_fit_width.png" latchable
=""> | 445 <viewer-button id="fit-to-width-button" src="button_fit_width.png" latchable
=""> |
444 </viewer-button> | 446 </viewer-button> |
445 <viewer-button id="zoom-in-button" src="button_zoom_in.png"> | 447 <viewer-button id="zoom-in-button" src="button_zoom_in.png"> |
446 </viewer-button> | 448 </viewer-button> |
447 <viewer-button id="zoom-out-button" src="button_zoom_out.png"> | 449 <viewer-button id="zoom-out-button" src="button_zoom_out.png"> |
448 </viewer-button> | 450 </viewer-button> |
449 </polymer-selector> | 451 </polymer-selector> |
450 <viewer-button id="save-button" src="button_save.png"></viewer-button> | 452 <a id="save-button-link" download=""> |
| 453 <viewer-button id="save-button" src="button_save.png"></viewer-button> |
| 454 </a> |
451 <viewer-button id="print-button" src="button_print.png"></viewer-button> | 455 <viewer-button id="print-button" src="button_print.png"></viewer-button> |
452 </viewer-toolbar> | 456 </viewer-toolbar> |
453 | 457 |
454 <viewer-error-screen id="error-screen"></viewer-error-screen> | 458 <viewer-error-screen id="error-screen"></viewer-error-screen> |
455 | 459 |
456 | 460 |
457 <script src="index.js"></script> | 461 <script src="index.js"></script> |
458 </body> | 462 </body> |
459 <script src="pdf.js"></script> | 463 <script src="pdf.js"></script> |
460 </html> | 464 </html> |
OLD | NEW |