PhpIrbis

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
  opacity: 0.2;
24
  line-height: 1.0;
25
}
26

27
.textLayer > span {
28
  color: transparent;
29
  position: absolute;
30
  white-space: pre;
31
  cursor: text;
32
  -webkit-transform-origin: 0% 0%;
33
          transform-origin: 0% 0%;
34
}
35

36
.textLayer .highlight {
37
  margin: -1px;
38
  padding: 1px;
39

40
  background-color: rgb(180, 0, 170);
41
  border-radius: 4px;
42
}
43

44
.textLayer .highlight.begin {
45
  border-radius: 4px 0px 0px 4px;
46
}
47

48
.textLayer .highlight.end {
49
  border-radius: 0px 4px 4px 0px;
50
}
51

52
.textLayer .highlight.middle {
53
  border-radius: 0px;
54
}
55

56
.textLayer .highlight.selected {
57
  background-color: rgb(0, 100, 0);
58
}
59

60
.textLayer ::-moz-selection { background: rgb(0,0,255); }
61

62
.textLayer ::selection { background: rgb(0,0,255); }
63

64
.textLayer .endOfContent {
65
  display: block;
66
  position: absolute;
67
  left: 0px;
68
  top: 100%;
69
  right: 0px;
70
  bottom: 0px;
71
  z-index: -1;
72
  cursor: default;
73
  -webkit-user-select: none;
74
     -moz-user-select: none;
75
      -ms-user-select: none;
76
          user-select: none;
77
}
78

79
.textLayer .endOfContent.active {
80
  top: 0px;
81
}
82

83

84
.annotationLayer section {
85
  position: absolute;
86
}
87

88
.annotationLayer .linkAnnotation > a,
89
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
90
  position: absolute;
91
  font-size: 1em;
92
  top: 0;
93
  left: 0;
94
  width: 100%;
95
  height: 100%;
96
}
97

98
.annotationLayer .linkAnnotation > a:hover,
99
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
100
  opacity: 0.2;
101
  background: #ff0;
102
  box-shadow: 0px 2px 10px #ff0;
103
}
104

105
.annotationLayer .textAnnotation img {
106
  position: absolute;
107
  cursor: pointer;
108
}
109

110
.annotationLayer .textWidgetAnnotation input,
111
.annotationLayer .textWidgetAnnotation textarea,
112
.annotationLayer .choiceWidgetAnnotation select,
113
.annotationLayer .buttonWidgetAnnotation.checkBox input,
114
.annotationLayer .buttonWidgetAnnotation.radioButton input {
115
  background-color: rgba(0, 54, 255, 0.13);
116
  border: 1px solid transparent;
117
  box-sizing: border-box;
118
  font-size: 9px;
119
  height: 100%;
120
  margin: 0;
121
  padding: 0 3px;
122
  vertical-align: top;
123
  width: 100%;
124
}
125

126
.annotationLayer .choiceWidgetAnnotation select option {
127
  padding: 0;
128
}
129

130
.annotationLayer .buttonWidgetAnnotation.radioButton input {
131
  border-radius: 50%;
132
}
133

134
.annotationLayer .textWidgetAnnotation textarea {
135
  font: message-box;
136
  font-size: 9px;
137
  resize: none;
138
}
139

140
.annotationLayer .textWidgetAnnotation input[disabled],
141
.annotationLayer .textWidgetAnnotation textarea[disabled],
142
.annotationLayer .choiceWidgetAnnotation select[disabled],
143
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
144
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
145
  background: none;
146
  border: 1px solid transparent;
147
  cursor: not-allowed;
148
}
149

150
.annotationLayer .textWidgetAnnotation input:hover,
151
.annotationLayer .textWidgetAnnotation textarea:hover,
152
.annotationLayer .choiceWidgetAnnotation select:hover,
153
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
154
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
155
  border: 1px solid #000;
156
}
157

158
.annotationLayer .textWidgetAnnotation input:focus,
159
.annotationLayer .textWidgetAnnotation textarea:focus,
160
.annotationLayer .choiceWidgetAnnotation select:focus {
161
  background: none;
162
  border: 1px solid transparent;
163
}
164

165
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
166
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
167
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
168
  background-color: #000;
169
  content: '';
170
  display: block;
171
  position: absolute;
172
}
173

174
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
175
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
176
  height: 80%;
177
  left: 45%;
178
  width: 1px;
179
}
180

181
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
182
  -webkit-transform: rotate(45deg);
183
          transform: rotate(45deg);
184
}
185

186
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
187
  -webkit-transform: rotate(-45deg);
188
          transform: rotate(-45deg);
189
}
190

191
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
192
  border-radius: 50%;
193
  height: 50%;
194
  left: 30%;
195
  top: 20%;
196
  width: 50%;
197
}
198

199
.annotationLayer .textWidgetAnnotation input.comb {
200
  font-family: monospace;
201
  padding-left: 2px;
202
  padding-right: 0;
203
}
204

205
.annotationLayer .textWidgetAnnotation input.comb:focus {
206
  /*
207
   * Letter spacing is placed on the right side of each character. Hence, the
208
   * letter spacing of the last character may be placed outside the visible
209
   * area, causing horizontal scrolling. We avoid this by extending the width
210
   * when the element has focus and revert this when it loses focus.
211
   */
212
  width: 115%;
213
}
214

215
.annotationLayer .buttonWidgetAnnotation.checkBox input,
216
.annotationLayer .buttonWidgetAnnotation.radioButton input {
217
  -webkit-appearance: none;
218
     -moz-appearance: none;
219
          appearance: none;
220
  padding: 0;
221
}
222

223
.annotationLayer .popupWrapper {
224
  position: absolute;
225
  width: 20em;
226
}
227

228
.annotationLayer .popup {
229
  position: absolute;
230
  z-index: 200;
231
  max-width: 20em;
232
  background-color: #FFFF99;
233
  box-shadow: 0px 2px 5px #888;
234
  border-radius: 2px;
235
  padding: 6px;
236
  margin-left: 5px;
237
  cursor: pointer;
238
  font: message-box;
239
  font-size: 9px;
240
  word-wrap: break-word;
241
}
242

243
.annotationLayer .popup > * {
244
  font-size: 9px;
245
}
246

247
.annotationLayer .popup h1 {
248
  display: inline-block;
249
}
250

251
.annotationLayer .popup span {
252
  display: inline-block;
253
  margin-left: 5px;
254
}
255

256
.annotationLayer .popup p {
257
  border-top: 1px solid #333;
258
  margin-top: 2px;
259
  padding-top: 2px;
260
}
261

262
.annotationLayer .highlightAnnotation,
263
.annotationLayer .underlineAnnotation,
264
.annotationLayer .squigglyAnnotation,
265
.annotationLayer .strikeoutAnnotation,
266
.annotationLayer .freeTextAnnotation,
267
.annotationLayer .lineAnnotation svg line,
268
.annotationLayer .squareAnnotation svg rect,
269
.annotationLayer .circleAnnotation svg ellipse,
270
.annotationLayer .polylineAnnotation svg polyline,
271
.annotationLayer .polygonAnnotation svg polygon,
272
.annotationLayer .caretAnnotation,
273
.annotationLayer .inkAnnotation svg polyline,
274
.annotationLayer .stampAnnotation,
275
.annotationLayer .fileAttachmentAnnotation {
276
  cursor: pointer;
277
}
278

279
.pdfViewer .canvasWrapper {
280
  overflow: hidden;
281
}
282

283
.pdfViewer .page {
284
  direction: ltr;
285
  width: 816px;
286
  height: 1056px;
287
  margin: 1px auto -8px auto;
288
  position: relative;
289
  overflow: visible;
290
  border: 9px solid transparent;
291
  background-clip: content-box;
292
  -webkit-border-image: url(images/shadow.png) 9 9 repeat;
293
       -o-border-image: url(images/shadow.png) 9 9 repeat;
294
          border-image: url(images/shadow.png) 9 9 repeat;
295
  background-color: white;
296
}
297

298
.pdfViewer.removePageBorders .page {
299
  margin: 0px auto 10px auto;
300
  border: none;
301
}
302

303
.pdfViewer.singlePageView {
304
  display: inline-block;
305
}
306

307
.pdfViewer.singlePageView .page {
308
  margin: 0;
309
  border: none;
310
}
311

312
.pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread {
313
  margin-left: 3.5px;
314
  margin-right: 3.5px;
315
  text-align: center;
316
}
317

318
.pdfViewer.scrollHorizontal, .spread {
319
  white-space: nowrap;
320
}
321

322
.pdfViewer.removePageBorders,
323
.pdfViewer.scrollHorizontal .spread,
324
.pdfViewer.scrollWrapped .spread {
325
  margin-left: 0;
326
  margin-right: 0;
327
}
328

329
.spread .page,
330
.pdfViewer.scrollHorizontal .page,
331
.pdfViewer.scrollWrapped .page,
332
.pdfViewer.scrollHorizontal .spread,
333
.pdfViewer.scrollWrapped .spread {
334
  display: inline-block;
335
  vertical-align: middle;
336
}
337

338
.spread .page,
339
.pdfViewer.scrollHorizontal .page,
340
.pdfViewer.scrollWrapped .page {
341
  margin-left: -3.5px;
342
  margin-right: -3.5px;
343
}
344

345
.pdfViewer.removePageBorders .spread .page,
346
.pdfViewer.removePageBorders.scrollHorizontal .page,
347
.pdfViewer.removePageBorders.scrollWrapped .page {
348
  margin-left: 5px;
349
  margin-right: 5px;
350
}
351

352
.pdfViewer .page canvas {
353
  margin: 0;
354
  display: block;
355
}
356

