diff --git a/print/pdfjs/web/viewer.css b/print/pdfjs/web/viewer.css index 595660a..ea0d71c 100644 --- a/print/pdfjs/web/viewer.css +++ b/print/pdfjs/web/viewer.css @@ -14,99 +14,99 @@ */ .textLayer { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - overflow: hidden; - opacity: 0.2; - line-height: 1.0; + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + overflow: hidden; + opacity: 0.2; + line-height: 1.0; } .textLayer > span { - color: transparent; - position: absolute; - white-space: pre; - cursor: text; - transform-origin: 0% 0%; + color: transparent; + position: absolute; + white-space: pre; + cursor: text; + transform-origin: 0% 0%; } .textLayer .highlight { - margin: -1px; - padding: 1px; - background-color: rgba(180, 0, 170, 1); - border-radius: 4px; + margin: -1px; + padding: 1px; + background-color: rgba(180, 0, 170, 1); + border-radius: 4px; } .textLayer .highlight.begin { - border-radius: 4px 0px 0px 4px; + border-radius: 4px 0px 0px 4px; } .textLayer .highlight.end { - border-radius: 0px 4px 4px 0px; + border-radius: 0px 4px 4px 0px; } .textLayer .highlight.middle { - border-radius: 0px; + border-radius: 0px; } .textLayer .highlight.selected { - background-color: rgba(0, 100, 0, 1); + background-color: rgba(0, 100, 0, 1); } .textLayer ::-moz-selection { - background: rgba(0, 0, 255, 1); + background: rgba(0, 0, 255, 1); } .textLayer ::selection { - background: rgba(0, 0, 255, 1); + background: rgba(0, 0, 255, 1); } .textLayer .endOfContent { - display: block; - position: absolute; - left: 0px; - top: 100%; - right: 0px; - bottom: 0px; - z-index: -1; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + display: block; + position: absolute; + left: 0px; + top: 100%; + right: 0px; + bottom: 0px; + z-index: -1; + cursor: default; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .textLayer .endOfContent.active { - top: 0px; + top: 0px; } .annotationLayer section { - position: absolute; + position: absolute; } .annotationLayer .linkAnnotation > a, .annotationLayer .buttonWidgetAnnotation.pushButton > a { - position: absolute; - font-size: 1em; - top: 0; - left: 0; - width: 100%; - height: 100%; + position: absolute; + font-size: 1em; + top: 0; + left: 0; + width: 100%; + height: 100%; } .annotationLayer .linkAnnotation > a:hover, .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover { - opacity: 0.2; - background: rgba(255, 255, 0, 1); - box-shadow: 0px 2px 10px rgba(255, 255, 0, 1); + opacity: 0.2; + background: rgba(255, 255, 0, 1); + box-shadow: 0px 2px 10px rgba(255, 255, 0, 1); } .annotationLayer .textAnnotation img { - position: absolute; - cursor: pointer; + position: absolute; + cursor: pointer; } .annotationLayer .textWidgetAnnotation input, @@ -114,29 +114,29 @@ .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { - background-color: rgba(0, 54, 255, 0.13); - border: 1px solid transparent; - box-sizing: border-box; - font-size: 9px; - height: 100%; - margin: 0; - padding: 0 3px; - vertical-align: top; - width: 100%; + background-color: rgba(0, 54, 255, 0.13); + border: 1px solid transparent; + box-sizing: border-box; + font-size: 9px; + height: 100%; + margin: 0; + padding: 0 3px; + vertical-align: top; + width: 100%; } .annotationLayer .choiceWidgetAnnotation select option { - padding: 0; + padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { - border-radius: 50%; + border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { - font: message-box; - font-size: 9px; - resize: none; + font: message-box; + font-size: 9px; + resize: none; } .annotationLayer .textWidgetAnnotation input[disabled], @@ -144,9 +144,9 @@ .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled], .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] { - background: none; - border: 1px solid transparent; - cursor: not-allowed; + background: none; + border: 1px solid transparent; + cursor: not-allowed; } .annotationLayer .textWidgetAnnotation input:hover, @@ -154,109 +154,109 @@ .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover, .annotationLayer .buttonWidgetAnnotation.radioButton input:hover { - border: 1px solid rgba(0, 0, 0, 1); + border: 1px solid rgba(0, 0, 0, 1); } .annotationLayer .textWidgetAnnotation input:focus, .annotationLayer .textWidgetAnnotation textarea:focus, .annotationLayer .choiceWidgetAnnotation select:focus { - background: none; - border: 1px solid transparent; + background: none; + border: 1px solid transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { - background-color: rgba(0, 0, 0, 1); - content: ''; - display: block; - position: absolute; + background-color: rgba(0, 0, 0, 1); + content: ''; + display: block; + position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { - height: 80%; - left: 45%; - width: 1px; + height: 80%; + left: 45%; + width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { - transform: rotate(45deg); + transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { - transform: rotate(-45deg); + transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { - border-radius: 50%; - height: 50%; - left: 30%; - top: 20%; - width: 50%; + border-radius: 50%; + height: 50%; + left: 30%; + top: 20%; + width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { - font-family: monospace; - padding-left: 2px; - padding-right: 0; + font-family: monospace; + padding-left: 2px; + padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb:focus { - /* - * Letter spacing is placed on the right side of each character. Hence, the - * letter spacing of the last character may be placed outside the visible - * area, causing horizontal scrolling. We avoid this by extending the width - * when the element has focus and revert this when it loses focus. - */ - width: 115%; + /* + * Letter spacing is placed on the right side of each character. Hence, the + * letter spacing of the last character may be placed outside the visible + * area, causing horizontal scrolling. We avoid this by extending the width + * when the element has focus and revert this when it loses focus. + */ + width: 115%; } .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: 0; } .annotationLayer .popupWrapper { - position: absolute; - width: 20em; + position: absolute; + width: 20em; } .annotationLayer .popup { - position: absolute; - z-index: 200; - max-width: 20em; - background-color: rgba(255, 255, 153, 1); - box-shadow: 0px 2px 5px rgba(136, 136, 136, 1); - border-radius: 2px; - padding: 6px; - margin-left: 5px; - cursor: pointer; - font: message-box; - font-size: 9px; - word-wrap: break-word; + position: absolute; + z-index: 200; + max-width: 20em; + background-color: rgba(255, 255, 153, 1); + box-shadow: 0px 2px 5px rgba(136, 136, 136, 1); + border-radius: 2px; + padding: 6px; + margin-left: 5px; + cursor: pointer; + font: message-box; + font-size: 9px; + word-wrap: break-word; } .annotationLayer .popup > * { - font-size: 9px; + font-size: 9px; } .annotationLayer .popup h1 { - display: inline-block; + display: inline-block; } .annotationLayer .popup span { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .annotationLayer .popup p { - border-top: 1px solid rgba(51, 51, 51, 1); - margin-top: 2px; - padding-top: 2px; + border-top: 1px solid rgba(51, 51, 51, 1); + margin-top: 2px; + padding-top: 2px; } .annotationLayer .highlightAnnotation, @@ -273,56 +273,56 @@ .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { - cursor: pointer; + cursor: pointer; } .pdfViewer .canvasWrapper { - overflow: hidden; + overflow: hidden; } .pdfViewer .page { - direction: ltr; - width: 816px; - height: 1056px; - margin: 1px auto -8px auto; - position: relative; - overflow: visible; - border: 9px solid transparent; - background-clip: content-box; - -o-border-image: url(images/shadow.png) 9 9 repeat; - border-image: url(images/shadow.png) 9 9 repeat; - background-color: rgba(255, 255, 255, 1); + direction: ltr; + width: 816px; + height: 1056px; + margin: 1px auto -8px auto; + position: relative; + overflow: visible; + border: 9px solid transparent; + background-clip: content-box; + -o-border-image: url(images/shadow.png) 9 9 repeat; + border-image: url(images/shadow.png) 9 9 repeat; + background-color: rgba(255, 255, 255, 1); } .pdfViewer.removePageBorders .page { - margin: 0px auto 10px auto; - border: none; + margin: 0px auto 10px auto; + border: none; } .pdfViewer.singlePageView { - display: inline-block; + display: inline-block; } .pdfViewer.singlePageView .page { - margin: 0; - border: none; + margin: 0; + border: none; } .pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread { - margin-left: 3.5px; - margin-right: 3.5px; - text-align: center; + margin-left: 3.5px; + margin-right: 3.5px; + text-align: center; } .pdfViewer.scrollHorizontal, .spread { - white-space: nowrap; + white-space: nowrap; } .pdfViewer.removePageBorders, .pdfViewer.scrollHorizontal .spread, .pdfViewer.scrollWrapped .spread { - margin-left: 0; - margin-right: 0; + margin-left: 0; + margin-right: 0; } .spread .page, @@ -330,710 +330,710 @@ .pdfViewer.scrollWrapped .page, .pdfViewer.scrollHorizontal .spread, .pdfViewer.scrollWrapped .spread { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } .spread .page, .pdfViewer.scrollHorizontal .page, .pdfViewer.scrollWrapped .page { - margin-left: -3.5px; - margin-right: -3.5px; + margin-left: -3.5px; + margin-right: -3.5px; } .pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders.scrollHorizontal .page, .pdfViewer.removePageBorders.scrollWrapped .page { - margin-left: 5px; - margin-right: 5px; + margin-left: 5px; + margin-right: 5px; } .pdfViewer .page canvas { - margin: 0; - display: block; + margin: 0; + display: block; } .pdfViewer .page canvas[hidden] { - display: none; + display: none; } .pdfViewer .page .loadingIcon { - position: absolute; - display: block; - left: 0; - top: 0; - right: 0; - bottom: 0; - background: url('images/loading-icon.gif') center no-repeat; + position: absolute; + display: block; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: url('images/loading-icon.gif') center no-repeat; } .pdfPresentationMode .pdfViewer { - margin-left: 0; - margin-right: 0; + margin-left: 0; + margin-right: 0; } .pdfPresentationMode .pdfViewer .page, .pdfPresentationMode .pdfViewer .spread { - display: block; + display: block; } .pdfPresentationMode .pdfViewer .page, .pdfPresentationMode .pdfViewer.removePageBorders .page { - margin-left: auto; - margin-right: auto; + margin-left: auto; + margin-right: auto; } .pdfPresentationMode:-ms-fullscreen .pdfViewer .page { - margin-bottom: 100% !important; + margin-bottom: 100% !important; } .pdfPresentationMode:-webkit-full-screen .pdfViewer .page { - margin-bottom: 100%; - border: 0; + margin-bottom: 100%; + border: 0; } .pdfPresentationMode:-moz-full-screen .pdfViewer .page { - margin-bottom: 100%; - border: 0; + margin-bottom: 100%; + border: 0; } .pdfPresentationMode:fullscreen .pdfViewer .page { - margin-bottom: 100%; - border: 0; + margin-bottom: 100%; + border: 0; } :root { - --sidebar-width: 200px; - --sidebar-transition-duration: 200ms; - --sidebar-transition-timing-function: ease; + --sidebar-width: 200px; + --sidebar-transition-duration: 200ms; + --sidebar-transition-timing-function: ease; } * { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } html { - height: 100%; - width: 100%; - /* Font size is needed to make the activity bar the correct size. */ - font-size: 10px; + height: 100%; + width: 100%; + /* Font size is needed to make the activity bar the correct size. */ + font-size: 10px; } body { - height: 100%; - width: 100%; - background-color: rgba(64, 64, 64, 1); - background-image: url(images/texture.png); + height: 100%; + width: 100%; + background-color: rgba(64, 64, 64, 1); + background-image: url(images/texture.png); } body, input, button, select { - font: message-box; - outline: none; + font: message-box; + outline: none; } .hidden { - display: none !important; + display: none !important; } [hidden] { - display: none !important; + display: none !important; } .pdfViewer.enablePermissions .textLayer > span { - -webkit-user-select: none !important; - -moz-user-select: none !important; - -ms-user-select: none !important; - user-select: none !important; - cursor: not-allowed; + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; + cursor: not-allowed; } #viewerContainer.pdfPresentationMode:-ms-fullscreen { - top: 0px !important; - overflow: hidden !important; + top: 0px !important; + overflow: hidden !important; } #viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop { - background-color: rgba(0, 0, 0, 1); + background-color: rgba(0, 0, 0, 1); } #viewerContainer.pdfPresentationMode:-webkit-full-screen { - top: 0px; - border-top: 2px solid rgba(0, 0, 0, 0); - background-color: rgba(0, 0, 0, 1); - width: 100%; - height: 100%; - overflow: hidden; - cursor: none; - -webkit-user-select: none; - user-select: none; + top: 0px; + border-top: 2px solid rgba(0, 0, 0, 0); + background-color: rgba(0, 0, 0, 1); + width: 100%; + height: 100%; + overflow: hidden; + cursor: none; + -webkit-user-select: none; + user-select: none; } #viewerContainer.pdfPresentationMode:-moz-full-screen { - top: 0px; - border-top: 2px solid rgba(0, 0, 0, 0); - background-color: rgba(0, 0, 0, 1); - width: 100%; - height: 100%; - overflow: hidden; - cursor: none; - -moz-user-select: none; - user-select: none; + top: 0px; + border-top: 2px solid rgba(0, 0, 0, 0); + background-color: rgba(0, 0, 0, 1); + width: 100%; + height: 100%; + overflow: hidden; + cursor: none; + -moz-user-select: none; + user-select: none; } #viewerContainer.pdfPresentationMode:-ms-fullscreen { - top: 0px; - border-top: 2px solid rgba(0, 0, 0, 0); - background-color: rgba(0, 0, 0, 1); - width: 100%; - height: 100%; - overflow: hidden; - cursor: none; - -ms-user-select: none; - user-select: none; + top: 0px; + border-top: 2px solid rgba(0, 0, 0, 0); + background-color: rgba(0, 0, 0, 1); + width: 100%; + height: 100%; + overflow: hidden; + cursor: none; + -ms-user-select: none; + user-select: none; } #viewerContainer.pdfPresentationMode:fullscreen { - top: 0px; - border-top: 2px solid rgba(0, 0, 0, 0); - background-color: rgba(0, 0, 0, 1); - width: 100%; - height: 100%; - overflow: hidden; - cursor: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + top: 0px; + border-top: 2px solid rgba(0, 0, 0, 0); + background-color: rgba(0, 0, 0, 1); + width: 100%; + height: 100%; + overflow: hidden; + cursor: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .pdfPresentationMode:-webkit-full-screen a:not(.internalLink) { - display: none; + display: none; } .pdfPresentationMode:-moz-full-screen a:not(.internalLink) { - display: none; + display: none; } .pdfPresentationMode:-ms-fullscreen a:not(.internalLink) { - display: none; + display: none; } .pdfPresentationMode:fullscreen a:not(.internalLink) { - display: none; + display: none; } .pdfPresentationMode:-webkit-full-screen .textLayer > span { - cursor: none; + cursor: none; } .pdfPresentationMode:-moz-full-screen .textLayer > span { - cursor: none; + cursor: none; } .pdfPresentationMode:-ms-fullscreen .textLayer > span { - cursor: none; + cursor: none; } .pdfPresentationMode:fullscreen .textLayer > span { - cursor: none; + cursor: none; } .pdfPresentationMode.pdfPresentationModeControls > *, .pdfPresentationMode.pdfPresentationModeControls .textLayer > span { - cursor: default; + cursor: default; } #outerContainer { - width: 100%; - height: 100%; - position: relative; + width: 100%; + height: 100%; + position: relative; } #sidebarContainer { - position: absolute; - top: 32px; - bottom: 0; - width: 200px; - width: var(--sidebar-width); - visibility: hidden; - z-index: 100; - border-top: 1px solid rgba(51, 51, 51, 1); - transition-duration: 200ms; - transition-duration: var(--sidebar-transition-duration); - transition-timing-function: ease; - transition-timing-function: var(--sidebar-transition-timing-function); + position: absolute; + top: 32px; + bottom: 0; + width: 200px; + width: var(--sidebar-width); + visibility: hidden; + z-index: 100; + border-top: 1px solid rgba(51, 51, 51, 1); + transition-duration: 200ms; + transition-duration: var(--sidebar-transition-duration); + transition-timing-function: ease; + transition-timing-function: var(--sidebar-transition-timing-function); } html[dir='ltr'] #sidebarContainer { - transition-property: left; - left: -200px; - left: calc(0px - var(--sidebar-width)); + transition-property: left; + left: -200px; + left: calc(0px - var(--sidebar-width)); } html[dir='rtl'] #sidebarContainer { - transition-property: right; - right: -200px; - right: calc(0px - var(--sidebar-width)); + transition-property: right; + right: -200px; + right: calc(0px - var(--sidebar-width)); } .loadingInProgress #sidebarContainer { - top: 36px; + top: 36px; } #outerContainer.sidebarResizing #sidebarContainer { - /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ - transition-duration: 0s; - /* Prevent e.g. the thumbnails being selected when the sidebar is resized. */ - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ + transition-duration: 0s; + /* Prevent e.g. the thumbnails being selected when the sidebar is resized. */ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } #outerContainer.sidebarMoving #sidebarContainer, #outerContainer.sidebarOpen #sidebarContainer { - visibility: visible; + visibility: visible; } html[dir='ltr'] #outerContainer.sidebarOpen #sidebarContainer { - left: 0px; + left: 0px; } html[dir='rtl'] #outerContainer.sidebarOpen #sidebarContainer { - right: 0px; + right: 0px; } #mainContainer { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - min-width: 320px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + min-width: 320px; } #sidebarContent { - top: 32px; - bottom: 0; - overflow: auto; - -webkit-overflow-scrolling: touch; - position: absolute; - width: 100%; - background-color: rgba(0, 0, 0, 0.1); + top: 32px; + bottom: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; + position: absolute; + width: 100%; + background-color: rgba(0, 0, 0, 0.1); } html[dir='ltr'] #sidebarContent { - left: 0; - box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25); + left: 0; + box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25); } html[dir='rtl'] #sidebarContent { - right: 0; - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25); + right: 0; + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25); } #viewerContainer { - overflow: auto; - -webkit-overflow-scrolling: touch; - position: absolute; - top: 32px; - right: 0; - bottom: 0; - left: 0; - outline: none; + overflow: auto; + -webkit-overflow-scrolling: touch; + position: absolute; + top: 32px; + right: 0; + bottom: 0; + left: 0; + outline: none; } #viewerContainer:not(.pdfPresentationMode) { - transition-duration: 200ms; - transition-duration: var(--sidebar-transition-duration); - transition-timing-function: ease; - transition-timing-function: var(--sidebar-transition-timing-function); + transition-duration: 200ms; + transition-duration: var(--sidebar-transition-duration); + transition-timing-function: ease; + transition-timing-function: var(--sidebar-transition-timing-function); } html[dir='ltr'] #viewerContainer { - box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05); + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05); } html[dir='rtl'] #viewerContainer { - box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05); + box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05); } #outerContainer.sidebarResizing #viewerContainer { - /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ - transition-duration: 0s; + /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ + transition-duration: 0s; } html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { - transition-property: left; - left: 200px; - left: var(--sidebar-width); + transition-property: left; + left: 200px; + left: var(--sidebar-width); } html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { - transition-property: right; - right: 200px; - right: var(--sidebar-width); + transition-property: right; + right: 200px; + right: var(--sidebar-width); } .toolbar { - position: relative; - left: 0; - right: 0; - z-index: 9999; - cursor: default; + position: relative; + left: 0; + right: 0; + z-index: 9999; + cursor: default; } #toolbarContainer { - width: 100%; + width: 100%; } #toolbarSidebar { - width: 100%; - height: 32px; - background-color: rgba(66, 66, 66, 1); /* fallback */ - background-image: url(images/texture.png), - linear-gradient(rgba(77, 77, 77, 0.99), rgba(64, 64, 64, 0.95)); + width: 100%; + height: 32px; + background-color: rgba(66, 66, 66, 1); /* fallback */ + background-image: url(images/texture.png), + linear-gradient(rgba(77, 77, 77, 0.99), rgba(64, 64, 64, 0.95)); } html[dir='ltr'] #toolbarSidebar { - box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), - inset 0 -1px 0 rgba(255, 255, 255, 0.05), - 0 1px 0 rgba(0, 0, 0, 0.15), - 0 0 1px rgba(0, 0, 0, 0.1); + box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), + inset 0 -1px 0 rgba(255, 255, 255, 0.05), + 0 1px 0 rgba(0, 0, 0, 0.15), + 0 0 1px rgba(0, 0, 0, 0.1); } html[dir='rtl'] #toolbarSidebar { - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), - inset 0 1px 0 rgba(255, 255, 255, 0.05), - 0 1px 0 rgba(0, 0, 0, 0.15), - 0 0 1px rgba(0, 0, 0, 0.1); + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), + inset 0 1px 0 rgba(255, 255, 255, 0.05), + 0 1px 0 rgba(0, 0, 0, 0.15), + 0 0 1px rgba(0, 0, 0, 0.1); } #sidebarResizer { - position: absolute; - top: 0; - bottom: 0; - width: 6px; - z-index: 200; - cursor: ew-resize; + position: absolute; + top: 0; + bottom: 0; + width: 6px; + z-index: 200; + cursor: ew-resize; } html[dir='ltr'] #sidebarResizer { - right: -6px; + right: -6px; } html[dir='rtl'] #sidebarResizer { - left: -6px; + left: -6px; } #toolbarContainer, .findbar, .secondaryToolbar { - position: relative; - height: 32px; - background-color: rgba(71, 71, 71, 1); /* fallback */ - background-image: url(images/texture.png), - linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)); + position: relative; + height: 32px; + background-color: rgba(71, 71, 71, 1); /* fallback */ + background-image: url(images/texture.png), + linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)); } html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar { - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), - inset 0 -1px 0 rgba(255, 255, 255, 0.05), - 0 1px 0 rgba(0, 0, 0, 0.15), - 0 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), + inset 0 -1px 0 rgba(255, 255, 255, 0.05), + 0 1px 0 rgba(0, 0, 0, 0.15), + 0 1px 1px rgba(0, 0, 0, 0.1); } html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), - inset 0 -1px 0 rgba(255, 255, 255, 0.05), - 0 1px 0 rgba(0, 0, 0, 0.15), - 0 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), + inset 0 -1px 0 rgba(255, 255, 255, 0.05), + 0 1px 0 rgba(0, 0, 0, 0.15), + 0 1px 1px rgba(0, 0, 0, 0.1); } #toolbarViewer { - height: 32px; + height: 32px; } #loadingBar { - position: relative; - width: 100%; - height: 4px; - background-color: rgba(51, 51, 51, 1); - border-bottom: 1px solid rgba(51, 51, 51, 1); + position: relative; + width: 100%; + height: 4px; + background-color: rgba(51, 51, 51, 1); + border-bottom: 1px solid rgba(51, 51, 51, 1); } #loadingBar .progress { - position: absolute; - top: 0; - left: 0; - width: 0%; - height: 100%; - background-color: rgba(221, 221, 221, 1); - overflow: hidden; - transition: width 200ms; + position: absolute; + top: 0; + left: 0; + width: 0%; + height: 100%; + background-color: rgba(221, 221, 221, 1); + overflow: hidden; + transition: width 200ms; } @-webkit-keyframes progressIndeterminate { - 0% { left: -142px; } - 100% { left: 0; } + 0% { left: -142px; } + 100% { left: 0; } } @keyframes progressIndeterminate { - 0% { left: -142px; } - 100% { left: 0; } + 0% { left: -142px; } + 100% { left: 0; } } #loadingBar .progress.indeterminate { - background-color: rgba(153, 153, 153, 1); - transition: none; + background-color: rgba(153, 153, 153, 1); + transition: none; } #loadingBar .progress.indeterminate .glimmer { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: calc(100% + 150px); - background: repeating-linear-gradient(135deg, - rgba(187, 187, 187, 1) 0, rgba(153, 153, 153, 1) 5px, - rgba(153, 153, 153, 1) 45px, rgba(221, 221, 221, 1) 55px, - rgba(221, 221, 221, 1) 95px, rgba(187, 187, 187, 1) 100px); - -webkit-animation: progressIndeterminate 950ms linear infinite; - animation: progressIndeterminate 950ms linear infinite; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: calc(100% + 150px); + background: repeating-linear-gradient(135deg, + rgba(187, 187, 187, 1) 0, rgba(153, 153, 153, 1) 5px, + rgba(153, 153, 153, 1) 45px, rgba(221, 221, 221, 1) 55px, + rgba(221, 221, 221, 1) 95px, rgba(187, 187, 187, 1) 100px); + -webkit-animation: progressIndeterminate 950ms linear infinite; + animation: progressIndeterminate 950ms linear infinite; } .findbar, .secondaryToolbar { - top: 32px; - position: absolute; - z-index: 10000; - height: auto; - min-width: 16px; - padding: 0px 6px 0px 6px; - margin: 4px 2px 4px 2px; - color: rgba(217, 217, 217, 1); - font-size: 12px; - line-height: 14px; - text-align: left; - cursor: default; + top: 32px; + position: absolute; + z-index: 10000; + height: auto; + min-width: 16px; + padding: 0px 6px 0px 6px; + margin: 4px 2px 4px 2px; + color: rgba(217, 217, 217, 1); + font-size: 12px; + line-height: 14px; + text-align: left; + cursor: default; } .findbar { - min-width: 300px; + min-width: 300px; } .findbar > div { - height: 32px; + height: 32px; } .findbar.wrapContainers > div { - clear: both; + clear: both; } .findbar.wrapContainers > div#findbarMessageContainer { - height: auto; + height: auto; } html[dir='ltr'] .findbar { - left: 68px; + left: 68px; } html[dir='rtl'] .findbar { - right: 68px; + right: 68px; } .findbar label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } #findInput { - width: 200px; + width: 200px; } #findInput::-webkit-input-placeholder { - color: rgba(191, 191, 191, 1); + color: rgba(191, 191, 191, 1); } #findInput::-moz-placeholder { - font-style: italic; + font-style: italic; } #findInput:-ms-input-placeholder { - font-style: italic; + font-style: italic; } #findInput::-ms-input-placeholder { - font-style: italic; + font-style: italic; } #findInput::placeholder { - font-style: italic; + font-style: italic; } #findInput[data-status="pending"] { - background-image: url(images/loading-small.png); - background-repeat: no-repeat; - background-position: right; + background-image: url(images/loading-small.png); + background-repeat: no-repeat; + background-position: right; } html[dir='rtl'] #findInput[data-status="pending"] { - background-position: left; + background-position: left; } .secondaryToolbar { - padding: 6px; - height: auto; - z-index: 30000; + padding: 6px; + height: auto; + z-index: 30000; } html[dir='ltr'] .secondaryToolbar { - right: 4px; + right: 4px; } html[dir='rtl'] .secondaryToolbar { - left: 4px; + left: 4px; } #secondaryToolbarButtonContainer { - max-width: 200px; - max-height: 400px; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - margin-bottom: -4px; + max-width: 200px; + max-height: 400px; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + margin-bottom: -4px; } #secondaryToolbarButtonContainer.hiddenScrollModeButtons > .scrollModeButtons, #secondaryToolbarButtonContainer.hiddenSpreadModeButtons > .spreadModeButtons { - display: none !important; + display: none !important; } .doorHanger, .doorHangerRight { - border: 1px solid rgba(0, 0, 0, 0.5); - border-radius: 2px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 2px; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .doorHanger:after, .doorHanger:before, .doorHangerRight:after, .doorHangerRight:before { - bottom: 100%; - border: solid rgba(0, 0, 0, 0); - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; + bottom: 100%; + border: solid rgba(0, 0, 0, 0); + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; } .doorHanger:after, .doorHangerRight:after { - border-bottom-color: rgba(82, 82, 82, 0.99); - border-width: 8px; + border-bottom-color: rgba(82, 82, 82, 0.99); + border-width: 8px; } .doorHanger:before, .doorHangerRight:before { - border-bottom-color: rgba(0, 0, 0, 0.5); - border-width: 9px; + border-bottom-color: rgba(0, 0, 0, 0.5); + border-width: 9px; } html[dir='ltr'] .doorHanger:after, html[dir='rtl'] .doorHangerRight:after { - left: 13px; - margin-left: -8px; + left: 13px; + margin-left: -8px; } html[dir='ltr'] .doorHanger:before, html[dir='rtl'] .doorHangerRight:before { - left: 13px; - margin-left: -9px; + left: 13px; + margin-left: -9px; } html[dir='rtl'] .doorHanger:after, html[dir='ltr'] .doorHangerRight:after { - right: 13px; - margin-right: -8px; + right: 13px; + margin-right: -8px; } html[dir='rtl'] .doorHanger:before, html[dir='ltr'] .doorHangerRight:before { - right: 13px; - margin-right: -9px; + right: 13px; + margin-right: -9px; } #findResultsCount { - background-color: rgba(217, 217, 217, 1); - color: rgba(82, 82, 82, 1); - text-align: center; - padding: 3px 4px; + background-color: rgba(217, 217, 217, 1); + color: rgba(82, 82, 82, 1); + text-align: center; + padding: 3px 4px; } #findMsg { - font-style: italic; - color: rgba(166, 183, 208, 1); + font-style: italic; + color: rgba(166, 183, 208, 1); } #findMsg:empty { - display: none; + display: none; } #findInput.notFound { - background-color: rgba(255, 102, 102, 1); + background-color: rgba(255, 102, 102, 1); } #toolbarViewerMiddle { - position: absolute; - left: 50%; - transform: translateX(-50%); + position: absolute; + left: 50%; + transform: translateX(-50%); } html[dir='ltr'] #toolbarViewerLeft, html[dir='rtl'] #toolbarViewerRight { - float: left; + float: left; } html[dir='ltr'] #toolbarViewerRight, html[dir='rtl'] #toolbarViewerLeft { - float: right; + float: right; } html[dir='ltr'] #toolbarViewerLeft > *, html[dir='ltr'] #toolbarViewerMiddle > *, html[dir='ltr'] #toolbarViewerRight > *, html[dir='ltr'] .findbar * { - position: relative; - float: left; + position: relative; + float: left; } html[dir='rtl'] #toolbarViewerLeft > *, html[dir='rtl'] #toolbarViewerMiddle > *, html[dir='rtl'] #toolbarViewerRight > *, html[dir='rtl'] .findbar * { - position: relative; - float: right; + position: relative; + float: right; } html[dir='ltr'] .splitToolbarButton { - margin: 3px 2px 4px 0; - display: inline-block; + margin: 3px 2px 4px 0; + display: inline-block; } html[dir='rtl'] .splitToolbarButton { - margin: 3px 0 4px 2px; - display: inline-block; + margin: 3px 0 4px 2px; + display: inline-block; } html[dir='ltr'] .splitToolbarButton > .toolbarButton { - border-radius: 0; - float: left; + border-radius: 0; + float: left; } html[dir='rtl'] .splitToolbarButton > .toolbarButton { - border-radius: 0; - float: right; + border-radius: 0; + float: right; } .toolbarButton, .secondaryToolbarButton, .overlayButton { - border: 0 none; - background: none; - width: 32px; - height: 25px; + border: 0 none; + background: none; + width: 32px; + height: 25px; } .toolbarButton > span { - display: inline-block; - width: 0; - height: 0; - overflow: hidden; + display: inline-block; + width: 0; + height: 0; + overflow: hidden; } .toolbarButton[disabled], .secondaryToolbarButton[disabled], .overlayButton[disabled] { - opacity: .5; + opacity: .5; } .splitToolbarButton.toggled .toolbarButton { - margin: 0; + margin: 0; } .splitToolbarButton:hover > .toolbarButton, .splitToolbarButton:focus > .toolbarButton, .splitToolbarButton.toggled > .toolbarButton, .toolbarButton.textButton { - background-color: rgba(0, 0, 0, 0.12); - background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.35); - border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, - 0 0 1px rgba(255, 255, 255, 0.15) inset, - 0 1px 0 rgba(255, 255, 255, 0.05); + background-color: rgba(0, 0, 0, 0.12); + background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.35); + border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, + 0 0 1px rgba(255, 255, 255, 0.15) inset, + 0 1px 0 rgba(255, 255, 255, 0.05); } .splitToolbarButton > .toolbarButton:hover, .splitToolbarButton > .toolbarButton:focus, @@ -1042,86 +1042,86 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton { .overlayButton:focus, .toolbarButton.textButton:hover, .toolbarButton.textButton:focus { - background-color: rgba(0,0,0,0.2); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, - 0 0 1px rgba(255, 255, 255, 0.15) inset, - 0 0 1px rgba(0, 0, 0, 0.05); - z-index: 199; + background-color: rgba(0,0,0,0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, + 0 0 1px rgba(255, 255, 255, 0.15) inset, + 0 0 1px rgba(0, 0, 0, 0.05); + z-index: 199; } .dropdownToolbarButton:hover { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(0, 0, 0, 0.26); } .splitToolbarButton > .toolbarButton { - position: relative; + position: relative; } html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child, html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child { - position: relative; - margin: 0; - margin-right: -1px; - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - border-right-color: rgba(0, 0, 0, 0); + position: relative; + margin: 0; + margin-right: -1px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + border-right-color: rgba(0, 0, 0, 0); } html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child, html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child { - position: relative; - margin: 0; - margin-left: -1px; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-left-color: rgba(0, 0, 0, 0); + position: relative; + margin: 0; + margin-left: -1px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + border-left-color: rgba(0, 0, 0, 0); } .splitToolbarButtonSeparator { - padding: 8px 0; - width: 1px; - background-color: rgba(0, 0, 0, 0.5); - z-index: 99; - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); - display: inline-block; - margin: 5px 0; + padding: 8px 0; + width: 1px; + background-color: rgba(0, 0, 0, 0.5); + z-index: 99; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); + display: inline-block; + margin: 5px 0; } html[dir='ltr'] .splitToolbarButtonSeparator { - float: left; + float: left; } html[dir='rtl'] .splitToolbarButtonSeparator { - float: right; + float: right; } .splitToolbarButton:hover > .splitToolbarButtonSeparator, .splitToolbarButton.toggled > .splitToolbarButtonSeparator { - padding: 12px 0; - margin: 1px 0; - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03); + padding: 12px 0; + margin: 1px 0; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03); } .toolbarButton, .dropdownToolbarButton, .secondaryToolbarButton, .overlayButton { - min-width: 16px; - padding: 2px 6px 0; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 2px; - color: rgba(255, 255, 255, 0.8); - font-size: 12px; - line-height: 14px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - /* Opera does not support user-select, use <... unselectable="on"> instead */ - cursor: default; + min-width: 16px; + padding: 2px 6px 0; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 2px; + color: rgba(255, 255, 255, 0.8); + font-size: 12px; + line-height: 14px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + /* Opera does not support user-select, use <... unselectable="on"> instead */ + cursor: default; } html[dir='ltr'] .toolbarButton, html[dir='ltr'] .overlayButton, html[dir='ltr'] .dropdownToolbarButton { - margin: 3px 2px 4px 0; + margin: 3px 2px 4px 0; } html[dir='rtl'] .toolbarButton, html[dir='rtl'] .overlayButton, html[dir='rtl'] .dropdownToolbarButton { - margin: 3px 0 4px 2px; + margin: 3px 0 4px 2px; } .toolbarButton:hover, @@ -1130,410 +1130,410 @@ html[dir='rtl'] .dropdownToolbarButton { .overlayButton, .secondaryToolbarButton:hover, .secondaryToolbarButton:focus { - background-color: rgba(0, 0, 0, 0.12); - background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.35); - border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, - 0 0 1px rgba(255, 255, 255, 0.15) inset, - 0 1px 0 rgba(255, 255, 255, 0.05); + background-color: rgba(0, 0, 0, 0.12); + background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.35); + border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, + 0 0 1px rgba(255, 255, 255, 0.15) inset, + 0 1px 0 rgba(255, 255, 255, 0.05); } .toolbarButton:hover:active, .overlayButton:hover:active, .dropdownToolbarButton:hover:active, .secondaryToolbarButton:hover:active { - background-color: rgba(0, 0, 0, 0.2); - background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); - border-color: rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, - 0 0 1px rgba(0, 0, 0, 0.2) inset, - 0 1px 0 rgba(255, 255, 255, 0.05); + background-color: rgba(0, 0, 0, 0.2); + background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); + border-color: rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, + 0 0 1px rgba(0, 0, 0, 0.2) inset, + 0 1px 0 rgba(255, 255, 255, 0.05); } .toolbarButton.toggled, .splitToolbarButton.toggled > .toolbarButton.toggled, .secondaryToolbarButton.toggled { - background-color: rgba(0, 0, 0, 0.3); - background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); - border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.5); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, - 0 0 1px rgba(0, 0, 0, 0.2) inset, - 0 1px 0 rgba(255, 255, 255, 0.05); + background-color: rgba(0, 0, 0, 0.3); + background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); + border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.5); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, + 0 0 1px rgba(0, 0, 0, 0.2) inset, + 0 1px 0 rgba(255, 255, 255, 0.05); } .toolbarButton.toggled:hover:active, .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active, .secondaryToolbarButton.toggled:hover:active { - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.55); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, - 0 0 1px rgba(0, 0, 0, 0.3) inset, - 0 1px 0 rgba(255, 255, 255, 0.05); + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.55); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, + 0 0 1px rgba(0, 0, 0, 0.3) inset, + 0 1px 0 rgba(255, 255, 255, 0.05); } .dropdownToolbarButton { - width: 140px; - padding: 0; - overflow: hidden; + width: 140px; + padding: 0; + overflow: hidden; } .dropdownToolbarButton::after { - position: absolute; - display: inline-block; - top: 4px; - content: url(images/toolbarButton-menuArrows.png); + position: absolute; + display: inline-block; + top: 4px; + content: url(images/toolbarButton-menuArrows.png); } html[dir='ltr'] .dropdownToolbarButton::after { - right: 8px; + right: 8px; } html[dir='rtl'] .dropdownToolbarButton::after { - left: 8px; + left: 8px; } .dropdownToolbarButton > select { - width: 162px; - height: 23px; - font-size: 12px; - color: rgba(242, 242, 242, 1); - margin: 0; - padding: 3px 2px 2px; - border: none; - background: rgba(0,0,0,0); /* Opera does not support 'transparent' background */ } .dropdownToolbarButton > select > option { - background: rgba(61, 61, 61, 1); + background: rgba(61, 61, 61, 1); } #customScaleOption { - display: none; + display: none; } #pageWidthOption { - border-bottom: 1px rgba(255, 255, 255, 0.5) solid; + border-bottom: 1px rgba(255, 255, 255, 0.5) solid; } html[dir='ltr'] .splitToolbarButton:first-child, html[dir='ltr'] .toolbarButton:first-child, html[dir='rtl'] .splitToolbarButton:last-child, html[dir='rtl'] .toolbarButton:last-child { - margin-left: 4px; + margin-left: 4px; } html[dir='ltr'] .splitToolbarButton:last-child, html[dir='ltr'] .toolbarButton:last-child, html[dir='rtl'] .splitToolbarButton:first-child, html[dir='rtl'] .toolbarButton:first-child { - margin-right: 4px; + margin-right: 4px; } .toolbarButtonSpacer { - width: 30px; - display: inline-block; - height: 1px; + width: 30px; + display: inline-block; + height: 1px; } html[dir='ltr'] #findPrevious { - margin-left: 3px; + margin-left: 3px; } html[dir='ltr'] #findNext { - margin-right: 3px; + margin-right: 3px; } html[dir='rtl'] #findPrevious { - margin-right: 3px; + margin-right: 3px; } html[dir='rtl'] #findNext { - margin-left: 3px; + margin-left: 3px; } .toolbarButton::before, .secondaryToolbarButton::before { - /* All matching images have a size of 16x16 - * All relevant containers have a size of 32x25 */ - position: absolute; - display: inline-block; - top: 4px; - left: 7px; + /* All matching images have a size of 16x16 + * All relevant containers have a size of 32x25 */ + position: absolute; + display: inline-block; + top: 4px; + left: 7px; } html[dir="ltr"] .secondaryToolbarButton::before { - left: 4px; + left: 4px; } html[dir="rtl"] .secondaryToolbarButton::before { - right: 4px; + right: 4px; } .toolbarButton#sidebarToggle::before { - content: url(images/toolbarButton-sidebarToggle.png); + content: url(images/toolbarButton-sidebarToggle.png); } html[dir='rtl'] .toolbarButton#sidebarToggle::before { - transform: scaleX(-1); + transform: scaleX(-1); } .toolbarButton#secondaryToolbarToggle::before { - content: url(images/toolbarButton-secondaryToolbarToggle.png); + content: url(images/toolbarButton-secondaryToolbarToggle.png); } html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { - transform: scaleX(-1); + transform: scaleX(-1); } .toolbarButton.findPrevious::before { - content: url(images/findbarButton-previous.png); + content: url(images/findbarButton-previous.png); } html[dir='rtl'] .toolbarButton.findPrevious::before { - transform: scaleX(-1); + transform: scaleX(-1); } .toolbarButton.findNext::before { - content: url(images/findbarButton-next.png); + content: url(images/findbarButton-next.png); } html[dir='rtl'] .toolbarButton.findNext::before { - transform: scaleX(-1); + transform: scaleX(-1); } .toolbarButton.pageUp::before { - content: url(images/toolbarButton-pageUp.png); + content: url(images/toolbarButton-pageUp.png); } html[dir='rtl'] .toolbarButton.pageUp::before { - transform: scaleX(-1); + transform: scaleX(-1); } .toolbarButton.pageDown::before { - content: url(images/toolbarButton-pageDown.png); + content: url(images/toolbarButton-pageDown.png); } html[dir='rtl'] .toolbarButton.pageDown::before { - transform: scaleX(-1); + transform: scaleX(-1); } .toolbarButton.zoomOut::before { - content: url(images/toolbarButton-zoomOut.png); + content: url(images/toolbarButton-zoomOut.png); } .toolbarButton.zoomIn::before { - content: url(images/toolbarButton-zoomIn.png); + content: url(images/toolbarButton-zoomIn.png); } .toolbarButton.presentationMode::before, .secondaryToolbarButton.presentationMode::before { - content: url(images/toolbarButton-presentationMode.png); + content: url(images/toolbarButton-presentationMode.png); } .toolbarButton.print::before, .secondaryToolbarButton.print::before { - content: url(images/toolbarButton-print.png); + content: url(images/toolbarButton-print.png); } .toolbarButton.openFile::before, .secondaryToolbarButton.openFile::before { - content: url(images/toolbarButton-openFile.png); + content: url(images/toolbarButton-openFile.png); } .toolbarButton.download::before, .secondaryToolbarButton.download::before { - content: url(images/toolbarButton-download.png); + content: url(images/toolbarButton-download.png); } .toolbarButton.bookmark, .secondaryToolbarButton.bookmark { - box-sizing: border-box; - outline: none; - padding-top: 4px; - text-decoration: none; + box-sizing: border-box; + outline: none; + padding-top: 4px; + text-decoration: none; } .secondaryToolbarButton.bookmark { - padding-top: 5px; + padding-top: 5px; } .bookmark[href='#'] { - opacity: .5; - pointer-events: none; + opacity: .5; + pointer-events: none; } .toolbarButton.bookmark::before, .secondaryToolbarButton.bookmark::before { - content: url(images/toolbarButton-bookmark.png); + content: url(images/toolbarButton-bookmark.png); } #viewThumbnail.toolbarButton::before { - content: url(images/toolbarButton-viewThumbnail.png); + content: url(images/toolbarButton-viewThumbnail.png); } #viewOutline.toolbarButton::before { - content: url(images/toolbarButton-viewOutline.png); + content: url(images/toolbarButton-viewOutline.png); } html[dir="rtl"] #viewOutline.toolbarButton::before { - transform: scaleX(-1); + transform: scaleX(-1); } #viewAttachments.toolbarButton::before { - content: url(images/toolbarButton-viewAttachments.png); + content: url(images/toolbarButton-viewAttachments.png); } #viewFind.toolbarButton::before { - content: url(images/toolbarButton-search.png); + content: url(images/toolbarButton-search.png); } .toolbarButton.pdfSidebarNotification::after { - position: absolute; - display: inline-block; - top: 1px; - /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */ - content: ''; - background-color: rgba(112, 219, 85, 1); - height: 9px; - width: 9px; - border-radius: 50%; + position: absolute; + display: inline-block; + top: 1px; + /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */ + content: ''; + background-color: rgba(112, 219, 85, 1); + height: 9px; + width: 9px; + border-radius: 50%; } html[dir='ltr'] .toolbarButton.pdfSidebarNotification::after { - left: 17px; + left: 17px; } html[dir='rtl'] .toolbarButton.pdfSidebarNotification::after { - right: 17px; + right: 17px; } .secondaryToolbarButton { - position: relative; - margin: 0 0 4px 0; - padding: 3px 0 1px 0; - height: auto; - min-height: 25px; - width: auto; - min-width: 100%; - white-space: normal; + position: relative; + margin: 0 0 4px 0; + padding: 3px 0 1px 0; + height: auto; + min-height: 25px; + width: auto; + min-width: 100%; + white-space: normal; } html[dir="ltr"] .secondaryToolbarButton { - padding-left: 24px; - text-align: left; + padding-left: 24px; + text-align: left; } html[dir="rtl"] .secondaryToolbarButton { - padding-right: 24px; - text-align: right; + padding-right: 24px; + text-align: right; } html[dir="ltr"] .secondaryToolbarButton.bookmark { - padding-left: 27px; + padding-left: 27px; } html[dir="rtl"] .secondaryToolbarButton.bookmark { - padding-right: 27px; + padding-right: 27px; } html[dir="ltr"] .secondaryToolbarButton > span { - padding-right: 4px; + padding-right: 4px; } html[dir="rtl"] .secondaryToolbarButton > span { - padding-left: 4px; + padding-left: 4px; } .secondaryToolbarButton.firstPage::before { - content: url(images/secondaryToolbarButton-firstPage.png); + content: url(images/secondaryToolbarButton-firstPage.png); } .secondaryToolbarButton.lastPage::before { - content: url(images/secondaryToolbarButton-lastPage.png); + content: url(images/secondaryToolbarButton-lastPage.png); } .secondaryToolbarButton.rotateCcw::before { - content: url(images/secondaryToolbarButton-rotateCcw.png); + content: url(images/secondaryToolbarButton-rotateCcw.png); } .secondaryToolbarButton.rotateCw::before { - content: url(images/secondaryToolbarButton-rotateCw.png); + content: url(images/secondaryToolbarButton-rotateCw.png); } .secondaryToolbarButton.selectTool::before { - content: url(images/secondaryToolbarButton-selectTool.png); + content: url(images/secondaryToolbarButton-selectTool.png); } .secondaryToolbarButton.handTool::before { - content: url(images/secondaryToolbarButton-handTool.png); + content: url(images/secondaryToolbarButton-handTool.png); } .secondaryToolbarButton.scrollVertical::before { - content: url(images/secondaryToolbarButton-scrollVertical.png); + content: url(images/secondaryToolbarButton-scrollVertical.png); } .secondaryToolbarButton.scrollHorizontal::before { - content: url(images/secondaryToolbarButton-scrollHorizontal.png); + content: url(images/secondaryToolbarButton-scrollHorizontal.png); } .secondaryToolbarButton.scrollWrapped::before { - content: url(images/secondaryToolbarButton-scrollWrapped.png); + content: url(images/secondaryToolbarButton-scrollWrapped.png); } .secondaryToolbarButton.spreadNone::before { - content: url(images/secondaryToolbarButton-spreadNone.png); + content: url(images/secondaryToolbarButton-spreadNone.png); } .secondaryToolbarButton.spreadOdd::before { - content: url(images/secondaryToolbarButton-spreadOdd.png); + content: url(images/secondaryToolbarButton-spreadOdd.png); } .secondaryToolbarButton.spreadEven::before { - content: url(images/secondaryToolbarButton-spreadEven.png); + content: url(images/secondaryToolbarButton-spreadEven.png); } .secondaryToolbarButton.documentProperties::before { - content: url(images/secondaryToolbarButton-documentProperties.png); + content: url(images/secondaryToolbarButton-documentProperties.png); } .verticalToolbarSeparator { - display: block; - padding: 8px 0; - margin: 8px 4px; - width: 1px; - background-color: rgba(0, 0, 0, 0.5); - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); + display: block; + padding: 8px 0; + margin: 8px 4px; + width: 1px; + background-color: rgba(0, 0, 0, 0.5); + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); } html[dir='ltr'] .verticalToolbarSeparator { - margin-left: 2px; + margin-left: 2px; } html[dir='rtl'] .verticalToolbarSeparator { - margin-right: 2px; + margin-right: 2px; } .horizontalToolbarSeparator { - display: block; - margin: 0 0 4px 0; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.5); - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); + display: block; + margin: 0 0 4px 0; + height: 1px; + width: 100%; + background-color: rgba(0, 0, 0, 0.5); + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); } .toolbarField { - padding: 3px 6px; - margin: 4px 0 4px 0; - border-radius: 2px; - background-color: rgba(255, 255, 255, 0.09); - background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); - background-clip: padding-box; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, - 0 1px 0 rgba(255, 255, 255, 0.05); - color: rgba(242, 242, 242, 1); - font-size: 12px; - line-height: 14px; - outline-style: none; + padding: 3px 6px; + margin: 4px 0 4px 0; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.09); + background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); + background-clip: padding-box; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, + 0 1px 0 rgba(255, 255, 255, 0.05); + color: rgba(242, 242, 242, 1); + font-size: 12px; + line-height: 14px; + outline-style: none; } .toolbarField[type=checkbox] { - display: inline-block; - margin: 8px 0px; + display: inline-block; + margin: 8px 0px; } .toolbarField.pageNumber { - -moz-appearance: textfield; /* hides the spinner in moz */ - min-width: 16px; - text-align: right; - width: 40px; + -moz-appearance: textfield; /* hides the spinner in moz */ + min-width: 16px; + text-align: right; + width: 40px; } .toolbarField.pageNumber.visiblePageIsLoading { - background-image: url(images/loading-small.png); - background-repeat: no-repeat; - background-position: 1px; + background-image: url(images/loading-small.png); + background-repeat: no-repeat; + background-position: 1px; } .toolbarField.pageNumber::-webkit-inner-spin-button, @@ -1543,220 +1543,220 @@ html[dir='rtl'] .verticalToolbarSeparator { } .toolbarField:hover { - background-color: rgba(255, 255, 255, 0.11); - border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.43) rgba(0, 0, 0, 0.45); + background-color: rgba(255, 255, 255, 0.11); + border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.43) rgba(0, 0, 0, 0.45); } .toolbarField:focus { - background-color: rgba(255, 255, 255, 0.15); - border-color: rgba(77, 184, 255, 0.8) rgba(77, 184, 255, 0.85) rgba(77, 184, 255, 0.9); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(77, 184, 255, 0.8) rgba(77, 184, 255, 0.85) rgba(77, 184, 255, 0.9); } .toolbarLabel { - min-width: 16px; - padding: 3px 6px 3px 2px; - margin: 4px 2px 4px 0; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 2px; - color: rgba(217, 217, 217, 1); - font-size: 12px; - line-height: 14px; - text-align: left; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; + min-width: 16px; + padding: 3px 6px 3px 2px; + margin: 4px 2px 4px 0; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 2px; + color: rgba(217, 217, 217, 1); + font-size: 12px; + line-height: 14px; + text-align: left; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } #thumbnailView { - position: absolute; - width: calc(100% - 60px); - top: 0; - bottom: 0; - padding: 10px 30px 0; - overflow: auto; - -webkit-overflow-scrolling: touch; + position: absolute; + width: calc(100% - 60px); + top: 0; + bottom: 0; + padding: 10px 30px 0; + overflow: auto; + -webkit-overflow-scrolling: touch; } #thumbnailView > a:active, #thumbnailView > a:focus { - outline: 0; + outline: 0; } .thumbnail { - margin: 0 10px 5px 10px; + margin: 0 10px 5px 10px; } html[dir='ltr'] .thumbnail { - float: left; + float: left; } html[dir='rtl'] .thumbnail { - float: right; + float: right; } #thumbnailView > a:last-of-type > .thumbnail { - margin-bottom: 10px; + margin-bottom: 10px; } #thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) { - margin-bottom: 9px; + margin-bottom: 9px; } .thumbnail:not([data-loaded]) { - border: 1px dashed rgba(255, 255, 255, 0.5); - margin: -1px 9px 4px 9px; + border: 1px dashed rgba(255, 255, 255, 0.5); + margin: -1px 9px 4px 9px; } .thumbnailImage { - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3); - opacity: 0.8; - z-index: 99; - background-color: rgba(255, 255, 255, 1); - background-clip: content-box; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3); + opacity: 0.8; + z-index: 99; + background-color: rgba(255, 255, 255, 1); + background-clip: content-box; } .thumbnailSelectionRing { - border-radius: 2px; - padding: 7px; + border-radius: 2px; + padding: 7px; } a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage, .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage { - opacity: .9; + opacity: .9; } a:focus > .thumbnail > .thumbnailSelectionRing, .thumbnail:hover > .thumbnailSelectionRing { - background-color: rgba(255, 255, 255, 0.15); - background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); - background-clip: padding-box; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, - 0 0 1px rgba(255, 255, 255, 0.2) inset, - 0 0 1px rgba(0, 0, 0, 0.2); - color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.15); + background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); + background-clip: padding-box; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, + 0 0 1px rgba(255, 255, 255, 0.2) inset, + 0 0 1px rgba(0, 0, 0, 0.2); + color: rgba(255, 255, 255, 0.9); } .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); - opacity: 1; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); + opacity: 1; } .thumbnail.selected > .thumbnailSelectionRing { - background-color: rgba(255, 255, 255, 0.3); - background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); - background-clip: padding-box; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, - 0 0 1px rgba(255, 255, 255, 0.1) inset, - 0 0 1px rgba(0, 0, 0, 0.2); - color: rgba(255, 255, 255,1); + background-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); + background-clip: padding-box; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, + 0 0 1px rgba(255, 255, 255, 0.1) inset, + 0 0 1px rgba(0, 0, 0, 0.2); + color: rgba(255, 255, 255,1); } #outlineView, #attachmentsView { - position: absolute; - width: calc(100% - 8px); - top: 0; - bottom: 0; - overflow: auto; - -webkit-overflow-scrolling: touch; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + position: absolute; + width: calc(100% - 8px); + top: 0; + bottom: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } #outlineView { - padding: 4px 4px 0; + padding: 4px 4px 0; } #attachmentsView { - padding: 3px 4px 0; + padding: 3px 4px 0; } html[dir='ltr'] .outlineWithDeepNesting > .outlineItem, html[dir='ltr'] .outlineItem > .outlineItems { - margin-left: 20px; + margin-left: 20px; } html[dir='rtl'] .outlineWithDeepNesting > .outlineItem, html[dir='rtl'] .outlineItem > .outlineItems { - margin-right: 20px; + margin-right: 20px; } .outlineItem > a, .attachmentsItem > button { - text-decoration: none; - display: inline-block; - min-width: 95%; - min-width: calc(100% - 4px); /* Subtract the right padding (left, in RTL mode) - of the container. */ - height: auto; - margin-bottom: 1px; - border-radius: 2px; - color: rgba(255, 255, 255, 0.8); - font-size: 13px; - line-height: 15px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - white-space: normal; + text-decoration: none; + display: inline-block; + min-width: 95%; + min-width: calc(100% - 4px); /* Subtract the right padding (left, in RTL mode) + of the container. */ + height: auto; + margin-bottom: 1px; + border-radius: 2px; + color: rgba(255, 255, 255, 0.8); + font-size: 13px; + line-height: 15px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + white-space: normal; } .attachmentsItem > button { - border: 0 none; - background: none; - cursor: pointer; - width: 100%; + border: 0 none; + background: none; + cursor: pointer; + width: 100%; } html[dir='ltr'] .outlineItem > a { - padding: 2px 0 5px 4px; + padding: 2px 0 5px 4px; } html[dir='ltr'] .attachmentsItem > button { - padding: 2px 0 3px 7px; - text-align: left; + padding: 2px 0 3px 7px; + text-align: left; } html[dir='rtl'] .outlineItem > a { - padding: 2px 4px 5px 0; + padding: 2px 4px 5px 0; } html[dir='rtl'] .attachmentsItem > button { - padding: 2px 7px 3px 0; - text-align: right; + padding: 2px 7px 3px 0; + text-align: right; } .outlineItemToggler { - position: relative; - height: 0; - width: 0; - color: rgba(255, 255, 255, 0.5); + position: relative; + height: 0; + width: 0; + color: rgba(255, 255, 255, 0.5); } .outlineItemToggler::before { - content: url(images/treeitem-expanded.png); - display: inline-block; - position: absolute; + content: url(images/treeitem-expanded.png); + display: inline-block; + position: absolute; } .outlineItemToggler.outlineItemsHidden::before { - content: url(images/treeitem-collapsed.png); + content: url(images/treeitem-collapsed.png); } html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before { - transform: scaleX(-1); + transform: scaleX(-1); } .outlineItemToggler.outlineItemsHidden ~ .outlineItems { - display: none; + display: none; } html[dir='ltr'] .outlineItemToggler { - float: left; + float: left; } html[dir='rtl'] .outlineItemToggler { - float: right; + float: right; } html[dir='ltr'] .outlineItemToggler::before { - right: 4px; + right: 4px; } html[dir='rtl'] .outlineItemToggler::before { - left: 4px; + left: 4px; } .outlineItemToggler:hover, @@ -1764,646 +1764,652 @@ html[dir='rtl'] .outlineItemToggler::before { .outlineItemToggler:hover ~ .outlineItems, .outlineItem > a:hover, .attachmentsItem > button:hover { - background-color: rgba(255, 255, 255, 0.02); - background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); - background-clip: padding-box; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, - 0 0 1px rgba(255, 255, 255, 0.2) inset, - 0 0 1px rgba(0, 0, 0, 0.2); - border-radius: 2px; - color: rgba(255, 255, 255, 0.9); + background-color: rgba(255, 255, 255, 0.02); + background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); + background-clip: padding-box; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, + 0 0 1px rgba(255, 255, 255, 0.2) inset, + 0 0 1px rgba(0, 0, 0, 0.2); + border-radius: 2px; + color: rgba(255, 255, 255, 0.9); } .outlineItem.selected { - background-color: rgba(255, 255, 255, 0.08); - background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); - background-clip: padding-box; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, - 0 0 1px rgba(255, 255, 255, 0.1) inset, - 0 0 1px rgba(0, 0, 0, 0.2); - color: rgba(255, 255, 255, 1); + background-color: rgba(255, 255, 255, 0.08); + background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); + background-clip: padding-box; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, + 0 0 1px rgba(255, 255, 255, 0.1) inset, + 0 0 1px rgba(0, 0, 0, 0.2); + color: rgba(255, 255, 255, 1); } .noResults { - font-size: 12px; - color: rgba(255, 255, 255, 0.8); - font-style: italic; - cursor: default; + font-size: 12px; + color: rgba(255, 255, 255, 0.8); + font-style: italic; + cursor: default; } /* TODO: file FF bug to support ::-moz-selection:window-inactive so we can override the opaque grey background when the window is inactive; see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */ ::-moz-selection { - background: rgba(0, 0, 255, 0.3); + background: rgba(0, 0, 255, 0.3); } ::selection { - background: rgba(0, 0, 255, 0.3); + background: rgba(0, 0, 255, 0.3); } #errorWrapper { - background: none repeat scroll 0 0 rgba(255, 85, 85, 1); - color: rgba(255, 255, 255, 1); - left: 0; - position: absolute; - right: 0; - z-index: 1000; - padding: 3px; - font-size: 0.8em; + background: none repeat scroll 0 0 rgba(255, 85, 85, 1); + color: rgba(255, 255, 255, 1); + left: 0; + position: absolute; + right: 0; + z-index: 1000; + padding: 3px; + font-size: 0.8em; } .loadingInProgress #errorWrapper { - top: 37px; + top: 37px; } #errorMessageLeft { - float: left; + float: left; } #errorMessageRight { - float: right; + float: right; } #errorMoreInfo { - background-color: rgba(255, 255, 255, 1); - color: rgba(0, 0, 0, 1); - padding: 3px; - margin: 3px; - width: 98%; + background-color: rgba(255, 255, 255, 1); + color: rgba(0, 0, 0, 1); + padding: 3px; + margin: 3px; + width: 98%; } .overlayButton { - width: auto; - margin: 3px 4px 2px 4px !important; - padding: 2px 6px 3px 6px; + width: auto; + margin: 3px 4px 2px 4px !important; + padding: 2px 6px 3px 6px; } #overlayContainer { - display: table; - position: absolute; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.2); - z-index: 40000; + display: table; + position: absolute; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.2); + z-index: 40000; } #overlayContainer > * { - overflow: auto; - -webkit-overflow-scrolling: touch; + overflow: auto; + -webkit-overflow-scrolling: touch; } #overlayContainer > .container { - display: table-cell; - vertical-align: middle; - text-align: center; + display: table-cell; + vertical-align: middle; + text-align: center; } #overlayContainer > .container > .dialog { - display: inline-block; - padding: 15px; - border-spacing: 4px; - color: rgba(217, 217, 217, 1); - font-size: 12px; - line-height: 14px; - background-color: rgba(71, 71, 71, 1); /* fallback */ - background-image: url(images/texture.png), - linear-gradient(rgba(82, 82, 82,0.99), rgba(69, 69, 69, 0.95)); - border: 1px solid rgba(0, 0, 0, 0.5); - border-radius: 4px; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); + display: inline-block; + padding: 15px; + border-spacing: 4px; + color: rgba(217, 217, 217, 1); + font-size: 12px; + line-height: 14px; + background-color: rgba(71, 71, 71, 1); /* fallback */ + background-image: url(images/texture.png), + linear-gradient(rgba(82, 82, 82,0.99), rgba(69, 69, 69, 0.95)); + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 4px; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .dialog > .row { - display: table-row; + display: table-row; } .dialog > .row > * { - display: table-cell; + display: table-cell; } .dialog .toolbarField { - margin: 5px 0; + margin: 5px 0; } .dialog .separator { - display: block; - margin: 4px 0 4px 0; - height: 1px; - width: 100%; - background-color: rgba(0, 0, 0, 0.5); - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); + display: block; + margin: 4px 0 4px 0; + height: 1px; + width: 100%; + background-color: rgba(0, 0, 0, 0.5); + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); } .dialog .buttonRow { - text-align: center; - vertical-align: middle; + text-align: center; + vertical-align: middle; } .dialog :link { - color: rgba(255, 255, 255, 1); + color: rgba(255, 255, 255, 1); } #passwordOverlay > .dialog { - text-align: center; + text-align: center; } #passwordOverlay .toolbarField { - width: 200px; + width: 200px; } #documentPropertiesOverlay > .dialog { - text-align: left; + text-align: left; } #documentPropertiesOverlay .row > * { - min-width: 100px; + min-width: 100px; } html[dir='ltr'] #documentPropertiesOverlay .row > * { - text-align: left; + text-align: left; } html[dir='rtl'] #documentPropertiesOverlay .row > * { - text-align: right; + text-align: right; } #documentPropertiesOverlay .row > span { - width: 125px; - word-wrap: break-word; + width: 125px; + word-wrap: break-word; } #documentPropertiesOverlay .row > p { - max-width: 225px; - word-wrap: break-word; + max-width: 225px; + word-wrap: break-word; } #documentPropertiesOverlay .buttonRow { - margin-top: 10px; + margin-top: 10px; } .clearBoth { - clear: both; + clear: both; } .fileInput { - background: rgba(255, 255, 255, 1); - color: rgba(0, 0, 0, 1); - margin-top: 5px; - visibility: hidden; - position: fixed; - right: 0; - top: 0; + background: rgba(255, 255, 255, 1); + color: rgba(0, 0, 0, 1); + margin-top: 5px; + visibility: hidden; + position: fixed; + right: 0; + top: 0; } #PDFBug { - background: none repeat scroll 0 0 rgba(255, 255, 255, 1); - border: 1px solid rgba(102, 102, 102, 1); - position: fixed; - top: 32px; - right: 0; - bottom: 0; - font-size: 10px; - padding: 0; - width: 300px; + background: none repeat scroll 0 0 rgba(255, 255, 255, 1); + border: 1px solid rgba(102, 102, 102, 1); + position: fixed; + top: 32px; + right: 0; + bottom: 0; + font-size: 10px; + padding: 0; + width: 300px; } #PDFBug .controls { - background: rgba(238, 238, 238, 1); - border-bottom: 1px solid rgba(102, 102, 102, 1); - padding: 3px; + background: rgba(238, 238, 238, 1); + border-bottom: 1px solid rgba(102, 102, 102, 1); + padding: 3px; } #PDFBug .panels { - bottom: 0; - left: 0; - overflow: auto; - -webkit-overflow-scrolling: touch; - position: absolute; - right: 0; - top: 27px; + bottom: 0; + left: 0; + overflow: auto; + -webkit-overflow-scrolling: touch; + position: absolute; + right: 0; + top: 27px; } #PDFBug .panels > div { - padding: 5px; + padding: 5px; } #PDFBug button.active { - font-weight: bold; + font-weight: bold; } .debuggerShowText { - background: none repeat scroll 0 0 rgba(255, 255, 0, 1); - color: rgba(0, 0, 255, 1); + background: none repeat scroll 0 0 rgba(255, 255, 0, 1); + color: rgba(0, 0, 255, 1); } .debuggerHideText:hover { - background: none repeat scroll 0 0 rgba(255, 255, 0, 1); + background: none repeat scroll 0 0 rgba(255, 255, 0, 1); } #PDFBug .stats { - font-family: courier; - font-size: 10px; - white-space: pre; + font-family: courier; + font-size: 10px; + white-space: pre; } #PDFBug .stats .title { font-weight: bold; } #PDFBug table { - font-size: 10px; + font-size: 10px; } #viewer.textLayer-visible .textLayer { - opacity: 1.0; + opacity: 1.0; } #viewer.textLayer-visible .canvasWrapper { - background-color: rgba(128, 255, 128, 1); + background-color: rgba(128, 255, 128, 1); } #viewer.textLayer-visible .canvasWrapper canvas { - mix-blend-mode: screen; + mix-blend-mode: screen; } #viewer.textLayer-visible .textLayer > span { - background-color: rgba(255, 255, 0, 0.1); - color: rgba(0, 0, 0, 1); - border: solid 1px rgba(255, 0, 0, 0.5); - box-sizing: border-box; + background-color: rgba(255, 255, 0, 0.1); + color: rgba(0, 0, 0, 1); + border: solid 1px rgba(255, 0, 0, 0.5); + box-sizing: border-box; } #viewer.textLayer-hover .textLayer > span:hover { - background-color: rgba(255, 255, 255, 1); - color: rgba(0, 0, 0, 1); + background-color: rgba(255, 255, 255, 1); + color: rgba(0, 0, 0, 1); } #viewer.textLayer-shadow .textLayer > span { - background-color: rgba(255, 255, 255, 0.6); - color: rgba(0, 0, 0, 1); + background-color: rgba(255, 255, 255, 0.6); + color: rgba(0, 0, 0, 1); } .grab-to-pan-grab { - cursor: url("images/grab.cur"), move !important; - cursor: -webkit-grab !important; - cursor: grab !important; + cursor: url("images/grab.cur"), move !important; + cursor: -webkit-grab !important; + cursor: grab !important; } .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) { - cursor: inherit !important; + cursor: inherit !important; } .grab-to-pan-grab:active, .grab-to-pan-grabbing { - cursor: url("images/grabbing.cur"), move !important; - cursor: -webkit-grabbing !important; - cursor: grabbing !important; - position: fixed; - background: rgba(0, 0, 0, 0); - display: block; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow: hidden; - z-index: 50000; /* should be higher than anything else in PDF.js! */ + cursor: url("images/grabbing.cur"), move !important; + cursor: -webkit-grabbing !important; + cursor: grabbing !important; + position: fixed; + background: rgba(0, 0, 0, 0); + display: block; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + z-index: 50000; /* should be higher than anything else in PDF.js! */ } @page { - margin: 0; + margin: 0; } #printContainer { - display: none; + display: none; +} + +#printContainer div img { + image-rendering: pixelated; + image-rendering: -moz-crisp-edges; + image-rendering: crisp-edges; } @media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (min-resolution: 1.1dppx) { - /* Rules for Retina screens */ - .toolbarButton::before { - transform: scale(0.5); - top: -5px; - } + /* Rules for Retina screens */ + .toolbarButton::before { + transform: scale(0.5); + top: -5px; + } - .secondaryToolbarButton::before { - transform: scale(0.5); - top: -4px; - } + .secondaryToolbarButton::before { + transform: scale(0.5); + top: -4px; + } - html[dir='ltr'] .toolbarButton::before, - html[dir='rtl'] .toolbarButton::before { - left: -1px; - } + html[dir='ltr'] .toolbarButton::before, + html[dir='rtl'] .toolbarButton::before { + left: -1px; + } - html[dir='ltr'] .secondaryToolbarButton::before { - left: -2px; - } - html[dir='rtl'] .secondaryToolbarButton::before { - left: 186px; - } + html[dir='ltr'] .secondaryToolbarButton::before { + left: -2px; + } + html[dir='rtl'] .secondaryToolbarButton::before { + left: 186px; + } - .toolbarField.pageNumber.visiblePageIsLoading, - #findInput[data-status="pending"] { - background-image: url(images/loading-small@2x.png); - background-size: 16px 17px; - } + .toolbarField.pageNumber.visiblePageIsLoading, + #findInput[data-status="pending"] { + background-image: url(images/loading-small@2x.png); + background-size: 16px 17px; + } - .dropdownToolbarButton::after { - transform: scale(0.5); - top: -5px; - content: url(images/toolbarButton-menuArrows@2x.png); - } - html[dir='ltr'] .dropdownToolbarButton::after { - right: 4px; - } - html[dir='rtl'] .dropdownToolbarButton::after { - left: 4px; - } + .dropdownToolbarButton::after { + transform: scale(0.5); + top: -5px; + content: url(images/toolbarButton-menuArrows@2x.png); + } + html[dir='ltr'] .dropdownToolbarButton::after { + right: 4px; + } + html[dir='rtl'] .dropdownToolbarButton::after { + left: 4px; + } - .toolbarButton#sidebarToggle::before { - content: url(images/toolbarButton-sidebarToggle@2x.png); - } - html[dir='rtl'] .toolbarButton#sidebarToggle::before { - transform: scale(-0.5, 0.5); - } + .toolbarButton#sidebarToggle::before { + content: url(images/toolbarButton-sidebarToggle@2x.png); + } + html[dir='rtl'] .toolbarButton#sidebarToggle::before { + transform: scale(-0.5, 0.5); + } - .toolbarButton#secondaryToolbarToggle::before { - content: url(images/toolbarButton-secondaryToolbarToggle@2x.png); - } - html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { - transform: scale(-0.5, 0.5); - } + .toolbarButton#secondaryToolbarToggle::before { + content: url(images/toolbarButton-secondaryToolbarToggle@2x.png); + } + html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { + transform: scale(-0.5, 0.5); + } - .toolbarButton.findPrevious::before { - content: url(images/findbarButton-previous@2x.png); - } - html[dir='rtl'] .toolbarButton.findPrevious::before { - transform: scale(-0.5, 0.5); - } + .toolbarButton.findPrevious::before { + content: url(images/findbarButton-previous@2x.png); + } + html[dir='rtl'] .toolbarButton.findPrevious::before { + transform: scale(-0.5, 0.5); + } - .toolbarButton.findNext::before { - content: url(images/findbarButton-next@2x.png); - } - html[dir='rtl'] .toolbarButton.findNext::before { - transform: scale(-0.5, 0.5); - } + .toolbarButton.findNext::before { + content: url(images/findbarButton-next@2x.png); + } + html[dir='rtl'] .toolbarButton.findNext::before { + transform: scale(-0.5, 0.5); + } - .toolbarButton.pageUp::before { - content: url(images/toolbarButton-pageUp@2x.png); - } - html[dir='rtl'] .toolbarButton.pageUp::before { - transform: scale(-0.5, 0.5); - } + .toolbarButton.pageUp::before { + content: url(images/toolbarButton-pageUp@2x.png); + } + html[dir='rtl'] .toolbarButton.pageUp::before { + transform: scale(-0.5, 0.5); + } - .toolbarButton.pageDown::before { - content: url(images/toolbarButton-pageDown@2x.png); - } - html[dir='rtl'] .toolbarButton.pageDown::before { - transform: scale(-0.5, 0.5); - } + .toolbarButton.pageDown::before { + content: url(images/toolbarButton-pageDown@2x.png); + } + html[dir='rtl'] .toolbarButton.pageDown::before { + transform: scale(-0.5, 0.5); + } - .toolbarButton.zoomIn::before { - content: url(images/toolbarButton-zoomIn@2x.png); - } + .toolbarButton.zoomIn::before { + content: url(images/toolbarButton-zoomIn@2x.png); + } - .toolbarButton.zoomOut::before { - content: url(images/toolbarButton-zoomOut@2x.png); - } + .toolbarButton.zoomOut::before { + content: url(images/toolbarButton-zoomOut@2x.png); + } - .toolbarButton.presentationMode::before, - .secondaryToolbarButton.presentationMode::before { - content: url(images/toolbarButton-presentationMode@2x.png); - } + .toolbarButton.presentationMode::before, + .secondaryToolbarButton.presentationMode::before { + content: url(images/toolbarButton-presentationMode@2x.png); + } - .toolbarButton.print::before, - .secondaryToolbarButton.print::before { - content: url(images/toolbarButton-print@2x.png); - } + .toolbarButton.print::before, + .secondaryToolbarButton.print::before { + content: url(images/toolbarButton-print@2x.png); + } - .toolbarButton.openFile::before, - .secondaryToolbarButton.openFile::before { - content: url(images/toolbarButton-openFile@2x.png); - } + .toolbarButton.openFile::before, + .secondaryToolbarButton.openFile::before { + content: url(images/toolbarButton-openFile@2x.png); + } - .toolbarButton.download::before, - .secondaryToolbarButton.download::before { - content: url(images/toolbarButton-download@2x.png); - } + .toolbarButton.download::before, + .secondaryToolbarButton.download::before { + content: url(images/toolbarButton-download@2x.png); + } - .toolbarButton.bookmark::before, - .secondaryToolbarButton.bookmark::before { - content: url(images/toolbarButton-bookmark@2x.png); - } + .toolbarButton.bookmark::before, + .secondaryToolbarButton.bookmark::before { + content: url(images/toolbarButton-bookmark@2x.png); + } - #viewThumbnail.toolbarButton::before { - content: url(images/toolbarButton-viewThumbnail@2x.png); - } + #viewThumbnail.toolbarButton::before { + content: url(images/toolbarButton-viewThumbnail@2x.png); + } - #viewOutline.toolbarButton::before { - content: url(images/toolbarButton-viewOutline@2x.png); - } - html[dir="rtl"] #viewOutline.toolbarButton::before { - transform: scale(-0.5, 0.5); - } + #viewOutline.toolbarButton::before { + content: url(images/toolbarButton-viewOutline@2x.png); + } + html[dir="rtl"] #viewOutline.toolbarButton::before { + transform: scale(-0.5, 0.5); + } - #viewAttachments.toolbarButton::before { - content: url(images/toolbarButton-viewAttachments@2x.png); - } + #viewAttachments.toolbarButton::before { + content: url(images/toolbarButton-viewAttachments@2x.png); + } - #viewFind.toolbarButton::before { - content: url(images/toolbarButton-search@2x.png); - } + #viewFind.toolbarButton::before { + content: url(images/toolbarButton-search@2x.png); + } - .secondaryToolbarButton.firstPage::before { - content: url(images/secondaryToolbarButton-firstPage@2x.png); - } + .secondaryToolbarButton.firstPage::before { + content: url(images/secondaryToolbarButton-firstPage@2x.png); + } - .secondaryToolbarButton.lastPage::before { - content: url(images/secondaryToolbarButton-lastPage@2x.png); - } + .secondaryToolbarButton.lastPage::before { + content: url(images/secondaryToolbarButton-lastPage@2x.png); + } - .secondaryToolbarButton.rotateCcw::before { - content: url(images/secondaryToolbarButton-rotateCcw@2x.png); - } + .secondaryToolbarButton.rotateCcw::before { + content: url(images/secondaryToolbarButton-rotateCcw@2x.png); + } - .secondaryToolbarButton.rotateCw::before { - content: url(images/secondaryToolbarButton-rotateCw@2x.png); - } + .secondaryToolbarButton.rotateCw::before { + content: url(images/secondaryToolbarButton-rotateCw@2x.png); + } - .secondaryToolbarButton.selectTool::before { - content: url(images/secondaryToolbarButton-selectTool@2x.png); - } + .secondaryToolbarButton.selectTool::before { + content: url(images/secondaryToolbarButton-selectTool@2x.png); + } - .secondaryToolbarButton.handTool::before { - content: url(images/secondaryToolbarButton-handTool@2x.png); - } + .secondaryToolbarButton.handTool::before { + content: url(images/secondaryToolbarButton-handTool@2x.png); + } - .secondaryToolbarButton.scrollVertical::before { - content: url(images/secondaryToolbarButton-scrollVertical@2x.png); - } + .secondaryToolbarButton.scrollVertical::before { + content: url(images/secondaryToolbarButton-scrollVertical@2x.png); + } - .secondaryToolbarButton.scrollHorizontal::before { - content: url(images/secondaryToolbarButton-scrollHorizontal@2x.png); - } + .secondaryToolbarButton.scrollHorizontal::before { + content: url(images/secondaryToolbarButton-scrollHorizontal@2x.png); + } - .secondaryToolbarButton.scrollWrapped::before { - content: url(images/secondaryToolbarButton-scrollWrapped@2x.png); - } + .secondaryToolbarButton.scrollWrapped::before { + content: url(images/secondaryToolbarButton-scrollWrapped@2x.png); + } - .secondaryToolbarButton.spreadNone::before { - content: url(images/secondaryToolbarButton-spreadNone@2x.png); - } + .secondaryToolbarButton.spreadNone::before { + content: url(images/secondaryToolbarButton-spreadNone@2x.png); + } - .secondaryToolbarButton.spreadOdd::before { - content: url(images/secondaryToolbarButton-spreadOdd@2x.png); - } + .secondaryToolbarButton.spreadOdd::before { + content: url(images/secondaryToolbarButton-spreadOdd@2x.png); + } - .secondaryToolbarButton.spreadEven::before { - content: url(images/secondaryToolbarButton-spreadEven@2x.png); - } + .secondaryToolbarButton.spreadEven::before { + content: url(images/secondaryToolbarButton-spreadEven@2x.png); + } - .secondaryToolbarButton.documentProperties::before { - content: url(images/secondaryToolbarButton-documentProperties@2x.png); - } + .secondaryToolbarButton.documentProperties::before { + content: url(images/secondaryToolbarButton-documentProperties@2x.png); + } - .outlineItemToggler::before { - transform: scale(0.5); - top: -1px; - content: url(images/treeitem-expanded@2x.png); - } - .outlineItemToggler.outlineItemsHidden::before { - content: url(images/treeitem-collapsed@2x.png); - } - html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before { - transform: scale(-0.5, 0.5); - } - html[dir='ltr'] .outlineItemToggler::before { - right: 0; - } - html[dir='rtl'] .outlineItemToggler::before { - left: 0; - } + .outlineItemToggler::before { + transform: scale(0.5); + top: -1px; + content: url(images/treeitem-expanded@2x.png); + } + .outlineItemToggler.outlineItemsHidden::before { + content: url(images/treeitem-collapsed@2x.png); + } + html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before { + transform: scale(-0.5, 0.5); + } + html[dir='ltr'] .outlineItemToggler::before { + right: 0; + } + html[dir='rtl'] .outlineItemToggler::before { + left: 0; + } } @media print { - /* General rules for printing. */ - body { - background: rgba(0, 0, 0, 0) none; - } + /* General rules for printing. */ + body { + background: rgba(0, 0, 0, 0) none; + } - /* Rules for browsers that don't support mozPrintCallback. */ - #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer { - display: none; - } - #viewerContainer { - overflow: visible; - } + /* Rules for browsers that don't support mozPrintCallback. */ + #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer { + display: none; + } + #viewerContainer { + overflow: visible; + } - #mainContainer, #viewerContainer, .page, .page canvas { - position: static; - padding: 0; - margin: 0; - } + #mainContainer, #viewerContainer, .page, .page canvas { + position: static; + padding: 0; + margin: 0; + } - .page { - float: left; - display: none; - border: none; - box-shadow: none; - background-clip: content-box; - background-color: rgba(255, 255, 255, 1); - } + .page { + float: left; + display: none; + border: none; + box-shadow: none; + background-clip: content-box; + background-color: rgba(255, 255, 255, 1); + } - .page[data-loaded] { - display: block; - } + .page[data-loaded] { + display: block; + } - .fileInput { - display: none; - } + .fileInput { + display: none; + } - /* Rules for browsers that support PDF.js printing */ - body[data-pdfjsprinting] #outerContainer { - display: none; - } - body[data-pdfjsprinting] #printContainer { - display: block; - } - #printContainer { - height: 100%; - } - /* wrapper around (scaled) print canvas elements */ - #printContainer > div { - position: relative; - top: 0; - left: 0; - width: 1px; - height: 1px; - overflow: visible; - page-break-after: always; - page-break-inside: avoid; - } - #printContainer canvas, - #printContainer img { - display: block; - } + /* Rules for browsers that support PDF.js printing */ + body[data-pdfjsprinting] #outerContainer { + display: none; + } + body[data-pdfjsprinting] #printContainer { + display: block; + } + #printContainer { + height: 100%; + } + /* wrapper around (scaled) print canvas elements */ + #printContainer > div { + position: relative; + top: 0; + left: 0; + width: 1px; + height: 1px; + overflow: visible; + page-break-after: always; + page-break-inside: avoid; + } + #printContainer canvas, + #printContainer img { + display: block; + } } .visibleLargeView, .visibleMediumView, .visibleSmallView { - display: none; + display: none; } @media all and (max-width: 900px) { - #toolbarViewerMiddle { - display: table; - margin: auto; - left: auto; - position: inherit; - transform: none; - } + #toolbarViewerMiddle { + display: table; + margin: auto; + left: auto; + position: inherit; + transform: none; + } } @media all and (max-width: 840px) { - #sidebarContent { - background-color: rgba(0, 0, 0, 0.7); - } + #sidebarContent { + background-color: rgba(0, 0, 0, 0.7); + } - html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer { - left: 0px !important; - } - html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer { - right: 0px !important; - } + html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer { + left: 0px !important; + } + html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer { + right: 0px !important; + } - #outerContainer .hiddenLargeView, - #outerContainer .hiddenMediumView { - display: inherit; - } - #outerContainer .visibleLargeView, - #outerContainer .visibleMediumView { - display: none; - } + #outerContainer .hiddenLargeView, + #outerContainer .hiddenMediumView { + display: inherit; + } + #outerContainer .visibleLargeView, + #outerContainer .visibleMediumView { + display: none; + } } @media all and (max-width: 770px) { - #outerContainer .hiddenLargeView { - display: none; - } - #outerContainer .visibleLargeView { - display: inherit; - } + #outerContainer .hiddenLargeView { + display: none; + } + #outerContainer .visibleLargeView { + display: inherit; + } } @media all and (max-width: 700px) { - #outerContainer .hiddenMediumView { - display: none; - } - #outerContainer .visibleMediumView { - display: inherit; - } + #outerContainer .hiddenMediumView { + display: none; + } + #outerContainer .visibleMediumView { + display: inherit; + } } @media all and (max-width: 640px) { - .hiddenSmallView, .hiddenSmallView * { - display: none; - } - .visibleSmallView { - display: inherit; - } - .toolbarButtonSpacer { - width: 0; - } - html[dir='ltr'] .findbar { - left: 38px; - } - html[dir='rtl'] .findbar { - right: 38px; - } + .hiddenSmallView, .hiddenSmallView * { + display: none; + } + .visibleSmallView { + display: inherit; + } + .toolbarButtonSpacer { + width: 0; + } + html[dir='ltr'] .findbar { + left: 38px; + } + html[dir='rtl'] .findbar { + right: 38px; + } } @media all and (max-width: 535px) { - #scaleSelectContainer { - display: none; - } + #scaleSelectContainer { + display: none; + } } diff --git a/print/pdfjs/web/viewer.js b/print/pdfjs/web/viewer.js index bef243e..f05377b 100644 --- a/print/pdfjs/web/viewer.js +++ b/print/pdfjs/web/viewer.js @@ -3625,7 +3625,7 @@ const defaultOptions = { kind: OptionKind.VIEWER + OptionKind.PREFERENCE }, printResolution: { - value: 1200, + value: 2000, kind: OptionKind.VIEWER }, renderer: { @@ -13137,8 +13137,9 @@ PDFPrintService.prototype = { useRenderedPage(printItem) { this.throwIfInactive(); const img = document.createElement("img"); - img.style.width = printItem.width; - img.style.height = printItem.height; + img.style.width = (printItem.width.replace("px", "") - 2) + "px"; + img.style.height = (printItem.height.replace("px", "") - 2) + "px"; + const scratchCanvas = this.scratchCanvas; if ("toBlob" in scratchCanvas && !this.disableCreateObjectURL) { diff --git a/print/templates/machineid.glabels b/print/templates/machineid.glabels index 77101c0..4848c9f 100644 Binary files a/print/templates/machineid.glabels and b/print/templates/machineid.glabels differ diff --git a/print/templates/machineidanonymous.glabels b/print/templates/machineidanonymous.glabels index a21283a..65012cd 100644 Binary files a/print/templates/machineidanonymous.glabels and b/print/templates/machineidanonymous.glabels differ