Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #11447 from timvandermeij/css-color-simplifications

Browse Source 
Convert all non-RGBA colors to RGBA colors
This commit is contained in:
Tim van der Meij 2020-01-01 15:37:49 +01:00 committed by GitHub
commit 10716aab59
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 206 additions and 206 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
examples/mobile-viewer/viewer.css
View File

@ -26,12 +26,12 @@ html {
} }
header { header {
background-color: #f4f4f4; background-color: rgba(244, 244, 244, 1);
} }
header h1 { header h1 {
border-bottom: 1px solid #d8d8d8; border-bottom: 1px solid rgba(216, 216, 216, 1);
color: #858585; color: rgba(133, 133, 133, 1);
font-size: 23px; font-size: 23px;
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
@ -44,7 +44,7 @@ header h1 {
body { body {
background: url(images/document_bg.png); background: url(images/document_bg.png);
color: #fff; color: rgba(255, 255, 255, 1);
font-family: sans-serif; font-family: sans-serif;
font-size: 10px; font-size: 10px;
height: 100%; height: 100%;
@ -81,7 +81,7 @@ footer {
border-width: 0; border-width: 0;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: transparent; background-color: rgba(0, 0, 0, 0);
} }
.toolbarButton.pageUp { .toolbarButton.pageUp {
@ -110,9 +110,9 @@ footer {
left: 36%; left: 36%;
text-align: center; text-align: center;
border: 0; border: 0;
background-color: transparent; background-color: rgba(0, 0, 0, 0);
font-size: 1.2rem; font-size: 1.2rem;
color: #FFF; 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-repeat: no-repeat;
background-position: left, right; background-position: left, right;
@ -188,8 +188,8 @@ canvas {
#loadingBar { #loadingBar {
position: relative; position: relative;
height: .6rem; height: .6rem;
background-color: #333; background-color: rgba(51, 51, 51, 1);
border-bottom: 1px solid #333; border-bottom: 1px solid rgba(51, 51, 51, 1);
margin-top: 5rem; margin-top: 5rem;
} }
@ -198,7 +198,7 @@ canvas {
left: 0; left: 0;
width: 0; width: 0;
height: 100%; height: 100%;
background-color: #ddd; background-color: rgba(221, 221, 221, 1);
overflow: hidden; overflow: hidden;
transition: width 200ms; transition: width 200ms;
} }
@ -210,7 +210,7 @@ canvas {
} }
#loadingBar .progress.indeterminate { #loadingBar .progress.indeterminate {
background-color: #999; background-color: rgba(153, 153, 153, 1);
transition: none; transition: none;
} }
@ -220,17 +220,18 @@ canvas {
left: 0; left: 0;
height: 100%; height: 100%;
width: 5rem; width: 5rem;
background-image: linear-gradient(to right,
background-image: linear-gradient(to right, #999 0%, #fff 50%, #999 100%); rgba(153, 153, 153, 1) 0%,
rgba(255, 255, 255, 1) 50%,
rgba(153, 153, 153, 1) 100%);
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
animation: progressIndeterminate 2s linear infinite; animation: progressIndeterminate 2s linear infinite;
} }
#errorWrapper { #errorWrapper {
background: none repeat scroll 0 0 #FF5555; background: none repeat scroll 0 0 rgba(255, 85, 85, 1);
color: white; color: rgba(255, 255, 255, 1);
left: 0; left: 0;
position: absolute; position: absolute;
right: 0; right: 0;
@ -249,8 +250,8 @@ canvas {
} }
#errorMoreInfo { #errorMoreInfo {
background-color: #FFFFFF; background-color: rgba(255, 255, 255, 1);
color: black; color: rgba(0, 0, 0, 1);
padding: 0.3rem; padding: 0.3rem;
margin: 0.3rem; margin: 0.3rem;
width: 98%; width: 98%;

4
test/annotation_layer_builder_overrides.css
View File

@ -27,8 +27,8 @@
.annotationLayer .linkAnnotation > a, .annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a { .annotationLayer .buttonWidgetAnnotation.pushButton > a {
opacity: 0.2; opacity: 0.2;
background: #ff0; background: rgba(255, 255, 0, 1);
box-shadow: 0px 2px 10px #ff0; box-shadow: 0px 2px 10px rgba(255, 255, 0, 1);
} }
.annotationLayer .popupAnnotation, .annotationLayer .popupAnnotation,

14
web/annotation_layer_builder.css
View File

@ -30,8 +30,8 @@
.annotationLayer .linkAnnotation > a:hover, .annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover { .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
opacity: 0.2; opacity: 0.2;
background: #ff0; background: rgba(255, 255, 0, 1);
box-shadow: 0px 2px 10px #ff0; box-shadow: 0px 2px 10px rgba(255, 255, 0, 1);
} }
.annotationLayer .textAnnotation img { .annotationLayer .textAnnotation img {
@ -84,7 +84,7 @@
.annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover { .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
border: 1px solid #000; border: 1px solid rgba(0, 0, 0, 1);
} }
.annotationLayer .textWidgetAnnotation input:focus, .annotationLayer .textWidgetAnnotation input:focus,
@ -97,7 +97,7 @@
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
background-color: #000; background-color: rgba(0, 0, 0, 1);
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
@ -157,8 +157,8 @@
position: absolute; position: absolute;
z-index: 200; z-index: 200;
max-width: 20em; max-width: 20em;
background-color: #FFFF99; background-color: rgba(255, 255, 153, 1);
box-shadow: 0px 2px 5px #888; box-shadow: 0px 2px 5px rgba(136, 136, 136, 1);
border-radius: 2px; border-radius: 2px;
padding: 6px; padding: 6px;
margin-left: 5px; margin-left: 5px;
@ -182,7 +182,7 @@
} }
.annotationLayer .popup p { .annotationLayer .popup p {
border-top: 1px solid #333; border-top: 1px solid rgba(51, 51, 51, 1);
margin-top: 2px; margin-top: 2px;
padding-top: 2px; padding-top: 2px;
} }