357
.pdfViewer .page canvas[hidden] {
358
  display: none;
359
}
360

361
.pdfViewer .page .loadingIcon {
362
  position: absolute;
363
  display: block;
364
  left: 0;
365
  top: 0;
366
  right: 0;
367
  bottom: 0;
368
  background: url('images/loading-icon.gif') center no-repeat;
369
}
370

371
.pdfPresentationMode .pdfViewer {
372
  margin-left: 0;
373
  margin-right: 0;
374
}
375

376
.pdfPresentationMode .pdfViewer .page,
377
.pdfPresentationMode .pdfViewer .spread {
378
  display: block;
379
}
380

381
.pdfPresentationMode .pdfViewer .page,
382
.pdfPresentationMode .pdfViewer.removePageBorders .page {
383
  margin-left: auto;
384
  margin-right: auto;
385
}
386

387
.pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
388
  margin-bottom: 100% !important;
389
}
390

391
.pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
392
  margin-bottom: 100%;
393
  border: 0;
394
}
395

396
.pdfPresentationMode:-moz-full-screen .pdfViewer .page {
397
  margin-bottom: 100%;
398
  border: 0;
399
}
400

401
.pdfPresentationMode:fullscreen .pdfViewer .page {
402
  margin-bottom: 100%;
403
  border: 0;
404
}
405

406
:root {
407
  --sidebar-width: 200px;
408
}
409

410
* {
411
  padding: 0;
412
  margin: 0;
413
}
414

415
html {
416
  height: 100%;
417
  width: 100%;
418
  /* Font size is needed to make the activity bar the correct size. */
419
  font-size: 10px;
420
}
421

422
body {
423
  height: 100%;
424
  width: 100%;
425
  background-color: #404040;
426
  background-image: url(images/texture.png);
427
}
428

429
body,
430
input,
431
button,
432
select {
433
  font: message-box;
434
  outline: none;
435
}
436

437
.hidden {
438
  display: none !important;
439
}
440
[hidden] {
441
  display: none !important;
442
}
443

444
#viewerContainer.pdfPresentationMode:-ms-fullscreen {
445
  top: 0px !important;
446
  overflow: hidden !important;
447
}
448

449
#viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
450
  background-color: #000;
451
}
452

453
#viewerContainer.pdfPresentationMode:-webkit-full-screen {
454
  top: 0px;
455
  border-top: 2px solid transparent;
456
  background-color: #000;
457
  width: 100%;
458
  height: 100%;
459
  overflow: hidden;
460
  cursor: none;
461
  -webkit-user-select: none;
462
          user-select: none;
463
}
464

465
#viewerContainer.pdfPresentationMode:-moz-full-screen {
466
  top: 0px;
467
  border-top: 2px solid transparent;
468
  background-color: #000;
469
  width: 100%;
470
  height: 100%;
471
  overflow: hidden;
472
  cursor: none;
473
  -moz-user-select: none;
474
       user-select: none;
475
}
476

477
#viewerContainer.pdfPresentationMode:-ms-fullscreen {
478
  top: 0px;
479
  border-top: 2px solid transparent;
480
  background-color: #000;
481
  width: 100%;
482
  height: 100%;
483
  overflow: hidden;
484
  cursor: none;
485
  -ms-user-select: none;
486
      user-select: none;
487
}
488

489
#viewerContainer.pdfPresentationMode:fullscreen {
490
  top: 0px;
491
  border-top: 2px solid transparent;
492
  background-color: #000;
493
  width: 100%;
494
  height: 100%;
495
  overflow: hidden;
496
  cursor: none;
497
  -webkit-user-select: none;
498
     -moz-user-select: none;
499
      -ms-user-select: none;
500
          user-select: none;
501
}
502

503
.pdfPresentationMode:-webkit-full-screen a:not(.internalLink) {
504
  display: none;
505
}
506

507
.pdfPresentationMode:-moz-full-screen a:not(.internalLink) {
508
  display: none;
509
}
510

511
.pdfPresentationMode:-ms-fullscreen a:not(.internalLink) {
512
  display: none;
513
}
514

515
.pdfPresentationMode:fullscreen a:not(.internalLink) {
516
  display: none;
517
}
518

519
.pdfPresentationMode:-webkit-full-screen .textLayer > span {
520
  cursor: none;
521
}
522

523
.pdfPresentationMode:-moz-full-screen .textLayer > span {
524
  cursor: none;
525
}
526

527
.pdfPresentationMode:-ms-fullscreen .textLayer > span {
528
  cursor: none;
529
}
530

531
.pdfPresentationMode:fullscreen .textLayer > span {
532
  cursor: none;
533
}
534

535
.pdfPresentationMode.pdfPresentationModeControls > *,
536
.pdfPresentationMode.pdfPresentationModeControls .textLayer > span {
537
  cursor: default;
538
}
539

540
#outerContainer {
541
  width: 100%;
542
  height: 100%;
543
  position: relative;
544
}
545

546
#sidebarContainer {
547
  position: absolute;
548
  top: 32px;
549
  bottom: 0;
550
  width: 200px; /* Here, and elsewhere below, keep the constant value for compatibility
551
                   with older browsers that lack support for CSS variables. */
552
  width: var(--sidebar-width);
553
  visibility: hidden;
554
  z-index: 100;
555
  border-top: 1px solid #333;
556

557
  -webkit-transition-duration: 200ms;
558

559
          transition-duration: 200ms;
560
  -webkit-transition-timing-function: ease;
561
          transition-timing-function: ease;
562
}
563
html[dir='ltr'] #sidebarContainer {
564
  -webkit-transition-property: left;
565
  transition-property: left;
566
  left: -200px;
567
  left: calc(-1 * var(--sidebar-width));
568
}
569
html[dir='rtl'] #sidebarContainer {
570
  -webkit-transition-property: right;
571
  transition-property: right;
572
  right: -200px;
573
  right: calc(-1 * var(--sidebar-width));
574
}
575

576
.loadingInProgress #sidebarContainer {
577
  top: 36px;
578
}
579

580
#outerContainer.sidebarResizing #sidebarContainer {
581
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
582
  -webkit-transition-duration: 0s;
583
          transition-duration: 0s;
584
  /* Prevent e.g. the thumbnails being selected when the sidebar is resized. */
585
  -webkit-user-select: none;
586
     -moz-user-select: none;
587
      -ms-user-select: none;
588
          user-select: none;
589
}
590

591
#outerContainer.sidebarMoving #sidebarContainer,
592
#outerContainer.sidebarOpen #sidebarContainer {
593
  visibility: visible;
594
}
595
html[dir='ltr'] #outerContainer.sidebarOpen #sidebarContainer {
596
  left: 0px;
597
}
598
html[dir='rtl'] #outerContainer.sidebarOpen #sidebarContainer {
599
  right: 0px;
600
}
601

602
#mainContainer {
603
  position: absolute;
604
  top: 0;
605
  right: 0;
606
  bottom: 0;
607
  left: 0;
608
  min-width: 320px;
609
}
610

611
#sidebarContent {
612
  top: 32px;
613
  bottom: 0;
614
  overflow: auto;
615
  -webkit-overflow-scrolling: touch;
616
  position: absolute;
617
  width: 100%;
618
  background-color: hsla(0,0%,0%,.1);
619
}
620
html[dir='ltr'] #sidebarContent {
621
  left: 0;
622
  box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
623
}
624
html[dir='rtl'] #sidebarContent {
625
  right: 0;
626
  box-shadow: inset 1px 0 0 hsla(0,0%,0%,.25);
627
}
628

629
#viewerContainer {
630
  overflow: auto;
631
  -webkit-overflow-scrolling: touch;
632
  position: absolute;
633
  top: 32px;
634
  right: 0;
635
  bottom: 0;
636
  left: 0;
637
  outline: none;
638
}
639
#viewerContainer:not(.pdfPresentationMode) {
640
  -webkit-transition-duration: 200ms;
641
          transition-duration: 200ms;
642
  -webkit-transition-timing-function: ease;
643
          transition-timing-function: ease;
644
}
645
html[dir='ltr'] #viewerContainer {
646
  box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05);
647
}
648
html[dir='rtl'] #viewerContainer {
649
  box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05);
650
}
651

652
#outerContainer.sidebarResizing #viewerContainer {
653
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
654
  -webkit-transition-duration: 0s;
655
          transition-duration: 0s;
656
}
657

658
html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
659
  -webkit-transition-property: left;
660
  transition-property: left;
661
  left: 200px;
662
  left: var(--sidebar-width);
663
}
664
html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
665
  -webkit-transition-property: right;
666
  transition-property: right;
667
  right: 200px;
668
  right: var(--sidebar-width);
669
}
670

671
.toolbar {
672
  position: relative;
673
  left: 0;
674
  right: 0;
675
  z-index: 9999;
676
  cursor: default;
677
}
678

679
#toolbarContainer {
680
  width: 100%;
681
}
682

683
#toolbarSidebar {
684
  width: 100%;
685
  height: 32px;
686
  background-color: #424242; /* fallback */
687
  background-image: url(images/texture.png),
688
                    -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,30%,.99)), to(hsla(0,0%,25%,.95)));
689
  background-image: url(images/texture.png),
690
                    linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
691
}
692
html[dir='ltr'] #toolbarSidebar {
693
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
694
              inset 0 -1px 0 hsla(0,0%,100%,.05),
695
              0 1px 0 hsla(0,0%,0%,.15),
696
              0 0 1px hsla(0,0%,0%,.1);
697
}
698
html[dir='rtl'] #toolbarSidebar {
699
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25),
700
              inset 0 1px 0 hsla(0,0%,100%,.05),
701
              0 1px 0 hsla(0,0%,0%,.15),
