browser/extensions/pdfjs/content/web/viewer.css@6474c204b198
browser/extensions/pdfjs/content/web/viewer.css
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 /* Copyright 2012 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 */
16 * {
17 padding: 0;
18 margin: 0;
19 }
21 html {
22 height: 100%;
23 /* Font size is needed to make the activity bar the correct size. */
24 font-size: 10px;
25 }
27 body {
28 height: 100%;
29 background-color: #404040;
30 background-image: url(images/texture.png);
31 }
33 body,
34 input,
35 button,
36 select {
37 font: message-box;
38 outline: none;
39 }
41 .hidden {
42 display: none !important;
43 }
44 [hidden] {
45 display: none !important;
46 }
48 #viewerContainer:-moz-full-screen {
49 top: 0px;
50 border-top: 2px solid transparent;
51 background-color: #000;
52 width: 100%;
53 height: 100%;
54 overflow: hidden;
55 cursor: none;
56 }
58 #viewerContainer:fullscreen {
59 top: 0px;
60 border-top: 2px solid transparent;
61 background-color: #000;
62 width: 100%;
63 height: 100%;
64 overflow: hidden;
65 cursor: none;
66 }
68 :-moz-full-screen .page {
69 margin-bottom: 100%;
70 border: 0;
71 }
73 :fullscreen .page {
74 margin-bottom: 100%;
75 border: 0;
76 }
78 :-moz-full-screen a:not(.internalLink) {
79 display: none;
80 }
82 :fullscreen a:not(.internalLink) {
83 display: none;
84 }
86 :-moz-full-screen .textLayer > div {
87 cursor: none;
88 }
90 :fullscreen .textLayer > div {
91 cursor: none;
92 }
94 #viewerContainer.presentationControls,
95 #viewerContainer.presentationControls .textLayer > div {
96 cursor: default;
97 }
99 /* outer/inner center provides horizontal center */
100 .outerCenter {
101 pointer-events: none;
102 position: relative;
103 }
104 html[dir='ltr'] .outerCenter {
105 float: right;
106 right: 50%;
107 }
108 html[dir='rtl'] .outerCenter {
109 float: left;
110 left: 50%;
111 }
112 .innerCenter {
113 pointer-events: auto;
114 position: relative;
115 }
116 html[dir='ltr'] .innerCenter {
117 float: right;
118 right: -50%;
119 }
120 html[dir='rtl'] .innerCenter {
121 float: left;
122 left: -50%;
123 }
125 #outerContainer {
126 width: 100%;
127 height: 100%;
128 position: relative;
129 }
131 #sidebarContainer {
132 position: absolute;
133 top: 0;
134 bottom: 0;
135 width: 200px;
136 visibility: hidden;
137 transition-duration: 200ms;
138 transition-timing-function: ease;
140 }
141 html[dir='ltr'] #sidebarContainer {
142 transition-property: left;
143 left: -200px;
144 }
145 html[dir='rtl'] #sidebarContainer {
146 transition-property: right;
147 right: -200px;
148 }
150 #outerContainer.sidebarMoving > #sidebarContainer,
151 #outerContainer.sidebarOpen > #sidebarContainer {
152 visibility: visible;
153 }
154 html[dir='ltr'] #outerContainer.sidebarOpen > #sidebarContainer {
155 left: 0px;
156 }
157 html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer {
158 right: 0px;
159 }
161 #mainContainer {
162 position: absolute;
163 top: 0;
164 right: 0;
165 bottom: 0;
166 left: 0;
167 min-width: 320px;
168 transition-duration: 200ms;
169 transition-timing-function: ease;
170 }
171 html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
172 transition-property: left;
173 left: 200px;
174 }
175 html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
176 transition-property: right;
177 right: 200px;
178 }
180 #sidebarContent {
181 top: 32px;
182 bottom: 0;
183 overflow: auto;
184 position: absolute;
185 width: 200px;
186 background-color: hsla(0,0%,0%,.1);
187 }
188 html[dir='ltr'] #sidebarContent {
189 left: 0;
190 box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
191 }
192 html[dir='rtl'] #sidebarContent {
193 right: 0;
194 box-shadow: inset 1px 0 0 hsla(0,0%,0%,.25);
195 }
197 #viewerContainer {
198 overflow: auto;
199 position: absolute;
200 top: 32px;
201 right: 0;
202 bottom: 0;
203 left: 0;
204 outline: none;
205 }
206 html[dir='ltr'] #viewerContainer {
207 box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05);
208 }
209 html[dir='rtl'] #viewerContainer {
210 box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05);
211 }
213 .toolbar {
214 position: relative;
215 left: 0;
216 right: 0;
217 z-index: 9999;
218 cursor: default;
219 }
221 #toolbarContainer {
222 width: 100%;
223 }
225 #toolbarSidebar {
226 width: 200px;
227 height: 32px;
228 background-color: #424242; /* fallback */
229 background-image: url(images/texture.png),
230 linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
231 }
232 html[dir='ltr'] #toolbarSidebar {
233 box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
234 inset 0 -1px 0 hsla(0,0%,100%,.05),
235 0 1px 0 hsla(0,0%,0%,.15),
236 0 0 1px hsla(0,0%,0%,.1);
237 }
238 html[dir='rtl'] #toolbarSidebar {
239 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25),
240 inset 0 1px 0 hsla(0,0%,100%,.05),
241 0 1px 0 hsla(0,0%,0%,.15),
242 0 0 1px hsla(0,0%,0%,.1);
243 }
245 #toolbarContainer, .findbar, .secondaryToolbar {
246 position: relative;
247 height: 32px;
248 background-color: #474747; /* fallback */
249 background-image: url(images/texture.png),
250 linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
251 }
252 html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar {
253 box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
254 inset 0 1px 1px hsla(0,0%,0%,.15),
255 inset 0 -1px 0 hsla(0,0%,100%,.05),
256 0 1px 0 hsla(0,0%,0%,.15),
257 0 1px 1px hsla(0,0%,0%,.1);
258 }
259 html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
260 box-shadow: inset -1px 0 0 hsla(0,0%,100%,.08),
261 inset 0 1px 1px hsla(0,0%,0%,.15),
262 inset 0 -1px 0 hsla(0,0%,100%,.05),
263 0 1px 0 hsla(0,0%,0%,.15),
264 0 1px 1px hsla(0,0%,0%,.1);
265 }
267 #toolbarViewer {
268 height: 32px;
269 }
271 #loadingBar {
272 position: relative;
273 width: 100%;
274 height: 6px;
275 background-color: #333;
276 border-bottom: 1px solid #333;
277 }
279 #loadingBar .progress {
280 position: absolute;
281 top: 0;
282 left: 0;
283 width: 0%;
284 height: 100%;
285 background-color: #ddd;
286 overflow: hidden;
287 transition: width 200ms;
288 }
290 @keyframes progressIndeterminate {
291 0% { left: 0%; }
292 50% { left: 100%; }
293 100% { left: 100%; }
294 }
296 #loadingBar .progress.indeterminate {
297 background-color: #999;
298 transition: none;
299 }
301 #loadingBar .indeterminate .glimmer {
302 position: absolute;
303 top: 0;
304 left: 0;
305 height: 100%;
306 width: 50px;
308 background-image: linear-gradient(to right, #999 0%, #fff 50%, #999 100%);
309 background-size: 100% 100%;
310 background-repeat: no-repeat;
312 animation: progressIndeterminate 2s linear infinite;
313 }
315 .findbar, .secondaryToolbar {
316 top: 32px;
317 position: absolute;
318 z-index: 10000;
319 height: 32px;
321 min-width: 16px;
322 padding: 0px 6px 0px 6px;
323 margin: 4px 2px 4px 2px;
324 color: hsl(0,0%,85%);
325 font-size: 12px;
326 line-height: 14px;
327 text-align: left;
328 cursor: default;
329 }
331 html[dir='ltr'] .findbar {
332 left: 68px;
333 }
335 html[dir='rtl'] .findbar {
336 right: 68px;
337 }
339 .findbar label {
340 -moz-user-select: none;
341 }
343 #findInput[data-status="pending"] {
344 background-image: url(images/loading-small.png);
345 background-repeat: no-repeat;
346 background-position: right;
347 }
349 .secondaryToolbar {
350 padding: 6px;
351 height: auto;
352 z-index: 30000;
353 }
354 html[dir='ltr'] .secondaryToolbar {
355 right: 4px;
356 }
357 html[dir='rtl'] .secondaryToolbar {
358 left: 4px;
359 }
361 #secondaryToolbarButtonContainer {
362 max-width: 200px;
363 max-height: 400px;
364 overflow-y: auto;
365 margin-bottom: -4px;
366 }
368 .doorHanger,
369 .doorHangerRight {
370 border: 1px solid hsla(0,0%,0%,.5);
371 border-radius: 2px;
372 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
373 }
374 .doorHanger:after, .doorHanger:before,
375 .doorHangerRight:after, .doorHangerRight:before {
376 bottom: 100%;
377 border: solid transparent;
378 content: " ";
379 height: 0;
380 width: 0;
381 position: absolute;
382 pointer-events: none;
383 }
384 .doorHanger:after,
385 .doorHangerRight:after {
386 border-bottom-color: hsla(0,0%,32%,.99);
387 border-width: 8px;
388 }
389 .doorHanger:before,
390 .doorHangerRight:before {
391 border-bottom-color: hsla(0,0%,0%,.5);
392 border-width: 9px;
393 }
395 html[dir='ltr'] .doorHanger:after,
396 html[dir='rtl'] .doorHangerRight:after {
397 left: 13px;
398 margin-left: -8px;
399 }
401 html[dir='ltr'] .doorHanger:before,
402 html[dir='rtl'] .doorHangerRight:before {
403 left: 13px;
404 margin-left: -9px;
405 }
407 html[dir='rtl'] .doorHanger:after,
408 html[dir='ltr'] .doorHangerRight:after {
409 right: 13px;
410 margin-right: -8px;
411 }
413 html[dir='rtl'] .doorHanger:before,
414 html[dir='ltr'] .doorHangerRight:before {
415 right: 13px;
416 margin-right: -9px;
417 }
419 #findMsg {
420 font-style: italic;
421 color: #A6B7D0;
422 }
424 .notFound {
425 background-color: rgb(255, 137, 153);
426 }
428 html[dir='ltr'] #toolbarViewerLeft {
429 margin-left: -1px;
430 }
431 html[dir='rtl'] #toolbarViewerRight {
432 margin-right: -1px;
433 }
435 html[dir='ltr'] #toolbarViewerLeft,
436 html[dir='rtl'] #toolbarViewerRight {
437 position: absolute;
438 top: 0;
439 left: 0;
440 }
441 html[dir='ltr'] #toolbarViewerRight,
442 html[dir='rtl'] #toolbarViewerLeft {
443 position: absolute;
444 top: 0;
445 right: 0;
446 }
447 html[dir='ltr'] #toolbarViewerLeft > *,
448 html[dir='ltr'] #toolbarViewerMiddle > *,
449 html[dir='ltr'] #toolbarViewerRight > *,
450 html[dir='ltr'] .findbar > * {
451 position: relative;
452 float: left;
453 }
454 html[dir='rtl'] #toolbarViewerLeft > *,
455 html[dir='rtl'] #toolbarViewerMiddle > *,
456 html[dir='rtl'] #toolbarViewerRight > *,
457 html[dir='rtl'] .findbar > * {
458 position: relative;
459 float: right;
460 }
462 html[dir='ltr'] .splitToolbarButton {
463 margin: 3px 2px 4px 0;
464 display: inline-block;
465 }
466 html[dir='rtl'] .splitToolbarButton {
467 margin: 3px 0 4px 2px;
468 display: inline-block;
469 }
470 html[dir='ltr'] .splitToolbarButton > .toolbarButton {
471 border-radius: 0;
472 float: left;
473 }
474 html[dir='rtl'] .splitToolbarButton > .toolbarButton {
475 border-radius: 0;
476 float: right;
477 }
479 .toolbarButton,
480 .secondaryToolbarButton {
481 border: 0 none;
482 background-color: rgba(0, 0, 0, 0);
483 width: 32px;
484 height: 25px;
485 }
487 .toolbarButton > span {
488 display: inline-block;
489 width: 0;
490 height: 0;
491 overflow: hidden;
492 }
494 .toolbarButton[disabled],
495 .secondaryToolbarButton[disabled] {
496 opacity: .5;
497 }
499 .toolbarButton.group {
500 margin-right: 0;
501 }
503 .splitToolbarButton.toggled .toolbarButton {
504 margin: 0;
505 }
507 .splitToolbarButton:hover > .toolbarButton,
508 .splitToolbarButton:focus > .toolbarButton,
509 .splitToolbarButton.toggled > .toolbarButton,
510 .toolbarButton.textButton {
511 background-color: hsla(0,0%,0%,.12);
512 background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
513 background-clip: padding-box;
514 border: 1px solid hsla(0,0%,0%,.35);
515 border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
516 box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
517 0 0 1px hsla(0,0%,100%,.15) inset,
518 0 1px 0 hsla(0,0%,100%,.05);
519 transition-property: background-color, border-color, box-shadow;
520 transition-duration: 150ms;
521 transition-timing-function: ease;
523 }
524 .splitToolbarButton > .toolbarButton:hover,
525 .splitToolbarButton > .toolbarButton:focus,
526 .dropdownToolbarButton:hover,
527 .overlayButton:hover,
528 .toolbarButton.textButton:hover,
529 .toolbarButton.textButton:focus {
530 background-color: hsla(0,0%,0%,.2);
531 box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
532 0 0 1px hsla(0,0%,100%,.15) inset,
533 0 0 1px hsla(0,0%,0%,.05);
534 z-index: 199;
535 }
536 .splitToolbarButton > .toolbarButton {
537 position: relative;
538 }
539 html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,
540 html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
541 position: relative;
542 margin: 0;
543 margin-right: -1px;
544 border-top-left-radius: 2px;
545 border-bottom-left-radius: 2px;
546 border-right-color: transparent;
547 }
548 html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
549 html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
550 position: relative;
551 margin: 0;
552 margin-left: -1px;
553 border-top-right-radius: 2px;
554 border-bottom-right-radius: 2px;
555 border-left-color: transparent;
556 }
557 .splitToolbarButtonSeparator {
558 padding: 8px 0;
559 width: 1px;
560 background-color: hsla(0,0%,0%,.5);
561 z-index: 99;
562 box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
563 display: inline-block;
564 margin: 5px 0;
565 }
566 html[dir='ltr'] .splitToolbarButtonSeparator {
567 float: left;
568 }
569 html[dir='rtl'] .splitToolbarButtonSeparator {
570 float: right;
571 }
572 .splitToolbarButton:hover > .splitToolbarButtonSeparator,
573 .splitToolbarButton.toggled > .splitToolbarButtonSeparator {
574 padding: 12px 0;
575 margin: 1px 0;
576 box-shadow: 0 0 0 1px hsla(0,0%,100%,.03);
577 transition-property: padding;
578 transition-duration: 10ms;
579 transition-timing-function: ease;
580 }
582 .toolbarButton,
583 .dropdownToolbarButton,
584 .overlayButton,
585 .secondaryToolbarButton {
586 min-width: 16px;
587 padding: 2px 6px 0;
588 border: 1px solid transparent;
589 border-radius: 2px;
590 color: hsla(0,0%,100%,.8);
591 font-size: 12px;
592 line-height: 14px;
593 -moz-user-select: none;
594 /* Opera does not support user-select, use <... unselectable="on"> instead */
595 cursor: default;
596 transition-property: background-color, border-color, box-shadow;
597 transition-duration: 150ms;
598 transition-timing-function: ease;
599 }
601 html[dir='ltr'] .toolbarButton,
602 html[dir='ltr'] .overlayButton,
603 html[dir='ltr'] .dropdownToolbarButton {
604 margin: 3px 2px 4px 0;
605 }
606 html[dir='rtl'] .toolbarButton,
607 html[dir='rtl'] .overlayButton,
608 html[dir='rtl'] .dropdownToolbarButton {
609 margin: 3px 0 4px 2px;
610 }
612 .toolbarButton:hover,
613 .toolbarButton:focus,
614 .dropdownToolbarButton,
615 .overlayButton,
616 .secondaryToolbarButton:hover,
617 .secondaryToolbarButton:focus {
618 background-color: hsla(0,0%,0%,.12);
619 background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
620 background-clip: padding-box;
621 border: 1px solid hsla(0,0%,0%,.35);
622 border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
623 box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
624 0 0 1px hsla(0,0%,100%,.15) inset,
625 0 1px 0 hsla(0,0%,100%,.05);
626 }
628 .toolbarButton:hover:active,
629 .overlayButton:hover:active,
630 .dropdownToolbarButton:hover:active,
631 .secondaryToolbarButton:hover:active {
632 background-color: hsla(0,0%,0%,.2);
633 background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
634 border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45);
635 box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
636 0 0 1px hsla(0,0%,0%,.2) inset,
637 0 1px 0 hsla(0,0%,100%,.05);
638 transition-property: background-color, border-color, box-shadow;
639 transition-duration: 10ms;
640 transition-timing-function: linear;
641 }
643 .toolbarButton.toggled,
644 .splitToolbarButton.toggled > .toolbarButton.toggled,
645 .secondaryToolbarButton.toggled {
646 background-color: hsla(0,0%,0%,.3);
647 background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
648 border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5);
649 box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset,
650 0 0 1px hsla(0,0%,0%,.2) inset,
651 0 1px 0 hsla(0,0%,100%,.05);
652 transition-property: background-color, border-color, box-shadow;
653 transition-duration: 10ms;
654 transition-timing-function: linear;
655 }
657 .toolbarButton.toggled:hover:active,
658 .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
659 .secondaryToolbarButton.toggled:hover:active {
660 background-color: hsla(0,0%,0%,.4);
661 border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55);
662 box-shadow: 0 1px 1px hsla(0,0%,0%,.2) inset,
663 0 0 1px hsla(0,0%,0%,.3) inset,
664 0 1px 0 hsla(0,0%,100%,.05);
665 }
667 .dropdownToolbarButton {
668 width: 120px;
669 max-width: 120px;
670 padding: 3px 2px 2px;
671 overflow: hidden;
672 background: url(images/toolbarButton-menuArrows.png) no-repeat;
673 }
674 html[dir='ltr'] .dropdownToolbarButton {
675 background-position: 95%;
676 }
677 html[dir='rtl'] .dropdownToolbarButton {
678 background-position: 5%;
679 }
681 .dropdownToolbarButton > select {
682 -moz-appearance: none; /* in the future this might matter, see bugzilla bug #649849 */
683 min-width: 140px;
684 font-size: 12px;
685 color: hsl(0,0%,95%);
686 margin: 0;
687 padding: 0;
688 border: none;
689 background: rgba(0,0,0,0); /* Opera does not support 'transparent' <select> background */
690 }
692 .dropdownToolbarButton > select > option {
693 background: hsl(0,0%,24%);
694 }
696 .overlayButton {
697 margin: 3px 2px 4px 5px !important;
698 line-height: 16px;
699 padding: 2px 6px 3px 6px;
700 }
702 #customScaleOption {
703 display: none;
704 }
706 #pageWidthOption {
707 border-bottom: 1px rgba(255, 255, 255, .5) solid;
708 }
710 html[dir='ltr'] .splitToolbarButton:first-child,
711 html[dir='ltr'] .toolbarButton:first-child,
712 html[dir='rtl'] .splitToolbarButton:last-child,
713 html[dir='rtl'] .toolbarButton:last-child {
714 margin-left: 4px;
715 }
716 html[dir='ltr'] .splitToolbarButton:last-child,
717 html[dir='ltr'] .toolbarButton:last-child,
718 html[dir='rtl'] .splitToolbarButton:first-child,
719 html[dir='rtl'] .toolbarButton:first-child {
720 margin-right: 4px;
721 }
723 .toolbarButtonSpacer {
724 width: 30px;
725 display: inline-block;
726 height: 1px;
727 }
729 .toolbarButtonFlexibleSpacer {
730 -moz-box-flex: 1;
731 min-width: 30px;
732 }
734 html[dir='ltr'] #findPrevious {
735 margin-left: 3px;
736 }
737 html[dir='ltr'] #findNext {
738 margin-right: 3px;
739 }
741 html[dir='rtl'] #findPrevious {
742 margin-right: 3px;
743 }
744 html[dir='rtl'] #findNext {
745 margin-left: 3px;
746 }
748 .toolbarButton::before,
749 .secondaryToolbarButton::before {
750 /* All matching images have a size of 16x16
751 * All relevant containers have a size of 32x25 */
752 position: absolute;
753 display: inline-block;
754 top: 4px;
755 left: 7px;
756 }
758 html[dir="ltr"] .secondaryToolbarButton::before {
759 left: 4px;
760 }
761 html[dir="rtl"] .secondaryToolbarButton::before {
762 right: 4px;
763 }
765 html[dir='ltr'] .toolbarButton#sidebarToggle::before {
766 content: url(images/toolbarButton-sidebarToggle.png);
767 }
768 html[dir='rtl'] .toolbarButton#sidebarToggle::before {
769 content: url(images/toolbarButton-sidebarToggle-rtl.png);
770 }
772 html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
773 content: url(images/toolbarButton-secondaryToolbarToggle.png);
774 }
775 html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
776 content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png);
777 }
779 html[dir='ltr'] .toolbarButton.findPrevious::before {
780 content: url(images/findbarButton-previous.png);
781 }
782 html[dir='rtl'] .toolbarButton.findPrevious::before {
783 content: url(images/findbarButton-previous-rtl.png);
784 }
786 html[dir='ltr'] .toolbarButton.findNext::before {
787 content: url(images/findbarButton-next.png);
788 }
789 html[dir='rtl'] .toolbarButton.findNext::before {
790 content: url(images/findbarButton-next-rtl.png);
791 }
793 html[dir='ltr'] .toolbarButton.pageUp::before {
794 content: url(images/toolbarButton-pageUp.png);
795 }
796 html[dir='rtl'] .toolbarButton.pageUp::before {
797 content: url(images/toolbarButton-pageUp-rtl.png);
798 }
800 html[dir='ltr'] .toolbarButton.pageDown::before {
801 content: url(images/toolbarButton-pageDown.png);
802 }
803 html[dir='rtl'] .toolbarButton.pageDown::before {
804 content: url(images/toolbarButton-pageDown-rtl.png);
805 }
807 .toolbarButton.zoomOut::before {
808 content: url(images/toolbarButton-zoomOut.png);
809 }
811 .toolbarButton.zoomIn::before {
812 content: url(images/toolbarButton-zoomIn.png);
813 }
815 .toolbarButton.presentationMode::before,
816 .secondaryToolbarButton.presentationMode::before {
817 content: url(images/toolbarButton-presentationMode.png);
818 }
820 .toolbarButton.print::before,
821 .secondaryToolbarButton.print::before {
822 content: url(images/toolbarButton-print.png);
823 }
825 .toolbarButton.openFile::before,
826 .secondaryToolbarButton.openFile::before {
827 content: url(images/toolbarButton-openFile.png);
828 }
830 .toolbarButton.download::before,
831 .secondaryToolbarButton.download::before {
832 content: url(images/toolbarButton-download.png);
833 }
835 .toolbarButton.bookmark,
836 .secondaryToolbarButton.bookmark {
837 box-sizing: border-box;
838 outline: none;
839 padding-top: 4px;
840 text-decoration: none;
841 }
842 .secondaryToolbarButton.bookmark {
843 padding-top: 5px;
844 }
846 .bookmark[href='#'] {
847 opacity: .5;
848 pointer-events: none;
849 }
851 .toolbarButton.bookmark::before,
852 .secondaryToolbarButton.bookmark::before {
853 content: url(images/toolbarButton-bookmark.png);
854 }
856 #viewThumbnail.toolbarButton::before {
857 content: url(images/toolbarButton-viewThumbnail.png);
858 }
860 html[dir="ltr"] #viewOutline.toolbarButton::before {
861 content: url(images/toolbarButton-viewOutline.png);
862 }
863 html[dir="rtl"] #viewOutline.toolbarButton::before {
864 content: url(images/toolbarButton-viewOutline-rtl.png);
865 }
867 #viewAttachments.toolbarButton::before {
868 content: url(images/toolbarButton-viewAttachments.png);
869 }
871 #viewFind.toolbarButton::before {
872 content: url(images/toolbarButton-search.png);
873 }
875 .secondaryToolbarButton {
876 position: relative;
877 margin: 0 0 4px 0;
878 padding: 3px 0 1px 0;
879 height: auto;
880 min-height: 25px;
881 width: auto;
882 min-width: 100%;
883 white-space: normal;
884 }
885 html[dir="ltr"] .secondaryToolbarButton {
886 padding-left: 24px;
887 text-align: left;
888 }
889 html[dir="rtl"] .secondaryToolbarButton {
890 padding-right: 24px;
891 text-align: right;
892 }
893 html[dir="ltr"] .secondaryToolbarButton.bookmark {
894 padding-left: 27px;
895 }
896 html[dir="rtl"] .secondaryToolbarButton.bookmark {
897 padding-right: 27px;
898 }
900 html[dir="ltr"] .secondaryToolbarButton > span {
901 padding-right: 4px;
902 }
903 html[dir="rtl"] .secondaryToolbarButton > span {
904 padding-left: 4px;
905 }
907 .secondaryToolbarButton.firstPage::before {
908 content: url(images/secondaryToolbarButton-firstPage.png);
909 }
911 .secondaryToolbarButton.lastPage::before {
912 content: url(images/secondaryToolbarButton-lastPage.png);
913 }
915 .secondaryToolbarButton.rotateCcw::before {
916 content: url(images/secondaryToolbarButton-rotateCcw.png);
917 }
919 .secondaryToolbarButton.rotateCw::before {
920 content: url(images/secondaryToolbarButton-rotateCw.png);
921 }
923 .secondaryToolbarButton.handTool::before {
924 content: url(images/secondaryToolbarButton-handTool.png);
925 }
927 .secondaryToolbarButton.documentProperties::before {
928 content: url(images/secondaryToolbarButton-documentProperties.png);
929 }
931 .verticalToolbarSeparator {
932 display: block;
933 padding: 8px 0;
934 margin: 8px 4px;
935 width: 1px;
936 background-color: hsla(0,0%,0%,.5);
937 box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
938 }
939 html[dir='ltr'] .verticalToolbarSeparator {
940 margin-left: 2px;
941 }
942 html[dir='rtl'] .verticalToolbarSeparator {
943 margin-right: 2px;
944 }
946 .horizontalToolbarSeparator {
947 display: block;
948 margin: 0 0 4px 0;
949 height: 1px;
950 width: 100%;
951 background-color: hsla(0,0%,0%,.5);
952 box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
953 }
955 .toolbarField {
956 padding: 3px 6px;
957 margin: 4px 0 4px 0;
958 border: 1px solid transparent;
959 border-radius: 2px;
960 background-color: hsla(0,0%,100%,.09);
961 background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
962 background-clip: padding-box;
963 border: 1px solid hsla(0,0%,0%,.35);
964 border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
965 box-shadow: 0 1px 0 hsla(0,0%,0%,.05) inset,
966 0 1px 0 hsla(0,0%,100%,.05);
967 color: hsl(0,0%,95%);
968 font-size: 12px;
969 line-height: 14px;
970 outline-style: none;
971 transition-property: background-color, border-color, box-shadow;
972 transition-duration: 150ms;
973 transition-timing-function: ease;
974 }
976 .toolbarField[type=checkbox] {
977 display: inline-block;
978 margin: 8px 0px;
979 }
981 .toolbarField.pageNumber {
982 -moz-appearance: textfield; /* hides the spinner in moz */
983 min-width: 16px;
984 text-align: right;
985 width: 40px;
986 }
988 .toolbarField:hover {
989 background-color: hsla(0,0%,100%,.11);
990 border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45);
991 }
993 .toolbarField:focus {
994 background-color: hsla(0,0%,100%,.15);
995 border-color: hsla(204,100%,65%,.8) hsla(204,100%,65%,.85) hsla(204,100%,65%,.9);
996 }
998 .toolbarLabel {
999 min-width: 16px;
1000 padding: 3px 6px 3px 2px;
1001 margin: 4px 2px 4px 0;
1002 border: 1px solid transparent;
1003 border-radius: 2px;
1004 color: hsl(0,0%,85%);
1005 font-size: 12px;
1006 line-height: 14px;
1007 text-align: left;
1008 -moz-user-select: none;
1009 cursor: default;
1010 }
1012 #thumbnailView {
1013 position: absolute;
1014 width: 120px;
1015 top: 0;
1016 bottom: 0;
1017 padding: 10px 40px 0;
1018 overflow: auto;
1019 }
1021 .thumbnail {
1022 float: left;
1023 margin-bottom: 5px;
1024 }
1026 #thumbnailView > a:last-of-type > .thumbnail {
1027 margin-bottom: 10px;
1028 }
1030 .thumbnail:not([data-loaded]) {
1031 border: 1px dashed rgba(255, 255, 255, 0.5);
1032 margin-bottom: 10px;
1033 }
1035 .thumbnailImage {
1036 transition-duration: 150ms;
1037 border: 1px solid transparent;
1038 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
1039 opacity: 0.8;
1040 z-index: 99;
1041 }
1043 .thumbnailSelectionRing {
1044 border-radius: 2px;
1045 padding: 7px;
1046 transition-duration: 150ms;
1047 }
1049 a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
1050 .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
1051 opacity: .9;
1052 }
1054 a:focus > .thumbnail > .thumbnailSelectionRing,
1055 .thumbnail:hover > .thumbnailSelectionRing {
1056 background-color: hsla(0,0%,100%,.15);
1057 background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1058 background-clip: padding-box;
1059 box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1060 0 0 1px hsla(0,0%,100%,.2) inset,
1061 0 0 1px hsla(0,0%,0%,.2);
1062 color: hsla(0,0%,100%,.9);
1063 }
1065 .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
1066 box-shadow: 0 0 0 1px hsla(0,0%,0%,.5);
1067 opacity: 1;
1068 }
1070 .thumbnail.selected > .thumbnailSelectionRing {
1071 background-color: hsla(0,0%,100%,.3);
1072 background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1073 background-clip: padding-box;
1074 box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1075 0 0 1px hsla(0,0%,100%,.1) inset,
1076 0 0 1px hsla(0,0%,0%,.2);
1077 color: hsla(0,0%,100%,1);
1078 }
1080 #outlineView,
1081 #attachmentsView {
1082 position: absolute;
1083 width: 192px;
1084 top: 0;
1085 bottom: 0;
1086 padding: 4px 4px 0;
1087 overflow: auto;
1088 -moz-user-select: none;
1089 }
1091 html[dir='ltr'] .outlineItem > .outlineItems {
1092 margin-left: 20px;
1093 }
1095 html[dir='rtl'] .outlineItem > .outlineItems {
1096 margin-right: 20px;
1097 }
1099 .outlineItem > a,
1100 .attachmentsItem > a {
1101 text-decoration: none;
1102 display: inline-block;
1103 min-width: 95%;
1104 height: auto;
1105 margin-bottom: 1px;
1106 border-radius: 2px;
1107 color: hsla(0,0%,100%,.8);
1108 font-size: 13px;
1109 line-height: 15px;
1110 -moz-user-select: none;
1111 white-space: normal;
1112 }
1114 html[dir='ltr'] .outlineItem > a,
1115 html[dir='ltr'] .attachmentsItem > a {
1116 padding: 2px 0 5px 10px;
1117 }
1119 html[dir='rtl'] .outlineItem > a,
1120 html[dir='rtl'] .attachmentsItem > a {
1121 padding: 2px 10px 5px 0;
1122 }
1124 .outlineItem > a:hover,
1125 .attachmentsItem > a:hover {
1126 background-color: hsla(0,0%,100%,.02);
1127 background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1128 background-clip: padding-box;
1129 box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1130 0 0 1px hsla(0,0%,100%,.2) inset,
1131 0 0 1px hsla(0,0%,0%,.2);
1132 color: hsla(0,0%,100%,.9);
1133 }
1135 .outlineItem.selected {
1136 background-color: hsla(0,0%,100%,.08);
1137 background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
1138 background-clip: padding-box;
1139 box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
1140 0 0 1px hsla(0,0%,100%,.1) inset,
1141 0 0 1px hsla(0,0%,0%,.2);
1142 color: hsla(0,0%,100%,1);
1143 }
1145 .noResults {
1146 font-size: 12px;
1147 color: hsla(0,0%,100%,.8);
1148 font-style: italic;
1149 cursor: default;
1150 }
1152 .canvasWrapper {
1153 overflow: hidden;
1154 }
1156 canvas {
1157 margin: 0;
1158 display: block;
1159 }
1161 .page {
1162 direction: ltr;
1163 width: 816px;
1164 height: 1056px;
1165 margin: 1px auto -8px auto;
1166 position: relative;
1167 overflow: visible;
1168 border: 9px solid transparent;
1169 background-clip: content-box;
1170 border-image: url(images/shadow.png) 9 9 repeat;
1171 background-color: white;
1172 }
1174 .annotLink > a:hover {
1175 opacity: 0.2;
1176 background: #ff0;
1177 box-shadow: 0px 2px 10px #ff0;
1178 }
1180 .loadingIcon {
1181 position: absolute;
1182 display: block;
1183 left: 0;
1184 top: 0;
1185 right: 0;
1186 bottom: 0;
1187 background: url('images/loading-icon.gif') center no-repeat;
1188 }
1190 .textLayer {
1191 position: absolute;
1192 left: 0;
1193 top: 0;
1194 right: 0;
1195 bottom: 0;
1196 color: #000;
1197 font-family: sans-serif;
1198 overflow: hidden;
1199 }
1201 .textLayer > div {
1202 color: transparent;
1203 position: absolute;
1204 white-space: pre;
1205 cursor: text;
1206 }
1208 .textLayer .highlight {
1209 margin: -1px;
1210 padding: 1px;
1212 background-color: rgba(180, 0, 170, 0.2);
1213 border-radius: 4px;
1214 }
1216 .textLayer .highlight.begin {
1217 border-radius: 4px 0px 0px 4px;
1218 }
1220 .textLayer .highlight.end {
1221 border-radius: 0px 4px 4px 0px;
1222 }
1224 .textLayer .highlight.middle {
1225 border-radius: 0px;
1226 }
1228 .textLayer .highlight.selected {
1229 background-color: rgba(0, 100, 0, 0.2);
1230 }
1232 /* TODO: file FF bug to support ::-moz-selection:window-inactive
1233 so we can override the opaque grey background when the window is inactive;
1234 see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
1235 ::selection { background:rgba(0,0,255,0.3); }
1236 ::-moz-selection { background:rgba(0,0,255,0.3); }
1238 .annotationHighlight {
1239 position: absolute;
1240 border: 2px #FFFF99 solid;
1241 }
1243 .annotText > img {
1244 position: absolute;
1245 cursor: pointer;
1246 }
1248 .annotTextContentWrapper {
1249 position: absolute;
1250 width: 20em;
1251 }
1253 .annotTextContent {
1254 z-index: 200;
1255 float: left;
1256 max-width: 20em;
1257 background-color: #FFFF99;
1258 box-shadow: 0px 2px 5px #333;
1259 border-radius: 2px;
1260 padding: 0.6em;
1261 cursor: pointer;
1262 }
1264 .annotTextContent > h1 {
1265 font-size: 1em;
1266 border-bottom: 1px solid #000000;
1267 padding-bottom: 0.2em;
1268 }
1270 .annotTextContent > p {
1271 padding-top: 0.2em;
1272 }
1274 .annotLink > a {
1275 position: absolute;
1276 font-size: 1em;
1277 top: 0;
1278 left: 0;
1279 width: 100%;
1280 height: 100%;
1281 }
1283 #errorWrapper {
1284 background: none repeat scroll 0 0 #FF5555;
1285 color: white;
1286 left: 0;
1287 position: absolute;
1288 right: 0;
1289 z-index: 1000;
1290 padding: 3px;
1291 font-size: 0.8em;
1292 }
1293 .loadingInProgress #errorWrapper {
1294 top: 39px;
1295 }
1297 #errorMessageLeft {
1298 float: left;
1299 }
1301 #errorMessageRight {
1302 float: right;
1303 }
1305 #errorMoreInfo {
1306 background-color: #FFFFFF;
1307 color: black;
1308 padding: 3px;
1309 margin: 3px;
1310 width: 98%;
1311 }
1313 #overlayContainer {
1314 display: table;
1315 position: absolute;
1316 width: 100%;
1317 height: 100%;
1318 background-color: hsla(0,0%,0%,.2);
1319 z-index: 10000;
1320 }
1321 #overlayContainer > * {
1322 overflow: auto;
1323 }
1325 #promptContainer {
1326 display: table-cell;
1327 vertical-align: middle;
1328 text-align: center;
1329 }
1331 #promptContainer > * {
1332 display: inline-block;
1333 }
1335 .prompt {
1336 display: table;
1337 padding: 15px;
1338 border-spacing: 4px;
1339 color: hsl(0,0%,85%);
1340 line-height: 14px;
1341 text-align: center;
1342 background-color: #474747; /* fallback */
1343 background-image: url(images/texture.png),
1344 linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
1345 box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
1346 inset 0 1px 1px hsla(0,0%,0%,.15),
1347 inset 0 -1px 0 hsla(0,0%,100%,.05),
1348 0 1px 0 hsla(0,0%,0%,.15),
1349 0 1px 1px hsla(0,0%,0%,.1);
1350 }
1352 .prompt > .row {
1353 display: table-row;
1354 }
1356 .prompt > .row > * {
1357 display: table-cell;
1358 }
1360 .prompt .toolbarField {
1361 margin: 5px 0;
1362 width: 200px;
1363 }
1365 .prompt .toolbarField:hover,
1366 .prompt .toolbarField:focus {
1367 border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
1368 }
1370 #documentPropertiesContainer {
1371 display: table-cell;
1372 vertical-align: middle;
1373 text-align: center;
1374 }
1376 #documentPropertiesContainer > * {
1377 display: inline-block;
1378 padding: 15px;
1379 border-spacing: 4px;
1380 max-width: 350px;
1381 max-height: 350px;
1382 color: hsl(0,0%,85%);
1383 font-size: 12px;
1384 line-height: 14px;
1385 text-align: left;
1386 cursor: default;
1387 background-color: #474747; /* fallback */
1388 background-image: url(images/texture.png),
1389 linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
1390 box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
1391 inset 0 1px 1px hsla(0,0%,0%,.15),
1392 inset 0 -1px 0 hsla(0,0%,100%,.05),
1393 0 1px 0 hsla(0,0%,0%,.15),
1394 0 1px 1px hsla(0,0%,0%,.1);
1395 }
1397 #documentPropertiesContainer .separator {
1398 display: block;
1399 margin: 4px 0 4px 0;
1400 height: 1px;
1401 width: 100%;
1402 background-color: hsla(0,0%,0%,.5);
1403 box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
1404 }
1406 #documentPropertiesContainer .row {
1407 display: table-row;
1408 }
1410 html[dir='ltr'] #documentPropertiesContainer .row > * {
1411 display: table-cell;
1412 min-width: 100px;
1413 }
1415 html[dir='rtl'] #documentPropertiesContainer .row > * {
1416 display: table-cell;
1417 min-width: 100px;
1418 text-align: right;
1419 }
1421 #documentPropertiesContainer .row span {
1422 width: 125px;
1423 word-wrap: break-word;
1424 }
1426 #documentPropertiesContainer .row p {
1427 max-width: 225px;
1428 word-wrap: break-word;
1429 }
1431 #documentPropertiesContainer .buttonRow {
1432 margin-top: 10px;
1433 text-align: center;
1434 vertical-align: middle;
1435 }
1437 .clearBoth {
1438 clear: both;
1439 }
1441 .fileInput {
1442 background: white;
1443 color: black;
1444 margin-top: 5px;
1445 visibility: hidden;
1446 position: fixed;
1447 right: 0;
1448 top: 0;
1449 }
1451 #PDFBug {
1452 background: none repeat scroll 0 0 white;
1453 border: 1px solid #666666;
1454 position: fixed;
1455 top: 32px;
1456 right: 0;
1457 bottom: 0;
1458 font-size: 10px;
1459 padding: 0;
1460 width: 300px;
1461 }
1462 #PDFBug .controls {
1463 background:#EEEEEE;
1464 border-bottom: 1px solid #666666;
1465 padding: 3px;
1466 }
1467 #PDFBug .panels {
1468 bottom: 0;
1469 left: 0;
1470 overflow: auto;
1471 position: absolute;
1472 right: 0;
1473 top: 27px;
1474 }
1475 #PDFBug button.active {
1476 font-weight: bold;
1477 }
1478 .debuggerShowText {
1479 background: none repeat scroll 0 0 yellow;
1480 color: blue;
1481 opacity: 0.3;
1482 }
1483 .debuggerHideText:hover {
1484 background: none repeat scroll 0 0 yellow;
1485 opacity: 0.3;
1486 }
1487 #PDFBug .stats {
1488 font-family: courier;
1489 font-size: 10px;
1490 white-space: pre;
1491 }
1492 #PDFBug .stats .title {
1493 font-weight: bold;
1494 }
1495 #PDFBug table {
1496 font-size: 10px;
1497 }
1499 #viewer.textLayer-visible .textLayer > div,
1500 #viewer.textLayer-hover .textLayer > div:hover {
1501 background-color: white;
1502 color: black;
1503 }
1505 #viewer.textLayer-shadow .textLayer > div {
1506 background-color: rgba(255,255,255, .6);
1507 color: black;
1508 }
1510 .grab-to-pan-grab {
1511 cursor: url("images/grab.cur"), move !important;
1512 cursor: grab !important;
1513 }
1514 .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
1515 cursor: inherit !important;
1516 }
1517 .grab-to-pan-grab:active,
1518 .grab-to-pan-grabbing {
1519 cursor: url("images/grabbing.cur"), move !important;
1520 cursor: grabbing !important;
1522 position: fixed;
1523 background: transparent;
1524 display: block;
1525 top: 0;
1526 left: 0;
1527 right: 0;
1528 bottom: 0;
1529 overflow: hidden;
1530 z-index: 50000; /* should be higher than anything else in PDF.js! */
1531 }
1533 @page {
1534 margin: 0;
1535 }
1537 #printContainer {
1538 display: none;
1539 }
1541 @media screen and (min-resolution: 2dppx) {
1542 /* Rules for Retina screens */
1543 .toolbarButton::before {
1544 transform: scale(0.5);
1545 top: -5px;
1546 }
1548 .secondaryToolbarButton::before {
1549 transform: scale(0.5);
1550 top: -4px;
1551 }
1553 html[dir='ltr'] .toolbarButton::before,
1554 html[dir='rtl'] .toolbarButton::before {
1555 left: -1px;
1556 }
1558 html[dir='ltr'] .secondaryToolbarButton::before {
1559 left: -2px;
1560 }
1561 html[dir='rtl'] .secondaryToolbarButton::before {
1562 left: 186px;
1563 }
1565 .dropdownToolbarButton {
1566 background: url(images/toolbarButton-menuArrows@2x.png) no-repeat;
1567 background-size: 7px 16px;
1568 }
1570 html[dir='ltr'] .toolbarButton#sidebarToggle::before {
1571 content: url(images/toolbarButton-sidebarToggle@2x.png);
1572 }
1573 html[dir='rtl'] .toolbarButton#sidebarToggle::before {
1574 content: url(images/toolbarButton-sidebarToggle-rtl@2x.png);
1575 }
1577 html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
1578 content: url(images/toolbarButton-secondaryToolbarToggle@2x.png);
1579 }
1580 html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
1581 content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png);
1582 }
1584 html[dir='ltr'] .toolbarButton.findPrevious::before {
1585 content: url(images/findbarButton-previous@2x.png);
1586 }
1587 html[dir='rtl'] .toolbarButton.findPrevious::before {
1588 content: url(images/findbarButton-previous-rtl@2x.png);
1589 }
1591 html[dir='ltr'] .toolbarButton.findNext::before {
1592 content: url(images/findbarButton-next@2x.png);
1593 }
1594 html[dir='rtl'] .toolbarButton.findNext::before {
1595 content: url(images/findbarButton-next-rtl@2x.png);
1596 }
1598 html[dir='ltr'] .toolbarButton.pageUp::before {
1599 content: url(images/toolbarButton-pageUp@2x.png);
1600 }
1601 html[dir='rtl'] .toolbarButton.pageUp::before {
1602 content: url(images/toolbarButton-pageUp-rtl@2x.png);
1603 }
1605 html[dir='ltr'] .toolbarButton.pageDown::before {
1606 content: url(images/toolbarButton-pageDown@2x.png);
1607 }
1608 html[dir='rtl'] .toolbarButton.pageDown::before {
1609 content: url(images/toolbarButton-pageDown-rtl@2x.png);
1610 }
1612 .toolbarButton.zoomIn::before {
1613 content: url(images/toolbarButton-zoomIn@2x.png);
1614 }
1616 .toolbarButton.zoomOut::before {
1617 content: url(images/toolbarButton-zoomOut@2x.png);
1618 }
1620 .toolbarButton.presentationMode::before,
1621 .secondaryToolbarButton.presentationMode::before {
1622 content: url(images/toolbarButton-presentationMode@2x.png);
1623 }
1625 .toolbarButton.print::before,
1626 .secondaryToolbarButton.print::before {
1627 content: url(images/toolbarButton-print@2x.png);
1628 }
1630 .toolbarButton.openFile::before,
1631 .secondaryToolbarButton.openFile::before {
1632 content: url(images/toolbarButton-openFile@2x.png);
1633 }
1635 .toolbarButton.download::before,
1636 .secondaryToolbarButton.download::before {
1637 content: url(images/toolbarButton-download@2x.png);
1638 }
1640 .toolbarButton.bookmark::before,
1641 .secondaryToolbarButton.bookmark::before {
1642 content: url(images/toolbarButton-bookmark@2x.png);
1643 }
1645 #viewThumbnail.toolbarButton::before {
1646 content: url(images/toolbarButton-viewThumbnail@2x.png);
1647 }
1649 html[dir="ltr"] #viewOutline.toolbarButton::before {
1650 content: url(images/toolbarButton-viewOutline@2x.png);
1651 }
1652 html[dir="rtl"] #viewOutline.toolbarButton::before {
1653 content: url(images/toolbarButton-viewOutline-rtl@2x.png);
1654 }
1656 #viewAttachments.toolbarButton::before {
1657 content: url(images/toolbarButton-viewAttachments@2x.png);
1658 }
1660 #viewFind.toolbarButton::before {
1661 content: url(images/toolbarButton-search@2x.png);
1662 }
1664 .secondaryToolbarButton.firstPage::before {
1665 content: url(images/secondaryToolbarButton-firstPage@2x.png);
1666 }
1668 .secondaryToolbarButton.lastPage::before {
1669 content: url(images/secondaryToolbarButton-lastPage@2x.png);
1670 }
1672 .secondaryToolbarButton.rotateCcw::before {
1673 content: url(images/secondaryToolbarButton-rotateCcw@2x.png);
1674 }
1676 .secondaryToolbarButton.rotateCw::before {
1677 content: url(images/secondaryToolbarButton-rotateCw@2x.png);
1678 }
1680 .secondaryToolbarButton.handTool::before {
1681 content: url(images/secondaryToolbarButton-handTool@2x.png);
1682 }
1684 .secondaryToolbarButton.documentProperties::before {
1685 content: url(images/secondaryToolbarButton-documentProperties@2x.png);
1686 }
1687 }
1689 @media print {
1690 /* General rules for printing. */
1691 body {
1692 background: transparent none;
1693 }
1695 /* Rules for browsers that don't support mozPrintCallback. */
1696 #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer {
1697 display: none;
1698 }
1699 #viewerContainer {
1700 overflow: visible;
1701 }
1703 #mainContainer, #viewerContainer, .page, .page canvas {
1704 position: static;
1705 padding: 0;
1706 margin: 0;
1707 }
1709 .page {
1710 float: left;
1711 display: none;
1712 border: none;
1713 box-shadow: none;
1714 }
1716 .page[data-loaded] {
1717 display: block;
1718 }
1720 .fileInput {
1721 display: none;
1722 }
1724 /* Rules for browsers that support mozPrintCallback */
1725 body[data-mozPrintCallback] #outerContainer {
1726 display: none;
1727 }
1728 body[data-mozPrintCallback] #printContainer {
1729 display: block;
1730 }
1731 #printContainer canvas {
1732 position: relative;
1733 top: 0;
1734 left: 0;
1735 }
1736 }
1738 .visibleLargeView,
1739 .visibleMediumView,
1740 .visibleSmallView {
1741 display: none;
1742 }
1744 @media all and (max-width: 960px) {
1745 html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
1746 html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
1747 float: left;
1748 left: 205px;
1749 }
1750 html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
1751 html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
1752 float: right;
1753 right: 205px;
1754 }
1755 }
1757 @media all and (max-width: 900px) {
1758 .sidebarOpen .hiddenLargeView {
1759 display: none;
1760 }
1761 .sidebarOpen .visibleLargeView {
1762 display: inherit;
1763 }
1764 }
1766 @media all and (max-width: 860px) {
1767 .sidebarOpen .hiddenMediumView {
1768 display: none;
1769 }
1770 .sidebarOpen .visibleMediumView {
1771 display: inherit;
1772 }
1773 }
1775 @media all and (max-width: 770px) {
1776 #sidebarContainer {
1777 top: 32px;
1778 z-index: 100;
1779 }
1780 .loadingInProgress #sidebarContainer {
1781 top: 39px;
1782 }
1783 #sidebarContent {
1784 top: 32px;
1785 background-color: hsla(0,0%,0%,.7);
1786 }
1788 html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
1789 left: 0px;
1790 }
1791 html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
1792 right: 0px;
1793 }
1795 html[dir='ltr'] .outerCenter {
1796 float: left;
1797 left: 205px;
1798 }
1799 html[dir='rtl'] .outerCenter {
1800 float: right;
1801 right: 205px;
1802 }
1804 #outerContainer .hiddenLargeView,
1805 #outerContainer .hiddenMediumView {
1806 display: inherit;
1807 }
1808 #outerContainer .visibleLargeView,
1809 #outerContainer .visibleMediumView {
1810 display: none;
1811 }
1812 }
1814 @media all and (max-width: 700px) {
1815 #outerContainer .hiddenLargeView {
1816 display: none;
1817 }
1818 #outerContainer .visibleLargeView {
1819 display: inherit;
1820 }
1821 }
1823 @media all and (max-width: 660px) {
1824 #outerContainer .hiddenMediumView {
1825 display: none;
1826 }
1827 #outerContainer .visibleMediumView {
1828 display: inherit;
1829 }
1830 }
1832 @media all and (max-width: 600px) {
1833 .hiddenSmallView {
1834 display: none;
1835 }
1836 .visibleSmallView {
1837 display: inherit;
1838 }
1839 html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
1840 html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter,
1841 html[dir='ltr'] .outerCenter {
1842 left: 156px;
1843 }
1844 html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
1845 html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter,
1846 html[dir='rtl'] .outerCenter {
1847 right: 156px;
1848 }
1849 .toolbarButtonSpacer {
1850 width: 0;
1851 }
1852 }
1854 @media all and (max-width: 510px) {
1855 #scaleSelectContainer, #pageNumberLabel {
1856 display: none;
1857 }
1858 }
