diff options
Diffstat (limited to 'js/pdfjs/web/viewer.css')
-rw-r--r-- | js/pdfjs/web/viewer.css | 155 |
1 files changed, 61 insertions, 94 deletions
diff --git a/js/pdfjs/web/viewer.css b/js/pdfjs/web/viewer.css index f25b2e0..595660a 100644 --- a/js/pdfjs/web/viewer.css +++ b/js/pdfjs/web/viewer.css @@ -29,8 +29,7 @@ position: absolute; white-space: pre; cursor: text; - -webkit-transform-origin: 0% 0%; - transform-origin: 0% 0%; + transform-origin: 0% 0%; } .textLayer .highlight { @@ -182,13 +181,11 @@ } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { @@ -292,9 +289,8 @@ overflow: visible; border: 9px solid transparent; background-clip: content-box; - -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; + -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); } @@ -446,6 +442,14 @@ 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; @@ -557,23 +561,17 @@ select { visibility: hidden; z-index: 100; border-top: 1px solid rgba(51, 51, 51, 1); - -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); + 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 { - -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)); @@ -585,8 +583,7 @@ html[dir='rtl'] #sidebarContainer { #outerContainer.sidebarResizing #sidebarContainer { /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ - -webkit-transition-duration: 0s; - 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; @@ -643,14 +640,10 @@ html[dir='rtl'] #sidebarContent { outline: none; } #viewerContainer:not(.pdfPresentationMode) { - -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); + 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); @@ -661,18 +654,15 @@ html[dir='rtl'] #viewerContainer { #outerContainer.sidebarResizing #viewerContainer { /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ - -webkit-transition-duration: 0s; - 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); @@ -695,8 +685,6 @@ 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 { @@ -732,8 +720,6 @@ 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 { @@ -769,7 +755,6 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { height: 100%; background-color: rgba(221, 221, 221, 1); overflow: hidden; - -webkit-transition: width 200ms; transition: width 200ms; } @@ -785,7 +770,6 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { #loadingBar .progress.indeterminate { background-color: rgba(153, 153, 153, 1); - -webkit-transition: none; transition: none; } @@ -969,8 +953,7 @@ html[dir='ltr'] .doorHangerRight:before { #toolbarViewerMiddle { position: absolute; left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + transform: translateX(-50%); } html[dir='ltr'] #toolbarViewerLeft, @@ -1044,7 +1027,6 @@ 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); @@ -1149,7 +1131,6 @@ 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); @@ -1164,7 +1145,6 @@ 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, @@ -1176,7 +1156,6 @@ 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, @@ -1285,46 +1264,46 @@ html[dir="rtl"] .secondaryToolbarButton::before { right: 4px; } -html[dir='ltr'] .toolbarButton#sidebarToggle::before { +.toolbarButton#sidebarToggle::before { content: url(images/toolbarButton-sidebarToggle.png); } html[dir='rtl'] .toolbarButton#sidebarToggle::before { - content: url(images/toolbarButton-sidebarToggle-rtl.png); + transform: scaleX(-1); } -html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before { +.toolbarButton#secondaryToolbarToggle::before { content: url(images/toolbarButton-secondaryToolbarToggle.png); } html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { - content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png); + transform: scaleX(-1); } -html[dir='ltr'] .toolbarButton.findPrevious::before { +.toolbarButton.findPrevious::before { content: url(images/findbarButton-previous.png); } html[dir='rtl'] .toolbarButton.findPrevious::before { - content: url(images/findbarButton-previous-rtl.png); + transform: scaleX(-1); } -html[dir='ltr'] .toolbarButton.findNext::before { +.toolbarButton.findNext::before { content: url(images/findbarButton-next.png); } html[dir='rtl'] .toolbarButton.findNext::before { - content: url(images/findbarButton-next-rtl.png); + transform: scaleX(-1); } -html[dir='ltr'] .toolbarButton.pageUp::before { +.toolbarButton.pageUp::before { content: url(images/toolbarButton-pageUp.png); } html[dir='rtl'] .toolbarButton.pageUp::before { - content: url(images/toolbarButton-pageUp-rtl.png); + transform: scaleX(-1); } -html[dir='ltr'] .toolbarButton.pageDown::before { +.toolbarButton.pageDown::before { content: url(images/toolbarButton-pageDown.png); } html[dir='rtl'] .toolbarButton.pageDown::before { - content: url(images/toolbarButton-pageDown-rtl.png); + transform: scaleX(-1); } .toolbarButton.zoomOut::before { @@ -1380,11 +1359,11 @@ html[dir='rtl'] .toolbarButton.pageDown::before { content: url(images/toolbarButton-viewThumbnail.png); } -html[dir="ltr"] #viewOutline.toolbarButton::before { +#viewOutline.toolbarButton::before { content: url(images/toolbarButton-viewOutline.png); } html[dir="rtl"] #viewOutline.toolbarButton::before { - content: url(images/toolbarButton-viewOutline-rtl.png); + transform: scaleX(-1); } #viewAttachments.toolbarButton::before { @@ -1526,7 +1505,6 @@ 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; @@ -1651,7 +1629,6 @@ 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, @@ -1667,7 +1644,6 @@ 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, @@ -1761,11 +1737,11 @@ html[dir='rtl'] .attachmentsItem > button { display: inline-block; position: absolute; } -html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before { +.outlineItemToggler.outlineItemsHidden::before { content: url(images/treeitem-collapsed.png); } html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before { - content: url(images/treeitem-collapsed-rtl.png); + transform: scaleX(-1); } .outlineItemToggler.outlineItemsHidden ~ .outlineItems { display: none; @@ -1789,7 +1765,6 @@ 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, @@ -1801,7 +1776,6 @@ 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, @@ -1891,8 +1865,6 @@ 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; @@ -2088,14 +2060,12 @@ 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 { - -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; } @@ -2118,8 +2088,7 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { } .dropdownToolbarButton::after { - -webkit-transform: scale(0.5); - transform: scale(0.5); + transform: scale(0.5); top: -5px; content: url(images/toolbarButton-menuArrows@2x.png); } @@ -2130,46 +2099,46 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { left: 4px; } - html[dir='ltr'] .toolbarButton#sidebarToggle::before { + .toolbarButton#sidebarToggle::before { content: url(images/toolbarButton-sidebarToggle@2x.png); } html[dir='rtl'] .toolbarButton#sidebarToggle::before { - content: url(images/toolbarButton-sidebarToggle-rtl@2x.png); + transform: scale(-0.5, 0.5); } - html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before { + .toolbarButton#secondaryToolbarToggle::before { content: url(images/toolbarButton-secondaryToolbarToggle@2x.png); } html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { - content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png); + transform: scale(-0.5, 0.5); } - html[dir='ltr'] .toolbarButton.findPrevious::before { + .toolbarButton.findPrevious::before { content: url(images/findbarButton-previous@2x.png); } html[dir='rtl'] .toolbarButton.findPrevious::before { - content: url(images/findbarButton-previous-rtl@2x.png); + transform: scale(-0.5, 0.5); } - html[dir='ltr'] .toolbarButton.findNext::before { + .toolbarButton.findNext::before { content: url(images/findbarButton-next@2x.png); } html[dir='rtl'] .toolbarButton.findNext::before { - content: url(images/findbarButton-next-rtl@2x.png); + transform: scale(-0.5, 0.5); } - html[dir='ltr'] .toolbarButton.pageUp::before { + .toolbarButton.pageUp::before { content: url(images/toolbarButton-pageUp@2x.png); } html[dir='rtl'] .toolbarButton.pageUp::before { - content: url(images/toolbarButton-pageUp-rtl@2x.png); + transform: scale(-0.5, 0.5); } - html[dir='ltr'] .toolbarButton.pageDown::before { + .toolbarButton.pageDown::before { content: url(images/toolbarButton-pageDown@2x.png); } html[dir='rtl'] .toolbarButton.pageDown::before { - content: url(images/toolbarButton-pageDown-rtl@2x.png); + transform: scale(-0.5, 0.5); } .toolbarButton.zoomIn::before { @@ -2209,11 +2178,11 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { content: url(images/toolbarButton-viewThumbnail@2x.png); } - html[dir="ltr"] #viewOutline.toolbarButton::before { + #viewOutline.toolbarButton::before { content: url(images/toolbarButton-viewOutline@2x.png); } html[dir="rtl"] #viewOutline.toolbarButton::before { - content: url(images/toolbarButton-viewOutline-rtl@2x.png); + transform: scale(-0.5, 0.5); } #viewAttachments.toolbarButton::before { @@ -2277,16 +2246,15 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { } .outlineItemToggler::before { - -webkit-transform: scale(0.5); - transform: scale(0.5); + transform: scale(0.5); top: -1px; content: url(images/treeitem-expanded@2x.png); } - html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before { + .outlineItemToggler.outlineItemsHidden::before { content: url(images/treeitem-collapsed@2x.png); } html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before { - content: url(images/treeitem-collapsed-rtl@2x.png); + transform: scale(-0.5, 0.5); } html[dir='ltr'] .outlineItemToggler::before { right: 0; @@ -2372,8 +2340,7 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { margin: auto; left: auto; position: inherit; - -webkit-transform: none; - transform: none; + transform: none; } } |