702
              0 0 1px hsla(0,0%,0%,.1);
703
}
704

705
#sidebarResizer {
706
  position: absolute;
707
  top: 0;
708
  bottom: 0;
709
  width: 6px;
710
  z-index: 200;
711
  cursor: ew-resize;
712
}
713
html[dir='ltr'] #sidebarResizer {
714
  right: -6px;
715
}
716
html[dir='rtl'] #sidebarResizer {
717
  left: -6px;
718
}
719

720
#toolbarContainer, .findbar, .secondaryToolbar {
721
  position: relative;
722
  height: 32px;
723
  background-color: #474747; /* fallback */
724
  background-image: url(images/texture.png),
725
                    -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,32%,.99)), to(hsla(0,0%,27%,.95)));
726
  background-image: url(images/texture.png),
727
                    linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
728
}
729
html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar {
730
  box-shadow: inset 0 1px 1px hsla(0,0%,0%,.15),
731
              inset 0 -1px 0 hsla(0,0%,100%,.05),
732
              0 1px 0 hsla(0,0%,0%,.15),
733
              0 1px 1px hsla(0,0%,0%,.1);
734
}
735
html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
736
  box-shadow: inset 0 1px 1px hsla(0,0%,0%,.15),
737
              inset 0 -1px 0 hsla(0,0%,100%,.05),
738
              0 1px 0 hsla(0,0%,0%,.15),
739
              0 1px 1px hsla(0,0%,0%,.1);
740
}
741

742
#toolbarViewer {
743
  height: 32px;
744
}
745

746
#loadingBar {
747
  position: relative;
748
  width: 100%;
749
  height: 4px;
750
  background-color: #333;
751
  border-bottom: 1px solid #333;
752
}
753

754
#loadingBar .progress {
755
  position: absolute;
756
  top: 0;
757
  left: 0;
758
  width: 0%;
759
  height: 100%;
760
  background-color: #ddd;
761
  overflow: hidden;
762
  -webkit-transition: width 200ms;
763
  transition: width 200ms;
764
}
765

766
@-webkit-keyframes progressIndeterminate {
767
  0% { left: -142px; }
768
  100% { left: 0; }
769
}
770

771
@keyframes progressIndeterminate {
772
  0% { left: -142px; }
773
  100% { left: 0; }
774
}
775

776
#loadingBar .progress.indeterminate {
777
  background-color: #999;
778
  -webkit-transition: none;
779
  transition: none;
780
}
781

782
#loadingBar .progress.indeterminate .glimmer {
783
  position: absolute;
784
  top: 0;
785
  left: 0;
786
  height: 100%;
787
  width: calc(100% + 150px);
788

789
  background: repeating-linear-gradient(135deg,
790
                                        #bbb 0, #999 5px,
791
                                        #999 45px, #ddd 55px,
792
                                        #ddd 95px, #bbb 100px);
793

794
  -webkit-animation: progressIndeterminate 950ms linear infinite;
795

796
          animation: progressIndeterminate 950ms linear infinite;
797
}
798

799
.findbar, .secondaryToolbar {
800
  top: 32px;
801
  position: absolute;
802
  z-index: 10000;
803
  height: auto;
804
  min-width: 16px;
805
  padding: 0px 6px 0px 6px;
806
  margin: 4px 2px 4px 2px;
807
  color: hsl(0,0%,85%);
808
  font-size: 12px;
809
  line-height: 14px;
810
  text-align: left;
811
  cursor: default;
812
}
813

814
.findbar {
815
  min-width: 300px;
816
}
817
.findbar > div {
818
  height: 32px;
819
}
820
.findbar.wrapContainers > div {
821
  clear: both;
822
}
823
.findbar.wrapContainers > div#findbarMessageContainer {
824
  height: auto;
825
}
826
html[dir='ltr'] .findbar {
827
  left: 68px;
828
}
829
html[dir='rtl'] .findbar {
830
  right: 68px;
831
}
832

833
.findbar label {
834
  -webkit-user-select: none;
835
     -moz-user-select: none;
836
      -ms-user-select: none;
837
          user-select: none;
838
}
839

840
#findInput {
841
  width: 200px;
842
}
843
#findInput::-webkit-input-placeholder {
844
  color: hsl(0, 0%, 75%);
845
}
846
#findInput::-moz-placeholder {
847
  font-style: italic;
848
}
849
#findInput:-ms-input-placeholder {
850
  font-style: italic;
851
}
852
#findInput::-ms-input-placeholder {
853
  font-style: italic;
854
}
855
#findInput::placeholder {
856
  font-style: italic;
857
}
858
#findInput[data-status="pending"] {
859
  background-image: url(images/loading-small.png);
860
  background-repeat: no-repeat;
861
  background-position: right;
862
}
863
html[dir='rtl'] #findInput[data-status="pending"] {
864
  background-position: left;
865
}
866

867
.secondaryToolbar {
868
  padding: 6px;
869
  height: auto;
870
  z-index: 30000;
871
}
872
html[dir='ltr'] .secondaryToolbar {
873
  right: 4px;
874
}
875
html[dir='rtl'] .secondaryToolbar {
876
  left: 4px;
877
}
878

879
#secondaryToolbarButtonContainer {
880
  max-width: 200px;
881
  max-height: 400px;
882
  overflow-y: auto;
883
  -webkit-overflow-scrolling: touch;
884
  margin-bottom: -4px;
885
}
886

887
#secondaryToolbarButtonContainer.hiddenScrollModeButtons > .scrollModeButtons,
888
#secondaryToolbarButtonContainer.hiddenSpreadModeButtons > .spreadModeButtons {
889
  display: none !important;
890
}
891

892
.doorHanger,
893
.doorHangerRight {
894
  border: 1px solid hsla(0,0%,0%,.5);
895
  border-radius: 2px;
896
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
897
}
898
.doorHanger:after, .doorHanger:before,
899
.doorHangerRight:after, .doorHangerRight:before {
900
  bottom: 100%;
901
  border: solid transparent;
902
  content: " ";
903
  height: 0;
904
  width: 0;
905
  position: absolute;
906
  pointer-events: none;
907
}
908
.doorHanger:after,
909
.doorHangerRight:after {
910
  border-bottom-color: hsla(0,0%,32%,.99);
911
  border-width: 8px;
912
}
913
.doorHanger:before,
914
.doorHangerRight:before {
915
  border-bottom-color: hsla(0,0%,0%,.5);
916
  border-width: 9px;
917
}
918

919
html[dir='ltr'] .doorHanger:after,
920
html[dir='rtl'] .doorHangerRight:after {
921
  left: 13px;
922
  margin-left: -8px;
923
}
924

925
html[dir='ltr'] .doorHanger:before,
926
html[dir='rtl'] .doorHangerRight:before {
927
  left: 13px;
928
  margin-left: -9px;
929
}
930

931
html[dir='rtl'] .doorHanger:after,
932
html[dir='ltr'] .doorHangerRight:after {
933
  right: 13px;
934
  margin-right: -8px;
935
}
936

937
html[dir='rtl'] .doorHanger:before,
938
html[dir='ltr'] .doorHangerRight:before {
939
  right: 13px;
940
  margin-right: -9px;
941
}
942

943
#findResultsCount {
944
  background-color: hsl(0, 0%, 85%);
945
  color: hsl(0, 0%, 32%);
946
  text-align: center;
947
  padding: 3px 4px;
948
}
949

950
#findMsg {
951
  font-style: italic;
952
  color: #A6B7D0;
953
}
954
#findMsg:empty {
955
  display: none;
956
}
957

958
#findInput.notFound {
959
  background-color: rgb(255, 102, 102);
960
}
961

962
#toolbarViewerMiddle {
963
  position: absolute;
964
  left: 50%;
965
  -webkit-transform: translateX(-50%);
966
          transform: translateX(-50%);
967
}
968

969
html[dir='ltr'] #toolbarViewerLeft,
970
html[dir='rtl'] #toolbarViewerRight {
971
  float: left;
972
}
973
html[dir='ltr'] #toolbarViewerRight,
974
html[dir='rtl'] #toolbarViewerLeft {
975
  float: right;
976
}
977
html[dir='ltr'] #toolbarViewerLeft > *,
978
html[dir='ltr'] #toolbarViewerMiddle > *,
979
html[dir='ltr'] #toolbarViewerRight > *,
980
html[dir='ltr'] .findbar * {
981
  position: relative;
982
  float: left;
983
}
984
html[dir='rtl'] #toolbarViewerLeft > *,
985
html[dir='rtl'] #toolbarViewerMiddle > *,
986
html[dir='rtl'] #toolbarViewerRight > *,
987
html[dir='rtl'] .findbar * {
988
  position: relative;
989
  float: right;
990
}
991

992
html[dir='ltr'] .splitToolbarButton {
993
  margin: 3px 2px 4px 0;
994
  display: inline-block;
995
}
996
html[dir='rtl'] .splitToolbarButton {
997
  margin: 3px 0 4px 2px;
998
  display: inline-block;
999
}
1000
html[dir='ltr'] .splitToolbarButton > .toolbarButton {
1001
  border-radius: 0;
1002
  float: left;
1003
}
1004
html[dir='rtl'] .splitToolbarButton > .toolbarButton {
1005
  border-radius: 0;
1006
  float: right;
1007
}
1008

1009
.toolbarButton,
1010
.secondaryToolbarButton,
1011
.overlayButton {
1012
  border: 0 none;
1013
  background: none;
1014
  width: 32px;
1015
  height: 25px;
1016
}
1017

1018
.toolbarButton > span {
1019
  display: inline-block;
1020
  width: 0;
1021
  height: 0;
1022
  overflow: hidden;
1023
}
1024

