viewer.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. /* Copyright 2014 Mozilla Foundation
  2. *
  3. * Licensed under the Apache License, Version 2.0 (the "License");
  4. * you may not use this file except in compliance with the License.
  5. * You may obtain a copy of the License at
  6. *
  7. * http://www.apache.org/licenses/LICENSE-2.0
  8. *
  9. * Unless required by applicable law or agreed to in writing, software
  10. * distributed under the License is distributed on an "AS IS" BASIS,
  11. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12. * See the License for the specific language governing permissions and
  13. * limitations under the License.
  14. */
  15. @import url(text_layer_builder.css);
  16. @import url(annotation_layer_builder.css);
  17. .pdfViewer .canvasWrapper {
  18. overflow: hidden;
  19. }
  20. .pdfViewer .page {
  21. direction: ltr;
  22. width: 816px;
  23. height: 1056px;
  24. margin: 1px auto -8px auto;
  25. position: relative;
  26. overflow: visible;
  27. border: 9px solid transparent;
  28. background-clip: content-box;
  29. border-image: url(images/shadow.png) 9 9 repeat;
  30. background-color: white;
  31. }
  32. .pdfViewer.removePageBorders .page {
  33. margin: 0px auto 10px auto;
  34. border: none;
  35. }
  36. .pdfViewer.singlePageView {
  37. display: inline-block;
  38. }
  39. .pdfViewer.singlePageView .page {
  40. margin: 0;
  41. border: none;
  42. }
  43. .pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread {
  44. margin-left: 3.5px;
  45. margin-right: 3.5px;
  46. text-align: center;
  47. }
  48. .pdfViewer.scrollHorizontal, .spread {
  49. white-space: nowrap;
  50. }
  51. .pdfViewer.removePageBorders,
  52. .pdfViewer.scrollHorizontal .spread,
  53. .pdfViewer.scrollWrapped .spread {
  54. margin-left: 0;
  55. margin-right: 0;
  56. }
  57. .spread .page,
  58. .pdfViewer.scrollHorizontal .page,
  59. .pdfViewer.scrollWrapped .page,
  60. .pdfViewer.scrollHorizontal .spread,
  61. .pdfViewer.scrollWrapped .spread {
  62. display: inline-block;
  63. vertical-align: middle;
  64. }
  65. .spread .page,
  66. .pdfViewer.scrollHorizontal .page,
  67. .pdfViewer.scrollWrapped .page {
  68. margin-left: -3.5px;
  69. margin-right: -3.5px;
  70. }
  71. .pdfViewer.removePageBorders .spread .page,
  72. .pdfViewer.removePageBorders.scrollHorizontal .page,
  73. .pdfViewer.removePageBorders.scrollWrapped .page {
  74. margin-left: 5px;
  75. margin-right: 5px;
  76. }
  77. .pdfViewer .page canvas {
  78. margin: 0;
  79. display: block;
  80. }
  81. .pdfViewer .page canvas[hidden] {
  82. display: none;
  83. }
  84. .pdfViewer .page .loadingIcon {
  85. position: absolute;
  86. display: block;
  87. left: 0;
  88. top: 0;
  89. right: 0;
  90. bottom: 0;
  91. background: url('images/loading-icon.gif') center no-repeat;
  92. }
  93. .pdfPresentationMode .pdfViewer {
  94. margin-left: 0;
  95. margin-right: 0;
  96. }
  97. .pdfPresentationMode .pdfViewer .page,
  98. .pdfPresentationMode .pdfViewer .spread {
  99. display: block;
  100. }
  101. .pdfPresentationMode .pdfViewer .page,
  102. .pdfPresentationMode .pdfViewer.removePageBorders .page {
  103. margin-left: auto;
  104. margin-right: auto;
  105. }
  106. .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  107. margin-bottom: 100% !important;
  108. }
  109. .pdfPresentationMode:fullscreen .pdfViewer .page {
  110. margin-bottom: 100%;
  111. border: 0;
  112. }