From 23a04de860953495942111ce27e61d85daa77cce Mon Sep 17 00:00:00 2001 From: Jonas Jenwald Date: Sat, 29 Aug 2020 16:46:01 +0200 Subject: [PATCH] Re-format all `web/*.css` files using Stylelint/Prettier This was done automatically, using `gulp lint --fix`. --- examples/mobile-viewer/viewer.css | 31 ++- extensions/chromium/contentstyle.css | 15 +- web/annotation_layer_builder.css | 2 +- web/pdf_viewer.css | 9 +- web/text_layer_builder.css | 2 +- web/viewer.css | 316 +++++++++++++++------------ 6 files changed, 215 insertions(+), 160 deletions(-) diff --git a/examples/mobile-viewer/viewer.css b/examples/mobile-viewer/viewer.css index 4ed9313a4ab535..e1f0f2f0c85abe 100644 --- a/examples/mobile-viewer/viewer.css +++ b/examples/mobile-viewer/viewer.css @@ -113,7 +113,8 @@ footer { background-color: rgba(0, 0, 0, 0); font-size: 1.2rem; color: rgba(255, 255, 255, 1); - background-image: url(images/div_line_left.png), url(images/div_line_right.png); + background-image: url(images/div_line_left.png), + url(images/div_line_right.png); background-repeat: no-repeat; background-position: left, right; background-size: 0.2rem, 0.2rem; @@ -138,7 +139,7 @@ footer { } .toolbarButton[disabled] { - opacity: .3; + opacity: 0.3; } .hidden { @@ -166,7 +167,7 @@ canvas { .pdfViewer .page .loadingIcon { width: 2.9rem; height: 2.9rem; - background: url("images/spinner.png") no-repeat left top / 38rem ; + background: url("images/spinner.png") no-repeat left top / 38rem; border: medium none; animation: 1s steps(10, end) 0s normal none infinite moveDefault; display: block; @@ -187,7 +188,7 @@ canvas { #loadingBar { position: relative; - height: .6rem; + height: 0.6rem; background-color: rgba(51, 51, 51, 1); border-bottom: 1px solid rgba(51, 51, 51, 1); margin-top: 5rem; @@ -204,9 +205,15 @@ canvas { } @keyframes progressIndeterminate { - 0% { left: 0; } - 50% { left: 100%; } - 100% { left: 100%; } + 0% { + left: 0; + } + 50% { + left: 100%; + } + 100% { + left: 100%; + } } #loadingBar .progress.indeterminate { @@ -220,10 +227,12 @@ canvas { left: 0; height: 100%; width: 5rem; - background-image: linear-gradient(to right, - rgba(153, 153, 153, 1) 0%, - rgba(255, 255, 255, 1) 50%, - rgba(153, 153, 153, 1) 100%); + background-image: linear-gradient( + to right, + rgba(153, 153, 153, 1) 0%, + rgba(255, 255, 255, 1) 50%, + rgba(153, 153, 153, 1) 100% + ); background-size: 100% 100%; background-repeat: no-repeat; animation: progressIndeterminate 2s linear infinite; diff --git a/extensions/chromium/contentstyle.css b/extensions/chromium/contentstyle.css index 20d92aa1436043..5829b06826b12d 100644 --- a/extensions/chromium/contentstyle.css +++ b/extensions/chromium/contentstyle.css @@ -1,9 +1,18 @@ /** * Detect creation of and tags. */ -@-webkit-keyframes pdfjs-detected-object-or-embed { from { /* empty */ } } -@keyframes pdfjs-detected-object-or-embed { from { /* empty */ } } -object, embed { +@-webkit-keyframes pdfjs-detected-object-or-embed { + from { + /* empty */ + } +} +@keyframes pdfjs-detected-object-or-embed { + from { + /* empty */ + } +} +object, +embed { -webkit-animation-delay: 0s !important; -webkit-animation-name: pdfjs-detected-object-or-embed !important; -webkit-animation-play-state: running !important; diff --git a/web/annotation_layer_builder.css b/web/annotation_layer_builder.css index c62bdbc4ea3828..7d910d4c118230 100644 --- a/web/annotation_layer_builder.css +++ b/web/annotation_layer_builder.css @@ -98,7 +98,7 @@ .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { background-color: rgba(0, 0, 0, 1); - content: ''; + content: ""; display: block; position: absolute; } diff --git a/web/pdf_viewer.css b/web/pdf_viewer.css index 845c2683c2bbce..b397c3dbef7ed8 100644 --- a/web/pdf_viewer.css +++ b/web/pdf_viewer.css @@ -46,13 +46,16 @@ border: none; } -.pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread { +.pdfViewer.scrollHorizontal, +.pdfViewer.scrollWrapped, +.spread { margin-left: 3.5px; margin-right: 3.5px; text-align: center; } -.pdfViewer.scrollHorizontal, .spread { +.pdfViewer.scrollHorizontal, +.spread { white-space: nowrap; } @@ -102,7 +105,7 @@ top: 0; right: 0; bottom: 0; - background: url('images/loading-icon.gif') center no-repeat; + background: url("images/loading-icon.gif") center no-repeat; } .pdfPresentationMode .pdfViewer { diff --git a/web/text_layer_builder.css b/web/text_layer_builder.css index 77206a51c02078..94816f1a4fd58a 100644 --- a/web/text_layer_builder.css +++ b/web/text_layer_builder.css @@ -21,7 +21,7 @@ bottom: 0; overflow: hidden; opacity: 0.2; - line-height: 1.0; + line-height: 1; } .textLayer > span { diff --git a/web/viewer.css b/web/viewer.css index bccfd5d9a07c74..3cf672863abb85 100644 --- a/web/viewer.css +++ b/web/viewer.css @@ -247,11 +247,11 @@ select { transition-duration: var(--sidebar-transition-duration); transition-timing-function: var(--sidebar-transition-timing-function); } -html[dir='ltr'] #sidebarContainer { +html[dir="ltr"] #sidebarContainer { transition-property: left; left: calc(0px - var(--sidebar-width)); } -html[dir='rtl'] #sidebarContainer { +html[dir="rtl"] #sidebarContainer { transition-property: right; right: calc(0px - var(--sidebar-width)); } @@ -271,10 +271,10 @@ html[dir='rtl'] #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; } @@ -296,11 +296,11 @@ html[dir='rtl'] #outerContainer.sidebarOpen #sidebarContainer { width: 100%; background-color: rgba(0, 0, 0, 0.1); } -html[dir='ltr'] #sidebarContent { +html[dir="ltr"] #sidebarContent { left: 0; box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25); } -html[dir='rtl'] #sidebarContent { +html[dir="rtl"] #sidebarContent { right: 0; box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25); } @@ -325,11 +325,15 @@ html[dir='rtl'] #sidebarContent { transition-duration: 0s; } -html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { +html[dir="ltr"] + #outerContainer.sidebarOpen + #viewerContainer:not(.pdfPresentationMode) { transition-property: left; left: var(--sidebar-width); } -html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { +html[dir="rtl"] + #outerContainer.sidebarOpen + #viewerContainer:not(.pdfPresentationMode) { transition-property: right; right: var(--sidebar-width); } @@ -351,21 +355,19 @@ html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentatio height: 32px; background-color: var(--sidebar-bg-color); } -html[dir='ltr'] #toolbarSidebar { - box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), - 0 1px 0 rgba(0, 0, 0, 0.15), +html[dir="ltr"] #toolbarSidebar { + box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), 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), - 0 1px 0 rgba(0, 0, 0, 0.15), +html[dir="rtl"] #toolbarSidebar { + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1); } -html[dir='ltr'] #toolbarSidebar .toolbarButton { +html[dir="ltr"] #toolbarSidebar .toolbarButton { margin-right: 2px !important; } -html[dir='rtl'] #toolbarSidebar .toolbarButton { +html[dir="rtl"] #toolbarSidebar .toolbarButton { margin-left: 2px !important; } @@ -377,22 +379,28 @@ html[dir='rtl'] #toolbarSidebar .toolbarButton { z-index: 200; cursor: ew-resize; } -html[dir='ltr'] #sidebarResizer { +html[dir="ltr"] #sidebarResizer { right: -6px; } -html[dir='rtl'] #sidebarResizer { +html[dir="rtl"] #sidebarResizer { left: -6px; } -#toolbarContainer, .findbar, .secondaryToolbar { +#toolbarContainer, +.findbar, +.secondaryToolbar { position: relative; height: 32px; background-color: var(--toolbar-bg-color); } -html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar { +html[dir="ltr"] #toolbarContainer, +.findbar, +.secondaryToolbar { box-shadow: 0 1px 0 var(--toolbar-border-color); } -html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { +html[dir="rtl"] #toolbarContainer, +.findbar, +.secondaryToolbar { box-shadow: 0 1px 0 var(--toolbar-border-color); } @@ -420,8 +428,12 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { } @keyframes progressIndeterminate { - 0% { left: -142px; } - 100% { left: 0; } + 0% { + left: -142px; + } + 100% { + left: 0; + } } #loadingBar .progress.indeterminate { @@ -435,14 +447,20 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { 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); + 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 + ); animation: progressIndeterminate 950ms linear infinite; } -.findbar, .secondaryToolbar { +.findbar, +.secondaryToolbar { top: 32px; position: absolute; z-index: 10000; @@ -470,19 +488,19 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { .findbar.wrapContainers > div#findbarMessageContainer { height: auto; } -html[dir='ltr'] .findbar { +html[dir="ltr"] .findbar { left: 63px; } -html[dir='rtl'] .findbar { +html[dir="rtl"] .findbar { right: 63px; } -html[dir='ltr'] .findbar .splitToolbarButton { +html[dir="ltr"] .findbar .splitToolbarButton { margin-left: 0px; margin-top: 3px; } -html[dir='rtl'] .findbar .splitToolbarButton { +html[dir="rtl"] .findbar .splitToolbarButton { margin-right: 0px; margin-top: 3px; } @@ -491,11 +509,11 @@ html[dir='rtl'] .findbar .splitToolbarButton { width: 29px; } -html[dir='ltr'] .findbar .splitToolbarButton .findNext { +html[dir="ltr"] .findbar .splitToolbarButton .findNext { border-right: 1px solid var(--field-border-color); } -html[dir='rtl'] .findbar .splitToolbarButton .findNext { +html[dir="rtl"] .findbar .splitToolbarButton .findNext { border-left: 1px solid var(--field-border-color); } @@ -511,20 +529,20 @@ html[dir='rtl'] .findbar .splitToolbarButton .findNext { top: 5px; } -html[dir='ltr'] .findbar .splitToolbarButton > .findPrevious { +html[dir="ltr"] .findbar .splitToolbarButton > .findPrevious { border-radius: 0; } -html[dir='ltr'] .findbar .splitToolbarButton > .findNext { +html[dir="ltr"] .findbar .splitToolbarButton > .findNext { border-bottom-left-radius: 0; border-bottom-right-radius: 2px; border-top-left-radius: 0; border-top-right-radius: 2px; } -html[dir='rtl'] .findbar .splitToolbarButton > .findPrevious { +html[dir="rtl"] .findbar .splitToolbarButton > .findPrevious { border-radius: 0; } -html[dir='rtl'] .findbar .splitToolbarButton > .findNext { +html[dir="rtl"] .findbar .splitToolbarButton > .findNext { border-bottom-left-radius: 2px; border-bottom-right-radius: 0; border-top-left-radius: 2px; @@ -535,17 +553,18 @@ html[dir='rtl'] .findbar .splitToolbarButton > .findNext { user-select: none; } -.findbar .toolbarLabel:hover, .findbar label:hover, +.findbar .toolbarLabel:hover, +.findbar label:hover, .findbar input:focus + label { background-color: var(--button-hover-color); } -html[dir='ltr'] #findInput { +html[dir="ltr"] #findInput { border-top-right-radius: 0; border-bottom-right-radius: 0; } -html[dir='rtl'] #findInput { +html[dir="rtl"] #findInput { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -568,7 +587,7 @@ html[dir='rtl'] #findInput { background-repeat: no-repeat; background-position: 98%; } -html[dir='rtl'] #findInput[data-status="pending"] { +html[dir="rtl"] #findInput[data-status="pending"] { background-position: 3px; } @@ -578,10 +597,10 @@ html[dir='rtl'] #findInput[data-status="pending"] { z-index: 30000; background-color: var(--doorhanger-bg-color); } -html[dir='ltr'] .secondaryToolbar { +html[dir="ltr"] .secondaryToolbar { right: 3px; } -html[dir='rtl'] .secondaryToolbar { +html[dir="rtl"] .secondaryToolbar { left: 3px; } @@ -601,10 +620,13 @@ html[dir='rtl'] .secondaryToolbar { .doorHanger, .doorHangerRight { border-radius: 2px; - box-shadow: 0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color); + box-shadow: 0 1px 5px var(--doorhanger-border-color), + 0 0 0 1px var(--doorhanger-border-color); } -.doorHanger:after, .doorHanger:before, -.doorHangerRight:after, .doorHangerRight:before { +.doorHanger:after, +.doorHanger:before, +.doorHangerRight:after, +.doorHangerRight:before { bottom: 100%; border: solid rgba(0, 0, 0, 0); content: " "; @@ -629,26 +651,26 @@ html[dir='rtl'] .secondaryToolbar { border-width: 9px; } -html[dir='ltr'] .doorHanger:after, -html[dir='rtl'] .doorHangerRight:after { +html[dir="ltr"] .doorHanger:after, +html[dir="rtl"] .doorHangerRight:after { left: 10px; margin-left: -8px; } -html[dir='ltr'] .doorHanger:before, -html[dir='rtl'] .doorHangerRight:before { +html[dir="ltr"] .doorHanger:before, +html[dir="rtl"] .doorHangerRight:before { left: 10px; margin-left: -9px; } -html[dir='rtl'] .doorHanger:after, -html[dir='ltr'] .doorHangerRight:after { +html[dir="rtl"] .doorHanger:after, +html[dir="ltr"] .doorHangerRight:after { right: 10px; margin-right: -8px; } -html[dir='rtl'] .doorHanger:before, -html[dir='ltr'] .doorHangerRight:before { +html[dir="rtl"] .doorHanger:before, +html[dir="ltr"] .doorHangerRight:before { right: 10px; margin-right: -9px; } @@ -678,42 +700,42 @@ html[dir='ltr'] .doorHangerRight:before { transform: translateX(-50%); } -html[dir='ltr'] #toolbarViewerLeft, -html[dir='rtl'] #toolbarViewerRight { +html[dir="ltr"] #toolbarViewerLeft, +html[dir="rtl"] #toolbarViewerRight { float: left; } -html[dir='ltr'] #toolbarViewerRight, -html[dir='rtl'] #toolbarViewerLeft { +html[dir="ltr"] #toolbarViewerRight, +html[dir="rtl"] #toolbarViewerLeft { float: right; } -html[dir='ltr'] #toolbarViewerLeft > *, -html[dir='ltr'] #toolbarViewerMiddle > *, -html[dir='ltr'] #toolbarViewerRight > *, -html[dir='ltr'] .findbar * { +html[dir="ltr"] #toolbarViewerLeft > *, +html[dir="ltr"] #toolbarViewerMiddle > *, +html[dir="ltr"] #toolbarViewerRight > *, +html[dir="ltr"] .findbar * { position: relative; float: left; } -html[dir='rtl'] #toolbarViewerLeft > *, -html[dir='rtl'] #toolbarViewerMiddle > *, -html[dir='rtl'] #toolbarViewerRight > *, -html[dir='rtl'] .findbar * { +html[dir="rtl"] #toolbarViewerLeft > *, +html[dir="rtl"] #toolbarViewerMiddle > *, +html[dir="rtl"] #toolbarViewerRight > *, +html[dir="rtl"] .findbar * { position: relative; float: right; } -html[dir='ltr'] .splitToolbarButton { +html[dir="ltr"] .splitToolbarButton { margin: 2px 2px 0; display: inline-block; } -html[dir='rtl'] .splitToolbarButton { +html[dir="rtl"] .splitToolbarButton { margin: 2px 2px 0; display: inline-block; } -html[dir='ltr'] .splitToolbarButton > .toolbarButton { +html[dir="ltr"] .splitToolbarButton > .toolbarButton { border-radius: 2px; float: left; } -html[dir='rtl'] .splitToolbarButton > .toolbarButton { +html[dir="rtl"] .splitToolbarButton > .toolbarButton { border-radius: 2px; float: right; } @@ -745,7 +767,7 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton { .toolbarButton[disabled], .secondaryToolbarButton[disabled], .overlayButton[disabled] { - opacity: .5; + opacity: 0.5; } .splitToolbarButton.toggled .toolbarButton { @@ -763,13 +785,13 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton { .splitToolbarButton > .toolbarButton { position: relative; } -html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child, -html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child { +html[dir="ltr"] .splitToolbarButton > .toolbarButton:first-child, +html[dir="rtl"] .splitToolbarButton > .toolbarButton:last-child { position: relative; margin: 0; } -html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child, -html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child { +html[dir="ltr"] .splitToolbarButton > .toolbarButton:last-child, +html[dir="rtl"] .splitToolbarButton > .toolbarButton:first-child { position: relative; margin: 0; } @@ -788,10 +810,10 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child { padding: 13px 0; } -html[dir='ltr'] .splitToolbarButtonSeparator { +html[dir="ltr"] .splitToolbarButtonSeparator { float: left; } -html[dir='rtl'] .splitToolbarButtonSeparator { +html[dir="rtl"] .splitToolbarButtonSeparator { float: right; } @@ -812,24 +834,24 @@ html[dir='rtl'] .splitToolbarButtonSeparator { box-sizing: border-box; } -html[dir='ltr'] .toolbarButton, -html[dir='ltr'] .overlayButton, -html[dir='ltr'] .dropdownToolbarButton { +html[dir="ltr"] .toolbarButton, +html[dir="ltr"] .overlayButton, +html[dir="ltr"] .dropdownToolbarButton { margin: 2px 1px; } -html[dir='rtl'] .toolbarButton, -html[dir='rtl'] .overlayButton, -html[dir='rtl'] .dropdownToolbarButton { +html[dir="rtl"] .toolbarButton, +html[dir="rtl"] .overlayButton, +html[dir="rtl"] .dropdownToolbarButton { margin: 2px 1px; } -html[dir='ltr'] #toolbarViewerLeft > .toolbarButton:first-child, -html[dir='rtl'] #toolbarViewerRight > .toolbarButton:last-child { +html[dir="ltr"] #toolbarViewerLeft > .toolbarButton:first-child, +html[dir="rtl"] #toolbarViewerRight > .toolbarButton:last-child { margin-left: 2px; } -html[dir='ltr'] #toolbarViewerRight > .toolbarButton:last-child, -html[dir='rtl'] #toolbarViewerLeft > .toolbarButton:first-child { +html[dir="ltr"] #toolbarViewerRight > .toolbarButton:last-child, +html[dir="rtl"] #toolbarViewerLeft > .toolbarButton:first-child { margin-right: 2px; } .toolbarButton:hover, @@ -868,10 +890,10 @@ html[dir='rtl'] #toolbarViewerLeft > .toolbarButton:first-child { pointer-events: none; max-width: 16px; } -html[dir='ltr'] .dropdownToolbarButton::after { +html[dir="ltr"] .dropdownToolbarButton::after { right: 7px; } -html[dir='rtl'] .dropdownToolbarButton::after { +html[dir="rtl"] .dropdownToolbarButton::after { left: 7px; } @@ -885,10 +907,10 @@ html[dir='rtl'] .dropdownToolbarButton::after { border: none; background-color: var(--dropdown-btn-bg-color); } -html[dir='ltr'] .dropdownToolbarButton > select { +html[dir="ltr"] .dropdownToolbarButton > select { padding-left: 4px; } -html[dir='rtl'] .dropdownToolbarButton > select { +html[dir="rtl"] .dropdownToolbarButton > select { padding-right: 4px; } .dropdownToolbarButton > select:hover { @@ -917,17 +939,17 @@ html[dir='rtl'] .dropdownToolbarButton > select { height: 1px; } -html[dir='ltr'] #findPrevious { +html[dir="ltr"] #findPrevious { margin-left: 0; } -html[dir='ltr'] #findNext { +html[dir="ltr"] #findNext { margin-right: 3px; } -html[dir='rtl'] #findPrevious { +html[dir="rtl"] #findPrevious { margin-right: 0; } -html[dir='rtl'] #findNext { +html[dir="rtl"] #findNext { margin-left: 3px; } @@ -961,42 +983,42 @@ html[dir="rtl"] .secondaryToolbarButton::before { .toolbarButton#sidebarToggle::before { content: var(--toolbarButton-sidebarToggle-icon); } -html[dir='rtl'] .toolbarButton#sidebarToggle::before { +html[dir="rtl"] .toolbarButton#sidebarToggle::before { transform: scaleX(-1); } .toolbarButton#secondaryToolbarToggle::before { content: var(--toolbarButton-secondaryToolbarToggle-icon); } -html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { +html[dir="rtl"] .toolbarButton#secondaryToolbarToggle::before { transform: scaleX(-1); } .toolbarButton.findPrevious::before { content: var(--findbarButton-previous-icon); } -html[dir='rtl'] .toolbarButton.findPrevious::before { +html[dir="rtl"] .toolbarButton.findPrevious::before { transform: scaleX(-1); } .toolbarButton.findNext::before { content: var(--findbarButton-next-icon); } -html[dir='rtl'] .toolbarButton.findNext::before { +html[dir="rtl"] .toolbarButton.findNext::before { transform: scaleX(-1); } .toolbarButton.pageUp::before { content: var(--toolbarButton-pageUp-icon); } -html[dir='rtl'] .toolbarButton.pageUp::before { +html[dir="rtl"] .toolbarButton.pageUp::before { transform: scaleX(-1); } .toolbarButton.pageDown::before { content: var(--toolbarButton-pageDown-icon); } -html[dir='rtl'] .toolbarButton.pageDown::before { +html[dir="rtl"] .toolbarButton.pageDown::before { transform: scaleX(-1); } @@ -1033,8 +1055,8 @@ html[dir='rtl'] .toolbarButton.pageDown::before { text-decoration: none; } -.bookmark[href='#'] { - opacity: .5; +.bookmark[href="#"] { + opacity: 0.5; pointer-events: none; } @@ -1067,16 +1089,16 @@ html[dir="rtl"] #viewOutline.toolbarButton::before { display: inline-block; top: 1px; /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */ - content: ''; + content: ""; background-color: rgba(112, 219, 85, 1); height: 9px; width: 9px; border-radius: 50%; } -html[dir='ltr'] .toolbarButton.pdfSidebarNotification::after { +html[dir="ltr"] .toolbarButton.pdfSidebarNotification::after { left: 17px; } -html[dir='rtl'] .toolbarButton.pdfSidebarNotification::after { +html[dir="rtl"] .toolbarButton.pdfSidebarNotification::after { right: 17px; } @@ -1137,7 +1159,7 @@ html[dir="rtl"] .secondaryToolbarButton > span { } .secondaryToolbarButton.scrollHorizontal::before { - content: var(--secondaryToolbarButton-scrollHorizontal-icon) + content: var(--secondaryToolbarButton-scrollHorizontal-icon); } .secondaryToolbarButton.scrollWrapped::before { @@ -1167,10 +1189,10 @@ html[dir="rtl"] .secondaryToolbarButton > span { width: 1px; background-color: var(--separator-color); } -html[dir='ltr'] .verticalToolbarSeparator { +html[dir="ltr"] .verticalToolbarSeparator { margin-left: 2px; } -html[dir='rtl'] .verticalToolbarSeparator { +html[dir="rtl"] .verticalToolbarSeparator { margin-right: 2px; } @@ -1198,17 +1220,17 @@ html[dir='rtl'] .verticalToolbarSeparator { outline-style: none; } -.toolbarField[type=checkbox] { +.toolbarField[type="checkbox"] { opacity: 0; position: absolute !important; left: 0; } -html[dir='ltr'] .toolbarField[type=checkbox] { +html[dir="ltr"] .toolbarField[type="checkbox"] { margin: 10px 0 3px 7px; } -html[dir='rtl'] .toolbarField[type=checkbox] { +html[dir="rtl"] .toolbarField[type="checkbox"] { margin: 10px 7px 3px 0; } @@ -1249,10 +1271,10 @@ html[dir='rtl'] .toolbarField[type=checkbox] { cursor: default; } -html[dir='ltr'] #numPages.toolbarLabel { +html[dir="ltr"] #numPages.toolbarLabel { padding-left: 2px; } -html[dir='rtl'] #numPages.toolbarLabel { +html[dir="rtl"] #numPages.toolbarLabel { padding-right: 2px; } @@ -1274,10 +1296,10 @@ html[dir='rtl'] #numPages.toolbarLabel { .thumbnail { margin: 0 10px 5px 10px; } -html[dir='ltr'] .thumbnail { +html[dir="ltr"] .thumbnail { float: left; } -html[dir='rtl'] .thumbnail { +html[dir="rtl"] .thumbnail { float: right; } @@ -1310,7 +1332,7 @@ html[dir='rtl'] .thumbnail { a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage, .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage { - opacity: .9; + opacity: 0.9; } a:focus > .thumbnail > .thumbnailSelectionRing, @@ -1342,13 +1364,13 @@ a:focus > .thumbnail > .thumbnailSelectionRing, user-select: none; } -html[dir='ltr'] .treeWithDeepNesting > .treeItem, -html[dir='ltr'] .treeItem > .treeItems { +html[dir="ltr"] .treeWithDeepNesting > .treeItem, +html[dir="ltr"] .treeItem > .treeItems { margin-left: 20px; } -html[dir='rtl'] .treeWithDeepNesting > .treeItem, -html[dir='rtl'] .treeItem > .treeItems { +html[dir="rtl"] .treeWithDeepNesting > .treeItem, +html[dir="rtl"] .treeItem > .treeItems { margin-right: 20px; } @@ -1356,7 +1378,9 @@ html[dir='rtl'] .treeItem > .treeItems { text-decoration: none; display: inline-block; min-width: 95%; - min-width: calc(100% - 4px); /* Subtract the right padding (left, in RTL mode) + min-width: calc( + 100% - 4px + ); /* Subtract the right padding (left, in RTL mode) of the container. */ height: auto; margin-bottom: 1px; @@ -1368,10 +1392,10 @@ html[dir='rtl'] .treeItem > .treeItems { white-space: normal; cursor: pointer; } -html[dir='ltr'] .treeItem > a { +html[dir="ltr"] .treeItem > a { padding: 2px 0 5px 4px; } -html[dir='rtl'] .treeItem > a { +html[dir="rtl"] .treeItem > a { padding: 2px 4px 5px 0; } @@ -1391,22 +1415,22 @@ html[dir='rtl'] .treeItem > a { content: var(--treeitem-collapsed-icon); max-width: 16px; } -html[dir='rtl'] .treeItemToggler.treeItemsHidden::before { +html[dir="rtl"] .treeItemToggler.treeItemsHidden::before { transform: scaleX(-1); } .treeItemToggler.treeItemsHidden ~ .treeItems { display: none; } -html[dir='ltr'] .treeItemToggler { +html[dir="ltr"] .treeItemToggler { float: left; } -html[dir='rtl'] .treeItemToggler { +html[dir="rtl"] .treeItemToggler { float: right; } -html[dir='ltr'] .treeItemToggler::before { +html[dir="ltr"] .treeItemToggler::before { right: 4px; } -html[dir='rtl'] .treeItemToggler::before { +html[dir="rtl"] .treeItemToggler::before { left: 4px; } @@ -1550,10 +1574,10 @@ html[dir='rtl'] .treeItemToggler::before { #documentPropertiesOverlay .row > * { min-width: 100px; } -html[dir='ltr'] #documentPropertiesOverlay .row > * { +html[dir="ltr"] #documentPropertiesOverlay .row > * { text-align: left; } -html[dir='rtl'] #documentPropertiesOverlay .row > * { +html[dir="rtl"] #documentPropertiesOverlay .row > * { text-align: right; } #documentPropertiesOverlay .row > span { @@ -1633,7 +1657,7 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { } #viewer.textLayer-visible .textLayer { - opacity: 1.0; + opacity: 1; } #viewer.textLayer-visible .canvasWrapper { @@ -1665,7 +1689,8 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { cursor: url("images/grab.cur"), move !important; cursor: grab !important; } -.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) { +.grab-to-pan-grab + *:not(input):not(textarea):not(button):not(select):not(:link) { cursor: inherit !important; } .grab-to-pan-grab:active, @@ -1698,14 +1723,22 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { } /* Rules for browsers that don't support mozPrintCallback. */ - #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer { + #sidebarContainer, + #secondaryToolbar, + .toolbar, + #loadingBox, + #errorWrapper, + .textLayer { display: none; } #viewerContainer { overflow: visible; } - #mainContainer, #viewerContainer, .page, .page canvas { + #mainContainer, + #viewerContainer, + .page, + .page canvas { position: static; padding: 0; margin: 0; @@ -1777,10 +1810,10 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { background-color: rgba(0, 0, 0, 0.7); } - html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer { + html[dir="ltr"] #outerContainer.sidebarOpen #viewerContainer { left: 0px !important; } - html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer { + html[dir="rtl"] #outerContainer.sidebarOpen #viewerContainer { right: 0px !important; } @@ -1813,7 +1846,8 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { } @media all and (max-width: 640px) { - .hiddenSmallView, .hiddenSmallView * { + .hiddenSmallView, + .hiddenSmallView * { display: none; } .visibleSmallView { @@ -1822,10 +1856,10 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * { .toolbarButtonSpacer { width: 0; } - html[dir='ltr'] .findbar { + html[dir="ltr"] .findbar { left: 38px; } - html[dir='rtl'] .findbar { + html[dir="rtl"] .findbar { right: 38px; } }