1025
.toolbarButton[disabled],
1026
.secondaryToolbarButton[disabled],
1027
.overlayButton[disabled] {
1028
  opacity: .5;
1029
}
1030

1031
.splitToolbarButton.toggled .toolbarButton {
1032
  margin: 0;
1033
}
1034

1035
.splitToolbarButton:hover > .toolbarButton,
1036
.splitToolbarButton:focus > .toolbarButton,
1037
.splitToolbarButton.toggled > .toolbarButton,
1038
.toolbarButton.textButton {
1039
  background-color: hsla(0,0%,0%,.12);
1040
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1041
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1042
  background-clip: padding-box;
1043
  border: 1px solid hsla(0,0%,0%,.35);
1044
  border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1045
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1046
              0 0 1px hsla(0,0%,100%,.15) inset,
1047
              0 1px 0 hsla(0,0%,100%,.05);
1048
  -webkit-transition-property: background-color, border-color, box-shadow;
1049
  transition-property: background-color, border-color, box-shadow;
1050
  -webkit-transition-duration: 150ms;
1051
          transition-duration: 150ms;
1052
  -webkit-transition-timing-function: ease;
1053
          transition-timing-function: ease;
1054

1055
}
1056
.splitToolbarButton > .toolbarButton:hover,
1057
.splitToolbarButton > .toolbarButton:focus,
1058
.dropdownToolbarButton:hover,
1059
.overlayButton:hover,
1060
.overlayButton:focus,
1061
.toolbarButton.textButton:hover,
1062
.toolbarButton.textButton:focus {
1063
  background-color: hsla(0,0%,0%,.2);
1064
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1065
              0 0 1px hsla(0,0%,100%,.15) inset,
1066
              0 0 1px hsla(0,0%,0%,.05);
1067
  z-index: 199;
1068
}
1069
.splitToolbarButton > .toolbarButton {
1070
  position: relative;
1071
}
1072
html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,
1073
html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
1074
  position: relative;
1075
  margin: 0;
1076
  margin-right: -1px;
1077
  border-top-left-radius: 2px;
1078
  border-bottom-left-radius: 2px;
1079
  border-right-color: transparent;
1080
}
1081
html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
1082
html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
1083
  position: relative;
1084
  margin: 0;
1085
  margin-left: -1px;
1086
  border-top-right-radius: 2px;
1087
  border-bottom-right-radius: 2px;
1088
  border-left-color: transparent;
1089
}
1090
.splitToolbarButtonSeparator {
1091
  padding: 8px 0;
1092
  width: 1px;
1093
  background-color: hsla(0,0%,0%,.5);
1094
  z-index: 99;
1095
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1096
  display: inline-block;
1097
  margin: 5px 0;
1098
}
1099
html[dir='ltr'] .splitToolbarButtonSeparator {
1100
  float: left;
1101
}
1102
html[dir='rtl'] .splitToolbarButtonSeparator {
1103
  float: right;
1104
}
1105
.splitToolbarButton:hover > .splitToolbarButtonSeparator,
1106
.splitToolbarButton.toggled > .splitToolbarButtonSeparator {
1107
  padding: 12px 0;
1108
  margin: 1px 0;
1109
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.03);
1110
  -webkit-transition-property: padding;
1111
  transition-property: padding;
1112
  -webkit-transition-duration: 10ms;
1113
          transition-duration: 10ms;
1114
  -webkit-transition-timing-function: ease;
1115
          transition-timing-function: ease;
1116
}
1117

1118
.toolbarButton,
1119
.dropdownToolbarButton,
1120
.secondaryToolbarButton,
1121
.overlayButton {
1122
  min-width: 16px;
1123
  padding: 2px 6px 0;
1124
  border: 1px solid transparent;
1125
  border-radius: 2px;
1126
  color: hsla(0,0%,100%,.8);
1127
  font-size: 12px;
1128
  line-height: 14px;
1129
  -webkit-user-select: none;
1130
     -moz-user-select: none;
1131
      -ms-user-select: none;
1132
          user-select: none;
1133
  /* Opera does not support user-select, use <... unselectable="on"> instead */
1134
  cursor: default;
1135
  -webkit-transition-property: background-color, border-color, box-shadow;
1136
  transition-property: background-color, border-color, box-shadow;
1137
  -webkit-transition-duration: 150ms;
1138
          transition-duration: 150ms;
1139
  -webkit-transition-timing-function: ease;
1140
          transition-timing-function: ease;
1141
}
1142

1143
html[dir='ltr'] .toolbarButton,
1144
html[dir='ltr'] .overlayButton,
1145
html[dir='ltr'] .dropdownToolbarButton {
1146
  margin: 3px 2px 4px 0;
1147
}
1148
html[dir='rtl'] .toolbarButton,
1149
html[dir='rtl'] .overlayButton,
1150
html[dir='rtl'] .dropdownToolbarButton {
1151
  margin: 3px 0 4px 2px;
1152
}
1153

1154
.toolbarButton:hover,
1155
.toolbarButton:focus,
1156
.dropdownToolbarButton,
1157
.overlayButton,
1158
.secondaryToolbarButton:hover,
1159
.secondaryToolbarButton:focus {
1160
  background-color: hsla(0,0%,0%,.12);
1161
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1162
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1163
  background-clip: padding-box;
1164
  border: 1px solid hsla(0,0%,0%,.35);
1165
  border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1166
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1167
              0 0 1px hsla(0,0%,100%,.15) inset,
1168
              0 1px 0 hsla(0,0%,100%,.05);
1169
}
1170

1171
.toolbarButton:hover:active,
1172
.overlayButton:hover:active,
1173
.dropdownToolbarButton:hover:active,
1174
.secondaryToolbarButton:hover:active {
1175
  background-color: hsla(0,0%,0%,.2);
1176
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1177
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1178
  border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45);
1179
  box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
1180
              0 0 1px hsla(0,0%,0%,.2) inset,
1181
              0 1px 0 hsla(0,0%,100%,.05);
1182
  -webkit-transition-property: background-color, border-color, box-shadow;
1183
  transition-property: background-color, border-color, box-shadow;
1184
  -webkit-transition-duration: 10ms;
1185
          transition-duration: 10ms;
1186
  -webkit-transition-timing-function: linear;
1187
          transition-timing-function: linear;
1188
}
1189

1190
.toolbarButton.toggled,
1191
.splitToolbarButton.toggled > .toolbarButton.toggled,
1192
.secondaryToolbarButton.toggled {
1193
  background-color: hsla(0,0%,0%,.3);
1194
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1195
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1196
  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);
1197
  box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
1198
              0 0 1px hsla(0,0%,0%,.2) inset,
1199
              0 1px 0 hsla(0,0%,100%,.05);
1200
  -webkit-transition-property: background-color, border-color, box-shadow;
1201
  transition-property: background-color, border-color, box-shadow;
1202
  -webkit-transition-duration: 10ms;
1203
          transition-duration: 10ms;
1204
  -webkit-transition-timing-function: linear;
1205
          transition-timing-function: linear;
1206
}
1207

1208
.toolbarButton.toggled:hover:active,
1209
.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
1210
.secondaryToolbarButton.toggled:hover:active {
1211
  background-color: hsla(0,0%,0%,.4);
1212
  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55);
1213
  box-shadow: 0 1px 1px hsla(0,0%,0%,.2) inset,
1214
              0 0 1px hsla(0,0%,0%,.3) inset,
1215
              0 1px 0 hsla(0,0%,100%,.05);
1216
}
1217

1218
.dropdownToolbarButton {
1219
  width: 120px;
1220
  max-width: 120px;
1221
  padding: 0;
1222
  overflow: hidden;
1223
  background: url(images/toolbarButton-menuArrows.png) no-repeat;
1224
}
1225
html[dir='ltr'] .dropdownToolbarButton {
1226
  background-position: 95%;
1227
}
1228
html[dir='rtl'] .dropdownToolbarButton {
1229
  background-position: 5%;
1230
}
1231

1232
.dropdownToolbarButton > select {
1233
  min-width: 140px;
1234
  font-size: 12px;
1235
  color: hsl(0,0%,95%);
1236
  margin: 0;
1237
  padding: 3px 2px 2px;
1238
  border: none;
1239
  background: rgba(0,0,0,0); /* Opera does not support 'transparent' <select> background */
1240
}
1241

1242
.dropdownToolbarButton > select > option {
1243
  background: hsl(0,0%,24%);
1244
}
1245

1246
#customScaleOption {
1247
  display: none;
1248
}
1249

1250
#pageWidthOption {
1251
  border-bottom: 1px rgba(255, 255, 255, .5) solid;
1252
}
1253

1254
html[dir='ltr'] .splitToolbarButton:first-child,
1255
html[dir='ltr'] .toolbarButton:first-child,
1256
html[dir='rtl'] .splitToolbarButton:last-child,
1257
html[dir='rtl'] .toolbarButton:last-child {
1258
  margin-left: 4px;
1259
}
1260
html[dir='ltr'] .splitToolbarButton:last-child,
1261
html[dir='ltr'] .toolbarButton:last-child,
1262
html[dir='rtl'] .splitToolbarButton:first-child,
1263
html[dir='rtl'] .toolbarButton:first-child {
1264
  margin-right: 4px;
1265
}
1266

1267
.toolbarButtonSpacer {
1268
  width: 30px;
1269
  display: inline-block;
1270
  height: 1px;
1271
}
1272

1273
html[dir='ltr'] #findPrevious {
1274
  margin-left: 3px;
1275
}
1276
html[dir='ltr'] #findNext {
1277
  margin-right: 3px;
1278
}
1279

1280
html[dir='rtl'] #findPrevious {
1281
  margin-right: 3px;
