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 415html { 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 422body { 423 height: 100%; 424 width: 100%; 425 background-color: #404040; 426 background-image: url(images/texture.png); 427} 428 429body, 430input, 431button, 432select { 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} 563html[dir='ltr'] #sidebarContainer { 564 -webkit-transition-property: left; 565 transition-property: left; 566 left: -200px; 567 left: calc(-1 * var(--sidebar-width)); 568} 569html[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} 595html[dir='ltr'] #outerContainer.sidebarOpen #sidebarContainer { 596 left: 0px; 597} 598html[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} 620html[dir='ltr'] #sidebarContent { 621 left: 0; 622 box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25); 623} 624html[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} 645html[dir='ltr'] #viewerContainer { 646 box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05); 647} 648html[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 658html[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} 664html[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} 692html[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} 698html[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} 713html[dir='ltr'] #sidebarResizer { 714 right: -6px; 715} 716html[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} 729html[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} 735html[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} 826html[dir='ltr'] .findbar { 827 left: 68px; 828} 829html[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} 863html[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} 872html[dir='ltr'] .secondaryToolbar { 873 right: 4px; 874} 875html[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 919html[dir='ltr'] .doorHanger:after, 920html[dir='rtl'] .doorHangerRight:after { 921 left: 13px; 922 margin-left: -8px; 923} 924 925html[dir='ltr'] .doorHanger:before, 926html[dir='rtl'] .doorHangerRight:before { 927 left: 13px; 928 margin-left: -9px; 929} 930 931html[dir='rtl'] .doorHanger:after, 932html[dir='ltr'] .doorHangerRight:after { 933 right: 13px; 934 margin-right: -8px; 935} 936 937html[dir='rtl'] .doorHanger:before, 938html[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 969html[dir='ltr'] #toolbarViewerLeft, 970html[dir='rtl'] #toolbarViewerRight { 971 float: left; 972} 973html[dir='ltr'] #toolbarViewerRight, 974html[dir='rtl'] #toolbarViewerLeft { 975 float: right; 976} 977html[dir='ltr'] #toolbarViewerLeft > *, 978html[dir='ltr'] #toolbarViewerMiddle > *, 979html[dir='ltr'] #toolbarViewerRight > *, 980html[dir='ltr'] .findbar * { 981 position: relative; 982 float: left; 983} 984html[dir='rtl'] #toolbarViewerLeft > *, 985html[dir='rtl'] #toolbarViewerMiddle > *, 986html[dir='rtl'] #toolbarViewerRight > *, 987html[dir='rtl'] .findbar * { 988 position: relative; 989 float: right; 990} 991 992html[dir='ltr'] .splitToolbarButton { 993 margin: 3px 2px 4px 0; 994 display: inline-block; 995} 996html[dir='rtl'] .splitToolbarButton { 997 margin: 3px 0 4px 2px; 998 display: inline-block; 999} 1000html[dir='ltr'] .splitToolbarButton > .toolbarButton { 1001 border-radius: 0; 1002 float: left; 1003} 1004html[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} 1072html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child, 1073html[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} 1081html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child, 1082html[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} 1099html[dir='ltr'] .splitToolbarButtonSeparator { 1100 float: left; 1101} 1102html[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 1143html[dir='ltr'] .toolbarButton, 1144html[dir='ltr'] .overlayButton, 1145html[dir='ltr'] .dropdownToolbarButton { 1146 margin: 3px 2px 4px 0; 1147} 1148html[dir='rtl'] .toolbarButton, 1149html[dir='rtl'] .overlayButton, 1150html[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} 1225html[dir='ltr'] .dropdownToolbarButton { 1226 background-position: 95%; 1227} 1228html[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 1254html[dir='ltr'] .splitToolbarButton:first-child, 1255html[dir='ltr'] .toolbarButton:first-child, 1256html[dir='rtl'] .splitToolbarButton:last-child, 1257html[dir='rtl'] .toolbarButton:last-child { 1258 margin-left: 4px; 1259} 1260html[dir='ltr'] .splitToolbarButton:last-child, 1261html[dir='ltr'] .toolbarButton:last-child, 1262html[dir='rtl'] .splitToolbarButton:first-child, 1263html[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 1273html[dir='ltr'] #findPrevious { 1274 margin-left: 3px; 1275} 1276html[dir='ltr'] #findNext { 1277 margin-right: 3px; 1278} 1279 1280html[dir='rtl'] #findPrevious { 1281 margin-right: 3px; 1282} 1283html[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 1297html[dir="ltr"] .secondaryToolbarButton::before { 1298 left: 4px; 1299} 1300html[dir="rtl"] .secondaryToolbarButton::before { 1301 right: 4px; 1302} 1303 1304html[dir='ltr'] .toolbarButton#sidebarToggle::before { 1305 content: url(images/toolbarButton-sidebarToggle.png); 1306} 1307html[dir='rtl'] .toolbarButton#sidebarToggle::before { 1308 content: url(images/toolbarButton-sidebarToggle-rtl.png); 1309} 1310 1311html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before { 1312 content: url(images/toolbarButton-secondaryToolbarToggle.png); 1313} 1314html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { 1315 content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png); 1316} 1317 1318html[dir='ltr'] .toolbarButton.findPrevious::before { 1319 content: url(images/findbarButton-previous.png); 1320} 1321html[dir='rtl'] .toolbarButton.findPrevious::before { 1322 content: url(images/findbarButton-previous-rtl.png); 1323} 1324 1325html[dir='ltr'] .toolbarButton.findNext::before { 1326 content: url(images/findbarButton-next.png); 1327} 1328html[dir='rtl'] .toolbarButton.findNext::before { 1329 content: url(images/findbarButton-next-rtl.png); 1330} 1331 1332html[dir='ltr'] .toolbarButton.pageUp::before { 1333 content: url(images/toolbarButton-pageUp.png); 1334} 1335html[dir='rtl'] .toolbarButton.pageUp::before { 1336 content: url(images/toolbarButton-pageUp-rtl.png); 1337} 1338 1339html[dir='ltr'] .toolbarButton.pageDown::before { 1340 content: url(images/toolbarButton-pageDown.png); 1341} 1342html[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 1399html[dir="ltr"] #viewOutline.toolbarButton::before { 1400 content: url(images/toolbarButton-viewOutline.png); 1401} 1402html[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} 1425html[dir='ltr'] .toolbarButton.pdfSidebarNotification::after { 1426 left: 17px; 1427} 1428html[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} 1442html[dir="ltr"] .secondaryToolbarButton { 1443 padding-left: 24px; 1444 text-align: left; 1445} 1446html[dir="rtl"] .secondaryToolbarButton { 1447 padding-right: 24px; 1448 text-align: right; 1449} 1450html[dir="ltr"] .secondaryToolbarButton.bookmark { 1451 padding-left: 27px; 1452} 1453html[dir="rtl"] .secondaryToolbarButton.bookmark { 1454 padding-right: 27px; 1455} 1456 1457html[dir="ltr"] .secondaryToolbarButton > span { 1458 padding-right: 4px; 1459} 1460html[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} 1524html[dir='ltr'] .verticalToolbarSeparator { 1525 margin-left: 2px; 1526} 1527html[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} 1634html[dir='ltr'] .thumbnail { 1635 float: left; 1636} 1637html[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 1668a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage, 1669.thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage { 1670 opacity: .9; 1671} 1672 1673a: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 1722html[dir='ltr'] .outlineWithDeepNesting > .outlineItem, 1723html[dir='ltr'] .outlineItem > .outlineItems { 1724 margin-left: 20px; 1725} 1726 1727html[dir='rtl'] .outlineWithDeepNesting > .outlineItem, 1728html[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 1759html[dir='ltr'] .outlineItem > a { 1760 padding: 2px 0 5px 4px; 1761} 1762html[dir='ltr'] .attachmentsItem > button { 1763 padding: 2px 0 3px 7px; 1764 text-align: left; 1765} 1766 1767html[dir='rtl'] .outlineItem > a { 1768 padding: 2px 4px 5px 0; 1769} 1770html[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} 1786html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before { 1787 content: url(images/treeitem-collapsed.png); 1788} 1789html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before { 1790 content: url(images/treeitem-collapsed-rtl.png); 1791} 1792.outlineItemToggler.outlineItemsHidden ~ .outlineItems { 1793 display: none; 1794} 1795html[dir='ltr'] .outlineItemToggler { 1796 float: left; 1797} 1798html[dir='rtl'] .outlineItemToggler { 1799 float: right; 1800} 1801html[dir='ltr'] .outlineItemToggler::before { 1802 right: 4px; 1803} 1804html[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} 1968html[dir='ltr'] #documentPropertiesOverlay .row > * { 1969 text-align: left; 1970} 1971html[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