pdfjs_viewer-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (133) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +77 -0
  4. data/Rakefile +37 -0
  5. data/app/assets/javascripts/pdfjs_viewer/application.js +16 -0
  6. data/app/assets/javascripts/pdfjs_viewer/pdfjs/compatibility.js +574 -0
  7. data/app/assets/javascripts/pdfjs_viewer/pdfjs/l10n.js +1004 -0
  8. data/app/assets/javascripts/pdfjs_viewer/pdfjs/pdf.combined.js +44784 -0
  9. data/app/assets/javascripts/pdfjs_viewer/viewer.js +6883 -0
  10. data/app/assets/stylesheets/pdfjs_viewer/application.css +17 -0
  11. data/app/assets/stylesheets/pdfjs_viewer/full.scss +7 -0
  12. data/app/assets/stylesheets/pdfjs_viewer/minimal.scss +31 -0
  13. data/app/assets/stylesheets/pdfjs_viewer/pdfjs/viewer.css +1990 -0
  14. data/app/controllers/pdfjs_viewer/application_controller.rb +4 -0
  15. data/app/controllers/pdfjs_viewer/viewer_controller.rb +11 -0
  16. data/app/views/pdfjs_viewer/viewer/_viewer.html.erb +406 -0
  17. data/app/views/pdfjs_viewer/viewer/full.html.erb +1 -0
  18. data/app/views/pdfjs_viewer/viewer/minimal.html.erb +1 -0
  19. data/config/routes.rb +4 -0
  20. data/lib/pdfjs_viewer-rails.rb +18 -0
  21. data/lib/pdfjs_viewer-rails/helpers.rb +9 -0
  22. data/lib/pdfjs_viewer-rails/version.rb +5 -0
  23. data/lib/tasks/pdfjs_viewer_tasks.rake +4 -0
  24. data/test/dummy/README.rdoc +28 -0
  25. data/test/dummy/Rakefile +6 -0
  26. data/test/dummy/app/assets/javascripts/application.js +13 -0
  27. data/test/dummy/app/assets/stylesheets/application.css +15 -0
  28. data/test/dummy/app/controllers/application_controller.rb +5 -0
  29. data/test/dummy/app/controllers/sample_controller.rb +8 -0
  30. data/test/dummy/app/helpers/application_helper.rb +2 -0
  31. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  32. data/test/dummy/app/views/sample/helper.html.erb +1 -0
  33. data/test/dummy/app/views/sample/show.html.erb +10 -0
  34. data/test/dummy/bin/bundle +3 -0
  35. data/test/dummy/bin/rails +4 -0
  36. data/test/dummy/bin/rake +4 -0
  37. data/test/dummy/bin/setup +29 -0
  38. data/test/dummy/config.ru +4 -0
  39. data/test/dummy/config/application.rb +37 -0
  40. data/test/dummy/config/boot.rb +5 -0
  41. data/test/dummy/config/database.yml +25 -0
  42. data/test/dummy/config/environment.rb +5 -0
  43. data/test/dummy/config/environments/development.rb +41 -0
  44. data/test/dummy/config/environments/production.rb +79 -0
  45. data/test/dummy/config/environments/test.rb +42 -0
  46. data/test/dummy/config/initializers/assets.rb +11 -0
  47. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  48. data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
  49. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  50. data/test/dummy/config/initializers/inflections.rb +16 -0
  51. data/test/dummy/config/initializers/mime_types.rb +4 -0
  52. data/test/dummy/config/initializers/session_store.rb +3 -0
  53. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  54. data/test/dummy/config/locales/en.yml +23 -0
  55. data/test/dummy/config/routes.rb +5 -0
  56. data/test/dummy/config/secrets.yml +22 -0
  57. data/test/dummy/db/test.sqlite3 +0 -0
  58. data/test/dummy/log/development.log +2455 -0
  59. data/test/dummy/log/test.log +1720 -0
  60. data/test/dummy/public/404.html +67 -0
  61. data/test/dummy/public/422.html +67 -0
  62. data/test/dummy/public/500.html +66 -0
  63. data/test/dummy/public/favicon.ico +0 -0
  64. data/test/dummy/public/sample.pdf +0 -0
  65. data/test/dummy/tmp/cache/assets/development/sass/f1b3e59e51ba5ccf8dc190375cfc40e8c38f8d16/full.scssc +0 -0
  66. data/test/dummy/tmp/cache/assets/development/sass/f1b3e59e51ba5ccf8dc190375cfc40e8c38f8d16/minimal.scssc +0 -0
  67. data/test/dummy/tmp/cache/assets/development/sprockets/04eae8bca898a65982980c3e50ad7fbd +0 -0
  68. data/test/dummy/tmp/cache/assets/development/sprockets/12f627b3c5f4d1ba551ec15071b146ed +0 -0
  69. data/test/dummy/tmp/cache/assets/development/sprockets/13fe41fee1fe35b49d145bcc06610705 +0 -0
  70. data/test/dummy/tmp/cache/assets/development/sprockets/179e183f4ee9ccca7c8937e398f7e5ba +0 -0
  71. data/test/dummy/tmp/cache/assets/development/sprockets/1a6d33544c20ead8fcebe2042ac1525b +0 -0
  72. data/test/dummy/tmp/cache/assets/development/sprockets/20cfc4824e896a020f7386bd98c340ed +0 -0
  73. data/test/dummy/tmp/cache/assets/development/sprockets/21b502c161a167bfdda0fb06fefe42b7 +0 -0
  74. data/test/dummy/tmp/cache/assets/development/sprockets/24f6c5595a9b6a95fa1a17757c55261c +0 -0
  75. data/test/dummy/tmp/cache/assets/development/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
  76. data/test/dummy/tmp/cache/assets/development/sprockets/357970feca3ac29060c1e3861e2c0953 +0 -0
  77. data/test/dummy/tmp/cache/assets/development/sprockets/395495688f5310d0645ec57873b2759e +0 -0
  78. data/test/dummy/tmp/cache/assets/development/sprockets/41a66f55761db630a20526b0b91e0343 +0 -0
  79. data/test/dummy/tmp/cache/assets/development/sprockets/4509000351818b96fa2e5239cc0e089b +0 -0
  80. data/test/dummy/tmp/cache/assets/development/sprockets/595a531e01ee23e6221c62d6d311aba1 +0 -0
  81. data/test/dummy/tmp/cache/assets/development/sprockets/597414ce2d02f11df6b8f2533b18b142 +0 -0
  82. data/test/dummy/tmp/cache/assets/development/sprockets/6384899a9cb6e830fa5869ffd9de6544 +0 -0
  83. data/test/dummy/tmp/cache/assets/development/sprockets/730fa2b9535ffcaec1cb98f2daa2a15a +0 -0
  84. data/test/dummy/tmp/cache/assets/development/sprockets/7e62f2ade8de8c8d58ca24ea150a4b62 +0 -0
  85. data/test/dummy/tmp/cache/assets/development/sprockets/81bfd70f6ddb31a47b5fd2283f02068d +0 -0
  86. data/test/dummy/tmp/cache/assets/development/sprockets/87ba41d384f696d9f33bcbb6d81cbf38 +0 -0
  87. data/test/dummy/tmp/cache/assets/development/sprockets/940983b263c09cef8a392334a42dc2b7 +0 -0
  88. data/test/dummy/tmp/cache/assets/development/sprockets/9439817fb117375f337c0ad9a46b1f76 +0 -0
  89. data/test/dummy/tmp/cache/assets/development/sprockets/a4b60d7ffa74f207fff9106821cd1759 +0 -0
  90. data/test/dummy/tmp/cache/assets/development/sprockets/a7f3405fc7c670abe82e4e41c64b5a33 +0 -0
  91. data/test/dummy/tmp/cache/assets/development/sprockets/a850909a3c37a59780d49c690374cf65 +0 -0
  92. data/test/dummy/tmp/cache/assets/development/sprockets/ab7f07b8312f30b275efc7203f10ccda +0 -0
  93. data/test/dummy/tmp/cache/assets/development/sprockets/b134e335e41a782ac45a6f0441e5d0ee +0 -0
  94. data/test/dummy/tmp/cache/assets/development/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
  95. data/test/dummy/tmp/cache/assets/development/sprockets/d771ace226fc8215a3572e0aa35bb0d6 +0 -0
  96. data/test/dummy/tmp/cache/assets/development/sprockets/f16770b5fd41beb962f620a6f29110f1 +0 -0
  97. data/test/dummy/tmp/cache/assets/development/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
  98. data/test/dummy/tmp/cache/assets/development/sprockets/fb9ab06a0b93b2a7be41b5ee91378ea2 +0 -0
  99. data/test/dummy/tmp/cache/assets/development/sprockets/ffcc4b97c4cc77c7660fc560d5b9c86d +0 -0
  100. data/test/dummy/tmp/cache/assets/test/sass/f1b3e59e51ba5ccf8dc190375cfc40e8c38f8d16/full.scssc +0 -0
  101. data/test/dummy/tmp/cache/assets/test/sass/f1b3e59e51ba5ccf8dc190375cfc40e8c38f8d16/minimal.scssc +0 -0
  102. data/test/dummy/tmp/cache/assets/test/sprockets/04eae8bca898a65982980c3e50ad7fbd +0 -0
  103. data/test/dummy/tmp/cache/assets/test/sprockets/12f627b3c5f4d1ba551ec15071b146ed +0 -0
  104. data/test/dummy/tmp/cache/assets/test/sprockets/13fe41fee1fe35b49d145bcc06610705 +0 -0
  105. data/test/dummy/tmp/cache/assets/test/sprockets/1a6d33544c20ead8fcebe2042ac1525b +0 -0
  106. data/test/dummy/tmp/cache/assets/test/sprockets/21b502c161a167bfdda0fb06fefe42b7 +0 -0
  107. data/test/dummy/tmp/cache/assets/test/sprockets/24f6c5595a9b6a95fa1a17757c55261c +0 -0
  108. data/test/dummy/tmp/cache/assets/test/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
  109. data/test/dummy/tmp/cache/assets/test/sprockets/357970feca3ac29060c1e3861e2c0953 +0 -0
  110. data/test/dummy/tmp/cache/assets/test/sprockets/395495688f5310d0645ec57873b2759e +0 -0
  111. data/test/dummy/tmp/cache/assets/test/sprockets/4509000351818b96fa2e5239cc0e089b +0 -0
  112. data/test/dummy/tmp/cache/assets/test/sprockets/595a531e01ee23e6221c62d6d311aba1 +0 -0
  113. data/test/dummy/tmp/cache/assets/test/sprockets/597414ce2d02f11df6b8f2533b18b142 +0 -0
  114. data/test/dummy/tmp/cache/assets/test/sprockets/730fa2b9535ffcaec1cb98f2daa2a15a +0 -0
  115. data/test/dummy/tmp/cache/assets/test/sprockets/7e62f2ade8de8c8d58ca24ea150a4b62 +0 -0
  116. data/test/dummy/tmp/cache/assets/test/sprockets/81bfd70f6ddb31a47b5fd2283f02068d +0 -0
  117. data/test/dummy/tmp/cache/assets/test/sprockets/940983b263c09cef8a392334a42dc2b7 +0 -0
  118. data/test/dummy/tmp/cache/assets/test/sprockets/9439817fb117375f337c0ad9a46b1f76 +0 -0
  119. data/test/dummy/tmp/cache/assets/test/sprockets/a4b60d7ffa74f207fff9106821cd1759 +0 -0
  120. data/test/dummy/tmp/cache/assets/test/sprockets/a7f3405fc7c670abe82e4e41c64b5a33 +0 -0
  121. data/test/dummy/tmp/cache/assets/test/sprockets/a850909a3c37a59780d49c690374cf65 +0 -0
  122. data/test/dummy/tmp/cache/assets/test/sprockets/b134e335e41a782ac45a6f0441e5d0ee +0 -0
  123. data/test/dummy/tmp/cache/assets/test/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
  124. data/test/dummy/tmp/cache/assets/test/sprockets/d771ace226fc8215a3572e0aa35bb0d6 +0 -0
  125. data/test/dummy/tmp/cache/assets/test/sprockets/f16770b5fd41beb962f620a6f29110f1 +0 -0
  126. data/test/dummy/tmp/cache/assets/test/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
  127. data/test/dummy/tmp/cache/assets/test/sprockets/ffcc4b97c4cc77c7660fc560d5b9c86d +0 -0
  128. data/test/integration/viewer_test.rb +64 -0
  129. data/test/sandbox/full_viewer.png +0 -0
  130. data/test/sandbox/helper.png +0 -0
  131. data/test/sandbox/minimal_viewer.png +0 -0
  132. data/test/test_helper.rb +34 -0
  133. metadata +327 -0