1282
}
1283
html[dir='rtl'] #findNext {
1284
  margin-left: 3px;
1285
}
1286

1287
.toolbarButton::before,
1288
.secondaryToolbarButton::before {
1289
  /* All matching images have a size of 16x16
1290
   * All relevant containers have a size of 32x25 */
1291
  position: absolute;
1292
  display: inline-block;
1293
  top: 4px;
1294
  left: 7px;
1295
}
1296

1297
html[dir="ltr"] .secondaryToolbarButton::before {
1298
  left: 4px;
1299
}
1300
html[dir="rtl"] .secondaryToolbarButton::before {
1301
  right: 4px;
1302
}
1303

1304
html[dir='ltr'] .toolbarButton#sidebarToggle::before {
1305
  content: url(images/toolbarButton-sidebarToggle.png);
1306
}
1307
html[dir='rtl'] .toolbarButton#sidebarToggle::before {
1308
  content: url(images/toolbarButton-sidebarToggle-rtl.png);
1309
}
1310

1311
html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
1312
  content: url(images/toolbarButton-secondaryToolbarToggle.png);
1313
}
1314
html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
1315
  content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png);
1316
}
1317

1318
html[dir='ltr'] .toolbarButton.findPrevious::before {
1319
  content: url(images/findbarButton-previous.png);
1320
}
1321
html[dir='rtl'] .toolbarButton.findPrevious::before {
1322
  content: url(images/findbarButton-previous-rtl.png);
1323
}
1324

1325
html[dir='ltr'] .toolbarButton.findNext::before {
1326
  content: url(images/findbarButton-next.png);
1327
}
1328
html[dir='rtl'] .toolbarButton.findNext::before {
1329
  content: url(images/findbarButton-next-rtl.png);
1330
}
1331

1332
html[dir='ltr'] .toolbarButton.pageUp::before {
1333
  content: url(images/toolbarButton-pageUp.png);
1334
}
1335
html[dir='rtl'] .toolbarButton.pageUp::before {
1336
  content: url(images/toolbarButton-pageUp-rtl.png);
1337
}
1338

1339
html[dir='ltr'] .toolbarButton.pageDown::before {
1340
  content: url(images/toolbarButton-pageDown.png);
1341
}
1342
html[dir='rtl'] .toolbarButton.pageDown::before {
1343
  content: url(images/toolbarButton-pageDown-rtl.png);
1344
}
1345

1346
.toolbarButton.zoomOut::before {
1347
  content: url(images/toolbarButton-zoomOut.png);
1348
}
1349

1350
.toolbarButton.zoomIn::before {
1351
  content: url(images/toolbarButton-zoomIn.png);
1352
}
1353

1354
.toolbarButton.presentationMode::before,
1355
.secondaryToolbarButton.presentationMode::before {
1356
  content: url(images/toolbarButton-presentationMode.png);
1357
}
1358

1359
.toolbarButton.print::before,
1360
.secondaryToolbarButton.print::before {
1361
  content: url(images/toolbarButton-print.png);
1362
}
1363

1364
.toolbarButton.openFile::before,
1365
.secondaryToolbarButton.openFile::before {
1366
  content: url(images/toolbarButton-openFile.png);
1367
}
1368

1369
.toolbarButton.download::before,
1370
.secondaryToolbarButton.download::before {
1371
  content: url(images/toolbarButton-download.png);
1372
}
1373

1374
.toolbarButton.bookmark,
1375
.secondaryToolbarButton.bookmark {
1376
  box-sizing: border-box;
1377
  outline: none;
1378
  padding-top: 4px;
1379
  text-decoration: none;
1380
}
1381
.secondaryToolbarButton.bookmark {
1382
  padding-top: 5px;
1383
}
1384

1385
.bookmark[href='#'] {
1386
  opacity: .5;
1387
  pointer-events: none;
1388
}
1389

1390
.toolbarButton.bookmark::before,
1391
.secondaryToolbarButton.bookmark::before {
1392
  content: url(images/toolbarButton-bookmark.png);
1393
}
1394

1395
#viewThumbnail.toolbarButton::before {
1396
  content: url(images/toolbarButton-viewThumbnail.png);
1397
}
1398

1399
html[dir="ltr"] #viewOutline.toolbarButton::before {
1400
  content: url(images/toolbarButton-viewOutline.png);
1401
}
1402
html[dir="rtl"] #viewOutline.toolbarButton::before {
1403
  content: url(images/toolbarButton-viewOutline-rtl.png);
1404
}
1405

1406
#viewAttachments.toolbarButton::before {
1407
  content: url(images/toolbarButton-viewAttachments.png);
1408
}
1409

1410
#viewFind.toolbarButton::before {
1411
  content: url(images/toolbarButton-search.png);
1412
}
1413

1414
.toolbarButton.pdfSidebarNotification::after {
1415
  position: absolute;
1416
  display: inline-block;
1417
  top: 1px;
1418
  /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */
1419
  content: '';
1420
  background-color: #70DB55;
1421
  height: 9px;
1422
  width: 9px;
1423
  border-radius: 50%;
1424
}
1425
html[dir='ltr'] .toolbarButton.pdfSidebarNotification::after {
1426
  left: 17px;
1427
}
1428
html[dir='rtl'] .toolbarButton.pdfSidebarNotification::after {
1429
  right: 17px;
1430
}
1431

1432
.secondaryToolbarButton {
1433
  position: relative;
1434
  margin: 0 0 4px 0;
1435
  padding: 3px 0 1px 0;
1436
  height: auto;
1437
  min-height: 25px;
1438
  width: auto;
1439
  min-width: 100%;
1440
  white-space: normal;
1441
}
1442
html[dir="ltr"] .secondaryToolbarButton {
1443
  padding-left: 24px;
1444
  text-align: left;
1445
}
1446
html[dir="rtl"] .secondaryToolbarButton {
1447
  padding-right: 24px;
1448
  text-align: right;
1449
}
1450
html[dir="ltr"] .secondaryToolbarButton.bookmark {
1451
  padding-left: 27px;
1452
}
1453
html[dir="rtl"] .secondaryToolbarButton.bookmark {
1454
  padding-right: 27px;
1455
}
1456

1457
html[dir="ltr"] .secondaryToolbarButton > span {
1458
  padding-right: 4px;
1459
}
1460
html[dir="rtl"] .secondaryToolbarButton > span {
1461
  padding-left: 4px;
1462
}
1463

1464
.secondaryToolbarButton.firstPage::before {
1465
  content: url(images/secondaryToolbarButton-firstPage.png);
1466
}
1467

1468
.secondaryToolbarButton.lastPage::before {
1469
  content: url(images/secondaryToolbarButton-lastPage.png);
1470
}
1471

1472
.secondaryToolbarButton.rotateCcw::before {
1473
  content: url(images/secondaryToolbarButton-rotateCcw.png);
1474
}
1475

1476
.secondaryToolbarButton.rotateCw::before {
1477
  content: url(images/secondaryToolbarButton-rotateCw.png);
1478
}
1479

1480
.secondaryToolbarButton.selectTool::before {
1481
  content: url(images/secondaryToolbarButton-selectTool.png);
1482
}
1483

1484
.secondaryToolbarButton.handTool::before {
1485
  content: url(images/secondaryToolbarButton-handTool.png);
1486
}
1487

1488
.secondaryToolbarButton.scrollVertical::before {
1489
  content: url(images/secondaryToolbarButton-scrollVertical.png);
1490
}
1491

1492
.secondaryToolbarButton.scrollHorizontal::before {
1493
  content: url(images/secondaryToolbarButton-scrollHorizontal.png);
1494
}
1495

1496
.secondaryToolbarButton.scrollWrapped::before {
1497
  content: url(images/secondaryToolbarButton-scrollWrapped.png);
1498
}
1499

1500
.secondaryToolbarButton.spreadNone::before {
1501
  content: url(images/secondaryToolbarButton-spreadNone.png);
1502
}
1503

1504
.secondaryToolbarButton.spreadOdd::before {
1505
  content: url(images/secondaryToolbarButton-spreadOdd.png);
1506
}
1507

1508
.secondaryToolbarButton.spreadEven::before {
1509
  content: url(images/secondaryToolbarButton-spreadEven.png);
1510
}
1511

1512
.secondaryToolbarButton.documentProperties::before {
1513
  content: url(images/secondaryToolbarButton-documentProperties.png);
1514
}
1515

1516
.verticalToolbarSeparator {
1517
  display: block;
1518
  padding: 8px 0;
1519
  margin: 8px 4px;
1520
  width: 1px;
1521
  background-color: hsla(0,0%,0%,.5);
1522
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1523
}
1524
html[dir='ltr'] .verticalToolbarSeparator {
1525
  margin-left: 2px;
1526
}
1527
html[dir='rtl'] .verticalToolbarSeparator {
1528
  margin-right: 2px;
1529
}
1530

1531
.horizontalToolbarSeparator {
1532
  display: block;
1533
  margin: 0 0 4px 0;
1534
  height: 1px;
1535
  width: 100%;
1536
  background-color: hsla(0,0%,0%,.5);
1537
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1538
}
1539

1540
.toolbarField {
1541
  padding: 3px 6px;
1542
  margin: 4px 0 4px 0;
1543
  border: 1px solid transparent;
1544
  border-radius: 2px;
1545
  background-color: hsla(0,0%,100%,.09);
1546
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1547
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1548
  background-clip: padding-box;
1549
  border: 1px solid hsla(0,0%,0%,.35);
1550
  border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1551
  box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset,
1552
              0 1px 0 hsla(0,0%,100%,.05);
1553
  color: hsl(0,0%,95%);
1554
  font-size: 12px;
1555
  line-height: 14px;
1556
  outline-style: none;
1557
  -webkit-transition-property: background-color, border-color, box-shadow;
1558
  transition-property: background-color, border-color, box-shadow;
1559
  -webkit-transition-duration: 150ms;
1560
          transition-duration: 150ms;
1561
  -webkit-transition-timing-function: ease;
1562
          transition-timing-function: ease;
1563
}
1564