2
web/pdf_viewer.css
View File

@ -29,7 +29,7 @@
border: 9px solid transparent; border: 9px solid transparent;
background-clip: content-box; background-clip: content-box;
border-image: url(images/shadow.png) 9 9 repeat; border-image: url(images/shadow.png) 9 9 repeat;
background-color: white; background-color: rgba(255, 255, 255, 1);
} }
.pdfViewer.removePageBorders .page { .pdfViewer.removePageBorders .page {

9
web/text_layer_builder.css
View File

@ -35,8 +35,7 @@
.textLayer .highlight { .textLayer .highlight {
margin: -1px; margin: -1px;
padding: 1px; padding: 1px;
background-color: rgba(180, 0, 170, 1);
background-color: rgb(180, 0, 170);
border-radius: 4px; border-radius: 4px;
} }
@ -53,10 +52,12 @@
} }
.textLayer .highlight.selected { .textLayer .highlight.selected {
background-color: rgb(0, 100, 0); background-color: rgba(0, 100, 0, 1);
} }
.textLayer ::selection { background: rgb(0,0,255); } .textLayer ::selection {
background: rgba(0, 0, 255, 1);
}
.textLayer .endOfContent { .textLayer .endOfContent {
display: block; display: block;

346
web/viewer.css
View File

@ -34,7 +34,7 @@ html {
body { body {
height: 100%; height: 100%;
width: 100%; width: 100%;
background-color: #404040; background-color: rgba(64, 64, 64, 1);
background-image: url(images/texture.png); background-image: url(images/texture.png);
} }
@ -59,13 +59,13 @@ select {
} }
#viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop { #viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
background-color: #000; background-color: rgba(0, 0, 0, 1);
} }
#viewerContainer.pdfPresentationMode:fullscreen { #viewerContainer.pdfPresentationMode:fullscreen {
top: 0px; top: 0px;
border-top: 2px solid transparent; border-top: 2px solid rgba(0, 0, 0, 0);
background-color: #000; background-color: rgba(0, 0, 0, 1);
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
@ -101,8 +101,7 @@ select {
width: var(--sidebar-width); width: var(--sidebar-width);
visibility: hidden; visibility: hidden;
z-index: 100; z-index: 100;
border-top: 1px solid #333; border-top: 1px solid rgba(51, 51, 51, 1);
transition-duration: 200ms; transition-duration: 200ms;
transition-timing-function: ease; transition-timing-function: ease;
} }
@ -155,15 +154,15 @@ html[dir='rtl'] #outerContainer.sidebarOpen #sidebarContainer {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
position: absolute; position: absolute;
width: 100%; width: 100%;
background-color: hsla(0,0%,0%,.1); background-color: rgba(0, 0, 0, 0.1);
} }
html[dir='ltr'] #sidebarContent { html[dir='ltr'] #sidebarContent {
left: 0; left: 0;
box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25); box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
} }
html[dir='rtl'] #sidebarContent { html[dir='rtl'] #sidebarContent {
right: 0; right: 0;
box-shadow: inset 1px 0 0 hsla(0,0%,0%,.25); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25);
} }
#viewerContainer { #viewerContainer {
@ -181,10 +180,10 @@ html[dir='rtl'] #sidebarContent {
transition-timing-function: ease; transition-timing-function: ease;
} }
html[dir='ltr'] #viewerContainer { html[dir='ltr'] #viewerContainer {
box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05);
} }
html[dir='rtl'] #viewerContainer { html[dir='rtl'] #viewerContainer {
box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05); box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05);
} }
#outerContainer.sidebarResizing #viewerContainer { #outerContainer.sidebarResizing #viewerContainer {
@ -218,21 +217,21 @@ html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentatio
#toolbarSidebar { #toolbarSidebar {
width: 100%; width: 100%;
height: 32px; height: 32px;
background-color: #424242; /* fallback */ background-color: rgba(66, 66, 66, 1); /* fallback */
background-image: url(images/texture.png), background-image: url(images/texture.png),
linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); linear-gradient(rgba(77, 77, 77, 0.99), rgba(64, 64, 64, 0.95));
} }
html[dir='ltr'] #toolbarSidebar { html[dir='ltr'] #toolbarSidebar {
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
inset 0 -1px 0 hsla(0,0%,100%,.05), inset 0 -1px 0 rgba(255, 255, 255, 0.05),
0 1px 0 hsla(0,0%,0%,.15), 0 1px 0 rgba(0, 0, 0, 0.15),
0 0 1px hsla(0,0%,0%,.1); 0 0 1px rgba(0, 0, 0, 0.1);
} }
html[dir='rtl'] #toolbarSidebar { html[dir='rtl'] #toolbarSidebar {
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25),
inset 0 1px 0 hsla(0,0%,100%,.05), inset 0 1px 0 rgba(255, 255, 255, 0.05),
0 1px 0 hsla(0,0%,0%,.15), 0 1px 0 rgba(0, 0, 0, 0.15),
0 0 1px hsla(0,0%,0%,.1); 0 0 1px rgba(0, 0, 0, 0.1);
} }
#sidebarResizer { #sidebarResizer {
@ -253,21 +252,21 @@ html[dir='rtl'] #sidebarResizer {
#toolbarContainer, .findbar, .secondaryToolbar { #toolbarContainer, .findbar, .secondaryToolbar {
position: relative; position: relative;
height: 32px; height: 32px;
background-color: #474747; /* fallback */ background-color: rgba(71, 71, 71, 1); /* fallback */
background-image: url(images/texture.png), background-image: url(images/texture.png),
linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95));
} }
html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar { html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar {
box-shadow: inset 0 1px 1px hsla(0,0%,0%,.15), box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15),
inset 0 -1px 0 hsla(0,0%,100%,.05), inset 0 -1px 0 rgba(255, 255, 255, 0.05),
0 1px 0 hsla(0,0%,0%,.15), 0 1px 0 rgba(0, 0, 0, 0.15),
0 1px 1px hsla(0,0%,0%,.1); 0 1px 1px rgba(0, 0, 0, 0.1);
} }
html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar { html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
box-shadow: inset 0 1px 1px hsla(0,0%,0%,.15), box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15),
inset 0 -1px 0 hsla(0,0%,100%,.05), inset 0 -1px 0 rgba(255, 255, 255, 0.05),
0 1px 0 hsla(0,0%,0%,.15), 0 1px 0 rgba(0, 0, 0, 0.15),
0 1px 1px hsla(0,0%,0%,.1); 0 1px 1px rgba(0, 0, 0, 0.1);
} }
#toolbarViewer { #toolbarViewer {
@ -278,8 +277,8 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
position: relative; position: relative;
width: 100%; width: 100%;
height: 4px; height: 4px;
background-color: #333; background-color: rgba(51, 51, 51, 1);
border-bottom: 1px solid #333; border-bottom: 1px solid rgba(51, 51, 51, 1);
} }
#loadingBar .progress { #loadingBar .progress {
@ -288,7 +287,7 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
left: 0; left: 0;
width: 0%; width: 0%;
height: 100%; height: 100%;
background-color: #ddd; background-color: rgba(221, 221, 221, 1);
overflow: hidden; overflow: hidden;
transition: width 200ms; transition: width 200ms;
} }
@ -299,7 +298,7 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
} }
#loadingBar .progress.indeterminate { #loadingBar .progress.indeterminate {
background-color: #999; background-color: rgba(153, 153, 153, 1);
transition: none; transition: none;
} }
@ -309,12 +308,10 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
left: 0; left: 0;
height: 100%; height: 100%;
width: calc(100% + 150px); width: calc(100% + 150px);
background: repeating-linear-gradient(135deg, background: repeating-linear-gradient(135deg,
#bbb 0, #999 5px, rgba(187, 187, 187, 1) 0, rgba(153, 153, 153, 1) 5px,
#999 45px, #ddd 55px, rgba(153, 153, 153, 1) 45px, rgba(221, 221, 221, 1) 55px,
#ddd 95px, #bbb 100px); rgba(221, 221, 221, 1) 95px, rgba(187, 187, 187, 1) 100px);
animation: progressIndeterminate 950ms linear infinite; animation: progressIndeterminate 950ms linear infinite;
} }
@ -326,7 +323,7 @@ html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
min-width: 16px; min-width: 16px;
padding: 0px 6px 0px 6px; padding: 0px 6px 0px 6px;
margin: 4px 2px 4px 2px; margin: 4px 2px 4px 2px;
color: hsl(0,0%,85%); color: rgba(217, 217, 217, 1);
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
text-align: left; text-align: left;
@ -360,7 +357,7 @@ html[dir='rtl'] .findbar {
width: 200px; width: 200px;
} }
#findInput::-webkit-input-placeholder { #findInput::-webkit-input-placeholder {
color: hsl(0, 0%, 75%); color: rgba(191, 191, 191, 1);
} }
#findInput::placeholder { #findInput::placeholder {
font-style: italic; font-style: italic;
@ -401,14 +398,14 @@ html[dir='rtl'] .secondaryToolbar {
.doorHanger, .doorHanger,
.doorHangerRight { .doorHangerRight {
border: 1px solid hsla(0,0%,0%,.5); border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 2px; border-radius: 2px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
} }
.doorHanger:after, .doorHanger:before, .doorHanger:after, .doorHanger:before,
.doorHangerRight:after, .doorHangerRight:before { .doorHangerRight:after, .doorHangerRight:before {
bottom: 100%; bottom: 100%;
border: solid transparent; border: solid rgba(0, 0, 0, 0);
content: " "; content: " ";
height: 0; height: 0;
width: 0; width: 0;
@ -417,12 +414,12 @@ html[dir='rtl'] .secondaryToolbar {
} }
.doorHanger:after, .doorHanger:after,
.doorHangerRight:after { .doorHangerRight:after {
border-bottom-color: hsla(0,0%,32%,.99); border-bottom-color: rgba(82, 82, 82, 0.99);
border-width: 8px; border-width: 8px;
} }
.doorHanger:before, .doorHanger:before,
.doorHangerRight:before { .doorHangerRight:before {
border-bottom-color: hsla(0,0%,0%,.5); border-bottom-color: rgba(0, 0, 0, 0.5);
border-width: 9px; border-width: 9px;
} }
@ -451,22 +448,22 @@ html[dir='ltr'] .doorHangerRight:before {
} }
#findResultsCount { #findResultsCount {
background-color: hsl(0, 0%, 85%); background-color: rgba(217, 217, 217, 1);
color: hsl(0, 0%, 32%); color: rgba(82, 82, 82, 1);
text-align: center; text-align: center;
padding: 3px 4px; padding: 3px 4px;
} }
#findMsg { #findMsg {
font-style: italic; font-style: italic;
color: #A6B7D0; color: rgba(166, 183, 208, 1);
} }
#findMsg:empty { #findMsg:empty {
display: none; display: none;
} }
#findInput.notFound { #findInput.notFound {
background-color: rgb(255, 102, 102); background-color: rgba(255, 102, 102, 1);
} }
#toolbarViewerMiddle { #toolbarViewerMiddle {
@ -545,14 +542,14 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton {
.splitToolbarButton:focus > .toolbarButton, .splitToolbarButton:focus > .toolbarButton,
.splitToolbarButton.toggled > .toolbarButton, .splitToolbarButton.toggled > .toolbarButton,
.toolbarButton.textButton { .toolbarButton.textButton {
background-color: hsla(0,0%,0%,.12); background-color: rgba(0, 0, 0, 0.12);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
background-clip: padding-box; background-clip: padding-box;
border: 1px solid hsla(0,0%,0%,.35); border: 1px solid rgba(0, 0, 0, 0.35);
border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42); 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 hsla(0,0%,100%,.05) inset, box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset,
0 0 1px hsla(0,0%,100%,.15) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset,
0 1px 0 hsla(0,0%,100%,.05); 0 1px 0 rgba(255, 255, 255, 0.05);
transition-property: background-color, border-color, box-shadow; transition-property: background-color, border-color, box-shadow;
transition-duration: 150ms; transition-duration: 150ms;
transition-timing-function: ease; transition-timing-function: ease;
@ -565,10 +562,10 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton {
.overlayButton:focus, .overlayButton:focus,
.toolbarButton.textButton:hover, .toolbarButton.textButton:hover,
.toolbarButton.textButton:focus { .toolbarButton.textButton:focus {
background-color: hsla(0,0%,0%,.2); background-color: rgba(0,0,0,0.2);
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset,
0 0 1px hsla(0,0%,100%,.15) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset,
0 0 1px hsla(0,0%,0%,.05); 0 0 1px rgba(0, 0, 0, 0.05);
z-index: 199; z-index: 199;
} }
.splitToolbarButton > .toolbarButton { .splitToolbarButton > .toolbarButton {
@ -581,7 +578,7 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
margin-right: -1px; margin-right: -1px;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-right-color: transparent; border-right-color: rgba(0, 0, 0, 0);
} }
html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child, html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child { html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
@ -590,14 +587,14 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
margin-left: -1px; margin-left: -1px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-left-color: transparent; border-left-color: rgba(0, 0, 0, 0);
} }
.splitToolbarButtonSeparator { .splitToolbarButtonSeparator {
padding: 8px 0; padding: 8px 0;
width: 1px; width: 1px;
background-color: hsla(0,0%,0%,.5); background-color: rgba(0, 0, 0, 0.5);
z-index: 99; z-index: 99;
box-shadow: 0 0 0 1px hsla(0,0%,100%,.08); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
display: inline-block; display: inline-block;
margin: 5px 0; margin: 5px 0;
} }
@ -611,7 +608,7 @@ html[dir='rtl'] .splitToolbarButtonSeparator {
.splitToolbarButton.toggled > .splitToolbarButtonSeparator { .splitToolbarButton.toggled > .splitToolbarButtonSeparator {
padding: 12px 0; padding: 12px 0;
margin: 1px 0; margin: 1px 0;
box-shadow: 0 0 0 1px hsla(0,0%,100%,.03); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03);
transition-property: padding; transition-property: padding;
transition-duration: 10ms; transition-duration: 10ms;
transition-timing-function: ease; transition-timing-function: ease;
@ -623,9 +620,9 @@ html[dir='rtl'] .splitToolbarButtonSeparator {
.overlayButton { .overlayButton {
min-width: 16px; min-width: 16px;
padding: 2px 6px 0; padding: 2px 6px 0;
border: 1px solid transparent; border: 1px solid rgba(0, 0, 0, 0);
border-radius: 2px; border-radius: 2px;
color: hsla(0,0%,100%,.8); color: rgba(255, 255, 255, 0.8);
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
user-select: none; user-select: none;
@ -653,26 +650,26 @@ html[dir='rtl'] .dropdownToolbarButton {
.overlayButton, .overlayButton,
.secondaryToolbarButton:hover, .secondaryToolbarButton:hover,
.secondaryToolbarButton:focus { .secondaryToolbarButton:focus {
background-color: hsla(0,0%,0%,.12); background-color: rgba(0, 0, 0, 0.12);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
background-clip: padding-box; background-clip: padding-box;
border: 1px solid hsla(0,0%,0%,.35); border: 1px solid rgba(0, 0, 0, 0.35);
border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42); 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 hsla(0,0%,100%,.05) inset, box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset,
0 0 1px hsla(0,0%,100%,.15) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset,
0 1px 0 hsla(0,0%,100%,.05); 0 1px 0 rgba(255, 255, 255, 0.05);
} }
.toolbarButton:hover:active, .toolbarButton:hover:active,
.overlayButton:hover:active, .overlayButton:hover:active,
.dropdownToolbarButton:hover:active, .dropdownToolbarButton:hover:active,
.secondaryToolbarButton:hover:active { .secondaryToolbarButton:hover:active {
background-color: hsla(0,0%,0%,.2); background-color: rgba(0, 0, 0, 0.2);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
border-color: hsla(0,0%,0%,.35) hsla(0,0%,0%,.4) hsla(0,0%,0%,.45); 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 hsla(0,0%,0%,.1) inset, box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset,
0 0 1px hsla(0,0%,0%,.2) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset,
0 1px 0 hsla(0,0%,100%,.05); 0 1px 0 rgba(255, 255, 255, 0.05);
transition-property: background-color, border-color, box-shadow; transition-property: background-color, border-color, box-shadow;
transition-duration: 10ms; transition-duration: 10ms;
transition-timing-function: linear; transition-timing-function: linear;
@ -681,12 +678,12 @@ html[dir='rtl'] .dropdownToolbarButton {
.toolbarButton.toggled, .toolbarButton.toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled, .splitToolbarButton.toggled > .toolbarButton.toggled,
.secondaryToolbarButton.toggled { .secondaryToolbarButton.toggled {
background-color: hsla(0,0%,0%,.3); background-color: rgba(0, 0, 0, 0.3);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.45) hsla(0,0%,0%,.5); 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 hsla(0,0%,0%,.1) inset, box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset,
0 0 1px hsla(0,0%,0%,.2) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset,
0 1px 0 hsla(0,0%,100%,.05); 0 1px 0 rgba(255, 255, 255, 0.05);
transition-property: background-color, border-color, box-shadow; transition-property: background-color, border-color, box-shadow;
transition-duration: 10ms; transition-duration: 10ms;
transition-timing-function: linear; transition-timing-function: linear;
@ -695,11 +692,11 @@ html[dir='rtl'] .dropdownToolbarButton {
.toolbarButton.toggled:hover:active, .toolbarButton.toggled:hover:active,
.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active, .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
.secondaryToolbarButton.toggled:hover:active { .secondaryToolbarButton.toggled:hover:active {
background-color: hsla(0,0%,0%,.4); background-color: rgba(0, 0, 0, 0.4);
border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.5) hsla(0,0%,0%,.55); 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 hsla(0,0%,0%,.2) inset, box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset,
0 0 1px hsla(0,0%,0%,.3) inset, 0 0 1px rgba(0, 0, 0, 0.3) inset,
0 1px 0 hsla(0,0%,100%,.05); 0 1px 0 rgba(255, 255, 255, 0.05);
} }
.dropdownToolbarButton { .dropdownToolbarButton {
@ -719,7 +716,7 @@ html[dir='rtl'] .dropdownToolbarButton {
.dropdownToolbarButton > select { .dropdownToolbarButton > select {
min-width: 140px; min-width: 140px;
font-size: 12px; font-size: 12px;
color: hsl(0,0%,95%); color: rgba(242, 242, 242, 1);
margin: 0; margin: 0;
padding: 3px 2px 2px; padding: 3px 2px 2px;
border: none; border: none;
@ -727,7 +724,7 @@ html[dir='rtl'] .dropdownToolbarButton {
} }
.dropdownToolbarButton > select > option { .dropdownToolbarButton > select > option {
background: hsl(0,0%,24%); background: rgba(61, 61, 61, 1);
} }
#customScaleOption { #customScaleOption {
@ -735,7 +732,7 @@ html[dir='rtl'] .dropdownToolbarButton {
} }
#pageWidthOption { #pageWidthOption {
border-bottom: 1px rgba(255, 255, 255, .5) solid; border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
} }
html[dir='ltr'] .splitToolbarButton:first-child, html[dir='ltr'] .splitToolbarButton:first-child,
@ -904,7 +901,7 @@ html[dir="rtl"] #viewOutline.toolbarButton::before {
top: 1px; top: 1px;
/* Create a filled circle, with a diameter of 9 pixels, using only CSS: */ /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */
content: ''; content: '';
background-color: #70DB55; background-color: rgba(112, 219, 85, 1);
height: 9px; height: 9px;
width: 9px; width: 9px;
border-radius: 50%; border-radius: 50%;
@ -1005,8 +1002,8 @@ html[dir="rtl"] .secondaryToolbarButton > span {
padding: 8px 0; padding: 8px 0;
margin: 8px 4px; margin: 8px 4px;
width: 1px; width: 1px;
background-color: hsla(0,0%,0%,.5); background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 1px hsla(0,0%,100%,.08); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
} }
html[dir='ltr'] .verticalToolbarSeparator { html[dir='ltr'] .verticalToolbarSeparator {
margin-left: 2px; margin-left: 2px;
@ -1020,23 +1017,23 @@ html[dir='rtl'] .verticalToolbarSeparator {
margin: 0 0 4px 0; margin: 0 0 4px 0;
height: 1px; height: 1px;
width: 100%; width: 100%;
background-color: hsla(0,0%,0%,.5); background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 1px hsla(0,0%,100%,.08); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
} }
.toolbarField { .toolbarField {
padding: 3px 6px; padding: 3px 6px;
margin: 4px 0 4px 0; margin: 4px 0 4px 0;
border-radius: 2px; border-radius: 2px;
background-color: hsla(0,0%,100%,.09); background-color: rgba(255, 255, 255, 0.09);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
background-clip: padding-box; background-clip: padding-box;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42); 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 hsla(0,0%,0%,.05) inset, box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset,
0 1px 0 hsla(0,0%,100%,.05); 0 1px 0 rgba(255, 255, 255, 0.05);
color: hsl(0,0%,95%); color: rgba(242, 242, 242, 1);
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
outline-style: none; outline-style: none;
@ -1070,22 +1067,22 @@ html[dir='rtl'] .verticalToolbarSeparator {
} }
.toolbarField:hover { .toolbarField:hover {
background-color: hsla(0,0%,100%,.11); background-color: rgba(255, 255, 255, 0.11);
border-color: hsla(0,0%,0%,.4) hsla(0,0%,0%,.43) hsla(0,0%,0%,.45); border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.43) rgba(0, 0, 0, 0.45);
} }
.toolbarField:focus { .toolbarField:focus {
background-color: hsla(0,0%,100%,.15); background-color: rgba(255, 255, 255, 0.15);
border-color: hsla(204,100%,65%,.8) hsla(204,100%,65%,.85) hsla(204,100%,65%,.9); border-color: rgba(77, 184, 255, 0.8) rgba(77, 184, 255, 0.85) rgba(77, 184, 255, 0.9);
} }
.toolbarLabel { .toolbarLabel {
min-width: 16px; min-width: 16px;
padding: 3px 6px 3px 2px; padding: 3px 6px 3px 2px;
margin: 4px 2px 4px 0; margin: 4px 2px 4px 0;
border: 1px solid transparent; border: 1px solid rgba(0, 0, 0, 0);
border-radius: 2px; border-radius: 2px;
color: hsl(0,0%,85%); color: rgba(217, 217, 217, 1);
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
text-align: left; text-align: left;
@ -1132,11 +1129,11 @@ html[dir='rtl'] .thumbnail {
} }
.thumbnailImage { .thumbnailImage {
border: 1px solid transparent; 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); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
opacity: 0.8; opacity: 0.8;
z-index: 99; z-index: 99;
background-color: white; background-color: rgba(255, 255, 255, 1);
background-clip: content-box; background-clip: content-box;
} }
@ -1152,28 +1149,28 @@ a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
a:focus > .thumbnail > .thumbnailSelectionRing, a:focus > .thumbnail > .thumbnailSelectionRing,
.thumbnail:hover > .thumbnailSelectionRing { .thumbnail:hover > .thumbnailSelectionRing {
background-color: hsla(0,0%,100%,.15); background-color: rgba(255, 255, 255, 0.15);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
background-clip: padding-box; background-clip: padding-box;
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset,
0 0 1px hsla(0,0%,100%,.2) inset, 0 0 1px rgba(255, 255, 255, 0.2) inset,
0 0 1px hsla(0,0%,0%,.2); 0 0 1px rgba(0, 0, 0, 0.2);
color: hsla(0,0%,100%,.9); color: rgba(255, 255, 255, 0.9);
} }
.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage { .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
box-shadow: 0 0 0 1px hsla(0,0%,0%,.5); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
opacity: 1; opacity: 1;
} }
.thumbnail.selected > .thumbnailSelectionRing { .thumbnail.selected > .thumbnailSelectionRing {
background-color: hsla(0,0%,100%,.3); background-color: rgba(255, 255, 255, 0.3);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
background-clip: padding-box; background-clip: padding-box;
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset,
0 0 1px hsla(0,0%,100%,.1) inset, 0 0 1px rgba(255, 255, 255, 0.1) inset,
0 0 1px hsla(0,0%,0%,.2); 0 0 1px rgba(0, 0, 0, 0.2);
color: hsla(0,0%,100%,1); color: rgba(255, 255, 255,1);
} }
#outlineView, #outlineView,
@ -1214,7 +1211,7 @@ html[dir='rtl'] .outlineItem > .outlineItems {
height: auto; height: auto;
margin-bottom: 1px; margin-bottom: 1px;
border-radius: 2px; border-radius: 2px;
color: hsla(0,0%,100%,.8); color: rgba(255, 255, 255, 0.8);
font-size: 13px; font-size: 13px;
line-height: 15px; line-height: 15px;
user-select: none; user-select: none;
@ -1248,7 +1245,7 @@ html[dir='rtl'] .attachmentsItem > button {
position: relative; position: relative;
height: 0; height: 0;
width: 0; width: 0;
color: hsla(0,0%,100%,.5); color: rgba(255, 255, 255, 0.5);
} }
.outlineItemToggler::before { .outlineItemToggler::before {
content: url(images/treeitem-expanded.png); content: url(images/treeitem-expanded.png);
@ -1282,29 +1279,29 @@ html[dir='rtl'] .outlineItemToggler::before {
.outlineItemToggler:hover ~ .outlineItems, .outlineItemToggler:hover ~ .outlineItems,
.outlineItem > a:hover, .outlineItem > a:hover,
.attachmentsItem > button:hover { .attachmentsItem > button:hover {
background-color: hsla(0,0%,100%,.02); background-color: rgba(255, 255, 255, 0.02);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
background-clip: padding-box; background-clip: padding-box;
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset,
0 0 1px hsla(0,0%,100%,.2) inset, 0 0 1px rgba(255, 255, 255, 0.2) inset,
0 0 1px hsla(0,0%,0%,.2); 0 0 1px rgba(0, 0, 0, 0.2);
border-radius: 2px; border-radius: 2px;
color: hsla(0,0%,100%,.9); color: rgba(255, 255, 255, 0.9);
} }
.outlineItem.selected { .outlineItem.selected {
background-color: hsla(0,0%,100%,.08); background-color: rgba(255, 255, 255, 0.08);
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0)); background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
background-clip: padding-box; background-clip: padding-box;
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset,
0 0 1px hsla(0,0%,100%,.1) inset, 0 0 1px rgba(255, 255, 255, 0.1) inset,
0 0 1px hsla(0,0%,0%,.2); 0 0 1px rgba(0, 0, 0, 0.2);
color: hsla(0,0%,100%,1); color: rgba(255, 255, 255, 1);
} }
.noResults { .noResults {
font-size: 12px; font-size: 12px;
color: hsla(0,0%,100%,.8); color: rgba(255, 255, 255, 0.8);
font-style: italic; font-style: italic;
cursor: default; cursor: default;
} }
@ -1312,11 +1309,13 @@ html[dir='rtl'] .outlineItemToggler::before {
/* TODO: file FF bug to support ::-moz-selection:window-inactive /* TODO: file FF bug to support ::-moz-selection:window-inactive
so we can override the opaque grey background when the window is inactive; so we can override the opaque grey background when the window is inactive;
see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */ see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
::selection { background: rgba(0,0,255,0.3); } ::selection {
background: rgba(0, 0, 255, 0.3);
}
#errorWrapper { #errorWrapper {
background: none repeat scroll 0 0 #FF5555; background: none repeat scroll 0 0 rgba(255, 85, 85, 1);
color: white; color: rgba(255, 255, 255, 1);
left: 0; left: 0;
position: absolute; position: absolute;
right: 0; right: 0;
@ -1337,8 +1336,8 @@ html[dir='rtl'] .outlineItemToggler::before {
} }
#errorMoreInfo { #errorMoreInfo {
background-color: #FFFFFF; background-color: rgba(255, 255, 255, 1);
color: black; color: rgba(0, 0, 0, 1);
padding: 3px; padding: 3px;
margin: 3px; margin: 3px;
width: 98%; width: 98%;
@ -1355,7 +1354,7 @@ html[dir='rtl'] .outlineItemToggler::before {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: hsla(0,0%,0%,.2); background-color: rgba(0, 0, 0, 0.2);
z-index: 40000; z-index: 40000;
} }
#overlayContainer > * { #overlayContainer > * {
@ -1373,13 +1372,13 @@ html[dir='rtl'] .outlineItemToggler::before {
display: inline-block; display: inline-block;
padding: 15px; padding: 15px;
border-spacing: 4px; border-spacing: 4px;
color: hsl(0,0%,85%); color: rgba(217, 217, 217, 1);
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
background-color: #474747; /* fallback */ background-color: rgba(71, 71, 71, 1); /* fallback */
background-image: url(images/texture.png), background-image: url(images/texture.png),
linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); linear-gradient(rgba(82, 82, 82,0.99), rgba(69, 69, 69, 0.95));
border: 1px solid hsla(0,0%,0%,.5); border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
} }
@ -1401,8 +1400,8 @@ html[dir='rtl'] .outlineItemToggler::before {
margin: 4px 0 4px 0; margin: 4px 0 4px 0;
height: 1px; height: 1px;
width: 100%; width: 100%;
background-color: hsla(0,0%,0%,.5); background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 1px hsla(0,0%,100%,.08); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
} }
.dialog .buttonRow { .dialog .buttonRow {
@ -1411,7 +1410,7 @@ html[dir='rtl'] .outlineItemToggler::before {
} }
.dialog :link { .dialog :link {
color: white; color: rgba(255, 255, 255, 1);
} }
#passwordOverlay > .dialog { #passwordOverlay > .dialog {
@ -1450,8 +1449,8 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
} }
.fileInput { .fileInput {
background: white; background: rgba(255, 255, 255, 1);
color: black; color: rgba(0, 0, 0, 1);
margin-top: 5px; margin-top: 5px;
visibility: hidden; visibility: hidden;
position: fixed; position: fixed;
@ -1460,8 +1459,8 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
} }
#PDFBug { #PDFBug {
background: none repeat scroll 0 0 white; background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 1px solid #666666; border: 1px solid rgba(102, 102, 102, 1);
position: fixed; position: fixed;
top: 32px; top: 32px;
right: 0; right: 0;
@ -1471,9 +1470,9 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
width: 300px; width: 300px;
} }
#PDFBug .controls { #PDFBug .controls {
background:#EEEEEE; background: rgba(238, 238, 238, 1);
border-bottom: 1px solid #666666; border-bottom: 1px solid rgba(102, 102, 102, 1);
padding: 3px; padding: 3px;
} }
#PDFBug .panels { #PDFBug .panels {
bottom: 0; bottom: 0;
@ -1488,11 +1487,11 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
font-weight: bold; font-weight: bold;
} }
.debuggerShowText { .debuggerShowText {
background: none repeat scroll 0 0 yellow; background: none repeat scroll 0 0 rgba(255, 255, 0, 1);
color: blue; color: rgba(0, 0, 255, 1);
} }
.debuggerHideText:hover { .debuggerHideText:hover {
background: none repeat scroll 0 0 yellow; background: none repeat scroll 0 0 rgba(255, 255, 0, 1);
} }
#PDFBug .stats { #PDFBug .stats {
font-family: courier; font-family: courier;
@ -1511,7 +1510,7 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
} }
#viewer.textLayer-visible .canvasWrapper { #viewer.textLayer-visible .canvasWrapper {
background-color: rgb(128,255,128); background-color: rgba(128, 255, 128, 1);
} }
#viewer.textLayer-visible .canvasWrapper canvas { #viewer.textLayer-visible .canvasWrapper canvas {
@ -1520,19 +1519,19 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
#viewer.textLayer-visible .textLayer > span { #viewer.textLayer-visible .textLayer > span {
background-color: rgba(255, 255, 0, 0.1); background-color: rgba(255, 255, 0, 0.1);
color: black; color: rgba(0, 0, 0, 1);
border: solid 1px rgba(255, 0, 0, 0.5); border: solid 1px rgba(255, 0, 0, 0.5);
box-sizing: border-box; box-sizing: border-box;
} }
#viewer.textLayer-hover .textLayer > span:hover { #viewer.textLayer-hover .textLayer > span:hover {
background-color: white; background-color: rgba(255, 255, 255, 1);
color: black; color: rgba(0, 0, 0, 1);
} }
#viewer.textLayer-shadow .textLayer > span { #viewer.textLayer-shadow .textLayer > span {
background-color: rgba(255,255,255, .6); background-color: rgba(255, 255, 255, 0.6);
color: black; color: rgba(0, 0, 0, 1);
} }
.grab-to-pan-grab { .grab-to-pan-grab {
@ -1546,9 +1545,8 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
.grab-to-pan-grabbing { .grab-to-pan-grabbing {
cursor: url("images/grabbing.cur"), move !important; cursor: url("images/grabbing.cur"), move !important;
cursor: grabbing !important; cursor: grabbing !important;
position: fixed; position: fixed;
background: transparent; background: rgba(0, 0, 0, 0);
display: block; display: block;
top: 0; top: 0;
left: 0; left: 0;
@ -1769,7 +1767,7 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
@media print { @media print {
/* General rules for printing. */ /* General rules for printing. */
body { body {
background: transparent none; background: rgba(0, 0, 0, 0) none;
} }
/* Rules for browsers that don't support mozPrintCallback. */ /* Rules for browsers that don't support mozPrintCallback. */
@ -1792,7 +1790,7 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
border: none; border: none;
box-shadow: none; box-shadow: none;
background-clip: content-box; background-clip: content-box;
background-color: white; background-color: rgba(255, 255, 255, 1);
} }
.page[data-loaded] { .page[data-loaded] {
@ -1848,7 +1846,7 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
@media all and (max-width: 840px) { @media all and (max-width: 840px) {
#sidebarContent { #sidebarContent {
background-color: hsla(0,0%,0%,.7); background-color: rgba(0, 0, 0, 0.7);
} }
html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer { html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer {