diff options
Diffstat (limited to 'js/pdfjs/web/viewer.css')
-rw-r--r-- | js/pdfjs/web/viewer.css | 155 |
1 files changed, 94 insertions, 61 deletions
diff --git a/js/pdfjs/web/viewer.css b/js/pdfjs/web/viewer.css index 595660a..f25b2e0 100644 --- a/js/pdfjs/web/viewer.css +++ b/js/pdfjs/web/viewer.css @@ -29,7 +29,8 @@ position: absolute; white-space: pre; cursor: text; - transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; + transform-origin: 0% 0%; } .textLayer .highlight { @@ -181,11 +182,13 @@ } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { @@ -289,8 +292,9 @@ 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; + -webkit-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: rgba(255, 255, 255, 1); } @@ -442,14 +446,6 @@ select { 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; -} - #viewerContainer.pdfPresentationMode:-ms-fullscreen { top: 0px !important; overflow: hidden !important; @@ -561,17 +557,23 @@ select { 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); + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-duration: var(--sidebar-transition-duration); + transition-duration: var(--sidebar-transition-duration); + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-timing-function: var(--sidebar-transition-timing-function); + transition-timing-function: var(--sidebar-transition-timing-function); } html[dir='ltr'] #sidebarContainer { + -webkit-transition-property: left; transition-property: left; left: -200px; left: calc(0px - var(--sidebar-width)); } html[dir='rtl'] #sidebarContainer { + -webkit-transition-property: right; transition-property: right; right: -200px; right: calc(0px - var(--sidebar-width)); @@ -583,7 +585,8 @@ html[dir='rtl'] #sidebarContainer { #outerContainer.sidebarResizing #sidebarContainer { /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ - transition-duration: 0s; + -webkit-transition-duration: 0s; + transition-duration: 0s; /* Prevent e.g. the thumbnails being selected when the sidebar is resized. */ -webkit-user-select: none; -moz-user-select: none; @@ -640,10 +643,14 @@ html[dir='rtl'] #sidebarContent { 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); + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-transition-duration: var(--sidebar-transition-duration); + transition-duration: var(--sidebar-transition-duration); + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-timing-function: var(--sidebar-transition-timing-function); + transition-timing-function: var(--sidebar-transition-timing-function); } html[dir='ltr'] #viewerContainer { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05); @@ -654,15 +661,18 @@ html[dir='rtl'] #viewerContainer { #outerContainer.sidebarResizing #viewerContainer { /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ - transition-duration: 0s; + -webkit-transition-duration: 0s; + transition-duration: 0s; } html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { + -webkit-transition-property: left; transition-property: left; left: 200px; left: var(--sidebar-width); } html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { + -webkit-transition-property: right; transition-property: right; right: 200px; right: var(--sidebar-width); @@ -685,6 +695,8 @@ html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentatio height: 32px; background-color: rgba(66, 66, 66, 1); /* fallback */ background-image: url(images/texture.png), + -webkit-gradient(linear, left top, left bottom, from(rgba(77, 77, 77, 0.99)), to(rgba(64, 64, 64, 0.95))); + background-image: url(images/texture.png), linear-gradient(rgba(77, 77, 77, 0.99), rgba(64, 64, 64, 0.95)); } html[dir='ltr'] #toolbarSidebar { @@ -720,6 +732,8 @@ html[dir='rtl'] #sidebarResizer { height: 32px; background-color: rgba(71, 71, 71, 1); /* fallback */ background-image: url(images/texture.png), + -webkit-gradient(linear, left top, left bottom, from(rgba(82, 82, 82, 0.99)), to(rgba(69, 69, 69, 0.95))); + 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 { @@ -755,6 +769,7 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { height: 100%; background-color: rgba(221, 221, 221, 1); overflow: hidden; + -webkit-transition: width 200ms; transition: width 200ms; } @@ -770,6 +785,7 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { #loadingBar .progress.indeterminate { background-color: rgba(153, 153, 153, 1); + -webkit-transition: none; transition: none; } @@ -953,7 +969,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, @@ -1027,6 +1044,7 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton { .splitToolbarButton.toggled > .toolbarButton, .toolbarButton.textButton { background-color: rgba(0, 0, 0, 0.12); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); 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); @@ -1131,6 +1149,7 @@ html[dir='rtl'] .dropdownToolbarButton { .secondaryToolbarButton:hover, .secondaryToolbarButton:focus { background-color: rgba(0, 0, 0, 0.12); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); 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); @@ -1145,6 +1164,7 @@ html[dir='rtl'] .dropdownToolbarButton { .dropdownToolbarButton:hover:active, .secondaryToolbarButton:hover:active { background-color: rgba(0, 0, 0, 0.2); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); 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, @@ -1156,6 +1176,7 @@ html[dir='rtl'] .dropdownToolbarButton { .splitToolbarButton.toggled > .toolbarButton.toggled, .secondaryToolbarButton.toggled { background-color: rgba(0, 0, 0, 0.3); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); 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, @@ -1264,46 +1285,46 @@ html[dir="rtl"] .secondaryToolbarButton::before { right: 4px; } -.toolbarButton#sidebarToggle::before { +html[dir='ltr'] .toolbarButton#sidebarToggle::before { content: url(images/toolbarButton-sidebarToggle.png); } html[dir='rtl'] .toolbarButton#sidebarToggle::before { - transform: scaleX(-1); + content: url(images/toolbarButton-sidebarToggle-rtl.png); } -.toolbarButton#secondaryToolbarToggle::before { +html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before { content: url(images/toolbarButton-secondaryToolbarToggle.png); } html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { - transform: scaleX(-1); + content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png); } -.toolbarButton.findPrevious::before { +html[dir='ltr'] .toolbarButton.findPrevious::before { content: url(images/findbarButton-previous.png); } html[dir='rtl'] .toolbarButton.findPrevious::before { - transform: scaleX(-1); + content: url(images/findbarButton-previous-rtl.png); } -.toolbarButton.findNext::before { +html[dir='ltr'] .toolbarButton.findNext::before { content: url(images/findbarButton-next.png); } html[dir='rtl'] .toolbarButton.findNext::before { - transform: scaleX(-1); + content: url(images/findbarButton-next-rtl.png); } -.toolbarButton.pageUp::before { +html[dir='ltr'] .toolbarButton.pageUp::before { content: url(images/toolbarButton-pageUp.png); } html[dir='rtl'] .toolbarButton.pageUp::before { - transform: scaleX(-1); + content: url(images/toolbarButton-pageUp-rtl.png); } -.toolbarButton.pageDown::before { +html[dir='ltr'] .toolbarButton.pageDown::before { content: url(images/toolbarButton-pageDown.png); } html[dir='rtl'] .toolbarButton.pageDown::before { - transform: scaleX(-1); + content: url(images/toolbarButton-pageDown-rtl.png); } .toolbarButton.zoomOut::before { @@ -1359,11 +1380,11 @@ html[dir='rtl'] .toolbarButton.pageDown::before { content: url(images/toolbarButton-viewThumbnail.png); } -#viewOutline.toolbarButton::before { +html[dir="ltr"] #viewOutline.toolbarButton::before { content: url(images/toolbarButton-viewOutline.png); } html[dir="rtl"] #viewOutline.toolbarButton::before { - transform: scaleX(-1); + content: url(images/toolbarButton-viewOutline-rtl.png); } #viewAttachments.toolbarButton::before { @@ -1505,6 +1526,7 @@ html[dir='rtl'] .verticalToolbarSeparator { margin: 4px 0 4px 0; border-radius: 2px; background-color: rgba(255, 255, 255, 0.09); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); background-clip: padding-box; border-width: 1px; @@ -1629,6 +1651,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage, a:focus > .thumbnail > .thumbnailSelectionRing, .thumbnail:hover > .thumbnailSelectionRing { background-color: rgba(255, 255, 255, 0.15); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); 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, @@ -1644,6 +1667,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing, .thumbnail.selected > .thumbnailSelectionRing { background-color: rgba(255, 255, 255, 0.3); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); 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, @@ -1737,11 +1761,11 @@ html[dir='rtl'] .attachmentsItem > button { display: inline-block; position: absolute; } -.outlineItemToggler.outlineItemsHidden::before { +html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before { content: url(images/treeitem-collapsed.png); } html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before { - transform: scaleX(-1); + content: url(images/treeitem-collapsed-rtl.png); } .outlineItemToggler.outlineItemsHidden ~ .outlineItems { display: none; @@ -1765,6 +1789,7 @@ html[dir='rtl'] .outlineItemToggler::before { .outlineItem > a:hover, .attachmentsItem > button:hover { background-color: rgba(255, 255, 255, 0.02); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); 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, @@ -1776,6 +1801,7 @@ html[dir='rtl'] .outlineItemToggler::before { .outlineItem.selected { background-color: rgba(255, 255, 255, 0.08); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0))); 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, @@ -1865,6 +1891,8 @@ html[dir='rtl'] .outlineItemToggler::before { line-height: 14px; background-color: rgba(71, 71, 71, 1); /* fallback */ background-image: url(images/texture.png), + -webkit-gradient(linear, left top, left bottom, from(rgba(82, 82, 82,0.99)), to(rgba(69, 69, 69, 0.95))); + 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; @@ -2060,12 +2088,14 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { @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); + -webkit-transform: scale(0.5); + transform: scale(0.5); top: -5px; } .secondaryToolbarButton::before { - transform: scale(0.5); + -webkit-transform: scale(0.5); + transform: scale(0.5); top: -4px; } @@ -2088,7 +2118,8 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { } .dropdownToolbarButton::after { - transform: scale(0.5); + -webkit-transform: scale(0.5); + transform: scale(0.5); top: -5px; content: url(images/toolbarButton-menuArrows@2x.png); } @@ -2099,46 +2130,46 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { left: 4px; } - .toolbarButton#sidebarToggle::before { + html[dir='ltr'] .toolbarButton#sidebarToggle::before { content: url(images/toolbarButton-sidebarToggle@2x.png); } html[dir='rtl'] .toolbarButton#sidebarToggle::before { - transform: scale(-0.5, 0.5); + content: url(images/toolbarButton-sidebarToggle-rtl@2x.png); } - .toolbarButton#secondaryToolbarToggle::before { + html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before { content: url(images/toolbarButton-secondaryToolbarToggle@2x.png); } html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { - transform: scale(-0.5, 0.5); + content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png); } - .toolbarButton.findPrevious::before { + html[dir='ltr'] .toolbarButton.findPrevious::before { content: url(images/findbarButton-previous@2x.png); } html[dir='rtl'] .toolbarButton.findPrevious::before { - transform: scale(-0.5, 0.5); + content: url(images/findbarButton-previous-rtl@2x.png); } - .toolbarButton.findNext::before { + html[dir='ltr'] .toolbarButton.findNext::before { content: url(images/findbarButton-next@2x.png); } html[dir='rtl'] .toolbarButton.findNext::before { - transform: scale(-0.5, 0.5); + content: url(images/findbarButton-next-rtl@2x.png); } - .toolbarButton.pageUp::before { + html[dir='ltr'] .toolbarButton.pageUp::before { content: url(images/toolbarButton-pageUp@2x.png); } html[dir='rtl'] .toolbarButton.pageUp::before { - transform: scale(-0.5, 0.5); + content: url(images/toolbarButton-pageUp-rtl@2x.png); } - .toolbarButton.pageDown::before { + html[dir='ltr'] .toolbarButton.pageDown::before { content: url(images/toolbarButton-pageDown@2x.png); } html[dir='rtl'] .toolbarButton.pageDown::before { - transform: scale(-0.5, 0.5); + content: url(images/toolbarButton-pageDown-rtl@2x.png); } .toolbarButton.zoomIn::before { @@ -2178,11 +2209,11 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { content: url(images/toolbarButton-viewThumbnail@2x.png); } - #viewOutline.toolbarButton::before { + html[dir="ltr"] #viewOutline.toolbarButton::before { content: url(images/toolbarButton-viewOutline@2x.png); } html[dir="rtl"] #viewOutline.toolbarButton::before { - transform: scale(-0.5, 0.5); + content: url(images/toolbarButton-viewOutline-rtl@2x.png); } #viewAttachments.toolbarButton::before { @@ -2246,15 +2277,16 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { } .outlineItemToggler::before { - transform: scale(0.5); + -webkit-transform: scale(0.5); + transform: scale(0.5); top: -1px; content: url(images/treeitem-expanded@2x.png); } - .outlineItemToggler.outlineItemsHidden::before { + html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before { content: url(images/treeitem-collapsed@2x.png); } html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before { - transform: scale(-0.5, 0.5); + content: url(images/treeitem-collapsed-rtl@2x.png); } html[dir='ltr'] .outlineItemToggler::before { right: 0; @@ -2340,7 +2372,8 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { margin: auto; left: auto; position: inherit; - transform: none; + -webkit-transform: none; + transform: none; } } |