1565
.toolbarField[type=checkbox] {
1566
  display: inline-block;
1567
  margin: 8px 0px;
1568
}
1569

1570
.toolbarField.pageNumber {
1571
  -moz-appearance: textfield; /* hides the spinner in moz */
1572
  min-width: 16px;
1573
  text-align: right;
1574
  width: 40px;
1575
}
1576

1577
.toolbarField.pageNumber.visiblePageIsLoading {
1578
  background-image: url(images/loading-small.png);
1579
  background-repeat: no-repeat;
1580
  background-position: 1px;
1581
}
1582

1583
.toolbarField.pageNumber::-webkit-inner-spin-button,
1584
.toolbarField.pageNumber::-webkit-outer-spin-button {
1585
    -webkit-appearance: none;
1586
    margin: 0;
1587
}
1588

1589
.toolbarField:hover {
1590
  background-color: hsla(0,0%,100%,.11);
1591
  border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45);
1592
}
1593

1594
.toolbarField:focus {
1595
  background-color: hsla(0,0%,100%,.15);
1596
  border-color: hsla(204,100%,65%,.8) hsla(204,100%,65%,.85) hsla(204,100%,65%,.9);
1597
}
1598

1599
.toolbarLabel {
1600
  min-width: 16px;
1601
  padding: 3px 6px 3px 2px;
1602
  margin: 4px 2px 4px 0;
1603
  border: 1px solid transparent;
1604
  border-radius: 2px;
1605
  color: hsl(0,0%,85%);
1606
  font-size: 12px;
1607
  line-height: 14px;
1608
  text-align: left;
1609
  -webkit-user-select: none;
1610
     -moz-user-select: none;
1611
      -ms-user-select: none;
1612
          user-select: none;
1613
  cursor: default;
1614
}
1615

1616
#thumbnailView {
1617
  position: absolute;
1618
  width: calc(100% - 60px);
1619
  top: 0;
1620
  bottom: 0;
1621
  padding: 10px 30px 0;
1622
  overflow: auto;
1623
  -webkit-overflow-scrolling: touch;
1624
}
1625

1626
#thumbnailView > a:active,
1627
#thumbnailView > a:focus {
1628
  outline: 0;
1629
}
1630

1631
.thumbnail {
1632
  margin: 0 10px 5px 10px;
1633
}
1634
html[dir='ltr'] .thumbnail {
1635
  float: left;
1636
}
1637
html[dir='rtl'] .thumbnail {
1638
  float: right;
1639
}
1640

1641
#thumbnailView > a:last-of-type > .thumbnail {
1642
  margin-bottom: 10px;
1643
}
1644

1645
#thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) {
1646
  margin-bottom: 9px;
1647
}
1648

1649
.thumbnail:not([data-loaded]) {
1650
  border: 1px dashed rgba(255, 255, 255, 0.5);
1651
  margin: -1px 9px 4px 9px;
1652
}
1653

1654
.thumbnailImage {
1655
  border: 1px solid transparent;
1656
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
1657
  opacity: 0.8;
1658
  z-index: 99;
1659
  background-color: white;
1660
  background-clip: content-box;
1661
}
1662

1663
.thumbnailSelectionRing {
1664
  border-radius: 2px;
1665
  padding: 7px;
1666
}
1667

1668
a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
1669
.thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
1670
  opacity: .9;
1671
}
1672

1673
a:focus > .thumbnail > .thumbnailSelectionRing,
1674
.thumbnail:hover > .thumbnailSelectionRing {
1675
  background-color: hsla(0,0%,100%,.15);
1676
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1677
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1678
  background-clip: padding-box;
1679
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1680
              0 0 1px hsla(0,0%,100%,.2) inset,
1681
              0 0 1px hsla(0,0%,0%,.2);
1682
  color: hsla(0,0%,100%,.9);
1683
}
1684

1685
.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
1686
  box-shadow: 0 0 0 1px hsla(0,0%,0%,.5);
1687
  opacity: 1;
1688
}
1689

1690
.thumbnail.selected > .thumbnailSelectionRing {
1691
  background-color: hsla(0,0%,100%,.3);
1692
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1693
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1694
  background-clip: padding-box;
1695
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1696
              0 0 1px hsla(0,0%,100%,.1) inset,
1697
              0 0 1px hsla(0,0%,0%,.2);
1698
  color: hsla(0,0%,100%,1);
1699
}
1700

1701
#outlineView,
1702
#attachmentsView {
1703
  position: absolute;
1704
  width: calc(100% - 8px);
1705
  top: 0;
1706
  bottom: 0;
1707
  overflow: auto;
1708
  -webkit-overflow-scrolling: touch;
1709
  -webkit-user-select: none;
1710
     -moz-user-select: none;
1711
      -ms-user-select: none;
1712
          user-select: none;
1713
}
1714

1715
#outlineView {
1716
  padding: 4px 4px 0;
1717
}
1718
#attachmentsView {
1719
  padding: 3px 4px 0;
1720
}
1721

1722
html[dir='ltr'] .outlineWithDeepNesting > .outlineItem,
1723
html[dir='ltr'] .outlineItem > .outlineItems {
1724
  margin-left: 20px;
1725
}
1726

1727
html[dir='rtl'] .outlineWithDeepNesting > .outlineItem,
1728
html[dir='rtl'] .outlineItem > .outlineItems {
1729
  margin-right: 20px;
1730
}
1731

1732
.outlineItem > a,
1733
.attachmentsItem > button {
1734
  text-decoration: none;
1735
  display: inline-block;
1736
  min-width: 95%;
1737
  min-width: calc(100% - 4px); /* Subtract the right padding (left, in RTL mode)
1738
                                  of the container. */
1739
  height: auto;
1740
  margin-bottom: 1px;
1741
  border-radius: 2px;
1742
  color: hsla(0,0%,100%,.8);
1743
  font-size: 13px;
1744
  line-height: 15px;
1745
  -webkit-user-select: none;
1746
     -moz-user-select: none;
1747
      -ms-user-select: none;
1748
          user-select: none;
1749
  white-space: normal;
1750
}
1751

1752
.attachmentsItem > button {
1753
  border: 0 none;
1754
  background: none;
1755
  cursor: pointer;
1756
  width: 100%;
1757
}
1758

1759
html[dir='ltr'] .outlineItem > a {
1760
  padding: 2px 0 5px 4px;
1761
}
1762
html[dir='ltr'] .attachmentsItem > button {
1763
  padding: 2px 0 3px 7px;
1764
  text-align: left;
1765
}
1766

1767
html[dir='rtl'] .outlineItem > a {
1768
  padding: 2px 4px 5px 0;
1769
}
1770
html[dir='rtl'] .attachmentsItem > button {
1771
  padding: 2px 7px 3px 0;
1772
  text-align: right;
1773
}
1774

1775
.outlineItemToggler {
1776
  position: relative;
1777
  height: 0;
1778
  width: 0;
1779
  color: hsla(0,0%,100%,.5);
1780
}
1781
.outlineItemToggler::before {
1782
  content: url(images/treeitem-expanded.png);
1783
  display: inline-block;
1784
  position: absolute;
1785
}
1786
html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
1787
  content: url(images/treeitem-collapsed.png);
1788
}
1789
html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
1790
  content: url(images/treeitem-collapsed-rtl.png);
1791
}
1792
.outlineItemToggler.outlineItemsHidden ~ .outlineItems {
1793
  display: none;
1794
}
1795
html[dir='ltr'] .outlineItemToggler {
1796
  float: left;
1797
}
1798
html[dir='rtl'] .outlineItemToggler {
1799
  float: right;
1800
}
1801
html[dir='ltr'] .outlineItemToggler::before {
1802
  right: 4px;
1803
}
1804
html[dir='rtl'] .outlineItemToggler::before {
1805
  left: 4px;
1806
}
1807

1808
.outlineItemToggler:hover,
1809
.outlineItemToggler:hover + a,
1810
.outlineItemToggler:hover ~ .outlineItems,
1811
.outlineItem > a:hover,
1812
.attachmentsItem > button:hover {
1813
  background-color: hsla(0,0%,100%,.02);
1814
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1815
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1816
  background-clip: padding-box;
1817
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1818
              0 0 1px hsla(0,0%,100%,.2) inset,
1819
              0 0 1px hsla(0,0%,0%,.2);
1820
  border-radius: 2px;
1821
  color: hsla(0,0%,100%,.9);
1822
}
1823

1824
.outlineItem.selected {
1825
  background-color: hsla(0,0%,100%,.08);
1826
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,.05)), to(hsla(0,0%,100%,0)));
1827
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1828
  background-clip: padding-box;
1829
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1830
              0 0 1px hsla(0,0%,100%,.1) inset,
1831
              0 0 1px hsla(0,0%,0%,.2);
1832
  color: hsla(0,0%,100%,1);
1833
}
1834

1835
.noResults {
1836
  font-size: 12px;
1837
  color: hsla(0,0%,100%,.8);
1838
  font-style: italic;
1839
  cursor: default;
1840
}
1841

