index.html 4.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <html dir="ltr" lang="en-US">
  2. <head>
  3. <!-- If you want to use custom CSS (@font-face rules, for example) you should uncomment
  4. the following reference and use a local.css file for that. See the example.local.css
  5. file for a sample.
  6. <link rel="stylesheet" type="text/css" href="local.css" media="screen"/>
  7. -->
  8. <link rel="stylesheet" type="text/css" href="viewer.css" media="screen"/>
  9. <script src="viewer.js" type="text/javascript" charset="utf-8"></script>
  10. <script src="PluginLoader.js" type="text/javascript" charset="utf-8"></script>
  11. <script>
  12. loadDocument(window.location.hash);
  13. </script>
  14. </head>
  15. <body>
  16. <div id = "viewer">
  17. <div id = "titlebar">
  18. <div id = "documentName"></div>
  19. <div id = "toolbarRight">
  20. <button id = "presentation" class = "toolbarButton presentation" title = "Presentation"></button>
  21. <button id = "fullscreen" class = "toolbarButton fullscreen" title = "Fullscreen"></button>
  22. <button id = "download" class = "toolbarButton download" title = "Download"></button>
  23. </div>
  24. </div>
  25. <div id = "toolbarContainer">
  26. <div id = "toolbar">
  27. <div id = "toolbarLeft">
  28. <div id = "navButtons" class = "splitToolbarButton">
  29. <button id = "previous" class = "toolbarButton pageUp" title = "Previous Page"></button>
  30. <div class="splitToolbarButtonSeparator"></div>
  31. <button id = "next" class = "toolbarButton pageDown" title = "Next Page"></button>
  32. </div>
  33. <label id = "pageNumberLabel" class = "toolbarLabel" for = "pageNumber">Page:</label>
  34. <input type = "number" id = "pageNumber" class = "toolbarField pageNumber"></input>
  35. <span id = "numPages" class = "toolbarLabel"></span>
  36. </div>
  37. <div id = "toolbarMiddleContainer" class = "outerCenter">
  38. <div id = "toolbarMiddle" class = "innerCenter">
  39. <div id = 'zoomButtons' class = "splitToolbarButton">
  40. <button id = "zoomOut" class = "toolbarButton zoomOut" title = "Zoom Out"></button>
  41. <div class="splitToolbarButtonSeparator"></div>
  42. <button id = "zoomIn" class = "toolbarButton zoomIn" title = "Zoom In"></button>
  43. </div>
  44. <span id="scaleSelectContainer" class="dropdownToolbarButton">
  45. <select id="scaleSelect" title="Zoom" oncontextmenu="return false;">
  46. <option id="pageAutoOption" value="auto" selected>Automatic</option>
  47. <option id="pageActualOption" value="page-actual">Actual Size</option>
  48. <option id="pageWidthOption" value="page-width">Full Width</option>
  49. <option id="customScaleOption" value="custom"></option>
  50. <option value="0.5">50%</option>
  51. <option value="0.75">75%</option>
  52. <option value="1">100%</option>
  53. <option value="1.25">125%</option>
  54. <option value="1.5">150%</option>
  55. <option value="2">200%</option>
  56. </select>
  57. </span>
  58. <div id = "sliderContainer">
  59. <div id = "slider"></div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <div id = "canvasContainer">
  66. <div id = "canvas"></div>
  67. </div>
  68. <div id = "overlayNavigator">
  69. <div id = "previousPage"></div>
  70. <div id = "nextPage"></div>
  71. </div>
  72. <div id = "overlayCloseButton">
  73. &#10006;
  74. </div>
  75. </div>
  76. </body>
  77. </html>