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

Convert all named colors to RGBA colors

Browse Source
This commit is contained in:
Tim van der Meij 2019-12-25 14:44:05 +01:00
parent 2c2fc36c54
commit d002637405
No known key found for this signature in database
GPG Key ID: 8C3FD2925A5F2762
3 changed files with 29 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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,7 +110,7 @@ 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: #FFF;
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);
@ -230,7 +230,7 @@ canvas {
#errorWrapper { #errorWrapper {
background: none repeat scroll 0 0 #FF5555; background: none repeat scroll 0 0 #FF5555;
color: white; color: rgba(255, 255, 255, 1);
left: 0; left: 0;
position: absolute; position: absolute;
right: 0; right: 0;
@ -250,7 +250,7 @@ canvas {
#errorMoreInfo { #errorMoreInfo {
background-color: #FFFFFF; background-color: #FFFFFF;
color: black; color: rgba(0, 0, 0, 1);
padding: 0.3rem; padding: 0.3rem;
margin: 0.3rem; margin: 0.3rem;
width: 98%; width: 98%;

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 {

49
web/viewer.css
View File

@ -64,7 +64,7 @@ select {
#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: #000;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -408,7 +408,7 @@ html[dir='rtl'] .secondaryToolbar {
.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;
@ -581,7 +581,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,7 +590,7 @@ 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;
@ -623,7 +623,7 @@ 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: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-size: 12px; font-size: 12px;
@ -1083,7 +1083,7 @@ html[dir='rtl'] .verticalToolbarSeparator {
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: rgba(217, 217, 217, 1); color: rgba(217, 217, 217, 1);
font-size: 12px; font-size: 12px;
@ -1132,11 +1132,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;
} }
@ -1318,7 +1318,7 @@ html[dir='rtl'] .outlineItemToggler::before {
#errorWrapper { #errorWrapper {
background: none repeat scroll 0 0 #FF5555; background: none repeat scroll 0 0 #FF5555;
color: white; color: rgba(255, 255, 255, 1);
left: 0; left: 0;
position: absolute; position: absolute;
right: 0; right: 0;
@ -1340,7 +1340,7 @@ html[dir='rtl'] .outlineItemToggler::before {
#errorMoreInfo { #errorMoreInfo {
background-color: #FFFFFF; background-color: #FFFFFF;
color: black; color: rgba(0, 0, 0, 1);
padding: 3px; padding: 3px;
margin: 3px; margin: 3px;
width: 98%; width: 98%;
@ -1413,7 +1413,7 @@ html[dir='rtl'] .outlineItemToggler::before {
} }
.dialog :link { .dialog :link {
color: white; color: rgba(255, 255, 255, 1);
} }
#passwordOverlay > .dialog { #passwordOverlay > .dialog {
@ -1452,8 +1452,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;
@ -1462,7 +1462,7 @@ 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 #666666;
position: fixed; position: fixed;
top: 32px; top: 32px;
@ -1490,11 +1490,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;
@ -1522,19 +1522,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, 0.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 {
@ -1548,9 +1548,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;
@ -1771,7 +1770,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. */
@ -1794,7 +1793,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] {