1842
/* TODO: file FF bug to support ::-moz-selection:window-inactive
1843
   so we can override the opaque grey background when the window is inactive;
1844
   see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
1845
::-moz-selection { background: rgba(0,0,255,0.3); }
1846
::selection { background: rgba(0,0,255,0.3); }
1847

1848
#errorWrapper {
1849
  background: none repeat scroll 0 0 #FF5555;
1850
  color: white;
1851
  left: 0;
1852
  position: absolute;
1853
  right: 0;
1854
  z-index: 1000;
1855
  padding: 3px;
1856
  font-size: 0.8em;
1857
}
1858
.loadingInProgress #errorWrapper {
1859
  top: 37px;
1860
}
1861

1862
#errorMessageLeft {
1863
  float: left;
1864
}
1865

1866
#errorMessageRight {
1867
  float: right;
1868
}
1869

1870
#errorMoreInfo {
1871
  background-color: #FFFFFF;
1872
  color: black;
1873
  padding: 3px;
1874
  margin: 3px;
1875
  width: 98%;
1876
}
1877

1878
.overlayButton {
1879
  width: auto;
1880
  margin: 3px 4px 2px 4px !important;
1881
  padding: 2px 6px 3px 6px;
1882
}
1883

1884
#overlayContainer {
1885
  display: table;
1886
  position: absolute;
1887
  width: 100%;
1888
  height: 100%;
1889
  background-color: hsla(0,0%,0%,.2);
1890
  z-index: 40000;
1891
}
1892
#overlayContainer > * {
1893
  overflow: auto;
1894
  -webkit-overflow-scrolling: touch;
1895
}
1896

1897
#overlayContainer > .container {
1898
  display: table-cell;
1899
  vertical-align: middle;
1900
  text-align: center;
1901
}
1902

1903
#overlayContainer > .container > .dialog {
1904
  display: inline-block;
1905
  padding: 15px;
1906
  border-spacing: 4px;
1907
  color: hsl(0,0%,85%);
1908
  font-size: 12px;
1909
  line-height: 14px;
1910
  background-color: #474747; /* fallback */
1911
  background-image: url(images/texture.png),
1912
                    -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,32%,.99)), to(hsla(0,0%,27%,.95)));
1913
  background-image: url(images/texture.png),
1914
                    linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
1915
  box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
1916
              inset 0 1px 1px hsla(0,0%,0%,.15),
1917
              inset 0 -1px 0 hsla(0,0%,100%,.05),
1918
              0 1px 0 hsla(0,0%,0%,.15),
1919
              0 1px 1px hsla(0,0%,0%,.1);
1920
  border: 1px solid hsla(0,0%,0%,.5);
1921
  border-radius: 4px;
1922
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
1923
}
1924

1925
.dialog > .row {
1926
  display: table-row;
1927
}
1928

1929
.dialog > .row > * {
1930
  display: table-cell;
1931
}
1932

1933
.dialog .toolbarField {
1934
  margin: 5px 0;
1935
}
1936

1937
.dialog .separator {
1938
  display: block;
1939
  margin: 4px 0 4px 0;
1940
  height: 1px;
1941
  width: 100%;
1942
  background-color: hsla(0,0%,0%,.5);
1943
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1944
}
1945

1946
.dialog .buttonRow {
1947
  text-align: center;
1948
  vertical-align: middle;
1949
}
1950

1951
.dialog :link {
1952
  color: white;
1953
}
1954

1955
#passwordOverlay > .dialog {
1956
  text-align: center;
1957
}
1958
#passwordOverlay .toolbarField {
1959
  width: 200px;
1960
}
1961

1962
#documentPropertiesOverlay > .dialog {
1963
  text-align: left;
1964
}
1965
#documentPropertiesOverlay .row > * {
1966
  min-width: 100px;
1967
}
1968
html[dir='ltr'] #documentPropertiesOverlay .row > * {
1969
  text-align: left;
1970
}
1971
html[dir='rtl'] #documentPropertiesOverlay .row > * {
1972
  text-align: right;
1973
}
1974
#documentPropertiesOverlay .row > span {
1975
  width: 125px;
1976
  word-wrap: break-word;
1977
}
1978
#documentPropertiesOverlay .row > p {
1979
  max-width: 225px;
1980
  word-wrap: break-word;
1981
}
1982
#documentPropertiesOverlay .buttonRow {
1983
  margin-top: 10px;
1984
}
1985

1986
.clearBoth {
1987
  clear: both;
1988
}
1989

1990
.fileInput {
1991
  background: white;
1992
  color: black;
1993
  margin-top: 5px;
1994
  visibility: hidden;
1995
  position: fixed;
1996
  right: 0;
1997
  top: 0;
1998
}
1999

2000
#PDFBug {
2001
  background: none repeat scroll 0 0 white;
2002
  border: 1px solid #666666;
2003
  position: fixed;
2004
  top: 32px;
2005
  right: 0;
2006
  bottom: 0;
2007
  font-size: 10px;
2008
  padding: 0;
2009
  width: 300px;
2010
}
2011
#PDFBug .controls {
2012
    background:#EEEEEE;
2013
    border-bottom: 1px solid #666666;
2014
    padding: 3px;
2015
}
2016
#PDFBug .panels {
2017
  bottom: 0;
2018
  left: 0;
2019
  overflow: auto;
2020
  -webkit-overflow-scrolling: touch;
2021
  position: absolute;
2022
  right: 0;
2023
  top: 27px;
2024
}
2025
#PDFBug button.active {
2026
  font-weight: bold;
2027
}
2028
.debuggerShowText {
2029
  background: none repeat scroll 0 0 yellow;
2030
  color: blue;
2031
}
2032
.debuggerHideText:hover {
2033
  background: none repeat scroll 0 0 yellow;
2034
}
2035
#PDFBug .stats {
2036
  font-family: courier;
2037
  font-size: 10px;
2038
  white-space: pre;
2039
}
2040
#PDFBug .stats .title {
2041
    font-weight: bold;
2042
}
2043
#PDFBug table {
2044
  font-size: 10px;
2045
}
2046

2047
#viewer.textLayer-visible .textLayer {
2048
  opacity: 1.0;
2049
}
2050

2051
#viewer.textLayer-visible .canvasWrapper {
2052
  background-color: rgb(128,255,128);
2053
}
2054

2055
#viewer.textLayer-visible .canvasWrapper canvas {
2056
  mix-blend-mode: screen;
2057
}
2058

2059
#viewer.textLayer-visible .textLayer > span {
2060
  background-color: rgba(255, 255, 0, 0.1);
2061
  color: black;
2062
  border: solid 1px rgba(255, 0, 0, 0.5);
2063
  box-sizing: border-box;
2064
}
2065

2066
#viewer.textLayer-hover .textLayer > span:hover {
2067
  background-color: white;
2068
  color: black;
2069
}
2070

2071
#viewer.textLayer-shadow .textLayer > span {
2072
  background-color: rgba(255,255,255, .6);
2073
  color: black;
2074
}
2075

2076
.grab-to-pan-grab {
2077
  cursor: url("images/grab.cur"), move !important;
2078
  cursor: -webkit-grab !important;
2079
  cursor: grab !important;
2080
}
2081
.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
2082
  cursor: inherit !important;
2083
}
2084
.grab-to-pan-grab:active,
2085
.grab-to-pan-grabbing {
2086
  cursor: url("images/grabbing.cur"), move !important;
2087
  cursor: -webkit-grabbing !important;
2088
  cursor: grabbing !important;
2089

2090
  position: fixed;
2091
  background: transparent;
2092
  display: block;
2093
  top: 0;
2094
  left: 0;
2095
  right: 0;
2096
  bottom: 0;
2097
  overflow: hidden;
2098
  z-index: 50000; /* should be higher than anything else in PDF.js! */
2099
}
2100

2101
@page {
2102
  margin: 0;
2103
}
2104

2105
#printContainer {
2106
  display: none;
2107
}
2108

2109
@media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (min-resolution: 1.1dppx) {
2110
  /* Rules for Retina screens */
2111
  .toolbarButton::before {
2112
    -webkit-transform: scale(0.5);
2113
            transform: scale(0.5);
2114
    top: -5px;
2115
  }
2116

2117
  .secondaryToolbarButton::before {
2118
    -webkit-transform: scale(0.5);
2119
            transform: scale(0.5);
2120
    top: -4px;
2121
  }
2122

2123
  html[dir='ltr'] .toolbarButton::before,
2124
  html[dir='rtl'] .toolbarButton::before {
2125
    left: -1px;
2126
  }
2127

2128
  html[dir='ltr'] .secondaryToolbarButton::before {
2129
    left: -2px;
2130
  }
2131
  html[dir='rtl'] .secondaryToolbarButton::before {
2132
    left: 186px;
2133
  }
2134

2135
  .toolbarField.pageNumber.visiblePageIsLoading,
2136
  #findInput[data-status="pending"] {
2137
    background-image: url(images/loading-small@2x.png);
2138
    background-size: 16px 17px;
2139
  }
2140

2141
  .dropdownToolbarButton {
2142
    background: url(images/toolbarButton-menuArrows@2x.png) no-repeat;
2143
    background-size: 7px 16px;
2144
  }
2145

2146
  html[dir='ltr'] .toolbarButton#sidebarToggle::before {
2147
    content: url(images/toolbarButton-sidebarToggle@2x.png);
2148
  }
2149
  html[dir='rtl'] .toolbarButton#sidebarToggle::before {
2150
    content: url(images/toolbarButton-sidebarToggle-rtl@2x.png);
2151
  }
2152

2153
  html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
2154
    content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);
2155
  }
2156
  html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
2157
    content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png);
2158
  }
2159

2160
  html[dir='ltr'] .toolbarButton.findPrevious::before {
2161
    content: url(images/findbarButton-previous@2x.png);
2162
  }
2163
  html[dir='rtl'] .toolbarButton.findPrevious::before {
2164
    content: url(images/findbarButton-previous-rtl@2x.png);
2165
  }
