index.html revision c5cede9ae108bb15f6b7a8aea21c7e1fefa2834c
15d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<!DOCTYPE HTML> 25d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<!-- NOTE: index.html/index.js are automatically generated from index.in.html 35d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) using the command: vulcanize --csp index.in.html -o index.html 45d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) index.html/index.js SHOULD NOT be modified manually. 55d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) TODO(raymes): Get rid of the need for vulcanize once HTMLImports is 65d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) working properly in polymer. --> 75d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<html i18n-values="dir:textdirection"> 85d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<head> 95d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) <meta charset="utf-8"> 105d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) <script src="polymer_loader.js"></script> 115d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 125d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 135d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 145d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 15a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 16a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 17a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 18a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 19c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch<polymer-element name="polymer-body" extends="body" assetpath="/third_party/polymer/polymer/"> 20c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch 21c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch 22c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch 23c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch</polymer-element> 245d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<!-- 255d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) Copyright 2013 The Polymer Authors. All rights reserved. 265d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) Use of this source code is governed by a BSD-style 275d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) license that can be found in the LICENSE file. 285d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)--> 295d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 305d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<!-- <link rel="import" href="/polymer-dev/polymer.html"> --> 31c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch 325d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<!-- 335d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)Copyright 2013 The Polymer Authors. All rights reserved. 345d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)Use of this source code is governed by a BSD-style 355d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)license that can be found in the LICENSE file. 365d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)--> 375d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<!-- 385d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)/** 395d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @module Polymer Elements 405d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) */ 415d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)--> 425d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<!-- 435d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)/** 445d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * The polymer-selection element is used to manage selection state. It has no 455d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * visual appearance and is typically used in conjuneciton with another element. 465d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * For example, <a href="polymer-selector.html">polymer-selector</a> 475d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * use a polymer-selection to manage selection. 485d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 495d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * To mark an item as selected, call the select(item) method on 505d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * polymer-selection. Notice that the item itself is an argument to this method. 515d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * The polymer-selection element manages selection state for any given set of 525d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * items. When an item is selected, the `polymer-select` event is fired. 535d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * The attribute "multi" indicates if multiple items can be selected at once. 545d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 555d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * Example: 565d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 575d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <polymer-element name="selection-example"> 585d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <template> 595d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <style> 605d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * ::-webkit-distributed(> .selected) { 615d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * font-weight: bold; 625d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * font-style: italic; 635d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * } 645d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * </style> 655d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <ul on-tap="{{itemTapAction}}"> 665d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <content></content> 675d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * </ul> 685d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <polymer-selection id="selection" multi on-polymer-select="{{selectAction}}"></polymer-selection> 695d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * </template> 705d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <script> 715d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * Polymer('selection-example', { 725d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * itemTapAction: function(e) { 735d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * this.$.selection.select(e.target); 745d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * }, 755d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * selectAction: function(e, detail) { 765d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * detail.item.classList.toggle('selected', detail.isSelected); 775d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * } 785d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * }); 795d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * </script> 805d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * </polymer-element> 815d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 825d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <selection-example> 835d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <li>Red</li> 845d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <li>Green</li> 855d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <li>Blue</li> 865d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * </selection-example> 875d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 885d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @class polymer-selection 895d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) */ 905d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) /** 915d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * Fired when an item's selection state is changed. This event is fired both 925d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * when an item is selected or deselected. The `isSelected` detail property 935d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * contains the selection state. 945d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 955d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @event polymer-select 965d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @param {Object} detail 975d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @param {boolean} detail.isSelected true for selection and false for deselection 985d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @param {Object} detail.item the item element 995d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) */ 1005d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)--> 1015d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 1025d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 1035d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<polymer-element name="polymer-selection" attributes="multi" assetpath="/third_party/polymer/polymer-selection/"> 1045d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) <template> 1055d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) <style> 1065d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) :host { 1075d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) display: none !important; 1085d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) } 1095d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) </style> 1105d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) </template> 1115d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 1125d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)</polymer-element> 1135d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 1145d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<!-- 1155d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)Copyright 2013 The Polymer Authors. All rights reserved. 1165d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)Use of this source code is governed by a BSD-style 1175d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)license that can be found in the LICENSE file. 1185d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)--> 1195d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<!-- 1205d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)/** 1215d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @module Polymer Elements 1225d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) */ 1235d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)/** 1245d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * polymer-selector is used to manage a list of elements that can be selected. 1255d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * The attribute "selected" indicates which item element is being selected. 1265d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * The attribute "multi" indicates if multiple items can be selected at once. 1275d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * Tapping on the item element would fire "polymer-activate" event. Use 1285d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * "polymer-select" event to listen for selection changes. 1295d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 1305d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * Example: 1315d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 1325d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <polymer-selector selected="0"> 1335d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <div>Item 1</div> 1345d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <div>Item 2</div> 1355d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <div>Item 3</div> 1365d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * </polymer-selector> 1375d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 1385d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * polymer-selector is not styled. So one needs to use "polymer-selected" CSS 1395d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * class to style the selected element. 1405d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 1415d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <style> 1425d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * .item.polymer-selected { 1435d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * background: #eee; 1445d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * } 1455d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * </style> 1465d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * ... 1475d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <polymer-selector> 1485d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <div class="item">Item 1</div> 1495d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <div class="item">Item 2</div> 1505d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * <div class="item">Item 3</div> 1515d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * </polymer-selector> 1525d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 1535d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @class polymer-selector 154c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch * @status stable 1555d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) */ 1565d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)/** 1575d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * Fired when an item's selection state is changed. This event is fired both 1585d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * when an item is selected or deselected. The `isSelected` detail property 1595d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * contains the selection state. 1605d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 1615d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @event polymer-select 1625d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @param {Object} detail 1635d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @param {boolean} detail.isSelected true for selection and false for deselection 1645d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @param {Object} detail.item the item element 1655d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) */ 1665d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)/** 1675d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * Fired when an item element is tapped. 1685d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * 1695d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @event polymer-activate 1705d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @param {Object} detail 1715d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * @param {Object} detail.item the item element 1725d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) */ 1735d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)--> 1745d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 1755d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 1765d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 177c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch<polymer-element name="polymer-selector" attributes="selected multi valueattr selectedClass selectedProperty selectedAttribute selectedItem selectedModel selectedIndex notap target itemsSelector activateEvent" assetpath="/third_party/polymer/polymer-selector/"> 1785d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) <template> 1795d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) <polymer-selection id="selection" multi="{{multi}}" on-polymer-select="{{selectionSelect}}"></polymer-selection> 1805d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) <content id="items" select="*"></content> 1815d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) </template> 1825d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 1835d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)</polymer-element> 1845d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 185c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch<polymer-element name="viewer-button" attributes="img latchable" assetpath="html_office/elements/viewer-button/"> 186a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<template> 187a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <style>/* Copyright 2013 The Chromium Authors. All rights reserved. 1885d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 1895d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) * found in the LICENSE file. */ 1905d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 1915d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)#icon { 1925d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-position: center center; 1935d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-repeat: no-repeat; 1945d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-size: 100% 100%; 1955d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) height: 100%; 1965d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) width: 100%; 1975d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)} 1985d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 1995d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles):host { 2005d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) -webkit-user-select: none; 2015d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-image: linear-gradient(rgb(60, 80, 119), rgb(15, 24, 41)); 2025d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) border: 1px solid rgb(11, 9, 16); 2035d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) cursor: default; 2045d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) display: inline-block; 2055d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) height: 36px; 2065d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) margin: 0; 207a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) pointer-events: all; 2085d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) width: 43px; 2095d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)} 2105d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 2115d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles):host(:focus:host) { 2125d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) outline: none; 2135d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)} 2145d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 2155d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles):host(:hover:host) { 2165d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-image: linear-gradient(rgb(73, 102, 155), rgb(32, 52, 95)); 2175d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)} 2185d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 2195d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles):host(.latchable.polymer-selected:host), 2205d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles):host(:active:host) { 2215d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-color: rgb(75, 103, 156); 2225d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-image: none; 2235d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)} 2245d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)</style> 225a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div id="icon"></div> 226a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</template> 227a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 228a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</polymer-element> 229a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 230a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<polymer-element name="viewer-error-screen" attributes="text" assetpath="html_office/elements/viewer-error-screen/"> 231a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<template> 232a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <style>:host { 233a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) background-color: #ccc; 234a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color: #555; 235a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-family: sans-serif; 236a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-size: 20px; 237a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) height: 100%; 238a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) pointer-events: none; 239a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: fixed; 240a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) text-align: center; 241a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 100%; 242a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 243a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 244a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)#load-failed-message { 245a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) line-height: 0; 246a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: absolute; 247a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) top: 50%; 248a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 100%; 249a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)}</style> 250a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div id="load-failed-message">{{text}}</div> 251a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</template> 252a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 253a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</polymer-element> 254a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 255a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<polymer-element name="viewer-page-indicator" attributes="text" assetpath="html_office/elements/viewer-page-indicator/"> 256a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<template> 257a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <style>/* Copyright 2013 The Chromium Authors. All rights reserved. 258a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 259a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) * found in the LICENSE file. */ 260a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 261a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles):host { 262a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) -webkit-transition: opacity 400ms ease-in-out; 263a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) pointer-events: none; 264a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: fixed; 265a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) right: 0; 266a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 267a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 268a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)#text { 269a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) background-color: rgba(0, 0, 0, 0.5); 270a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) border-radius: 5px; 271a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color: white; 272a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) float: left; 273a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-family: sans-serif; 274a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-size: 12px; 275a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-weight: bold; 276a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) line-height: 48px; 277a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) text-align: center; 278a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); 279a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 62px; 280a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 281a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 282a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)#triangle-right { 283a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) border-bottom: 6px solid transparent; 284a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) border-left: 8px solid rgba(0, 0, 0, 0.5); 285a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) border-top: 6px solid transparent; 286a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) display: inline; 287a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) float: left; 288a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) height: 0; 289a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) margin-top: 18px; 290a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 0; 291a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)}</style> 292a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div id="text">{{text}}</div> 293a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div id="triangle-right"></div> 294a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</template> 295a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 296a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</polymer-element> 297a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 298a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<polymer-element name="viewer-password-screen" attributes="text active" assetpath="html_office/elements/viewer-password-screen/"> 299a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<template> 300a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <style>:host { 301a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) -webkit-transition: opacity 400ms ease-in-out; 302a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) background-color: #ccc; 303a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color: #555; 304a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) display: table; 305a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-family: sans-serif; 306a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-size: 15px; 307a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) height: 100%; 308a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) pointer-events: none; 309a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: fixed; 310a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) text-align: center; 311a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 100%; 312a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 313a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 314a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)#message { 315a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) padding-bottom: 10px; 316a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 317a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 318a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).center { 319a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) display: table-cell; 320a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) vertical-align: middle; 321a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 322a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 323a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).form { 324a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) border: 1px solid #777; 325a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) box-shadow: 1px 1px 1px; 326a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) display: inline-block; 327a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) padding: 10px; 328a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 300px; 329a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 330a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 331a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)#successMessage { 332a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) display: inline-block; 333a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) padding-left: 5px; 334a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) pointer-events: none; 335a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 336a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 337a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)input { 338a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color: #333; 339a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) pointer-events: all; 340a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)}</style> 341a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div class="center"> 342a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <form class="form"> 343a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div id="message">{{text}}</div> 344a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <input id="password" type="password" size="20"> 345a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <input id="submit" type="submit" on-click="{{submit}}"> 346a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div id="successMessage">{{successMessage}}</div> 347a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) </form> 348a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) </div> 349a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</template> 350a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 351a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</polymer-element> 352a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 353a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<polymer-element name="viewer-progress-bar" attributes="progress text numSegments" assetpath="html_office/elements/viewer-progress-bar/"> 354a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<template> 355a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <style>/* Copyright 2013 The Chromium Authors. All rights reserved. 356a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 357a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) * found in the LICENSE file. */ 358a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 359a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles):host { 360a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) -webkit-transition: opacity 400ms ease-in-out; 361a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) background: rgb(29, 39, 57); 362a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) border-radius: 5px; 363a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) bottom: 26px; 364a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) box-shadow: 0 1px 2px gray, 0 3px 3px rgba(0, 0, 0, .2); 365a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) height: auto; 366a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) left: 26px; 367a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) pointer-events: none; 368a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: fixed; 369a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: auto; 370a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 371a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 372a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).scaler { 373a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) -webkit-transform: scale(0.25); 374a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) -webkit-transform-origin: 0 0; 375a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) float: left; 376a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) height: 44px; 377a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) margin: 8px; 378a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 44px; 379a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 380a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 381a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)#segments { 382a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) border-radius: 50%; 383a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) height: 176px; 384a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) list-style: none; 385a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) margin: 0; 386a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) overflow: hidden; 387a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) padding: 0; 388a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: absolute; 389a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 176px; 390a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 391a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 392a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).segment { 393a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) -webkit-transform-origin: 0 100%; 394a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) background: rgb(227, 234, 249); 395a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) box-shadow: 0 0 0 6px rgb(29, 39, 57) inset; 396a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) height: 50%; 397a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) overflow: hidden; 398a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: absolute; 399a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) right: 0; 400a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) top: 0; 401a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 50%; 402a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 403a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 404a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles).center-circle { 405a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) background-color: rgb(29, 39, 57); 406a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) border-radius: 50%; 407a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) height: 80px; 408a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) left: 44px; 409a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) margin: 0; 410a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) padding: 0; 411a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: absolute; 412a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) top: 44px; 413a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 80px; 414a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 415a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 416a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)#text { 417a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) color: rgb(227, 234, 249); 418a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) float: left; 419a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-family: sans-serif; 420a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-size: 16px; 421a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-weight: bold; 422a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) line-height: 58px; 423a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) margin-right: 10px; 424a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) margin-top: 1px; 425a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 426a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</style> 427a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div class="scaler"> 428a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <ul id="segments"></ul> 429a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div class="center-circle"></div> 430a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) </div> 431a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div id="text">{{text}}</div> 432a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</template> 433a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 434a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</polymer-element> 435a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 436a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<polymer-element name="viewer-toolbar" attributes="fadingIn" assetpath="html_office/elements/viewer-toolbar/"> 437a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<template> 438a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <style>/* Copyright 2013 The Chromium Authors. All rights reserved. 439a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 440a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) * found in the LICENSE file. */ 441a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 442a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles):host { 443a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) -webkit-transition: opacity 400ms ease-in-out; 444a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) bottom: 0; 445a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) display: block; 446a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) font-size: 0; 447a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) opacity: 1; 448a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) padding: 30px 30px 15px 30vw; 449a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) pointer-events: none; 450a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: fixed; 451a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) right: 0; 452a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 453a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 454a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)#toolbar { 455a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) border-radius: 3px; 456a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) box-shadow: 0 1px 2px gray, 0 3px 3px rgba(0, 0, 0, .2); 457a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) overflow: hidden; 458a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)} 459a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</style> 460a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <div id="toolbar"> 461a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <content></content> 462a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) </div> 463a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)</template> 464a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 4655d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)</polymer-element> 4665d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<style> 4675d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) body { 4685d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-color: #ccc; 4695d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) margin: 0; 4705d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) } 4715d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) viewer-toolbar { 472a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) visibility: hidden; 473a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) z-index: 3; 474a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) } 475a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) viewer-page-indicator { 476a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) visibility: hidden; 477a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) z-index: 3; 478a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) } 479a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) viewer-progress-bar { 480a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) z-index: 3; 481a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) } 482a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) viewer-error-screen { 483a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) visibility: hidden; 484a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) z-index: 2; 485a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) } 486a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) viewer-password-screen { 487a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) visibility: hidden; 4885d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) z-index: 2; 4895d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) } 490a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) #plugin { 491a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) height: 100%; 492a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: fixed; 493a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) width: 100%; 4945d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) z-index: 1; 4955d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) } 496a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) #sizer { 497a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) position: absolute; 498a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) z-index: 0; 499a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) } 5005d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) </style> 5015d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)</head> 5025d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<body> 5035d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 504a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<div id="sizer"></div> 505a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<viewer-password-screen id="password-screen"></viewer-password-screen> 506a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<viewer-page-indicator id="page-indicator"></viewer-page-indicator> 507a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<viewer-progress-bar id="progress-bar"></viewer-progress-bar> 508a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 509a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<viewer-toolbar id="toolbar"> 5105d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) <polymer-selector> 511c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch <viewer-button id="fit-to-page-button" assetpath="html_office/elements/viewer-button/" img="button_fit_page.png" latchable=""> 512a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) </viewer-button> 513c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch <viewer-button id="fit-to-width-button" assetpath="html_office/elements/viewer-button/" img="button_fit_width.png" latchable=""> 514a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) </viewer-button> 515c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch <viewer-button id="zoom-in-button" assetpath="html_office/elements/viewer-button/" img="button_zoom_in.png"> 516a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) </viewer-button> 517c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch <viewer-button id="zoom-out-button" assetpath="html_office/elements/viewer-button/" img="button_zoom_out.png"> 518a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) </viewer-button> 5195d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) </polymer-selector> 520a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) <a id="save-button-link" download=""> 521c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch <viewer-button id="save-button" assetpath="html_office/elements/viewer-button/" img="button_save.png"> 522c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch </viewer-button> 523a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) </a> 524c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch <viewer-button id="print-button" assetpath="html_office/elements/viewer-button/" img="button_print.png"> 525c5cede9ae108bb15f6b7a8aea21c7e1fefa2834cBen Murdoch </viewer-button> 5265d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)</viewer-toolbar> 5275d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 528a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles)<viewer-error-screen id="error-screen"></viewer-error-screen> 529a1401311d1ab56c4ed0a474bd38c108f75cb0cd9Torne (Richard Coles) 5305d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) 5315d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<script src="index.js"></script> 5325d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)</body> 5335d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)<script src="pdf.js"></script> 5345d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles)</html> 535