@@ -0,0 +1,17 @@
1
+ /*
2
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
3
+ * listed below.
4
+ *
5
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
6
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
7
+ *
8
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9
+ * compiled file so the styles you add here take precedence over styles defined in any styles
10
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
11
+ * file per style scope.
12
+ *
13
+ *= require pdfjs_viewer/pdfjs/viewer
14
+ *= require pdfjs_viewer/minimal
15
+ *= require pdfjs_viewer/full
16
+ *= require_self
17
+ */
@@ -0,0 +1,7 @@
1
+ #pdfjs_viewer-full {
2
+ .openFile { display: none; }
3
+
4
+ .download { display: none; }
5
+
6
+ .bookmark { display: none; }
7
+ }
@@ -0,0 +1,31 @@
1
+ #pdfjs_viewer-minimal {
2
+ div.toolbar { display: none; }
3
+
4
+ #scaleSelectContainer { display: none; }
5
+ #secondaryToolbarToggle { display: none; }
6
+
7
+ #toolbarViewerLeft { display: none; }
8
+ #toolbarViewerRight { display: none; }
9
+
10
+ #viewFind { display: none; }
11
+
12
+ #viewAttachments { display: none; }
13
+
14
+ .openFile { display: none; }
15
+
16
+ .download { display: none; }
17
+
18
+ .bookmark { display: none; }
19
+
20
+ .secondaryToolbar { display: none; }
21
+
22
+
23
+ #viewerContainer, #mainContainer {
24
+ background-color: white;
25
+ }
26
+
27
+ #toolbarContainer {
28
+ border-top-left-radius: 5px;
29
+ border-top-right-radius: 5px;
30
+ }
31
+ }
@@ -0,0 +1,1990 @@
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
+
16
+ .textLayer {
17
+ position: absolute;
18
+ left: 0;
19
+ top: 0;
20
+ right: 0;
21
+ bottom: 0;
22
+ overflow: hidden;
23
+ }
24
+
25
+ .textLayer > div {
26
+ color: transparent;
27
+ position: absolute;
28
+ white-space: pre;
29
+ cursor: text;
30
+ -webkit-transform-origin: 0% 0%;
31
+ -moz-transform-origin: 0% 0%;
32
+ -o-transform-origin: 0% 0%;
33
+ -ms-transform-origin: 0% 0%;
34
+ transform-origin: 0% 0%;
35
+ }
36
+
37
+ .textLayer .highlight {
38
+ margin: -1px;
39
+ padding: 1px;
40
+
41
+ background-color: rgb(180, 0, 170);
42
+ border-radius: 4px;
43
+ }
44
+
45
+ .textLayer .highlight.begin {
46
+ border-radius: 4px 0px 0px 4px;
47
+ }
48
+
49
+ .textLayer .highlight.end {
50
+ border-radius: 0px 4px 4px 0px;
51
+ }
52
+
53
+ .textLayer .highlight.middle {
54
+ border-radius: 0px;
55
+ }
56
+
57
+ .textLayer .highlight.selected {
58
+ background-color: rgb(0, 100, 0);
59
+ }
60
+
61
+ .pdfViewer .canvasWrapper {
62
+ overflow: hidden;
63
+ }
64
+
65
+ .pdfViewer .page {
66
+ direction: ltr;
67
+ width: 816px;
68
+ height: 1056px;
69
+ margin: 1px auto -8px auto;
70
+ position: relative;
71
+ overflow: visible;
72
+ border: 9px solid transparent;
73
+ background-clip: content-box;
74
+ border-image: url(/pdfjs/web/images/shadow.png) 9 9 repeat;
75
+ background-color: white;
76
+ }
77
+
78
+ .pdfViewer .page canvas {
79
+ margin: 0;
80
+ display: block;
81
+ }
82
+
83
+ .pdfViewer .page .loadingIcon {
84
+ position: absolute;
85
+ display: block;
86
+ left: 0;
87
+ top: 0;
88
+ right: 0;
89
+ bottom: 0;
90
+ background: url('/pdfjs/web/images/loading-icon.gif') center no-repeat;
91
+ }
92
+
93
+ .pdfViewer .page .annotLink > a:hover {
94
+ opacity: 0.2;
95
+ background: #ff0;
96
+ box-shadow: 0px 2px 10px #ff0;
97
+ }
98
+
99
+ :-webkit-full-screen .pdfViewer .page {
100
+ margin-bottom: 100%;
101
+ border: 0;
102
+ }
103
+
104
+ :-moz-full-screen .pdfViewer .page {
105
+ margin-bottom: 100%;
106
+ border: 0;
107
+ }
108
+
109
+ :-ms-fullscreen .pdfViewer .page {
110
+ margin-bottom: 100% !important;
111
+ border: 0;
112
+ }
113
+
114
+ :fullscreen .pdfViewer .page {
115
+ margin-bottom: 100%;
116
+ border: 0;
117
+ }
118
+
119
+ .pdfViewer .page .annotationHighlight {
120
+ position: absolute;
121
+ border: 2px #FFFF99 solid;
122
+ }
123
+
124
+ .pdfViewer .page .annotText > img {
125
+ position: absolute;
126
+ cursor: pointer;
127
+ }
128
+
129
+ .pdfViewer .page .annotTextContentWrapper {
130
+ position: absolute;
131
+ width: 20em;
132
+ }
133
+
134
+ .pdfViewer .page .annotTextContent {
135
+ z-index: 200;
136
+ float: left;
137
+ max-width: 20em;
138
+ background-color: #FFFF99;
139
+ box-shadow: 0px 2px 5px #333;
140
+ border-radius: 2px;
141
+ padding: 0.6em;
142
+ cursor: pointer;
143
+ }
144
+
145
+ .pdfViewer .page .annotTextContent > h1 {
146
+ font-size: 1em;
147
+ border-bottom: 1px solid #000000;
148
+ padding-bottom: 0.2em;
149
+ }
150
+
151
+ .pdfViewer .page .annotTextContent > p {
152
+ padding-top: 0.2em;
153
+ }
154
+
155
+ .pdfViewer .page .annotLink > a {
156
+ position: absolute;
157
+ font-size: 1em;
158
+ top: 0;
159
+ left: 0;
160
+ width: 100%;
161
+ height: 100%;
162
+ }
163
+
164
+ .pdfViewer .page .annotLink > a /* -ms-a */ {
165
+ background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA\
166
+ LAAAAAABAAEAAAIBRAA7") 0 0 repeat;
167
+ }
168
+
169
+ * {
170
+ padding: 0;
171
+ margin: 0;
172
+ }
173
+
174
+ html {
175
+ height: 100%;
176
+ /* Font size is needed to make the activity bar the correct size. */
177
+ font-size: 10px;
178
+ }
179
+
180
+ body {
181
+ height: 100%;
182
+ background-color: #404040;
183
+ background-image: url(/pdfjs/web/images/texture.png);
184
+ }
185
+
186
+ body,
187
+ input,
188
+ button,
189
+ select {
190
+ font: message-box;
191
+ outline: none;
192
+ }
193
+
194
+ .hidden {
195
+ display: none !important;
196
+ }
197
+ [hidden] {
198
+ display: none !important;
199
+ }
200
+
201
+ #viewerContainer:-webkit-full-screen {
202
+ top: 0px;
203
+ border-top: 2px solid transparent;
204
+ background-color: #000;
205
+ width: 100%;
206
+ height: 100%;
207
+ overflow: hidden;
208
+ cursor: none;
209
+ }
210
+
211
+ #viewerContainer:-moz-full-screen {
212
+ top: 0px;
213
+ border-top: 2px solid transparent;
214
+ background-color: #000;
215
+ width: 100%;
216
+ height: 100%;
217
+ overflow: hidden;
218
+ cursor: none;
219
+ }
220
+
221
+ #viewerContainer:-ms-fullscreen {
222
+ top: 0px !important;
223
+ border-top: 2px solid transparent;
224
+ width: 100%;
225
+ height: 100%;
226
+ overflow: hidden !important;
227
+ cursor: none;
228
+ }
229
+
230
+ #viewerContainer:-ms-fullscreen::-ms-backdrop {
231
+ background-color: #000;
232
+ }
233
+
234
+ #viewerContainer:fullscreen {
235
+ top: 0px;
236
+ border-top: 2px solid transparent;
237
+ background-color: #000;
238
+ width: 100%;
239
+ height: 100%;
240
+ overflow: hidden;
241
+ cursor: none;
242
+ }
243
+
244
+ :-webkit-full-screen a:not(.internalLink) {
245
+ display: none;
246
+ }
247
+
248
+ :-moz-full-screen a:not(.internalLink) {
249
+ display: none;
250
+ }
251
+
252
+ :-ms-fullscreen a:not(.internalLink) {
253
+ display: none !important;
254
+ }
255
+
256
+ :fullscreen a:not(.internalLink) {
257
+ display: none;
258
+ }
259
+
260
+ :-webkit-full-screen .textLayer > div {
261
+ cursor: none;
262
+ }
263
+
264
+ :-moz-full-screen .textLayer > div {
265
+ cursor: none;
266
+ }
267
+
268
+ :fullscreen .textLayer > div {
269
+ cursor: none;
270
+ }
271
+
272
+ #viewerContainer.presentationControls,
273
+ #viewerContainer.presentationControls .textLayer > div {
274
+ cursor: default;
275
+ }
276
+
277
+ /* outer/inner center provides horizontal center */
278
+ .outerCenter {
279
+ pointer-events: none;
280
+ position: relative;
281
+ }
282
+ html[dir='ltr'] .outerCenter {
283
+ float: right;
284
+ right: 50%;
285
+ }
286
+ html[dir='rtl'] .outerCenter {
287
+ float: left;
288
+ left: 50%;
289
+ }
290
+ .innerCenter {
291
+ pointer-events: auto;
292
+ position: relative;
293
+ }
294
+ html[dir='ltr'] .innerCenter {
295
+ float: right;
296
+ right: -50%;
297
+ }
298
+ html[dir='rtl'] .innerCenter {
299
+ float: left;
300
+ left: -50%;
301
+ }
302
+
303
+ #outerContainer {
304
+ width: 100%;
305
+ height: 100%;
306
+ position: relative;
307
+ }
308
+
309
+ #sidebarContainer {
310
+ position: absolute;
311
+ top: 0;
312
+ bottom: 0;
313
+ width: 200px;
314
+ visibility: hidden;
315
+ -webkit-transition-duration: 200ms;
316
+ -webkit-transition-timing-function: ease;
317
+ transition-duration: 200ms;
318
+ transition-timing-function: ease;
319
+
320
+ }
321
+ html[dir='ltr'] #sidebarContainer {
322
+ -webkit-transition-property: left;
323
+ transition-property: left;
324
+ left: -200px;
325
+ }
326
+ html[dir='rtl'] #sidebarContainer {
327
+ -webkit-transition-property: right;
328
+ transition-property: right;
329
+ right: -200px;
330
+ }
331
+
332
+ #outerContainer.sidebarMoving > #sidebarContainer,
333
+ #outerContainer.sidebarOpen > #sidebarContainer {
334
+ visibility: visible;
335
+ }
336
+ html[dir='ltr'] #outerContainer.sidebarOpen > #sidebarContainer {
337
+ left: 0px;
338
+ }
339
+ html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer {
340
+ right: 0px;
341
+ }
342
+
343
+ #mainContainer {
344
+ position: absolute;
345
+ top: 0;
346
+ right: 0;
347
+ bottom: 0;
348
+ left: 0;
349
+ min-width: 320px;
350
+ -webkit-transition-duration: 200ms;
351
+ -webkit-transition-timing-function: ease;
352
+ transition-duration: 200ms;
353
+ transition-timing-function: ease;
354
+ }
355
+ html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
356
+ -webkit-transition-property: left;
357
+ transition-property: left;
358
+ left: 200px;
359
+ }
360
+ html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
361
+ -webkit-transition-property: right;
362
+ transition-property: right;
363
+ right: 200px;
364
+ }
365
+
366
+ #sidebarContent {
367
+ top: 32px;
368
+ bottom: 0;
369
+ overflow: auto;
370
+ -webkit-overflow-scrolling: touch;
371
+ position: absolute;
372
+ width: 200px;
373
+ background-color: hsla(0,0%,0%,.1);
374
+ }
375
+ html[dir='ltr'] #sidebarContent {
376
+ left: 0;
377
+ box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
378
+ }
379
+ html[dir='rtl'] #sidebarContent {
380
+ right: 0;
381
+ box-shadow: inset 1px 0 0 hsla(0,0%,0%,.25);
382
+ }
383
+
384
+ #viewerContainer {
385
+ overflow: auto;
386
+ -webkit-overflow-scrolling: touch;
387
+ position: absolute;
388
+ top: 32px;
389
+ right: 0;
390
+ bottom: 0;
391
+ left: 0;
392
+ outline: none;
393
+ }
394
+ html[dir='ltr'] #viewerContainer {
395
+ box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05);
396
+ }
397
+ html[dir='rtl'] #viewerContainer {
398
+ box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05);
399
+ }
400
+
401
+ .toolbar {
402
+ position: relative;
403
+ left: 0;
404
+ right: 0;
405
+ z-index: 9999;
406
+ cursor: default;
407
+ }
408
+
409
+ #toolbarContainer {
410
+ width: 100%;
411
+ }
412
+
413
+ #toolbarSidebar {
414
+ width: 200px;
415
+ height: 32px;
416
+ background-color: #424242; /* fallback */
417
+ background-image: url(/pdfjs/web/images/texture.png),
418
+ linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
419
+ }
420
+ html[dir='ltr'] #toolbarSidebar {
421
+ box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
422
+ inset 0 -1px 0 hsla(0,0%,100%,.05),
423
+ 0 1px 0 hsla(0,0%,0%,.15),
424
+ 0 0 1px hsla(0,0%,0%,.1);
425
+ }
426
+ html[dir='rtl'] #toolbarSidebar {
427
+ box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25),
428
+ inset 0 1px 0 hsla(0,0%,100%,.05),
429
+ 0 1px 0 hsla(0,0%,0%,.15),
430
+ 0 0 1px hsla(0,0%,0%,.1);
431
+ }
432
+
433
+ #toolbarContainer, .findbar, .secondaryToolbar {
434
+ position: relative;
435
+ height: 32px;
436
+ background-color: #474747; /* fallback */
437
+ background-image: url(/pdfjs/web/images/texture.png),
438
+ linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
439
+ }
440
+ html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar {
441
+ box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
442
+ inset 0 1px 1px hsla(0,0%,0%,.15),
443
+ inset 0 -1px 0 hsla(0,0%,100%,.05),
444
+ 0 1px 0 hsla(0,0%,0%,.15),
445
+ 0 1px 1px hsla(0,0%,0%,.1);
446
+ }
447
+ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
448
+ box-shadow: inset -1px 0 0 hsla(0,0%,100%,.08),
449
+ inset 0 1px 1px hsla(0,0%,0%,.15),
450
+ inset 0 -1px 0 hsla(0,0%,100%,.05),
451
+ 0 1px 0 hsla(0,0%,0%,.15),
452
+ 0 1px 1px hsla(0,0%,0%,.1);
453
+ }
454
+
455
+ #toolbarViewer {
456
+ height: 32px;
457
+ }
458
+
459
+ #loadingBar {
460
+ position: relative;
461
+ width: 100%;
462
+ height: 4px;
463
+ background-color: #333;
464
+ border-bottom: 1px solid #333;
465
+ }
466
+
467
+ #loadingBar .progress {
468
+ position: absolute;
469
+ top: 0;
470
+ left: 0;
471
+ width: 0%;
472
+ height: 100%;
473
+ background-color: #ddd;
474
+ overflow: hidden;
475
+ -webkit-transition: width 200ms;
476
+ transition: width 200ms;
477
+ }
478
+
479
+ @-webkit-keyframes progressIndeterminate {
480
+ 0% { left: 0%; }
481
+ 50% { left: 100%; }
482
+ 100% { left: 100%; }
483
+ }
484
+
485
+ @keyframes progressIndeterminate {
486
+ 0% { left: 0%; }
487
+ 50% { left: 100%; }
488
+ 100% { left: 100%; }
489
+ }
490
+
491
+ #loadingBar .progress.indeterminate {
492
+ background-color: #999;
493
+ -webkit-transition: none;
494
+ transition: none;
495
+ }
496
+
497
+ #loadingBar .indeterminate .glimmer {
498
+ position: absolute;
499
+ top: 0;
500
+ left: 0;
501
+ height: 100%;
502
+ width: 50px;
503
+
504
+ background-image: linear-gradient(to right, #999 0%, #fff 50%, #999 100%);
505
+ background-size: 100% 100%;
506
+ background-repeat: no-repeat;
507
+
508
+ -webkit-animation: progressIndeterminate 2s linear infinite;
509
+ animation: progressIndeterminate 2s linear infinite;
510
+ }
511
+
512
+ .findbar, .secondaryToolbar {
513
+ top: 32px;
514
+ position: absolute;
515
+ z-index: 10000;
516
+ height: 32px;
517
+
518
+ min-width: 16px;
519
+ padding: 0px 6px 0px 6px;
520
+ margin: 4px 2px 4px 2px;
521
+ color: hsl(0,0%,85%);
522
+ font-size: 12px;
523
+ line-height: 14px;
524
+ text-align: left;
525
+ cursor: default;
526
+ }
527
+
528
+ html[dir='ltr'] .findbar {
529
+ left: 68px;
530
+ }
531
+
532
+ html[dir='rtl'] .findbar {
533
+ right: 68px;
534
+ }
535
+
536
+ .findbar label {
537
+ -webkit-user-select: none;
538
+ -moz-user-select: none;
539
+ }
540
+
541
+ #findInput[data-status="pending"] {
542
+ background-image: url(/pdfjs/web/images/loading-small.png);
543
+ background-repeat: no-repeat;
544
+ background-position: right;
545
+ }
546
+ html[dir='rtl'] #findInput[data-status="pending"] {
547
+ background-position: left;
548
+ }
549
+
550
+ .secondaryToolbar {
551
+ padding: 6px;
552
+ height: auto;
553
+ z-index: 30000;
554
+ }
555
+ html[dir='ltr'] .secondaryToolbar {
556
+ right: 4px;
557
+ }
558
+ html[dir='rtl'] .secondaryToolbar {
559
+ left: 4px;
560
+ }
561
+
562
+ #secondaryToolbarButtonContainer {
563
+ max-width: 200px;
564
+ max-height: 400px;
565
+ overflow-y: auto;
566
+ -webkit-overflow-scrolling: touch;
567
+ margin-bottom: -4px;
568
+ }
569
+
570
+ .doorHanger,
571
+ .doorHangerRight {
572
+ border: 1px solid hsla(0,0%,0%,.5);
573
+ border-radius: 2px;
574
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
575
+ }
576
+ .doorHanger:after, .doorHanger:before,
577
+ .doorHangerRight:after, .doorHangerRight:before {
578
+ bottom: 100%;
579
+ border: solid transparent;
580
+ content: " ";
581
+ height: 0;
582
+ width: 0;
583
+ position: absolute;
584
+ pointer-events: none;
585
+ }
586
+ .doorHanger:after,
587
+ .doorHangerRight:after {
588
+ border-bottom-color: hsla(0,0%,32%,.99);
589
+ border-width: 8px;
590
+ }
591
+ .doorHanger:before,
592
+ .doorHangerRight:before {
593
+ border-bottom-color: hsla(0,0%,0%,.5);
594
+ border-width: 9px;
595
+ }
596
+
597
+ html[dir='ltr'] .doorHanger:after,
598
+ html[dir='rtl'] .doorHangerRight:after {
599
+ left: 13px;
600
+ margin-left: -8px;
601
+ }
602
+
603
+ html[dir='ltr'] .doorHanger:before,
604
+ html[dir='rtl'] .doorHangerRight:before {
605
+ left: 13px;
606
+ margin-left: -9px;
607
+ }
608
+
609
+ html[dir='rtl'] .doorHanger:after,
610
+ html[dir='ltr'] .doorHangerRight:after {
611
+ right: 13px;
612
+ margin-right: -8px;
613
+ }
614
+
615
+ html[dir='rtl'] .doorHanger:before,
616
+ html[dir='ltr'] .doorHangerRight:before {
617
+ right: 13px;
618
+ margin-right: -9px;
619
+ }
620
+
621
+ #findMsg {
622
+ font-style: italic;
623
+ color: #A6B7D0;
624
+ }
625
+
626
+ .notFound {
627
+ background-color: rgb(255, 137, 153);
628
+ }
629
+
630
+ html[dir='ltr'] #toolbarViewerLeft {
631
+ margin-left: -1px;
632
+ }
633
+ html[dir='rtl'] #toolbarViewerRight {
634
+ margin-right: -1px;
635
+ }
636
+
637
+ html[dir='ltr'] #toolbarViewerLeft,
638
+ html[dir='rtl'] #toolbarViewerRight {
639
+ position: absolute;
640
+ top: 0;
641
+ left: 0;
642
+ }
643
+ html[dir='ltr'] #toolbarViewerRight,
644
+ html[dir='rtl'] #toolbarViewerLeft {
645
+ position: absolute;
646
+ top: 0;
647
+ right: 0;
648
+ }
649
+ html[dir='ltr'] #toolbarViewerLeft > *,
650
+ html[dir='ltr'] #toolbarViewerMiddle > *,
651
+ html[dir='ltr'] #toolbarViewerRight > *,
652
+ html[dir='ltr'] .findbar > * {
653
+ position: relative;
654
+ float: left;
655
+ }
656
+ html[dir='rtl'] #toolbarViewerLeft > *,
657
+ html[dir='rtl'] #toolbarViewerMiddle > *,
658
+ html[dir='rtl'] #toolbarViewerRight > *,
659
+ html[dir='rtl'] .findbar > * {
660
+ position: relative;
661
+ float: right;
662
+ }
663
+
664
+ html[dir='ltr'] .splitToolbarButton {
665
+ margin: 3px 2px 4px 0;
666
+ display: inline-block;
667
+ }
668
+ html[dir='rtl'] .splitToolbarButton {
669
+ margin: 3px 0 4px 2px;
670
+ display: inline-block;
671
+ }
672
+ html[dir='ltr'] .splitToolbarButton > .toolbarButton {
673
+ border-radius: 0;
674
+ float: left;
675
+ }
676
+ html[dir='rtl'] .splitToolbarButton > .toolbarButton {
677
+ border-radius: 0;
678
+ float: right;
679
+ }
680
+
681
+ .toolbarButton,
682
+ .secondaryToolbarButton,
683
+ .overlayButton {
684
+ border: 0 none;
685
+ background: none;
686
+ width: 32px;
687
+ height: 25px;
688
+ }
689
+
690
+ .toolbarButton > span {
691
+ display: inline-block;
692
+ width: 0;
693
+ height: 0;
694
+ overflow: hidden;
695
+ }
696
+
697
+ .toolbarButton[disabled],
698
+ .secondaryToolbarButton[disabled],
699
+ .overlayButton[disabled] {
700
+ opacity: .5;
701
+ }
702
+
703
+ .toolbarButton.group {
704
+ margin-right: 0;
705
+ }
706
+
707
+ .splitToolbarButton.toggled .toolbarButton {
708
+ margin: 0;
709
+ }
710
+
711
+ .splitToolbarButton:hover > .toolbarButton,
712
+ .splitToolbarButton:focus > .toolbarButton,
713
+ .splitToolbarButton.toggled > .toolbarButton,
714
+ .toolbarButton.textButton {
715
+ background-color: hsla(0,0%,0%,.12);
716
+ background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
717
+ background-clip: padding-box;
718
+ border: 1px solid hsla(0,0%,0%,.35);
719
+ border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
720
+ box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
721
+ 0 0 1px hsla(0,0%,100%,.15) inset,
722
+ 0 1px 0 hsla(0,0%,100%,.05);
723
+ -webkit-transition-property: background-color, border-color, box-shadow;
724
+ -webkit-transition-duration: 150ms;
725
+ -webkit-transition-timing-function: ease;
726
+ transition-property: background-color, border-color, box-shadow;
727
+ transition-duration: 150ms;
728
+ transition-timing-function: ease;
729
+
730
+ }
731
+ .splitToolbarButton > .toolbarButton:hover,
732
+ .splitToolbarButton > .toolbarButton:focus,
733
+ .dropdownToolbarButton:hover,
734
+ .overlayButton:hover,
735
+ .toolbarButton.textButton:hover,
736
+ .toolbarButton.textButton:focus {
737
+ background-color: hsla(0,0%,0%,.2);
738
+ box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
739
+ 0 0 1px hsla(0,0%,100%,.15) inset,
740
+ 0 0 1px hsla(0,0%,0%,.05);
741
+ z-index: 199;
742
+ }
743
+ .splitToolbarButton > .toolbarButton {
744
+ position: relative;
745
+ }
746
+ html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,
747
+ html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
748
+ position: relative;
749
+ margin: 0;
750
+ margin-right: -1px;
751
+ border-top-left-radius: 2px;
752
+ border-bottom-left-radius: 2px;
753
+ border-right-color: transparent;
754
+ }
755
+ html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
756
+ html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
757
+ position: relative;
758
+ margin: 0;
759
+ margin-left: -1px;
760
+ border-top-right-radius: 2px;
761
+ border-bottom-right-radius: 2px;
762
+ border-left-color: transparent;
763
+ }
764
+ .splitToolbarButtonSeparator {
765
+ padding: 8px 0;
766
+ width: 1px;
767
+ background-color: hsla(0,0%,0%,.5);
768
+ z-index: 99;
769
+ box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
770
+ display: inline-block;
771
+ margin: 5px 0;
772
+ }
773
+ html[dir='ltr'] .splitToolbarButtonSeparator {
774
+ float: left;
775
+ }
776
+ html[dir='rtl'] .splitToolbarButtonSeparator {
777
+ float: right;
778
+ }
779
+ .splitToolbarButton:hover > .splitToolbarButtonSeparator,
780
+ .splitToolbarButton.toggled > .splitToolbarButtonSeparator {
781
+ padding: 12px 0;
782
+ margin: 1px 0;
783
+ box-shadow: 0 0 0 1px hsla(0,0%,100%,.03);
784
+ -webkit-transition-property: padding;
785
+ -webkit-transition-duration: 10ms;
786
+ -webkit-transition-timing-function: ease;
787
+ transition-property: padding;
788
+ transition-duration: 10ms;
789
+ transition-timing-function: ease;
790
+ }
791
+
792
+ .toolbarButton,
793
+ .dropdownToolbarButton,
794
+ .secondaryToolbarButton,
795
+ .overlayButton {
796
+ min-width: 16px;
797
+ padding: 2px 6px 0;
798
+ border: 1px solid transparent;
799
+ border-radius: 2px;
800
+ color: hsla(0,0%,100%,.8);
801
+ font-size: 12px;
802
+ line-height: 14px;
803
+ -webkit-user-select: none;
804
+ -moz-user-select: none;
805
+ -ms-user-select: none;
806
+ /* Opera does not support user-select, use <... unselectable="on"> instead */
807
+ cursor: default;
808
+ -webkit-transition-property: background-color, border-color, box-shadow;
809
+ -webkit-transition-duration: 150ms;
810
+ -webkit-transition-timing-function: ease;
811
+ transition-property: background-color, border-color, box-shadow;
812
+ transition-duration: 150ms;
813
+ transition-timing-function: ease;
814
+ }
815
+
816
+ html[dir='ltr'] .toolbarButton,
817
+ html[dir='ltr'] .overlayButton,
818
+ html[dir='ltr'] .dropdownToolbarButton {
819
+ margin: 3px 2px 4px 0;
820
+ }
821
+ html[dir='rtl'] .toolbarButton,
822
+ html[dir='rtl'] .overlayButton,
823
+ html[dir='rtl'] .dropdownToolbarButton {
824
+ margin: 3px 0 4px 2px;
825
+ }
826
+
827
+ .toolbarButton:hover,
828
+ .toolbarButton:focus,
829
+ .dropdownToolbarButton,
830
+ .overlayButton,
831
+ .secondaryToolbarButton:hover,
832
+ .secondaryToolbarButton:focus {
833
+ background-color: hsla(0,0%,0%,.12);
834
+ background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
835
+ background-clip: padding-box;
836
+ border: 1px solid hsla(0,0%,0%,.35);
837
+ border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
838
+ box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
839
+ 0 0 1px hsla(0,0%,100%,.15) inset,
840
+ 0 1px 0 hsla(0,0%,100%,.05);
841
+ }
842
+
843
+ .toolbarButton:hover:active,
844
+ .overlayButton:hover:active,
845
+ .dropdownToolbarButton:hover:active,
846
+ .secondaryToolbarButton:hover:active {
847
+ background-color: hsla(0,0%,0%,.2);
848
+ background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
849
+ border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45);
850
+ box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
851
+ 0 0 1px hsla(0,0%,0%,.2) inset,
852
+ 0 1px 0 hsla(0,0%,100%,.05);
853
+ -webkit-transition-property: background-color, border-color, box-shadow;
854
+ -webkit-transition-duration: 10ms;
855
+ -webkit-transition-timing-function: linear;
856
+ transition-property: background-color, border-color, box-shadow;
857
+ transition-duration: 10ms;
858
+ transition-timing-function: linear;
859
+ }
860
+
861
+ .toolbarButton.toggled,
862
+ .splitToolbarButton.toggled > .toolbarButton.toggled,
863
+ .secondaryToolbarButton.toggled {
864
+ background-color: hsla(0,0%,0%,.3);
865
+ background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
866
+ border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);
867
+ box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
868
+ 0 0 1px hsla(0,0%,0%,.2) inset,
869
+ 0 1px 0 hsla(0,0%,100%,.05);
870
+ -webkit-transition-property: background-color, border-color, box-shadow;
871
+ -webkit-transition-duration: 10ms;
872
+ -webkit-transition-timing-function: linear;
873
+ transition-property: background-color, border-color, box-shadow;
874
+ transition-duration: 10ms;
875
+ transition-timing-function: linear;
876
+ }
877
+
878
+ .toolbarButton.toggled:hover:active,
879
+ .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
880
+ .secondaryToolbarButton.toggled:hover:active {
881
+ background-color: hsla(0,0%,0%,.4);
882
+ border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55);
883
+ box-shadow: 0 1px 1px hsla(0,0%,0%,.2) inset,
884
+ 0 0 1px hsla(0,0%,0%,.3) inset,
885
+ 0 1px 0 hsla(0,0%,100%,.05);
886
+ }
887
+
888
+ .dropdownToolbarButton {
889
+ width: 120px;
890
+ max-width: 120px;
891
+ padding: 3px 2px 2px;
892
+ overflow: hidden;
893
+ background: url(/pdfjs/web/images/toolbarButton-menuArrows.png) no-repeat;
894
+ }
895
+ html[dir='ltr'] .dropdownToolbarButton {
896
+ background-position: 95%;
897
+ }
898
+ html[dir='rtl'] .dropdownToolbarButton {
899
+ background-position: 5%;
900
+ }
901
+
902
+ .dropdownToolbarButton > select {
903
+ -webkit-appearance: none;
904
+ -moz-appearance: none; /* in the future this might matter, see bugzilla bug #649849 */
905
+ min-width: 140px;
906
+ font-size: 12px;
907
+ color: hsl(0,0%,95%);
908
+ margin: 0;
909
+ padding: 0;
910
+ border: none;
911
+ background: rgba(0,0,0,0); /* Opera does not support 'transparent' <select> background */
912
+ }
913
+
914
+ .dropdownToolbarButton > select > option {
915
+ background: hsl(0,0%,24%);
916
+ }
917
+
918
+ #customScaleOption {
919
+ display: none;
920
+ }
921
+
922
+ #pageWidthOption {
923
+ border-bottom: 1px rgba(255, 255, 255, .5) solid;
924
+ }
925
+
926
+ html[dir='ltr'] .splitToolbarButton:first-child,
927
+ html[dir='ltr'] .toolbarButton:first-child,
928
+ html[dir='rtl'] .splitToolbarButton:last-child,
929
+ html[dir='rtl'] .toolbarButton:last-child {
930
+ margin-left: 4px;
931
+ }
932
+ html[dir='ltr'] .splitToolbarButton:last-child,
933
+ html[dir='ltr'] .toolbarButton:last-child,
934
+ html[dir='rtl'] .splitToolbarButton:first-child,
935
+ html[dir='rtl'] .toolbarButton:first-child {
936
+ margin-right: 4px;
937
+ }
938
+
939
+ .toolbarButtonSpacer {
940
+ width: 30px;
941
+ display: inline-block;
942
+ height: 1px;
943
+ }
944
+
945
+ .toolbarButtonFlexibleSpacer {
946
+ -webkit-box-flex: 1;
947
+ -moz-box-flex: 1;
948
+ min-width: 30px;
949
+ }
950
+
951
+ html[dir='ltr'] #findPrevious {
952
+ margin-left: 3px;
953
+ }
954
+ html[dir='ltr'] #findNext {
955
+ margin-right: 3px;
956
+ }
957
+
958
+ html[dir='rtl'] #findPrevious {
959
+ margin-right: 3px;
960
+ }
961
+ html[dir='rtl'] #findNext {
962
+ margin-left: 3px;
963
+ }
964
+
965
+ .toolbarButton::before,
966
+ .secondaryToolbarButton::before {
967
+ /* All matching images have a size of 16x16
968
+ * All relevant containers have a size of 32x25 */
969
+ position: absolute;
970
+ display: inline-block;
971
+ top: 4px;
972
+ left: 7px;
973
+ }
974
+
975
+ html[dir="ltr"] .secondaryToolbarButton::before {
976
+ left: 4px;
977
+ }
978
+ html[dir="rtl"] .secondaryToolbarButton::before {
979
+ right: 4px;
980
+ }
981
+
982
+ html[dir='ltr'] .toolbarButton#sidebarToggle::before {
983
+ content: url(/pdfjs/web/images/toolbarButton-sidebarToggle.png);
984
+ }
985
+ html[dir='rtl'] .toolbarButton#sidebarToggle::before {
986
+ content: url(/pdfjs/web/images/toolbarButton-sidebarToggle-rtl.png);
987
+ }
988
+
989
+ html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
990
+ content: url(/pdfjs/web/images/toolbarButton-secondaryToolbarToggle.png);
991
+ }
992
+ html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
993
+ content: url(/pdfjs/web/images/toolbarButton-secondaryToolbarToggle-rtl.png);
994
+ }
995
+
996
+ html[dir='ltr'] .toolbarButton.findPrevious::before {
997
+ content: url(/pdfjs/web/images/findbarButton-previous.png);
998
+ }
999
+ html[dir='rtl'] .toolbarButton.findPrevious::before {
1000
+ content: url(/pdfjs/web/images/findbarButton-previous-rtl.png);
1001
+ }
1002
+
1003
+ html[dir='ltr'] .toolbarButton.findNext::before {
1004
+ content: url(/pdfjs/web/images/findbarButton-next.png);
1005
+ }
1006
+ html[dir='rtl'] .toolbarButton.findNext::before {
1007
+ content: url(/pdfjs/web/images/findbarButton-next-rtl.png);
1008
+ }
1009
+
1010
+ html[dir='ltr'] .toolbarButton.pageUp::before {
1011
+ content: url(/pdfjs/web/images/toolbarButton-pageUp.png);
1012
+ }
1013
+ html[dir='rtl'] .toolbarButton.pageUp::before {
1014
+ content: url(/pdfjs/web/images/toolbarButton-pageUp-rtl.png);
1015
+ }
1016
+
1017
+ html[dir='ltr'] .toolbarButton.pageDown::before {
1018
+ content: url(/pdfjs/web/images/toolbarButton-pageDown.png);
1019
+ }
1020
+ html[dir='rtl'] .toolbarButton.pageDown::before {
1021
+ content: url(/pdfjs/web/images/toolbarButton-pageDown-rtl.png);
1022
+ }
1023
+
1024
+ .toolbarButton.zoomOut::before {
1025
+ content: url(/pdfjs/web/images/toolbarButton-zoomOut.png);
1026
+ }
1027
+
1028
+ .toolbarButton.zoomIn::before {
1029
+ content: url(/pdfjs/web/images/toolbarButton-zoomIn.png);
1030
+ }
1031
+
1032
+ .toolbarButton.presentationMode::before,
1033
+ .secondaryToolbarButton.presentationMode::before {
1034
+ content: url(/pdfjs/web/images/toolbarButton-presentationMode.png);
1035
+ }
1036
+
1037
+ .toolbarButton.print::before,
1038
+ .secondaryToolbarButton.print::before {
1039
+ content: url(/pdfjs/web/images/toolbarButton-print.png);
1040
+ }
1041
+
1042
+ .toolbarButton.openFile::before,
1043
+ .secondaryToolbarButton.openFile::before {
1044
+ content: url(/pdfjs/web/images/toolbarButton-openFile.png);
1045
+ }
1046
+
1047
+ .toolbarButton.download::before,
1048
+ .secondaryToolbarButton.download::before {
1049
+ content: url(/pdfjs/web/images/toolbarButton-download.png);
1050
+ }
1051
+
1052
+ .toolbarButton.bookmark,
1053
+ .secondaryToolbarButton.bookmark {
1054
+ -webkit-box-sizing: border-box;
1055
+ -moz-box-sizing: border-box;
1056
+ box-sizing: border-box;
1057
+ outline: none;
1058
+ padding-top: 4px;
1059
+ text-decoration: none;
1060
+ }
1061
+ .secondaryToolbarButton.bookmark {
1062
+ padding-top: 5px;
1063
+ }
1064
+
1065
+ .bookmark[href='#'] {
1066
+ opacity: .5;
1067
+ pointer-events: none;
1068
+ }
1069
+
1070
+ .toolbarButton.bookmark::before,
1071
+ .secondaryToolbarButton.bookmark::before {
1072
+ content: url(/pdfjs/web/images/toolbarButton-bookmark.png);
1073
+ }
1074
+
1075
+ #viewThumbnail.toolbarButton::before {
1076
+ content: url(/pdfjs/web/images/toolbarButton-viewThumbnail.png);
1077
+ }
1078
+
1079
+ html[dir="ltr"] #viewOutline.toolbarButton::before {
1080
+ content: url(/pdfjs/web/images/toolbarButton-viewOutline.png);
1081
+ }
1082
+ html[dir="rtl"] #viewOutline.toolbarButton::before {
1083
+ content: url(/pdfjs/web/images/toolbarButton-viewOutline-rtl.png);
1084
+ }
1085
+
1086
+ #viewAttachments.toolbarButton::before {
1087
+ content: url(/pdfjs/web/images/toolbarButton-viewAttachments.png);
1088
+ }
1089
+
1090
+ #viewFind.toolbarButton::before {
1091
+ content: url(/pdfjs/web/images/toolbarButton-search.png);
1092
+ }
1093
+
1094
+ .secondaryToolbarButton {
1095
+ position: relative;
1096
+ margin: 0 0 4px 0;
1097
+ padding: 3px 0 1px 0;
1098
+ height: auto;
1099
+ min-height: 25px;
1100
+ width: auto;
1101
+ min-width: 100%;
1102
+ white-space: normal;
1103
+ }
1104
+ html[dir="ltr"] .secondaryToolbarButton {
1105
+ padding-left: 24px;
1106
+ text-align: left;
1107
+ }
1108
+ html[dir="rtl"] .secondaryToolbarButton {
1109
+ padding-right: 24px;
1110
+ text-align: right;
1111
+ }
1112
+ html[dir="ltr"] .secondaryToolbarButton.bookmark {
1113
+ padding-left: 27px;
1114
+ }
1115
+ html[dir="rtl"] .secondaryToolbarButton.bookmark {
1116
+ padding-right: 27px;
1117
+ }
1118
+
1119
+ html[dir="ltr"] .secondaryToolbarButton > span {
1120
+ padding-right: 4px;
1121
+ }
1122
+ html[dir="rtl"] .secondaryToolbarButton > span {
1123
+ padding-left: 4px;
1124
+ }
1125
+
1126
+ .secondaryToolbarButton.firstPage::before {
1127
+ content: url(/pdfjs/web/images/secondaryToolbarButton-firstPage.png);
1128
+ }
1129
+
1130
+ .secondaryToolbarButton.lastPage::before {
1131
+ content: url(/pdfjs/web/images/secondaryToolbarButton-lastPage.png);
1132
+ }
1133
+
1134
+ .secondaryToolbarButton.rotateCcw::before {
1135
+ content: url(/pdfjs/web/images/secondaryToolbarButton-rotateCcw.png);
1136
+ }
1137
+
1138
+ .secondaryToolbarButton.rotateCw::before {
1139
+ content: url(/pdfjs/web/images/secondaryToolbarButton-rotateCw.png);
1140
+ }
1141
+
1142
+ .secondaryToolbarButton.handTool::before {
1143
+ content: url(/pdfjs/web/images/secondaryToolbarButton-handTool.png);
1144
+ }
1145
+
1146
+ .secondaryToolbarButton.documentProperties::before {
1147
+ content: url(/pdfjs/web/images/secondaryToolbarButton-documentProperties.png);
1148
+ }
1149
+
1150
+ .verticalToolbarSeparator {
1151
+ display: block;
1152
+ padding: 8px 0;
1153
+ margin: 8px 4px;
1154
+ width: 1px;
1155
+ background-color: hsla(0,0%,0%,.5);
1156
+ box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1157
+ }
1158
+ html[dir='ltr'] .verticalToolbarSeparator {
1159
+ margin-left: 2px;
1160
+ }
1161
+ html[dir='rtl'] .verticalToolbarSeparator {
1162
+ margin-right: 2px;
1163
+ }
1164
+
1165
+ .horizontalToolbarSeparator {
1166
+ display: block;
1167
+ margin: 0 0 4px 0;
1168
+ height: 1px;
1169
+ width: 100%;
1170
+ background-color: hsla(0,0%,0%,.5);
1171
+ box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1172
+ }
1173
+
1174
+ .toolbarField {
1175
+ padding: 3px 6px;
1176
+ margin: 4px 0 4px 0;
1177
+ border: 1px solid transparent;
1178
+ border-radius: 2px;
1179
+ background-color: hsla(0,0%,100%,.09);
1180
+ background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1181
+ background-clip: padding-box;
1182
+ border: 1px solid hsla(0,0%,0%,.35);
1183
+ border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1184
+ box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset,
1185
+ 0 1px 0 hsla(0,0%,100%,.05);
1186
+ color: hsl(0,0%,95%);
1187
+ font-size: 12px;
1188
+ line-height: 14px;
1189
+ outline-style: none;
1190
+ transition-property: background-color, border-color, box-shadow;
1191
+ transition-duration: 150ms;
1192
+ transition-timing-function: ease;
1193
+ }
1194
+
1195
+ .toolbarField[type=checkbox] {
1196
+ display: inline-block;
1197
+ margin: 8px 0px;
1198
+ }
1199
+
1200
+ .toolbarField.pageNumber {
1201
+ -moz-appearance: textfield; /* hides the spinner in moz */
1202
+ min-width: 16px;
1203
+ text-align: right;
1204
+ width: 40px;
1205
+ }
1206
+
1207
+ .toolbarField.pageNumber.visiblePageIsLoading {
1208
+ background-image: url(/pdfjs/web/images/loading-small.png);
1209
+ background-repeat: no-repeat;
1210
+ background-position: 1px;
1211
+ }
1212
+
1213
+ .toolbarField.pageNumber::-webkit-inner-spin-button,
1214
+ .toolbarField.pageNumber::-webkit-outer-spin-button {
1215
+ -webkit-appearance: none;
1216
+ margin: 0;
1217
+ }
1218
+
1219
+ .toolbarField:hover {
1220
+ background-color: hsla(0,0%,100%,.11);
1221
+ border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45);
1222
+ }
1223
+
1224
+ .toolbarField:focus {
1225
+ background-color: hsla(0,0%,100%,.15);
1226
+ border-color: hsla(204,100%,65%,.8) hsla(204,100%,65%,.85) hsla(204,100%,65%,.9);
1227
+ }
1228
+
1229
+ .toolbarLabel {
1230
+ min-width: 16px;
1231
+ padding: 3px 6px 3px 2px;
1232
+ margin: 4px 2px 4px 0;
1233
+ border: 1px solid transparent;
1234
+ border-radius: 2px;
1235
+ color: hsl(0,0%,85%);
1236
+ font-size: 12px;
1237
+ line-height: 14px;
1238
+ text-align: left;
1239
+ -webkit-user-select: none;
1240
+ -moz-user-select: none;
1241
+ cursor: default;
1242
+ }
1243
+
1244
+ #thumbnailView {
1245
+ position: absolute;
1246
+ width: 120px;
1247
+ top: 0;
1248
+ bottom: 0;
1249
+ padding: 10px 40px 0;
1250
+ overflow: auto;
1251
+ -webkit-overflow-scrolling: touch;
1252
+ }
1253
+
1254
+ .thumbnail {
1255
+ float: left;
1256
+ margin-bottom: 5px;
1257
+ }
1258
+
1259
+ #thumbnailView > a:last-of-type > .thumbnail {
1260
+ margin-bottom: 10px;
1261
+ }
1262
+
1263
+ .thumbnail:not([data-loaded]) {
1264
+ border: 1px dashed rgba(255, 255, 255, 0.5);
1265
+ margin-bottom: 10px;
1266
+ }
1267
+
1268
+ .thumbnailImage {
1269
+ transition-duration: 150ms;
1270
+ border: 1px solid transparent;
1271
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
1272
+ opacity: 0.8;
1273
+ z-index: 99;
1274
+ }
1275
+
1276
+ .thumbnailSelectionRing {
1277
+ border-radius: 2px;
1278
+ padding: 7px;
1279
+ transition-duration: 150ms;
1280
+ }
1281
+
1282
+ a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
1283
+ .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
1284
+ opacity: .9;
1285
+ }
1286
+
1287
+ a:focus > .thumbnail > .thumbnailSelectionRing,
1288
+ .thumbnail:hover > .thumbnailSelectionRing {
1289
+ background-color: hsla(0,0%,100%,.15);
1290
+ background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1291
+ background-clip: padding-box;
1292
+ box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1293
+ 0 0 1px hsla(0,0%,100%,.2) inset,
1294
+ 0 0 1px hsla(0,0%,0%,.2);
1295
+ color: hsla(0,0%,100%,.9);
1296
+ }
1297
+
1298
+ .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
1299
+ box-shadow: 0 0 0 1px hsla(0,0%,0%,.5);
1300
+ opacity: 1;
1301
+ }
1302
+
1303
+ .thumbnail.selected > .thumbnailSelectionRing {
1304
+ background-color: hsla(0,0%,100%,.3);
1305
+ background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1306
+ background-clip: padding-box;
1307
+ box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1308
+ 0 0 1px hsla(0,0%,100%,.1) inset,
1309
+ 0 0 1px hsla(0,0%,0%,.2);
1310
+ color: hsla(0,0%,100%,1);
1311
+ }
1312
+
1313
+ #outlineView,
1314
+ #attachmentsView {
1315
+ position: absolute;
1316
+ width: 192px;
1317
+ top: 0;
1318
+ bottom: 0;
1319
+ overflow: auto;
1320
+ -webkit-overflow-scrolling: touch;
1321
+ -webkit-user-select: none;
1322
+ -moz-user-select: none;
1323
+ }
1324
+
1325
+ #outlineView {
1326
+ padding: 4px 4px 0;
1327
+ }
1328
+ #attachmentsView {
1329
+ padding: 3px 4px 0;
1330
+ }
1331
+
1332
+ html[dir='ltr'] .outlineItem > .outlineItems {
1333
+ margin-left: 20px;
1334
+ }
1335
+
1336
+ html[dir='rtl'] .outlineItem > .outlineItems {
1337
+ margin-right: 20px;
1338
+ }
1339
+
1340
+ .outlineItem > a,
1341
+ .attachmentsItem > button {
1342
+ text-decoration: none;
1343
+ display: inline-block;
1344
+ min-width: 95%;
1345
+ height: auto;
1346
+ margin-bottom: 1px;
1347
+ border-radius: 2px;
1348
+ color: hsla(0,0%,100%,.8);
1349
+ font-size: 13px;
1350
+ line-height: 15px;
1351
+ -moz-user-select: none;
1352
+ white-space: normal;
1353
+ }
1354
+
1355
+ .attachmentsItem > button {
1356
+ border: 0 none;
1357
+ background: none;
1358
+ cursor: pointer;
1359
+ width: 100%;
1360
+ }
1361
+
1362
+ html[dir='ltr'] .outlineItem > a {
1363
+ padding: 2px 0 5px 10px;
1364
+ }
1365
+ html[dir='ltr'] .attachmentsItem > button {
1366
+ padding: 2px 0 3px 7px;
1367
+ text-align: left;
1368
+ }
1369
+
1370
+ html[dir='rtl'] .outlineItem > a {
1371
+ padding: 2px 10px 5px 0;
1372
+ }
1373
+ html[dir='rtl'] .attachmentsItem > button {
1374
+ padding: 2px 7px 3px 0;
1375
+ text-align: right;
1376
+ }
1377
+
1378
+ .outlineItem > a:hover,
1379
+ .attachmentsItem > button:hover {
1380
+ background-color: hsla(0,0%,100%,.02);
1381
+ background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1382
+ background-clip: padding-box;
1383
+ box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1384
+ 0 0 1px hsla(0,0%,100%,.2) inset,
1385
+ 0 0 1px hsla(0,0%,0%,.2);
1386
+ color: hsla(0,0%,100%,.9);
1387
+ }
1388
+
1389
+ .outlineItem.selected {
1390
+ background-color: hsla(0,0%,100%,.08);
1391
+ background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1392
+ background-clip: padding-box;
1393
+ box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1394
+ 0 0 1px hsla(0,0%,100%,.1) inset,
1395
+ 0 0 1px hsla(0,0%,0%,.2);
1396
+ color: hsla(0,0%,100%,1);
1397
+ }
1398
+
1399
+ .noResults {
1400
+ font-size: 12px;
1401
+ color: hsla(0,0%,100%,.8);
1402
+ font-style: italic;
1403
+ cursor: default;
1404
+ }
1405
+
1406
+
1407
+ /* TODO: file FF bug to support ::-moz-selection:window-inactive
1408
+ so we can override the opaque grey background when the window is inactive;
1409
+ see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
1410
+ ::selection { background: rgba(0,0,255,0.3); }
1411
+ ::-moz-selection { background: rgba(0,0,255,0.3); }
1412
+
1413
+ .textLayer ::selection { background: rgb(0,0,255); }
1414
+ .textLayer ::-moz-selection { background: rgb(0,0,255); }
1415
+ .textLayer {
1416
+ opacity: 0.2;
1417
+ }
1418
+
1419
+ #errorWrapper {
1420
+ background: none repeat scroll 0 0 #FF5555;
1421
+ color: white;
1422
+ left: 0;
1423
+ position: absolute;
1424
+ right: 0;
1425
+ z-index: 1000;
1426
+ padding: 3px;
1427
+ font-size: 0.8em;
1428
+ }
1429
+ .loadingInProgress #errorWrapper {
1430
+ top: 37px;
1431
+ }
1432
+
1433
+ #errorMessageLeft {
1434
+ float: left;
1435
+ }
1436
+
1437
+ #errorMessageRight {
1438
+ float: right;
1439
+ }
1440
+
1441
+ #errorMoreInfo {
1442
+ background-color: #FFFFFF;
1443
+ color: black;
1444
+ padding: 3px;
1445
+ margin: 3px;
1446
+ width: 98%;
1447
+ }
1448
+
1449
+ .overlayButton {
1450
+ width: auto;
1451
+ margin: 3px 4px 2px 4px !important;
1452
+ padding: 2px 6px 3px 6px;
1453
+ }
1454
+
1455
+ #overlayContainer {
1456
+ display: table;
1457
+ position: absolute;
1458
+ width: 100%;
1459
+ height: 100%;
1460
+ background-color: hsla(0,0%,0%,.2);
1461
+ z-index: 40000;
1462
+ }
1463
+ #overlayContainer > * {
1464
+ overflow: auto;
1465
+ -webkit-overflow-scrolling: touch;
1466
+ }
1467
+
1468
+ #overlayContainer > .container {
1469
+ display: table-cell;
1470
+ vertical-align: middle;
1471
+ text-align: center;
1472
+ }
1473
+
1474
+ #overlayContainer > .container > .dialog {
1475
+ display: inline-block;
1476
+ padding: 15px;
1477
+ border-spacing: 4px;
1478
+ color: hsl(0,0%,85%);
1479
+ font-size: 12px;
1480
+ line-height: 14px;
1481
+ background-color: #474747; /* fallback */
1482
+ background-image: url(/pdfjs/web/images/texture.png),
1483
+ linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
1484
+ box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
1485
+ inset 0 1px 1px hsla(0,0%,0%,.15),
1486
+ inset 0 -1px 0 hsla(0,0%,100%,.05),
1487
+ 0 1px 0 hsla(0,0%,0%,.15),
1488
+ 0 1px 1px hsla(0,0%,0%,.1);
1489
+ border: 1px solid hsla(0,0%,0%,.5);
1490
+ border-radius: 4px;
1491
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
1492
+ }
1493
+
1494
+ .dialog > .row {
1495
+ display: table-row;
1496
+ }
1497
+
1498
+ .dialog > .row > * {
1499
+ display: table-cell;
1500
+ }
1501
+
1502
+ .dialog .toolbarField {
1503
+ margin: 5px 0;
1504
+ }
1505
+ .dialog .toolbarField:hover,
1506
+ .dialog .toolbarField:focus {
1507
+ border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1508
+ }
1509
+
1510
+ .dialog .separator {
1511
+ display: block;
1512
+ margin: 4px 0 4px 0;
1513
+ height: 1px;
1514
+ width: 100%;
1515
+ background-color: hsla(0,0%,0%,.5);
1516
+ box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1517
+ }
1518
+
1519
+ .dialog .buttonRow {
1520
+ text-align: center;
1521
+ vertical-align: middle;
1522
+ }
1523
+
1524
+ #passwordOverlay > .dialog {
1525
+ text-align: center;
1526
+ }
1527
+ #passwordOverlay .toolbarField {
1528
+ width: 200px;
1529
+ }
1530
+
1531
+ #documentPropertiesOverlay > .dialog {
1532
+ text-align: left;
1533
+ }
1534
+ #documentPropertiesOverlay .row > * {
1535
+ min-width: 100px;
1536
+ }
1537
+ html[dir='ltr'] #documentPropertiesOverlay .row > * {
1538
+ text-align: left;
1539
+ }
1540
+ html[dir='rtl'] #documentPropertiesOverlay .row > * {
1541
+ text-align: right;
1542
+ }
1543
+ #documentPropertiesOverlay .row > span {
1544
+ width: 125px;
1545
+ word-wrap: break-word;
1546
+ }
1547
+ #documentPropertiesOverlay .row > p {
1548
+ max-width: 225px;
1549
+ word-wrap: break-word;
1550
+ }
1551
+ #documentPropertiesOverlay .buttonRow {
1552
+ margin-top: 10px;
1553
+ }
1554
+
1555
+ .clearBoth {
1556
+ clear: both;
1557
+ }
1558
+
1559
+ .fileInput {
1560
+ background: white;
1561
+ color: black;
1562
+ margin-top: 5px;
1563
+ visibility: hidden;
1564
+ position: fixed;
1565
+ right: 0;
1566
+ top: 0;
1567
+ }
1568
+
1569
+ #PDFBug {
1570
+ background: none repeat scroll 0 0 white;
1571
+ border: 1px solid #666666;
1572
+ position: fixed;
1573
+ top: 32px;
1574
+ right: 0;
1575
+ bottom: 0;
1576
+ font-size: 10px;
1577
+ padding: 0;
1578
+ width: 300px;
1579
+ }
1580
+ #PDFBug .controls {
1581
+ background:#EEEEEE;
1582
+ border-bottom: 1px solid #666666;
1583
+ padding: 3px;
1584
+ }
1585
+ #PDFBug .panels {
1586
+ bottom: 0;
1587
+ left: 0;
1588
+ overflow: auto;
1589
+ -webkit-overflow-scrolling: touch;
1590
+ position: absolute;
1591
+ right: 0;
1592
+ top: 27px;
1593
+ }
1594
+ #PDFBug button.active {
1595
+ font-weight: bold;
1596
+ }
1597
+ .debuggerShowText {
1598
+ background: none repeat scroll 0 0 yellow;
1599
+ color: blue;
1600
+ }
1601
+ .debuggerHideText:hover {
1602
+ background: none repeat scroll 0 0 yellow;
1603
+ }
1604
+ #PDFBug .stats {
1605
+ font-family: courier;
1606
+ font-size: 10px;
1607
+ white-space: pre;
1608
+ }
1609
+ #PDFBug .stats .title {
1610
+ font-weight: bold;
1611
+ }
1612
+ #PDFBug table {
1613
+ font-size: 10px;
1614
+ }
1615
+
1616
+ #viewer.textLayer-visible .textLayer > div,
1617
+ #viewer.textLayer-hover .textLayer > div:hover {
1618
+ background-color: white;
1619
+ color: black;
1620
+ }
1621
+
1622
+ #viewer.textLayer-shadow .textLayer > div {
1623
+ background-color: rgba(255,255,255, .6);
1624
+ color: black;
1625
+ }
1626
+
1627
+ .grab-to-pan-grab {
1628
+ cursor: url("images/grab.cur"), move !important;
1629
+ cursor: -webkit-grab !important;
1630
+ cursor: -moz-grab !important;
1631
+ cursor: grab !important;
1632
+ }
1633
+ .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
1634
+ cursor: inherit !important;
1635
+ }
1636
+ .grab-to-pan-grab:active,
1637
+ .grab-to-pan-grabbing {
1638
+ cursor: url("images/grabbing.cur"), move !important;
1639
+ cursor: -webkit-grabbing !important;
1640
+ cursor: -moz-grabbing !important;
1641
+ cursor: grabbing !important;
1642
+
1643
+ position: fixed;
1644
+ background: transparent;
1645
+ display: block;
1646
+ top: 0;
1647
+ left: 0;
1648
+ right: 0;
1649
+ bottom: 0;
1650
+ overflow: hidden;
1651
+ z-index: 50000; /* should be higher than anything else in PDF.js! */
1652
+ }
1653
+
1654
+ @page {
1655
+ margin: 0;
1656
+ }
1657
+
1658
+ #printContainer {
1659
+ display: none;
1660
+ }
1661
+
1662
+ @media screen and (min-resolution: 2dppx) {
1663
+ /* Rules for Retina screens */
1664
+ .toolbarButton::before {
1665
+ -webkit-transform: scale(0.5);
1666
+ transform: scale(0.5);
1667
+ top: -5px;
1668
+ }
1669
+
1670
+ .secondaryToolbarButton::before {
1671
+ -webkit-transform: scale(0.5);
1672
+ transform: scale(0.5);
1673
+ top: -4px;
1674
+ }
1675
+
1676
+ html[dir='ltr'] .toolbarButton::before,
1677
+ html[dir='rtl'] .toolbarButton::before {
1678
+ left: -1px;
1679
+ }
1680
+
1681
+ html[dir='ltr'] .secondaryToolbarButton::before {
1682
+ left: -2px;
1683
+ }
1684
+ html[dir='rtl'] .secondaryToolbarButton::before {
1685
+ left: 186px;
1686
+ }
1687
+
1688
+ .toolbarField.pageNumber.visiblePageIsLoading,
1689
+ #findInput[data-status="pending"] {
1690
+ background-image: url(/pdfjs/web/images/loading-small@2x.png);
1691
+ background-size: 16px 17px;
1692
+ }
1693
+
1694
+ .dropdownToolbarButton {
1695
+ background: url(/pdfjs/web/images/toolbarButton-menuArrows@2x.png) no-repeat;
1696
+ background-size: 7px 16px;
1697
+ }
1698
+
1699
+ html[dir='ltr'] .toolbarButton#sidebarToggle::before {
1700
+ content: url(/pdfjs/web/images/toolbarButton-sidebarToggle@2x.png);
1701
+ }
1702
+ html[dir='rtl'] .toolbarButton#sidebarToggle::before {
1703
+ content: url(/pdfjs/web/images/toolbarButton-sidebarToggle-rtl@2x.png);
1704
+ }
1705
+
1706
+ html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
1707
+ content: url(/pdfjs/web/images/toolbarButton-secondaryToolbarToggle@2x.png);
1708
+ }
1709
+ html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
1710
+ content: url(/pdfjs/web/images/toolbarButton-secondaryToolbarToggle-rtl@2x.png);
1711
+ }
1712
+
1713
+ html[dir='ltr'] .toolbarButton.findPrevious::before {
1714
+ content: url(/pdfjs/web/images/findbarButton-previous@2x.png);
1715
+ }
1716
+ html[dir='rtl'] .toolbarButton.findPrevious::before {
1717
+ content: url(/pdfjs/web/images/findbarButton-previous-rtl@2x.png);
1718
+ }
1719
+
1720
+ html[dir='ltr'] .toolbarButton.findNext::before {
1721
+ content: url(/pdfjs/web/images/findbarButton-next@2x.png);
1722
+ }
1723
+ html[dir='rtl'] .toolbarButton.findNext::before {
1724
+ content: url(/pdfjs/web/images/findbarButton-next-rtl@2x.png);
1725
+ }
1726
+
1727
+ html[dir='ltr'] .toolbarButton.pageUp::before {
1728
+ content: url(/pdfjs/web/images/toolbarButton-pageUp@2x.png);
1729
+ }
1730
+ html[dir='rtl'] .toolbarButton.pageUp::before {
1731
+ content: url(/pdfjs/web/images/toolbarButton-pageUp-rtl@2x.png);
1732
+ }
1733
+
1734
+ html[dir='ltr'] .toolbarButton.pageDown::before {
1735
+ content: url(/pdfjs/web/images/toolbarButton-pageDown@2x.png);
1736
+ }
1737
+ html[dir='rtl'] .toolbarButton.pageDown::before {
1738
+ content: url(/pdfjs/web/images/toolbarButton-pageDown-rtl@2x.png);
1739
+ }
1740
+
1741
+ .toolbarButton.zoomIn::before {
1742
+ content: url(/pdfjs/web/images/toolbarButton-zoomIn@2x.png);
1743
+ }
1744
+
1745
+ .toolbarButton.zoomOut::before {
1746
+ content: url(/pdfjs/web/images/toolbarButton-zoomOut@2x.png);
1747
+ }
1748
+
1749
+ .toolbarButton.presentationMode::before,
1750
+ .secondaryToolbarButton.presentationMode::before {
1751
+ content: url(/pdfjs/web/images/toolbarButton-presentationMode@2x.png);
1752
+ }
1753
+
1754
+ .toolbarButton.print::before,
1755
+ .secondaryToolbarButton.print::before {
1756
+ content: url(/pdfjs/web/images/toolbarButton-print@2x.png);
1757
+ }
1758
+
1759
+ .toolbarButton.openFile::before,
1760
+ .secondaryToolbarButton.openFile::before {
1761
+ content: url(/pdfjs/web/images/toolbarButton-openFile@2x.png);
1762
+ }
1763
+
1764
+ .toolbarButton.download::before,
1765
+ .secondaryToolbarButton.download::before {
1766
+ content: url(/pdfjs/web/images/toolbarButton-download@2x.png);
1767
+ }
1768
+
1769
+ .toolbarButton.bookmark::before,
1770
+ .secondaryToolbarButton.bookmark::before {
1771
+ content: url(/pdfjs/web/images/toolbarButton-bookmark@2x.png);
1772
+ }
1773
+
1774
+ #viewThumbnail.toolbarButton::before {
1775
+ content: url(/pdfjs/web/images/toolbarButton-viewThumbnail@2x.png);
1776
+ }
1777
+
1778
+ html[dir="ltr"] #viewOutline.toolbarButton::before {
1779
+ content: url(/pdfjs/web/images/toolbarButton-viewOutline@2x.png);
1780
+ }
1781
+ html[dir="rtl"] #viewOutline.toolbarButton::before {
1782
+ content: url(/pdfjs/web/images/toolbarButton-viewOutline-rtl@2x.png);
1783
+ }
1784
+
1785
+ #viewAttachments.toolbarButton::before {
1786
+ content: url(/pdfjs/web/images/toolbarButton-viewAttachments@2x.png);
1787
+ }
1788
+
1789
+ #viewFind.toolbarButton::before {
1790
+ content: url(/pdfjs/web/images/toolbarButton-search@2x.png);
1791
+ }
1792
+
1793
+ .secondaryToolbarButton.firstPage::before {
1794
+ content: url(/pdfjs/web/images/secondaryToolbarButton-firstPage@2x.png);
1795
+ }
1796
+
1797
+ .secondaryToolbarButton.lastPage::before {
1798
+ content: url(/pdfjs/web/images/secondaryToolbarButton-lastPage@2x.png);
1799
+ }
1800
+
1801
+ .secondaryToolbarButton.rotateCcw::before {
1802
+ content: url(/pdfjs/web/images/secondaryToolbarButton-rotateCcw@2x.png);
1803
+ }
1804
+
1805
+ .secondaryToolbarButton.rotateCw::before {
1806
+ content: url(/pdfjs/web/images/secondaryToolbarButton-rotateCw@2x.png);
1807
+ }
1808
+
1809
+ .secondaryToolbarButton.handTool::before {
1810
+ content: url(/pdfjs/web/images/secondaryToolbarButton-handTool@2x.png);
1811
+ }
1812
+
1813
+ .secondaryToolbarButton.documentProperties::before {
1814
+ content: url(/pdfjs/web/images/secondaryToolbarButton-documentProperties@2x.png);
1815
+ }
1816
+ }
1817
+
1818
+ @media print {
1819
+ /* General rules for printing. */
1820
+ body {
1821
+ background: transparent none;
1822
+ }
1823
+
1824
+ /* Rules for browsers that don't support mozPrintCallback. */
1825
+ #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer {
1826
+ display: none;
1827
+ }
1828
+ #viewerContainer {
1829
+ overflow: visible;
1830
+ }
1831
+
1832
+ #mainContainer, #viewerContainer, .page, .page canvas {
1833
+ position: static;
1834
+ padding: 0;
1835
+ margin: 0;
1836
+ }
1837
+
1838
+ .page {
1839
+ float: left;
1840
+ display: none;
1841
+ border: none;
1842
+ box-shadow: none;
1843
+ background-clip: content-box;
1844
+ background-color: white;
1845
+ }
1846
+
1847
+ .page[data-loaded] {
1848
+ display: block;
1849
+ }
1850
+
1851
+ .fileInput {
1852
+ display: none;
1853
+ }
1854
+
1855
+ /* Rules for browsers that support mozPrintCallback */
1856
+ body[data-mozPrintCallback] #outerContainer {
1857
+ display: none;
1858
+ }
1859
+ body[data-mozPrintCallback] #printContainer {
1860
+ display: block;
1861
+ }
1862
+ #printContainer canvas {
1863
+ position: relative;
1864
+ top: 0;
1865
+ left: 0;
1866
+ display: block;
1867
+ }
1868
+ }
1869
+
1870
+ .visibleLargeView,
1871
+ .visibleMediumView,
1872
+ .visibleSmallView {
1873
+ display: none;
1874
+ }
1875
+
1876
+ @media all and (max-width: 960px) {
1877
+ html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
1878
+ html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
1879
+ float: left;
1880
+ left: 205px;
1881
+ }
1882
+ html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
1883
+ html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
1884
+ float: right;
1885
+ right: 205px;
1886
+ }
1887
+ }
1888
+
1889
+ @media all and (max-width: 900px) {
1890
+ .sidebarOpen .hiddenLargeView {
1891
+ display: none;
1892
+ }
1893
+ .sidebarOpen .visibleLargeView {
1894
+ display: inherit;
1895
+ }
1896
+ }
1897
+
1898
+ @media all and (max-width: 860px) {
1899
+ .sidebarOpen .hiddenMediumView {
1900
+ display: none;
1901
+ }
1902
+ .sidebarOpen .visibleMediumView {
1903
+ display: inherit;
1904
+ }
1905
+ }
1906
+
1907
+ @media all and (max-width: 770px) {
1908
+ #sidebarContainer {
1909
+ top: 32px;
1910
+ z-index: 100;
1911
+ }
1912
+ .loadingInProgress #sidebarContainer {
1913
+ top: 37px;
1914
+ }
1915
+ #sidebarContent {
1916
+ top: 32px;
1917
+ background-color: hsla(0,0%,0%,.7);
1918
+ }
1919
+
1920
+ html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
1921
+ left: 0px;
1922
+ }
1923
+ html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
1924
+ right: 0px;
1925
+ }
1926
+
1927
+ html[dir='ltr'] .outerCenter {
1928
+ float: left;
1929
+ left: 205px;
1930
+ }
1931
+ html[dir='rtl'] .outerCenter {
1932
+ float: right;
1933
+ right: 205px;
1934
+ }
1935
+
1936
+ #outerContainer .hiddenLargeView,
1937
+ #outerContainer .hiddenMediumView {
1938
+ display: inherit;
1939
+ }
1940
+ #outerContainer .visibleLargeView,
1941
+ #outerContainer .visibleMediumView {
1942
+ display: none;
1943
+ }
1944
+ }
1945
+
1946
+ @media all and (max-width: 700px) {
1947
+ #outerContainer .hiddenLargeView {
1948
+ display: none;
1949
+ }
1950
+ #outerContainer .visibleLargeView {
1951
+ display: inherit;
1952
+ }
1953
+ }
1954
+
1955
+ @media all and (max-width: 660px) {
1956
+ #outerContainer .hiddenMediumView {
1957
+ display: none;
1958
+ }
1959
+ #outerContainer .visibleMediumView {
1960
+ display: inherit;
1961
+ }
1962
+ }
1963
+
1964
+ @media all and (max-width: 600px) {
1965
+ .hiddenSmallView {
1966
+ display: none;
1967
+ }
1968
+ .visibleSmallView {
1969
+ display: inherit;
1970
+ }
1971
+ html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
1972
+ html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter,
1973
+ html[dir='ltr'] .outerCenter {
1974
+ left: 156px;
1975
+ }
1976
+ html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
1977
+ html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter,
1978
+ html[dir='rtl'] .outerCenter {
1979
+ right: 156px;
1980
+ }
1981
+ .toolbarButtonSpacer {
1982
+ width: 0;
1983
+ }
1984
+ }
1985
+
1986
+ @media all and (max-width: 510px) {
1987
+ #scaleSelectContainer, #pageNumberLabel {
1988
+ display: none;
1989
+ }
1990
+ }