2166

2167
  html[dir='ltr'] .toolbarButton.findNext::before {
2168
    content: url(images/findbarButton-next@2x.png);
2169
  }
2170
  html[dir='rtl'] .toolbarButton.findNext::before {
2171
    content: url(images/findbarButton-next-rtl@2x.png);
2172
  }
2173

2174
  html[dir='ltr'] .toolbarButton.pageUp::before {
2175
    content: url(images/toolbarButton-pageUp@2x.png);
2176
  }
2177
  html[dir='rtl'] .toolbarButton.pageUp::before {
2178
    content: url(images/toolbarButton-pageUp-rtl@2x.png);
2179
  }
2180

2181
  html[dir='ltr'] .toolbarButton.pageDown::before {
2182
    content: url(images/toolbarButton-pageDown@2x.png);
2183
  }
2184
  html[dir='rtl'] .toolbarButton.pageDown::before {
2185
    content: url(images/toolbarButton-pageDown-rtl@2x.png);
2186
  }
2187

2188
  .toolbarButton.zoomIn::before {
2189
    content: url(images/toolbarButton-zoomIn@2x.png);
2190
  }
2191

2192
  .toolbarButton.zoomOut::before {
2193
    content: url(images/toolbarButton-zoomOut@2x.png);
2194
  }
2195

2196
  .toolbarButton.presentationMode::before,
2197
  .secondaryToolbarButton.presentationMode::before {
2198
    content: url(images/toolbarButton-presentationMode@2x.png);
2199
  }
2200

2201
  .toolbarButton.print::before,
2202
  .secondaryToolbarButton.print::before {
2203
    content: url(images/toolbarButton-print@2x.png);
2204
  }
2205

2206
  .toolbarButton.openFile::before,
2207
  .secondaryToolbarButton.openFile::before {
2208
    content: url(images/toolbarButton-openFile@2x.png);
2209
  }
2210

2211
  .toolbarButton.download::before,
2212
  .secondaryToolbarButton.download::before {
2213
    content: url(images/toolbarButton-download@2x.png);
2214
  }
2215

2216
  .toolbarButton.bookmark::before,
2217
  .secondaryToolbarButton.bookmark::before {
2218
    content: url(images/toolbarButton-bookmark@2x.png);
2219
  }
2220

2221
  #viewThumbnail.toolbarButton::before {
2222
    content: url(images/toolbarButton-viewThumbnail@2x.png);
2223
  }
2224

2225
  html[dir="ltr"] #viewOutline.toolbarButton::before {
2226
    content: url(images/toolbarButton-viewOutline@2x.png);
2227
  }
2228
  html[dir="rtl"] #viewOutline.toolbarButton::before {
2229
    content: url(images/toolbarButton-viewOutline-rtl@2x.png);
2230
  }
2231

2232
  #viewAttachments.toolbarButton::before {
2233
    content: url(images/toolbarButton-viewAttachments@2x.png);
2234
  }
2235

2236
  #viewFind.toolbarButton::before {
2237
    content: url(images/toolbarButton-search@2x.png);
2238
  }
2239

2240
  .secondaryToolbarButton.firstPage::before {
2241
    content: url(images/secondaryToolbarButton-firstPage@2x.png);
2242
  }
2243

2244
  .secondaryToolbarButton.lastPage::before {
2245
    content: url(images/secondaryToolbarButton-lastPage@2x.png);
2246
  }
2247

2248
  .secondaryToolbarButton.rotateCcw::before {
2249
    content: url(images/secondaryToolbarButton-rotateCcw@2x.png);
2250
  }
2251

2252
  .secondaryToolbarButton.rotateCw::before {
2253
    content: url(images/secondaryToolbarButton-rotateCw@2x.png);
2254
  }
2255

2256
  .secondaryToolbarButton.selectTool::before {
2257
    content: url(images/secondaryToolbarButton-selectTool@2x.png);
2258
  }
2259

2260
  .secondaryToolbarButton.handTool::before {
2261
    content: url(images/secondaryToolbarButton-handTool@2x.png);
2262
  }
2263

2264
  .secondaryToolbarButton.scrollVertical::before {
2265
    content: url(images/secondaryToolbarButton-scrollVertical@2x.png);
2266
  }
2267

2268
  .secondaryToolbarButton.scrollHorizontal::before {
2269
    content: url(images/secondaryToolbarButton-scrollHorizontal@2x.png);
2270
  }
2271

2272
  .secondaryToolbarButton.scrollWrapped::before {
2273
    content: url(images/secondaryToolbarButton-scrollWrapped@2x.png);
2274
  }
2275

2276
  .secondaryToolbarButton.spreadNone::before {
2277
    content: url(images/secondaryToolbarButton-spreadNone@2x.png);
2278
  }
2279

2280
  .secondaryToolbarButton.spreadOdd::before {
2281
    content: url(images/secondaryToolbarButton-spreadOdd@2x.png);
2282
  }
2283

2284
  .secondaryToolbarButton.spreadEven::before {
2285
    content: url(images/secondaryToolbarButton-spreadEven@2x.png);
2286
  }
2287

2288
  .secondaryToolbarButton.documentProperties::before {
2289
    content: url(images/secondaryToolbarButton-documentProperties@2x.png);
2290
  }
2291

2292
  .outlineItemToggler::before {
2293
    -webkit-transform: scale(0.5);
2294
            transform: scale(0.5);
2295
    top: -1px;
2296
    content: url(images/treeitem-expanded@2x.png);
2297
  }
2298
  html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
2299
    content: url(images/treeitem-collapsed@2x.png);
2300
  }
2301
  html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
2302
    content: url(images/treeitem-collapsed-rtl@2x.png);
2303
  }
2304
  html[dir='ltr'] .outlineItemToggler::before {
2305
    right: 0;
2306
  }
2307
  html[dir='rtl'] .outlineItemToggler::before {
2308
    left: 0;
2309
  }
2310
}
2311

2312
@media print {
2313
  /* General rules for printing. */
2314
  body {
2315
    background: transparent none;
2316
  }
2317

2318
  /* Rules for browsers that don't support mozPrintCallback. */
2319
  #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer {
2320
    display: none;
2321
  }
2322
  #viewerContainer {
2323
    overflow: visible;
2324
  }
2325

2326
  #mainContainer, #viewerContainer, .page, .page canvas {
2327
    position: static;
2328
    padding: 0;
2329
    margin: 0;
2330
  }
2331

2332
  .page {
2333
    float: left;
2334
    display: none;
2335
    border: none;
2336
    box-shadow: none;
2337
    background-clip: content-box;
2338
    background-color: white;
2339
  }
2340

2341
  .page[data-loaded] {
2342
    display: block;
2343
  }
2344

2345
  .fileInput {
2346
    display: none;
2347
  }
2348

2349
  /* Rules for browsers that support PDF.js printing */
2350
  body[data-pdfjsprinting] #outerContainer {
2351
    display: none;
2352
  }
2353
  body[data-pdfjsprinting] #printContainer {
2354
    display: block;
2355
  }
2356
  #printContainer {
2357
    height: 100%;
2358
  }
2359
  /* wrapper around (scaled) print canvas elements */
2360
  #printContainer > div {
2361
    position: relative;
2362
    top: 0;
2363
    left: 0;
2364
    width: 1px;
2365
    height: 1px;
2366
    overflow: visible;
2367
    page-break-after: always;
2368
    page-break-inside: avoid;
2369
  }
2370
  #printContainer canvas,
2371
  #printContainer img {
2372
    display: block;
2373
  }
2374
}
2375

2376
.visibleLargeView,
2377
.visibleMediumView,
2378
.visibleSmallView {
2379
  display: none;
2380
}
2381

2382
@media all and (max-width: 900px) {
2383
  #toolbarViewerMiddle {
2384
    display: table;
2385
    margin: auto;
2386
    left: auto;
2387
    position: inherit;
2388
    -webkit-transform: none;
2389
            transform: none;
2390
  }
2391
}
2392

2393
@media all and (max-width: 840px) {
2394
  #sidebarContent {
2395
    background-color: hsla(0,0%,0%,.7);
2396
  }
2397

2398
  html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer {
2399
    left: 0px !important;
2400
  }
2401
  html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer {
2402
    right: 0px !important;
2403
  }
2404

2405
  #outerContainer .hiddenLargeView,
2406
  #outerContainer .hiddenMediumView {
2407
    display: inherit;
2408
  }
2409
  #outerContainer .visibleLargeView,
2410
  #outerContainer .visibleMediumView {
2411
    display: none;
2412
  }
2413
}
2414

2415
@media all and (max-width: 770px) {
2416
  #outerContainer .hiddenLargeView {
2417
    display: none;
2418
  }
2419
  #outerContainer .visibleLargeView {
2420
    display: inherit;
2421
  }
2422
}
2423

2424
@media all and (max-width: 700px) {
2425
  #outerContainer .hiddenMediumView {
2426
    display: none;
2427
  }
2428
  #outerContainer .visibleMediumView {
2429
    display: inherit;
2430
  }
2431
}
2432

2433
@media all and (max-width: 640px) {
2434
  .hiddenSmallView, .hiddenSmallView * {
2435
    display: none;
2436
  }
2437
  .visibleSmallView {
2438
    display: inherit;
2439
  }
2440
  .toolbarButtonSpacer {
2441
    width: 0;
2442
  }
2443
  html[dir='ltr'] .findbar {
2444
    left: 38px;
2445
  }
2446
  html[dir='rtl'] .findbar {
2447
    right: 38px;
2448
  }
2449
}
2450

2451
@media all and (max-width: 535px) {
2452
  #scaleSelectContainer {
2453
    display: none;
2454
  }
2455
}
2456