diff options
Diffstat (limited to 'vendor/pdfjs/web/viewer.css')
| -rw-r--r-- | vendor/pdfjs/web/viewer.css | 485 |
1 files changed, 327 insertions, 158 deletions
diff --git a/vendor/pdfjs/web/viewer.css b/vendor/pdfjs/web/viewer.css index c259f08..82766d6 100644 --- a/vendor/pdfjs/web/viewer.css +++ b/vendor/pdfjs/web/viewer.css @@ -24,16 +24,13 @@ line-height: 1.0; } -.textLayer > div { +.textLayer > span { color: transparent; position: absolute; white-space: pre; cursor: text; -webkit-transform-origin: 0% 0%; - -moz-transform-origin: 0% 0%; - -o-transform-origin: 0% 0%; - -ms-transform-origin: 0% 0%; - transform-origin: 0% 0%; + transform-origin: 0% 0%; } .textLayer .highlight { @@ -60,9 +57,10 @@ background-color: rgb(0, 100, 0); } -.textLayer ::selection { background: rgb(0,0,255); } .textLayer ::-moz-selection { background: rgb(0,0,255); } +.textLayer ::selection { background: rgb(0,0,255); } + .textLayer .endOfContent { display: block; position: absolute; @@ -73,8 +71,9 @@ z-index: -1; cursor: default; -webkit-user-select: none; - -ms-user-select: none; - -moz-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .textLayer .endOfContent.active { @@ -86,7 +85,8 @@ position: absolute; } -.annotationLayer .linkAnnotation > a { +.annotationLayer .linkAnnotation > a, +.annotationLayer .buttonWidgetAnnotation.pushButton > a { position: absolute; font-size: 1em; top: 0; @@ -95,11 +95,8 @@ height: 100%; } -.annotationLayer .linkAnnotation > a /* -ms-a */ { - background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; -} - -.annotationLayer .linkAnnotation > a:hover { +.annotationLayer .linkAnnotation > a:hover, +.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover { opacity: 0.2; background: #ff0; box-shadow: 0px 2px 10px #ff0; @@ -120,11 +117,20 @@ 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; +} + +.annotationLayer .buttonWidgetAnnotation.radioButton input { + border-radius: 50%; +} + .annotationLayer .textWidgetAnnotation textarea { font: message-box; font-size: 9px; @@ -156,6 +162,40 @@ border: 1px solid transparent; } +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, +.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { + background-color: #000; + content: ''; + display: block; + position: absolute; +} + +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { + height: 80%; + left: 45%; + width: 1px; +} + +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { + border-radius: 50%; + height: 50%; + left: 30%; + top: 20%; + width: 50%; +} + .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; @@ -175,9 +215,9 @@ .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; + padding: 0; } .annotationLayer .popupWrapper { @@ -195,16 +235,19 @@ padding: 0.6em; margin-left: 5px; cursor: pointer; + font: message-box; word-wrap: break-word; } .annotationLayer .popup h1 { font-size: 1em; border-bottom: 1px solid #000000; + margin: 0; padding-bottom: 0.2em; } .annotationLayer .popup p { + margin: 0; padding-top: 0.2em; } @@ -213,6 +256,12 @@ .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .lineAnnotation svg line, +.annotationLayer .squareAnnotation svg rect, +.annotationLayer .circleAnnotation svg ellipse, +.annotationLayer .polylineAnnotation svg polyline, +.annotationLayer .polygonAnnotation svg polygon, +.annotationLayer .inkAnnotation svg polyline, +.annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } @@ -230,7 +279,8 @@ overflow: visible; border: 9px solid transparent; background-clip: content-box; - border-image: url(images/shadow.png) 9 9 repeat; + -o-border-image: url(images/shadow.png) 9 9 repeat; + border-image: url(images/shadow.png) 9 9 repeat; background-color: white; } @@ -248,6 +298,46 @@ border: none; } +.pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread { + margin-left: 3.5px; + margin-right: 3.5px; + text-align: center; +} + +.pdfViewer.scrollHorizontal, .spread { + white-space: nowrap; +} + +.pdfViewer.removePageBorders, +.pdfViewer.scrollHorizontal .spread, +.pdfViewer.scrollWrapped .spread { + margin-left: 0; + margin-right: 0; +} + +.spread .page, +.pdfViewer.scrollHorizontal .page, +.pdfViewer.scrollWrapped .page, +.pdfViewer.scrollHorizontal .spread, +.pdfViewer.scrollWrapped .spread { + display: inline-block; + vertical-align: middle; +} + +.spread .page, +.pdfViewer.scrollHorizontal .page, +.pdfViewer.scrollWrapped .page { + 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; +} + .pdfViewer .page canvas { margin: 0; display: block; @@ -267,6 +357,26 @@ background: url('images/loading-icon.gif') center no-repeat; } +.pdfPresentationMode .pdfViewer { + margin-left: 0; + margin-right: 0; +} + +.pdfPresentationMode .pdfViewer .page, +.pdfPresentationMode .pdfViewer .spread { + display: block; +} + +.pdfPresentationMode .pdfViewer .page, +.pdfPresentationMode .pdfViewer.removePageBorders .page { + margin-left: auto; + margin-right: auto; +} + +.pdfPresentationMode:-ms-fullscreen .pdfViewer .page { + margin-bottom: 100% !important; +} + .pdfPresentationMode:-webkit-full-screen .pdfViewer .page { margin-bottom: 100%; border: 0; @@ -277,16 +387,15 @@ border: 0; } -.pdfPresentationMode:-ms-fullscreen .pdfViewer .page { - margin-bottom: 100% !important; - border: 0; -} - .pdfPresentationMode:fullscreen .pdfViewer .page { margin-bottom: 100%; border: 0; } +:root { + --sidebar-width: 200px; +} + * { padding: 0; margin: 0; @@ -321,6 +430,15 @@ select { display: none !important; } +#viewerContainer.pdfPresentationMode:-ms-fullscreen { + top: 0px !important; + overflow: hidden !important; +} + +#viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop { + background-color: #000; +} + #viewerContainer.pdfPresentationMode:-webkit-full-screen { top: 0px; border-top: 2px solid transparent; @@ -330,6 +448,7 @@ select { overflow: hidden; cursor: none; -webkit-user-select: none; + user-select: none; } #viewerContainer.pdfPresentationMode:-moz-full-screen { @@ -341,20 +460,19 @@ select { overflow: hidden; cursor: none; -moz-user-select: none; + user-select: none; } #viewerContainer.pdfPresentationMode:-ms-fullscreen { - top: 0px !important; + top: 0px; border-top: 2px solid transparent; + background-color: #000; width: 100%; height: 100%; - overflow: hidden !important; + overflow: hidden; cursor: none; -ms-user-select: none; -} - -#viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop { - background-color: #000; + user-select: none; } #viewerContainer.pdfPresentationMode:fullscreen { @@ -366,8 +484,9 @@ select { overflow: hidden; cursor: none; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .pdfPresentationMode:-webkit-full-screen a:not(.internalLink) { @@ -379,31 +498,31 @@ select { } .pdfPresentationMode:-ms-fullscreen a:not(.internalLink) { - display: none !important; + display: none; } .pdfPresentationMode:fullscreen a:not(.internalLink) { display: none; } -.pdfPresentationMode:-webkit-full-screen .textLayer > div { +.pdfPresentationMode:-webkit-full-screen .textLayer > span { cursor: none; } -.pdfPresentationMode:-moz-full-screen .textLayer > div { +.pdfPresentationMode:-moz-full-screen .textLayer > span { cursor: none; } -.pdfPresentationMode:-ms-fullscreen .textLayer > div { +.pdfPresentationMode:-ms-fullscreen .textLayer > span { cursor: none; } -.pdfPresentationMode:fullscreen .textLayer > div { +.pdfPresentationMode:fullscreen .textLayer > span { cursor: none; } .pdfPresentationMode.pdfPresentationModeControls > *, -.pdfPresentationMode.pdfPresentationModeControls .textLayer > div { +.pdfPresentationMode.pdfPresentationModeControls .textLayer > span { cursor: default; } @@ -415,35 +534,51 @@ select { #sidebarContainer { position: absolute; - top: 0; + top: 32px; bottom: 0; - width: 200px; + width: 200px; /* Here, and elsewhere below, keep the constant value for compatibility + with older browsers that lack support for CSS variables. */ + width: var(--sidebar-width); visibility: hidden; - -webkit-transition-duration: 200ms; - -webkit-transition-timing-function: ease; + z-index: 100; + border-top: 1px solid #333; + transition-duration: 200ms; transition-timing-function: ease; - } html[dir='ltr'] #sidebarContainer { - -webkit-transition-property: left; transition-property: left; left: -200px; + left: calc(-1 * var(--sidebar-width)); } html[dir='rtl'] #sidebarContainer { - -webkit-transition-property: right; transition-property: right; right: -200px; + right: calc(-1 * var(--sidebar-width)); +} + +.loadingInProgress #sidebarContainer { + 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; } -#outerContainer.sidebarMoving > #sidebarContainer, -#outerContainer.sidebarOpen > #sidebarContainer { +#outerContainer.sidebarMoving #sidebarContainer, +#outerContainer.sidebarOpen #sidebarContainer { visibility: visible; } -html[dir='ltr'] #outerContainer.sidebarOpen > #sidebarContainer { +html[dir='ltr'] #outerContainer.sidebarOpen #sidebarContainer { left: 0px; } -html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer { +html[dir='rtl'] #outerContainer.sidebarOpen #sidebarContainer { right: 0px; } @@ -454,20 +589,6 @@ html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer { bottom: 0; left: 0; min-width: 320px; - -webkit-transition-duration: 200ms; - -webkit-transition-timing-function: ease; - transition-duration: 200ms; - transition-timing-function: ease; -} -html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer { - -webkit-transition-property: left; - transition-property: left; - left: 200px; -} -html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer { - -webkit-transition-property: right; - transition-property: right; - right: 200px; } #sidebarContent { @@ -476,7 +597,7 @@ html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer { overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; - width: 200px; + width: 100%; background-color: hsla(0,0%,0%,.1); } html[dir='ltr'] #sidebarContent { @@ -498,6 +619,10 @@ html[dir='rtl'] #sidebarContent { left: 0; outline: none; } +#viewerContainer:not(.pdfPresentationMode) { + transition-duration: 200ms; + transition-timing-function: ease; +} html[dir='ltr'] #viewerContainer { box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05); } @@ -505,6 +630,22 @@ html[dir='rtl'] #viewerContainer { box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05); } +#outerContainer.sidebarResizing #viewerContainer { + /* 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); +} +html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { + transition-property: right; + right: 200px; + right: var(--sidebar-width); +} + .toolbar { position: relative; left: 0; @@ -518,7 +659,7 @@ html[dir='rtl'] #viewerContainer { } #toolbarSidebar { - width: 200px; + width: 100%; height: 32px; background-color: #424242; /* fallback */ background-image: url(images/texture.png), @@ -537,6 +678,21 @@ html[dir='rtl'] #toolbarSidebar { 0 0 1px hsla(0,0%,0%,.1); } +#sidebarResizer { + position: absolute; + top: 0; + bottom: 0; + width: 6px; + z-index: 200; + cursor: ew-resize; +} +html[dir='ltr'] #sidebarResizer { + right: -6px; +} +html[dir='rtl'] #sidebarResizer { + left: -6px; +} + #toolbarContainer, .findbar, .secondaryToolbar { position: relative; height: 32px; @@ -545,15 +701,13 @@ html[dir='rtl'] #toolbarSidebar { linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); } html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar { - box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08), - inset 0 1px 1px hsla(0,0%,0%,.15), + box-shadow: inset 0 1px 1px hsla(0,0%,0%,.15), inset 0 -1px 0 hsla(0,0%,100%,.05), 0 1px 0 hsla(0,0%,0%,.15), 0 1px 1px hsla(0,0%,0%,.1); } html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { - box-shadow: inset -1px 0 0 hsla(0,0%,100%,.08), - inset 0 1px 1px hsla(0,0%,0%,.15), + box-shadow: inset 0 1px 1px hsla(0,0%,0%,.15), inset 0 -1px 0 hsla(0,0%,100%,.05), 0 1px 0 hsla(0,0%,0%,.15), 0 1px 1px hsla(0,0%,0%,.1); @@ -579,7 +733,6 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { height: 100%; background-color: #ddd; overflow: hidden; - -webkit-transition: width 200ms; transition: width 200ms; } @@ -595,7 +748,6 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { #loadingBar .progress.indeterminate { background-color: #999; - -webkit-transition: none; transition: none; } @@ -612,7 +764,8 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { #ddd 95px, #bbb 100px); -webkit-animation: progressIndeterminate 950ms linear infinite; - animation: progressIndeterminate 950ms linear infinite; + + animation: progressIndeterminate 950ms linear infinite; } .findbar, .secondaryToolbar { @@ -651,19 +804,21 @@ html[dir='rtl'] .findbar { .findbar label { -webkit-user-select: none; - -moz-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } #findInput { width: 200px; } #findInput::-webkit-input-placeholder { - font-style: italic; + color: hsl(0, 0%, 75%); } -#findInput::-moz-placeholder { +#findInput:-ms-input-placeholder { font-style: italic; } -#findInput:-ms-input-placeholder { +#findInput::-ms-input-placeholder { font-style: italic; } #findInput::placeholder { @@ -698,6 +853,11 @@ html[dir='rtl'] .secondaryToolbar { margin-bottom: -4px; } +#secondaryToolbarButtonContainer.hiddenScrollModeButtons > .scrollModeButtons, +#secondaryToolbarButtonContainer.hiddenSpreadModeButtons > .spreadModeButtons { + display: none !important; +} + .doorHanger, .doorHangerRight { border: 1px solid hsla(0,0%,0%,.5); @@ -771,7 +931,8 @@ html[dir='ltr'] .doorHangerRight:before { #toolbarViewerMiddle { position: absolute; left: 50%; - transform: translateX(-50%); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } html[dir='ltr'] #toolbarViewerLeft, @@ -852,9 +1013,6 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton { box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, 0 0 1px hsla(0,0%,100%,.15) inset, 0 1px 0 hsla(0,0%,100%,.05); - -webkit-transition-property: background-color, border-color, box-shadow; - -webkit-transition-duration: 150ms; - -webkit-transition-timing-function: ease; transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; @@ -914,9 +1072,6 @@ html[dir='rtl'] .splitToolbarButtonSeparator { padding: 12px 0; margin: 1px 0; box-shadow: 0 0 0 1px hsla(0,0%,100%,.03); - -webkit-transition-property: padding; - -webkit-transition-duration: 10ms; - -webkit-transition-timing-function: ease; transition-property: padding; transition-duration: 10ms; transition-timing-function: ease; @@ -934,13 +1089,11 @@ html[dir='rtl'] .splitToolbarButtonSeparator { font-size: 12px; line-height: 14px; -webkit-user-select: none; - -moz-user-select: none; - -ms-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; - -webkit-transition-property: background-color, border-color, box-shadow; - -webkit-transition-duration: 150ms; - -webkit-transition-timing-function: ease; transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; @@ -983,9 +1136,6 @@ html[dir='rtl'] .dropdownToolbarButton { box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, 0 0 1px hsla(0,0%,0%,.2) inset, 0 1px 0 hsla(0,0%,100%,.05); - -webkit-transition-property: background-color, border-color, box-shadow; - -webkit-transition-duration: 10ms; - -webkit-transition-timing-function: linear; transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; @@ -1000,9 +1150,6 @@ html[dir='rtl'] .dropdownToolbarButton { box-shadow: 0 1px 1px hsla(0,0%,0%,.1) inset, 0 0 1px hsla(0,0%,0%,.2) inset, 0 1px 0 hsla(0,0%,100%,.05); - -webkit-transition-property: background-color, border-color, box-shadow; - -webkit-transition-duration: 10ms; - -webkit-transition-timing-function: linear; transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; @@ -1176,8 +1323,6 @@ html[dir='rtl'] .toolbarButton.pageDown::before { .toolbarButton.bookmark, .secondaryToolbarButton.bookmark { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; outline: none; padding-top: 4px; @@ -1290,6 +1435,30 @@ html[dir="rtl"] .secondaryToolbarButton > span { content: url(images/secondaryToolbarButton-handTool.png); } +.secondaryToolbarButton.scrollVertical::before { + content: url(images/secondaryToolbarButton-scrollVertical.png); +} + +.secondaryToolbarButton.scrollHorizontal::before { + content: url(images/secondaryToolbarButton-scrollHorizontal.png); +} + +.secondaryToolbarButton.scrollWrapped::before { + content: url(images/secondaryToolbarButton-scrollWrapped.png); +} + +.secondaryToolbarButton.spreadNone::before { + content: url(images/secondaryToolbarButton-spreadNone.png); +} + +.secondaryToolbarButton.spreadOdd::before { + content: url(images/secondaryToolbarButton-spreadOdd.png); +} + +.secondaryToolbarButton.spreadEven::before { + content: url(images/secondaryToolbarButton-spreadEven.png); +} + .secondaryToolbarButton.documentProperties::before { content: url(images/secondaryToolbarButton-documentProperties.png); } @@ -1384,23 +1553,35 @@ html[dir='rtl'] .verticalToolbarSeparator { line-height: 14px; text-align: left; -webkit-user-select: none; - -moz-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; cursor: default; } #thumbnailView { position: absolute; - width: 120px; + width: calc(100% - 60px); top: 0; bottom: 0; - padding: 10px 40px 0; + padding: 10px 30px 0; overflow: auto; -webkit-overflow-scrolling: touch; } +#thumbnailView > a:active, +#thumbnailView > a:focus { + outline: 0; +} + .thumbnail { + margin: 0 10px 5px 10px; +} +html[dir='ltr'] .thumbnail { float: left; - margin-bottom: 5px; +} +html[dir='rtl'] .thumbnail { + float: right; } #thumbnailView > a:last-of-type > .thumbnail { @@ -1413,7 +1594,7 @@ html[dir='rtl'] .verticalToolbarSeparator { .thumbnail:not([data-loaded]) { border: 1px dashed rgba(255, 255, 255, 0.5); - margin: -1px -1px 4px -1px; + margin: -1px 9px 4px 9px; } .thumbnailImage { @@ -1464,13 +1645,15 @@ a:focus > .thumbnail > .thumbnailSelectionRing, #outlineView, #attachmentsView { position: absolute; - width: 192px; + width: calc(100% - 8px); top: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-user-select: none; - -moz-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } #outlineView { @@ -1503,7 +1686,10 @@ html[dir='rtl'] .outlineItem > .outlineItems { color: hsla(0,0%,100%,.8); font-size: 13px; line-height: 15px; - -moz-user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; white-space: normal; } @@ -1598,8 +1784,8 @@ html[dir='rtl'] .outlineItemToggler::before { /* 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 */ -::selection { background: rgba(0,0,255,0.3); } ::-moz-selection { background: rgba(0,0,255,0.3); } +::selection { background: rgba(0,0,255,0.3); } #errorWrapper { background: none repeat scroll 0 0 #FF5555; @@ -1810,21 +1996,19 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { mix-blend-mode: screen; } -#viewer.textLayer-visible .textLayer > div { +#viewer.textLayer-visible .textLayer > span { background-color: rgba(255, 255, 0, 0.1); color: black; border: solid 1px rgba(255, 0, 0, 0.5); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } -#viewer.textLayer-hover .textLayer > div:hover { +#viewer.textLayer-hover .textLayer > span:hover { background-color: white; color: black; } -#viewer.textLayer-shadow .textLayer > div { +#viewer.textLayer-shadow .textLayer > span { background-color: rgba(255,255,255, .6); color: black; } @@ -1832,7 +2016,6 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { .grab-to-pan-grab { cursor: url("images/grab.cur"), move !important; cursor: -webkit-grab !important; - cursor: -moz-grab !important; cursor: grab !important; } .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) { @@ -1842,7 +2025,6 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { .grab-to-pan-grabbing { cursor: url("images/grabbing.cur"), move !important; cursor: -webkit-grabbing !important; - cursor: -moz-grabbing !important; cursor: grabbing !important; position: fixed; @@ -1864,17 +2046,17 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { display: none; } -@media screen and (min-resolution: 2dppx) { +@media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (min-resolution: 1.1dppx) { /* Rules for Retina screens */ .toolbarButton::before { -webkit-transform: scale(0.5); - transform: scale(0.5); + transform: scale(0.5); top: -5px; } .secondaryToolbarButton::before { -webkit-transform: scale(0.5); - transform: scale(0.5); + transform: scale(0.5); top: -4px; } @@ -2019,13 +2201,37 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { content: url(images/secondaryToolbarButton-handTool@2x.png); } + .secondaryToolbarButton.scrollVertical::before { + content: url(images/secondaryToolbarButton-scrollVertical@2x.png); + } + + .secondaryToolbarButton.scrollHorizontal::before { + content: url(images/secondaryToolbarButton-scrollHorizontal@2x.png); + } + + .secondaryToolbarButton.scrollWrapped::before { + content: url(images/secondaryToolbarButton-scrollWrapped@2x.png); + } + + .secondaryToolbarButton.spreadNone::before { + content: url(images/secondaryToolbarButton-spreadNone@2x.png); + } + + .secondaryToolbarButton.spreadOdd::before { + content: url(images/secondaryToolbarButton-spreadOdd@2x.png); + } + + .secondaryToolbarButton.spreadEven::before { + content: url(images/secondaryToolbarButton-spreadEven@2x.png); + } + .secondaryToolbarButton.documentProperties::before { content: url(images/secondaryToolbarButton-documentProperties@2x.png); } .outlineItemToggler::before { -webkit-transform: scale(0.5); - transform: scale(0.5); + transform: scale(0.5); top: -1px; content: url(images/treeitem-expanded@2x.png); } @@ -2113,64 +2319,27 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { display: none; } -@media all and (max-width: 1040px) { - #outerContainer.sidebarMoving #toolbarViewerMiddle, - #outerContainer.sidebarOpen #toolbarViewerMiddle { - display: table; - margin: auto; - left: auto; - position: inherit; - transform: none; - } -} - -@media all and (max-width: 980px) { - .sidebarMoving .hiddenLargeView, - .sidebarOpen .hiddenLargeView { - display: none; - } - .sidebarMoving .visibleLargeView, - .sidebarOpen .visibleLargeView { - display: inherit; - } -} - @media all and (max-width: 900px) { #toolbarViewerMiddle { display: table; margin: auto; left: auto; position: inherit; - transform: none; - } - .sidebarMoving .hiddenMediumView, - .sidebarOpen .hiddenMediumView { - display: none; - } - .sidebarMoving .visibleMediumView, - .sidebarOpen .visibleMediumView { - display: inherit; + -webkit-transform: none; + transform: none; } } @media all and (max-width: 840px) { - #sidebarContainer { - top: 32px; - z-index: 100; - } - .loadingInProgress #sidebarContainer { - top: 37px; - } #sidebarContent { - top: 32px; background-color: hsla(0,0%,0%,.7); } - html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer { - left: 0px; + html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer { + left: 0px !important; } - html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer { - right: 0px; + html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer { + right: 0px !important; } #outerContainer .hiddenLargeView, |