This commit is contained in:
Ludy87 2025-07-08 12:18:52 +02:00
parent e0746b468e
commit ab56b721bc
No known key found for this signature in database
GPG Key ID: 92696155E0220F94
36 changed files with 3505 additions and 344 deletions

31
.stylelintrc.json Normal file
View File

@ -0,0 +1,31 @@
{
"extends": [
"stylelint-config-standard"
],
"ignoreFiles": [
"stirling-pdf/src/main/resources/static/css/bootstrap*.css",
"stirling-pdf/src/main/resources/static/css/cookieconsent.css",
"stirling-pdf/src/main/resources/static/css/cookieconsentCustomisation.css",
"stirling-pdf/src/main/resources/static/css/prism.css"
],
"rules": {
"property-no-vendor-prefix": null,
"value-no-vendor-prefix": null,
"selector-no-vendor-prefix": null,
"media-feature-name-no-vendor-prefix": null,
"value-keyword-case": null,
"color-function-notation": null,
"alpha-value-notation": null,
"color-function-alias-notation": null,
"selector-class-pattern": null,
"selector-id-pattern": null,
"declaration-block-no-redundant-longhand-properties": null,
"media-feature-range-notation": "prefix",
"selector-attribute-quotes": null,
"at-rule-no-vendor-prefix": null,
"selector-not-notation": null,
"no-duplicate-selectors": true,
"comment-empty-line-before": null,
"comment-word-disallowed-list": null
}
}

2986
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

151
package.json Normal file
View File

@ -0,0 +1,151 @@
{
"name": "stirling-pdf",
"version": "1.0.0",
"description": "PDF utilities for Stirling",
"scripts": {
"lint:css": "stylelint \"stirling-pdf/src/main/**/*.css\" --fix"
},
"license": "MIT",
"dependencies": {
"ajv": "^8.17.1",
"ansi-regex": "^5.0.1",
"ansi-styles": "^4.3.0",
"argparse": "^2.0.1",
"array-union": "^2.1.0",
"astral-regex": "^2.0.0",
"asynckit": "^0.4.0",
"axios": "^1.8.4",
"balanced-match": "^2.0.0",
"base64-js": "^1.5.1",
"braces": "^3.0.3",
"buffer": "^6.0.3",
"cacheable": "^1.10.1",
"call-bind-apply-helpers": "^1.0.2",
"callsites": "^3.1.0",
"color-convert": "^2.0.1",
"color-name": "^1.1.4",
"colord": "^2.9.3",
"combined-stream": "^1.0.8",
"cosmiconfig": "^9.0.0",
"css-functions-list": "^3.2.3",
"css-tree": "^3.1.0",
"cssesc": "^3.0.0",
"debug": "^4.4.1",
"delayed-stream": "^1.0.0",
"detect-libc": "^2.0.3",
"dir-glob": "^3.0.1",
"dunder-proto": "^1.0.1",
"emoji-regex": "^8.0.0",
"enhanced-resolve": "^5.18.1",
"env-paths": "^2.2.1",
"error-ex": "^1.3.2",
"es-define-property": "^1.0.1",
"es-errors": "^1.3.0",
"es-object-atoms": "^1.1.1",
"es-set-tostringtag": "^2.1.0",
"esbuild": "^0.25.2",
"fast-deep-equal": "^3.1.3",
"fast-glob": "^3.3.3",
"fast-uri": "^3.0.6",
"fastest-levenshtein": "^1.0.16",
"fastq": "^1.19.1",
"fdir": "^6.4.4",
"file-entry-cache": "^10.1.1",
"fill-range": "^7.1.1",
"flat-cache": "^6.1.11",
"flatted": "^3.3.3",
"follow-redirects": "^1.15.9",
"form-data": "^4.0.2",
"function-bind": "^1.1.2",
"get-intrinsic": "^1.3.0",
"get-proto": "^1.0.1",
"glob-parent": "^5.1.2",
"global-modules": "^2.0.0",
"global-prefix": "^3.0.0",
"globby": "^11.1.0",
"globjoin": "^0.1.4",
"gopd": "^1.2.0",
"graceful-fs": "^4.2.11",
"has-flag": "^4.0.0",
"has-symbols": "^1.1.0",
"has-tostringtag": "^1.0.2",
"hasown": "^2.0.2",
"hookified": "^1.10.0",
"html-tags": "^3.3.1",
"ieee754": "^1.2.1",
"ignore": "^7.0.5",
"import-fresh": "^3.3.1",
"imurmurhash": "^0.1.4",
"ini": "^1.3.8",
"is-arrayish": "^0.2.1",
"is-extglob": "^2.1.1",
"is-fullwidth-code-point": "^3.0.0",
"is-glob": "^4.0.3",
"is-number": "^7.0.0",
"is-plain-object": "^5.0.0",
"isexe": "^2.0.0",
"jiti": "^2.4.2",
"js-tokens": "^4.0.0",
"js-yaml": "^4.1.0",
"json-parse-even-better-errors": "^2.3.1",
"json-schema-traverse": "^1.0.0",
"keyv": "^5.3.4",
"kind-of": "^6.0.3",
"known-css-properties": "^0.37.0",
"lightningcss": "^1.29.2",
"lightningcss-win32-x64-msvc": "^1.29.2",
"lines-and-columns": "^1.2.4",
"lodash.truncate": "^4.4.2",
"math-intrinsics": "^1.1.0",
"mathml-tag-names": "^2.1.3",
"mdn-data": "^2.12.2",
"meow": "^13.2.0",
"merge2": "^1.4.1",
"micromatch": "^4.0.8",
"mime-db": "^1.52.0",
"mime-types": "^2.1.35",
"ms": "^2.1.3",
"nanoid": "^3.3.11",
"normalize-path": "^3.0.0",
"parent-module": "^1.0.1",
"parse-json": "^5.2.0",
"path-type": "^4.0.0",
"picocolors": "^1.1.1",
"picomatch": "^4.0.2",
"postcss": "^8.5.6",
"postcss-resolve-nested-selector": "^0.1.6",
"postcss-safe-parser": "^7.0.1",
"postcss-selector-parser": "^7.1.0",
"postcss-value-parser": "^4.2.0",
"proxy-from-env": "^1.1.0",
"queue-microtask": "^1.2.3",
"require-from-string": "^2.0.2",
"resolve-from": "^5.0.0",
"reusify": "^1.1.0",
"rollup": "^4.40.0",
"run-parallel": "^1.2.0",
"signal-exit": "^4.1.0",
"slash": "^3.0.0",
"slice-ansi": "^4.0.0",
"source-map-js": "^1.2.1",
"string-width": "^4.2.3",
"strip-ansi": "^6.0.1",
"stylelint-config-recommended": "^16.0.0",
"supports-color": "^7.2.0",
"supports-hyperlinks": "^3.2.0",
"svg-tags": "^1.0.0",
"table": "^6.9.0",
"tailwindcss": "^4.1.4",
"tapable": "^2.2.1",
"tinyglobby": "^0.2.13",
"to-regex-range": "^5.0.1",
"util-deprecate": "^1.0.2",
"vite": "^6.3.2",
"which": "^1.3.1",
"write-file-atomic": "^5.0.1"
},
"devDependencies": {
"stylelint": "^16.21.1",
"stylelint-config-standard": "^38.0.0"
}
}

View File

@ -4,7 +4,7 @@
}
#pdf-canvas {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
width: 100%;
}
@ -33,7 +33,7 @@
position: absolute;
touch-action: none;
user-select: none;
top: 0px;
top: 0;
left: 0;
}

View File

@ -15,7 +15,7 @@
position: fixed;
max-width: 200px;
max-height: 200px;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.58);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.58);
transform-origin: top left;
}
@ -68,7 +68,6 @@ html[dir="rtl"] .drag-manager_draghover img {
.drag-manager_endpoint svg {
width: 50px;
height: 50px;
display: block;
position: absolute;
left: 50%;
@ -85,10 +84,12 @@ html[dir="rtl"] .drag-manager_draghover img {
from {
width: 0;
}
to {
width: 80px;
}
}
.moved-element img {
border: 8px solid #198754;
border-radius: 3px;

View File

@ -17,7 +17,7 @@
margin-bottom: 12px;
border: 1px solid var(--border-item, #e9ecef);
border-radius: 0.5rem;
background-color: var(--bg-item, var(--md-sys-color-surface-container-lowest, #ffffff));
background-color: var(--bg-item, var(--md-sys-color-surface-container-lowest, #fff));
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
@ -197,6 +197,7 @@
[data-bs-theme="dark"] .bookmark-content input,
[data-bs-theme="dark"] .bookmark-content label {
--input-text: var(--md-sys-color-on-surface, #e9ecef);
background-color: var(--input-bg, var(--md-sys-color-surface-container-high, #3a424a));
border-color: var(--input-border, var(--md-sys-color-outline, #495057));
}
@ -264,7 +265,7 @@
padding: 30px;
text-align: center;
color: var(--text-muted, var(--md-sys-color-on-surface-variant, #6c757d));
background-color: var(--bg-empty, var(--md-sys-color-surface-container-lowest, #ffffff));
background-color: var(--bg-empty, var(--md-sys-color-surface-container-lowest, #fff));
border-radius: 0.375rem;
border: 1px dashed var(--border-empty, var(--md-sys-color-outline, #ced4da));
}

View File

@ -1,5 +1,5 @@
#errorContainer {
margin: 1rem 0rem 2rem;
margin: 1rem 0 2rem;
border-radius: 3rem;
}

View File

@ -2,9 +2,9 @@
display: flex;
flex-direction: column;
position: relative;
min-height: 55px;
border-radius: 1rem;
--selected-files-display: none;
}
@ -12,13 +12,13 @@
position: relative;
border-radius: 1rem;
border: 1px dashed rgb(105, 116, 134);
column-gap: 7px;
row-gap: 7px;
height: 150px;
width: 100%;
--overlay-display: none;
transition: background-color 0.5s linear;
}
@ -26,13 +26,11 @@
outline: none;
border: none;
background-color: var(--md-sys-color-surface-container-low);
-webkit-transition: box-shadow 1s ease, background-color 2s linear;
-moz-transition: box-shadow 1s ease, background-color 2s linear;
-o-transition: box-shadow 1s ease, background-color 2s linear;
-ms-transition: box-shadow 1s ease, background-color 2s linear;
transition: box-shadow 1s ease, background-color 2s linear;
box-shadow: 0 0 10px rgb(105, 116, 134);
cursor: pointer;
}
@ -46,18 +44,13 @@
.input-container::before {
display: var(--overlay-display);
position: absolute;
content: '';
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: var(--md-sys-color-surface);
z-index: 1;
white-space: pre;
border-radius: 1rem;
}
@ -65,22 +58,16 @@
.input-container::after {
display: var(--overlay-display);
position: absolute;
content: attr(data-text);
font-size: 0.9rem;
font-weight: 550;
color: var(--md-sys-color-on-surface);
background-color: transparent;
min-width: 150px;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
text-align: center;
z-index: 2;
}
@ -100,15 +87,12 @@
.file-input-btn {
display: inline-block;
border: 1px solid #ccc;
padding: 6px 12px;
cursor: pointer;
color: #212529;
font-size: 1rem;
border-radius: 3rem;
background-color: #DDE0E3;
}
@ -143,7 +127,6 @@
text-overflow: ellipsis;
white-space: nowrap;
color: var(--md-sys-color-on-surface);
max-width: 60px;
font-size: 0.75rem;
}
@ -152,7 +135,6 @@
overflow: hidden;
text-overflow: ellipsis;
color: grey;
max-width: 60px;
font-size: 10px;
}
@ -161,12 +143,10 @@
display: flex;
justify-content: center;
align-items: center;
position: absolute;
height: 15px;
width: 15px;
right: 0px;
right: 0;
top: -17px;
}
@ -179,19 +159,15 @@
user-select: none;
}
.remove-selected-file:after {
.remove-selected-file::after {
content: '';
position: absolute;
left: 1;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: white;
z-index: 2;
user-select: none;
pointer-events: none;
}
@ -210,13 +186,10 @@
padding-right: 3px;
padding-top: 15px;
padding-bottom: 15px;
flex: 1;
white-space: pre-wrap;
row-gap: 12px;
column-gap: 5px;
border-radius: 1rem;
border: 1px solid rgb(105, 116, 134, 0.5);
}
@ -285,7 +258,7 @@
.horizontal-divider {
width: 85%;
border-top: 1px dashed;
padding: 0px;
padding: 0;
margin: 10px;
}

View File

@ -19,6 +19,7 @@
text-align: center; /* Centers the text inside the div */
width: 100%; /* Full width to center the text properly */
}
.stirling-link {
text-decoration: none; /* Remove the underline */
color: inherit; /* Keep the text color the same as the surrounding text */
@ -30,6 +31,7 @@
.stirling-link:hover {
color: #007BFF; /* Change the color on hover to a noticeable link color */
}
.footer-icon {
font-size: 2rem;
}
@ -55,6 +57,7 @@
.footer-link {
font-size: 1rem; /* Adjust font size for smaller screens */
}
.footer-link-list{
flex-direction: column; /* Stack links vertically on smaller screens */
}

View File

@ -14,19 +14,23 @@
.projectile {
position: absolute;
}
.pdf {
width: 50px;
height: 50px;
}
.player {
width: 50px;
height: 50px;
}
.projectile {
background-color: black !important;
width: 5px;
height: 10px;
}
#score,
#level,
#lives,
@ -36,18 +40,22 @@
position: absolute;
font-size: calc(14px + 0.25vw); /* Reduced font size */
}
#score {
top: 10px;
left: 10px;
}
#lives {
top: 10px;
left: calc(9vw); /* Adjusted position */
}
#high-score {
top: 10px;
left: calc(14vw); /* Adjusted position */
}
#level {
top: 10px;
right: 10px;

View File

@ -27,7 +27,7 @@
max-width: 100%; //Allows the container to expand up to full width
margin-left: auto;
margin-right: auto;
}*/
} */
html[dir="ltr"] * {
@ -73,7 +73,7 @@ html[dir="rtl"] * {
html[dir="rtl"] input.form-check-input {
position: relative;
margin-left: 0px;
margin-left: 0;
}
html[dir="rtl"] label.form-check-label {
@ -90,17 +90,17 @@ html[dir="rtl"] label.form-check-label {
}
#pdf-canvas {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
width: 100%;
}
.fixed-shadow-canvas {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
width: 100%;
}
.shadow-canvas {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
}
.hidden {

View File

@ -61,7 +61,7 @@
.feature-group-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(15rem, 3fr));
gap: 30px 30px;
gap: 30px;
overflow: hidden;
margin: -20px;
padding: 20px;
@ -99,7 +99,7 @@
transform 0.3s,
border 0.3s;
transform-origin: center center;
outline: 0px solid transparent;
outline: 0 solid transparent;
position:relative;
}
@ -145,7 +145,7 @@
}
#tool-text {
margin: 0.0rem 0 0 1.25rem;
margin: 0.0 0 0 1.25rem;
}
.card-title {
@ -171,7 +171,8 @@
}
.jumbotron {
padding: 3rem 3rem;
padding: 3rem;
/* Reduce vertical padding */
}
@ -184,20 +185,23 @@
.lookatme::after {
color: #e33100;
text-shadow: 0 0 5px #e33100;
/* in the html, the data-lookatme-text attribute must */
/* contain the same text as the .lookatme element */
content: attr(data-lookatme-text);
padding: inherit;
position: absolute;
inset: 0 0 0 0;
inset: 0;
z-index: 1;
/* 20 steps / 2 seconds = 10fps */
-webkit-animation: 2s infinite Pulse steps(20);
animation: 2s infinite Pulse steps(20);
}
@keyframes Pulse {
from {
0% {
opacity: 0;
}
@ -205,7 +209,7 @@
opacity: 1;
}
to {
100% {
opacity: 0;
}
}

View File

@ -49,7 +49,7 @@
}
#tool-text {
margin: 0.0rem 0 0 1.25rem;
margin: 0.0 0 0 1.25rem;
}
.favorite-icon img {
@ -65,7 +65,8 @@
}
.jumbotron {
padding: 3rem 3rem;
padding: 3rem;
/* Reduce vertical padding */
}
@ -78,13 +79,16 @@
.lookatme::after {
color: #e33100;
text-shadow: 0 0 5px #e33100;
/* in the html, the data-lookatme-text attribute must */
/* contain the same text as the .lookatme element */
content: attr(data-lookatme-text);
padding: inherit;
position: absolute;
inset: 0 0 0 0;
inset: 0;
z-index: 1;
/* 20 steps / 2 seconds = 10fps */
-webkit-animation: 2s infinite Pulse steps(20);
animation: 2s infinite Pulse steps(20);
@ -94,6 +98,7 @@
display: flex;
width:fit-content
}
.recent-features{
display: flex;
flex-direction: row;
@ -106,6 +111,7 @@
.close-icon {
color: var(--favourite-remove) !important;
}
.add-icon {
color: var(--favourite-add) !important;
}

View File

@ -36,6 +36,7 @@
transform: scale(0.8);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;

View File

@ -5,5 +5,6 @@ td a {
td a:hover,
td a:focus {
text-decoration: underline;
/* Adds underline on hover/focus for clarity */
}

View File

@ -54,11 +54,11 @@ body {
}
.form-signin .form-floating {
margin: 1rem 0px;
margin: 1rem 0;
}
input[type="checkbox" i] {
margin: 0px 5px;
margin: 0 5px;
vertical-align: middle;
}

View File

@ -17,6 +17,7 @@
display: flex;
justify-content: flex-end;
}
.arrows .btn {
margin: 0 3px;
}

View File

@ -6,7 +6,7 @@
label {
text-align: left;
display: block;
padding: 0rem 0.25rem;
padding: 0 0.25rem;
font-size: 1.25rem;
}
@ -27,7 +27,7 @@ label {
z-index: 11;
padding: 1.25rem;
border-radius: 2rem;
margin: 0px 25px;
margin: 0 25px;
justify-content:center;
}
@ -35,9 +35,11 @@ label {
.mt-action-bar>* {
padding-bottom: 0.5rem;
}
.mt-file-uploader {
width:100%
}
.mt-action-bar svg,
.mt-action-btn svg {
width: 20px;
@ -60,7 +62,6 @@ label {
background-color: var(--md-sys-color-surface-container-low) ;
display: flex;
gap: 10px;
padding: 12px 0px 0px;
width: fit-content;
justify-content: center;
padding: 10px 20px
@ -86,7 +87,7 @@ label {
padding: 1rem;
border-radius: 25px;
min-height: 275px;
margin: 0 0 30px 0;
margin: 0 0 30px;
}
#pages-container {
@ -201,7 +202,7 @@ label {
left: 50%;
top: 50%;
translate: -50% -50%;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
border-radius: 4px;
transition: rotate 0.3s;
}
@ -298,7 +299,11 @@ label {
}
@media only screen and (max-width: 767px) { #pages-container { width:300px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { #pages-container { width: 600px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { #pages-container { width: 900px; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { #pages-container { width: 900px; } }
@media only screen and (min-width: 1399px) { #pages-container { width: 1200px; } }

View File

@ -8,7 +8,8 @@
#navbarSearch.show {
height: auto;
/*dynamically changes height*/
/* dynamically changes height */
}
#searchResults .dropdown-item {
@ -16,8 +17,10 @@
align-items: center;
white-space: nowrap;
height: 50px;
/* Fixed height */
overflow: hidden;
/* Hide overflow */
}
@ -28,19 +31,23 @@
#searchResults .icon-text {
display: inline;
overflow: hidden;
/* Hide overflow */
text-overflow: ellipsis;
/* Add ellipsis for long text */
}
#search-icon i {
font-size: 24px;
/* Adjust this to your desired size */
transition: color 0.3s;
}
#search-icon:hover i {
color: #666;
/* Adjust this to your hover color */
}
@ -50,8 +57,10 @@
.search-input:focus {
border-color: #666;
/* Adjust this to your focus color */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
/* Adjust this to your desired shadow */
}
@ -86,12 +95,13 @@
.scalable-languages-container {
display: grid;
/* Auto-fill columns, with a minimum width of 180px */
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.scalable-languages-container:not(:has(> :nth-child(4))) .lang-dropdown-item-wrapper:last-child {
border: 0px !important
border: 0 !important
}
.scalable-languages-container:has(> *:nth-child(1)) {
@ -131,7 +141,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
}
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) {
border: 0px
border: 0
}
}
@ -145,7 +155,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
}
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) {
border: 0px
border: 0
}
}
@ -159,7 +169,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
}
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(4n) {
border: 0px
border: 0
}
}
@ -192,6 +202,7 @@ span.icon-text::after {
.nav-item-separator {
position: relative;
margin: 0 4px;
/* Adjust the margin as needed */
}
@ -200,10 +211,12 @@ span.icon-text::after {
position: absolute;
left: 0;
top: 10%;
/* Adjust the top and bottom margins as needed */
bottom: 10%;
width: 1px;
background-color: #ccc;
/* Adjust the color as needed */
}
@ -250,7 +263,7 @@ span.icon-text::after {
max-height: 360px;
}
/* Dropdown Scrollbar*/
/* Dropdown Scrollbar */
.scrollable-y {
overflow-y: scroll;
max-height: 190px;
@ -448,7 +461,7 @@ html[dir="rtl"] .dropdown-menu {
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
font-weight: bold;
color: #ffffff;
color: #fff;
background-color: #007bff;
border-radius: 0.25rem;
text-transform: uppercase;
@ -496,6 +509,7 @@ html[dir="rtl"] .dropdown-menu {
.feature-rows.single-column {
justify-content: center;
/* Center-align a single column */
}
@ -547,7 +561,7 @@ html[dir="rtl"] .dropdown-menu {
@keyframes Pulse {
from {
0% {
opacity: 0;
}
@ -555,7 +569,7 @@ html[dir="rtl"] .dropdown-menu {
opacity: 1;
}
to {
100% {
opacity: 0;
}
}

View File

@ -2,9 +2,8 @@
z-index: 4;
opacity: 0;
transition: opacity 0.1s linear;
position: absolute !important;
bottom: 0px;
bottom: 0;
left: 50%;
transform: translate(-50%, 0%);
}
@ -28,7 +27,7 @@
.pdf-actions_button-container> :first-child,
.pdf-actions_container:first-child>.pdf-actions_button-container> :first-child+* {
border-radius: 12px 0px 0px 12px;
border-radius: 12px 0 0 12px;
}
.pdf-actions_container svg {

View File

@ -18,6 +18,7 @@
.element-margin {
margin: 1rem 0;
/* Adjust this value to increase/decrease the margin as needed */
}

View File

@ -15,6 +15,7 @@ body {
rgba(255, 0, 0, 1) 100%
);
color: #fff !important;
--body-background-color: 255, 255, 255;
--base-font-color: 33, 37, 41;
}
@ -36,6 +37,7 @@ body {
) !important;
color: white !important;
}
.jumbotron {
background: linear-gradient(
90deg,
@ -71,6 +73,7 @@ body {
) !important;
color: fff !important;
}
.list-group-item {
background: linear-gradient(
90deg,
@ -88,6 +91,7 @@ body {
) !important;
color: fff !important;
}
#support-section {
background: linear-gradient(
90deg,
@ -109,5 +113,5 @@ body {
--background-color: rgba(255, 255, 255, 0.046) !important;
--scroll-bar-color: #4c4c4c !important;
--scroll-bar-thumb: #d3d3d3 !important;
--scroll-bar-thumb-hover: #ffffff !important;
--scroll-bar-thumb-hover: #fff !important;
}

View File

@ -1,5 +1,5 @@
:root {
--page-redaction-color: #000000;
--page-redaction-color: #000;
}
.textLayer span::selection,
@ -15,36 +15,27 @@
}
.selected-wrapper:hover:not(:has(.redaction-overlay:hover)) {
outline-color: var(--palette-color, #000000);
background-color: var(--palette-color, #000000);
outline-color: var(--palette-color, #000);
background-color: var(--palette-color, #000);
z-index: 10;
transition: background-color 0.065s linear;
cursor: pointer;
}
.redaction-overlay {
display: flex;
position: absolute;
left: 50%;
top: 100%;
min-width: 25px;
max-width: 90px;
min-height: 25px;
flex-wrap: nowrap;
column-gap: 5px;
row-gap: 2px;
border-radius: 2px;
padding: 2px;
box-sizing: border-box;
background-color: rgb(0 96 170);
outline: 1px solid gray;
translate: -50% -100%;
@ -53,10 +44,8 @@
.redaction-overlay svg {
height: 25px;
width: 25px;
max-width: 35px;
max-height: 35px;
fill: rgba(255, 255, 255, 0.904);
user-select: none;
}
@ -73,7 +62,7 @@
}
.rectangle {
border: 2px solid #ff0000;
border: 2px solid #f00;
position: absolute;
}
@ -101,7 +90,6 @@ html {
#man-text-select-redact, #man-shape-redact, #downloadBtn, #uploadBtn, #pageBasedRedactionBtn, #pdfToImageBtn, #showMoreBtn {
height: var(--toolButton-height);
width: var(--toolButton-width);
border-radius: var(--toolButton-border-radius);
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
user-select: none;
@ -133,7 +121,6 @@ html {
#redactionsPaletteContainer {
height: var(--toolButton-height);
width: var(--toolButton-width);
border-radius: var(--toolButton-border-radius);
overflow: hidden;
}
@ -146,7 +133,6 @@ html {
#redactions-palette {
display: inline;
position: relative;
border-bottom: 8px solid var(--palette-color);
border-radius: inherit;
border-bottom-left-radius: 0;
@ -160,7 +146,7 @@ html {
height: 6px;
width: 100%;
left: 0;
bottom: 0px;
bottom: 0;
background-color: var(--palette-color);
}
@ -293,11 +279,9 @@ html {
.redacted-thumbnail-preview:hover::after {
content: '';
background-color: var(--page-redaction-color);
position: absolute;
left: 0;
top: 0;
height: var(--thumbnail-height);
width: var(--thumbnail-width);
}

View File

@ -11,6 +11,7 @@
display: flex;
justify-content: flex-end;
}
.arrows .btn {
margin: 0 3px;
}

View File

@ -1,8 +1,10 @@
select#font-select,
select#font-select option {
height: 60px;
/* Adjust as needed */
font-size: 30px;
/* Adjust as needed */
}
@ -60,25 +62,29 @@ select#font-select option {
position: absolute;
touch-action: none;
user-select: none;
top: 0px;
top: 0;
left: 0;
z-index: 100;
cursor: grab;
transition: transform 0.1s ease-out;
background-color: rgba(52, 152, 219, 0.1);
/* Light blue background */
}
.draggable-canvas:active {
cursor: grabbing;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
/* Shadow on active drag */
}
.draggable-canvas:hover {
border: 2px solid #2980b9;
/* Darker border on hover */
background-color: rgba(52, 152, 219, 0.2);
/* Darken background on hover */
}
@ -170,7 +176,7 @@ select#font-select option {
}
.custom-select select {
display: none; /*hide original SELECT element: */
display: none; /* hide original SELECT element: */
}
.select-selected {
@ -181,7 +187,7 @@ select#font-select option {
}
/* Style the arrow inside the select element: */
.select-selected:after {
.select-selected::after {
position: absolute;
content: "";
top: 50%;
@ -190,12 +196,12 @@ select#font-select option {
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
border-color: #fff transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
.select-selected.select-arrow-active::after {
border-color: transparent transparent #fff;
translate: 0 -75%;
}
@ -209,8 +215,7 @@ select#font-select option {
.select-items div {
border: 1px solid transparent;
border-color: transparent transparent transparent transparent;
border-color: transparent;
line-height: 30px;
font-size: 30px;
}

View File

@ -4,6 +4,7 @@
border: 1px solid black; /* Represents the PDF page */
position: relative;
}
.line {
position: absolute;
background-color: red; /* Line color */

View File

@ -37,5 +37,5 @@
}
.selectedPosition.selectedHovered {
background-color: #006600;
background-color: #060;
}

View File

@ -4,20 +4,22 @@
.tab-container {
display: none;
}
.tab-container.active {
display: block;
border: 1px solid rgba(var(--base-font-color), 0.25);
padding: 15px;
}
.tab-buttons > button {
margin-bottom: -1px;
background: 0 0;
border: 1px solid transparent;
color: rgb(var(--base-font-color));
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.tab-buttons > button.active {
background-color: rgb(var(--body-background-color));
border-color: rgba(var(--base-font-color), 0.25) rgba(var(--base-font-color), 0.25) rgb(var(--body-background-color));

View File

@ -11,18 +11,18 @@ textarea {
}
/*.global-buttons-container input:disabled::-webkit-input-placeholder { !* WebKit browsers *!*/
/* color: #98A0AB;*/
/*}*/
/*.global-buttons-container input:disabled:-moz-placeholder { !* Mozilla Firefox 4 to 18 *!*/
/* color: #98A0AB;*/
/*}*/
/*.global-buttons-container input:disabled::-moz-placeholder { !* Mozilla Firefox 19+ *!*/
/* color: #98A0AB;*/
/*}*/
/*.global-buttons-container input:disabled:-ms-input-placeholder { !* Internet Explorer 10+ *!*/
/* color: #98A0AB;*/
/*}*/
/* .global-buttons-container input:disabled::-webkit-input-placeholder { !* WebKit browsers *! */
/* color: #98A0AB; */
/* } */
/* .global-buttons-container input:disabled:-moz-placeholder { !* Mozilla Firefox 4 to 18 *! */
/* color: #98A0AB; */
/* } */
/* .global-buttons-container input:disabled::-moz-placeholder { !* Mozilla Firefox 19+ *! */
/* color: #98A0AB; */
/* } */
/* .global-buttons-container input:disabled:-ms-input-placeholder { !* Internet Explorer 10+ *! */
/* color: #98A0AB; */
/* } */
/* Scrollbar */
*::-webkit-scrollbar {
background: var(--md-sys-color-surface);
@ -54,7 +54,7 @@ td {
}
.input-group-append {
margin: 0rem 0.5rem !important;
margin: 0 0.5rem !important;
}
.card-header {
@ -86,12 +86,11 @@ td {
.modal-body,
.modal-footer {
background-color: var(--md-sys-color-surface-5);
border: none;
}
.modal-header {
border-radius: 2rem 2rem 0rem 0rem;
border-radius: 2rem 2rem 0 0;
padding: 1.5rem 2rem 0.5rem;
}
@ -100,7 +99,7 @@ td {
}
.modal-footer {
border-radius: 0rem 0rem 2rem 2rem;
border-radius: 0 0 2rem 2rem;
padding: 0.5rem 2rem 1.5rem;
}
@ -109,7 +108,7 @@ td {
vertical-align: text-top;
}
/* Navbar Icon*/
/* Navbar Icon */
.nav-icon {
color: var(--md-sys-color-surface);
}
@ -175,13 +174,13 @@ td {
background-color: var(--md-nav-section-color-ppt);
}
/* Tool Page Header*/
/* Tool Page Header */
.tool-header {
margin-bottom: 2rem;
}
.tool-header .tool-header-icon {
margin: 0px 1rem;
margin: 0 1rem;
height: 4rem;
width: 4rem;
border-radius: 25px;
@ -200,7 +199,7 @@ td {
vertical-align: middle;
}
/* Home Card Colors*/
/* Home Card Colors */
.feature-card .nav-icon {
vertical-align: middle;
font-size: 2rem !important;
@ -563,6 +562,7 @@ fieldset:disabled .btn {
.form-range{
margin-top: 0.25rem;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px var(--md-sys-color-surface), 0 0 0 .25rem var(--md-sys-color-primary)
}
@ -902,6 +902,7 @@ textarea.form-control {
border-radius: 3rem;
font-variation-settings: var(--md-sys-icon-fill-1);
}
.dropdown-item.no-hover:hover,
.dropdown-item.no-hover:focus {
color: var(--md-sys-color-on-surface) !important;
@ -927,26 +928,26 @@ textarea.form-control {
}
.list-group-item:first-child {
border-radius: 1rem 1rem 0rem 0rem;
border-radius: 1rem 1rem 0 0;
}
.list-group-item:last-child {
border-radius: 0rem 0rem 1rem 1rem;
border-radius: 0 0 1rem 1rem;
}
.list-group-item:only-child {
border-radius: 1rem 1rem 1rem 1rem;
border-radius: 1rem;
}
.list-group-item .btn {
padding: .375rem .5rem;
}
/*Alert */
/* Alert */
.alert-container {
padding: 2rem 3rem;
border-radius: 3rem;
margin: 1rem 0rem 2rem;
margin: 1rem 0 2rem;
}
.alert-header {

View File

@ -2,7 +2,7 @@
font-family: 'Material Symbols Rounded';
font-style: normal;
font-weight: 100 700;
src: url(../../fonts/google-symbol.woff2) format('woff2');
src: url("../../fonts/google-symbol.woff2") format('woff2');
}

View File

@ -7,16 +7,20 @@
--md-sys-color-surface-3: color-mix(in srgb, var(--md-sys-color-primary) 13%, rgba(0, 0, 255, 0.11) 5%);
--md-sys-color-surface-4: color-mix(in srgb, var(--md-sys-color-primary) 13%, rgba(0, 0, 255, 0.12) 5%);
--md-sys-color-surface-5: color-mix(in srgb, var(--md-sys-color-primary) 13%, rgba(0, 0, 255, 0.14) 5%);
/* Icon fill */
--md-sys-icon-fill-0: 'FILL' 0, 'wght' 500;
--md-sys-icon-fill-1: 'FILL' 1, 'wght' 500;
/* Hover Color */
--md-sys-state-hover-opacity: color-mix(in srgb, var(--md-sys-color-primary), rgba(0, 0, 0, 0) 80%);
/* Shadow */
--md-sys-color-shadow: #000000;
--md-sys-color-shadow: #000;
--md-elevation-shadow-color-rgb: 0, 0, 0;
--md-elevation-shadow-color: var(--md-elevation-shadow-color-rgb);
/* Shadow Elevation*/
/* Shadow Elevation */
--md-sys-elevation-0: 0px 0px 0px 0px rgb(var(--md-elevation-shadow-color), 0.2), 0px 0px 0px 0px rgb(var(--md-elevation-shadow-color), 0.14), 0px 0px 0px 0px rgb(var(--md-elevation-shadow-color), 0.12);
--md-sys-elevation-1: 0px 3px 1px -2px rgb(var(--md-elevation-shadow-color), 0.2), 0px 2px 2px 0px rgb(var(--md-elevation-shadow-color), 0.14), 0px 1px 5px 0px rgb(var(--md-elevation-shadow-color), 0.12);
--md-sys-elevation-2: 0px 2px 4px -1px rgb(var(--md-elevation-shadow-color), 0.2), 0px 4px 5px 0px rgb(var(--md-elevation-shadow-color), 0.14), 0px 1px 10px 0px rgb(var(--md-elevation-shadow-color), 0.12);

View File

@ -49,6 +49,7 @@
--md-sys-color-surface-container: rgb(28 32 38);
--md-sys-color-surface-container-high: rgb(38 42 49);
--md-sys-color-surface-container-highest: rgb(49 53 60);
/* Tools Color */
--md-nav-section-color-opacity: 1;
--md-nav-on-section-color-opacity: 1;

View File

@ -49,6 +49,7 @@
--md-sys-color-surface-container: rgb(235 238 247);
--md-sys-color-surface-container-high: rgb(229 232 241);
--md-sys-color-surface-container-highest: rgb(223 226 235);
/* Tools Color */
--md-nav-section-color-opacity: 1;
--md-nav-on-section-color-opacity: 1;

View File

@ -21,6 +21,7 @@
#PDFBug :is(input, button, select) {
font: message-box;
}
#PDFBug {
background-color: rgb(255 255 255);
border: 1px solid rgb(102 102 102);
@ -32,47 +33,58 @@
padding: 0;
width: var(--panel-width);
}
#PDFBug .controls {
background: rgb(238 238 238);
border-bottom: 1px solid rgb(102 102 102);
padding: 3px;
}
#PDFBug .panels {
inset: 27px 0 0;
overflow: auto;
position: absolute;
}
#PDFBug .panels > div {
padding: 5px;
}
#PDFBug button.active {
font-weight: bold;
}
.debuggerShowText,
.debuggerHideText:hover {
background-color: rgb(255 255 0 / 0.25);
}
#PDFBug .stats {
font-family: courier;
font-size: 10px;
white-space: pre;
}
#PDFBug .stats .title {
font-weight: bold;
}
#PDFBug table {
font-size: 10px;
white-space: pre;
}
#PDFBug table.showText {
border-collapse: collapse;
text-align: center;
}
#PDFBug table.showText,
#PDFBug table.showText :is(tr, td) {
border: 1px solid black;
padding: 1px;
}
#PDFBug table.showText td.advance {
color: grey;
}

View File

@ -22,23 +22,19 @@
--hover-filter: brightness(0.9);
--focus-ring-color: #0060df;
--focus-ring-outline: 2px solid var(--focus-ring-color);
--textarea-border-color: #8f8f9d;
--textarea-bg-color: white;
--textarea-fg-color: var(--text-secondary-color);
--radio-bg-color: #f0f0f4;
--radio-checked-bg-color: #fbfbfe;
--radio-border-color: #8f8f9d;
--radio-checked-border-color: #0060df;
--button-secondary-bg-color: #f0f0f4;
--button-secondary-fg-color: var(--text-primary-color);
--button-secondary-border-color: var(--button-secondary-bg-color);
--button-secondary-hover-bg-color: var(--button-secondary-bg-color);
--button-secondary-hover-fg-color: var(--button-secondary-fg-color);
--button-secondary-hover-border-color: var(--button-secondary-hover-bg-color);
--button-primary-bg-color: #0060df;
--button-primary-fg-color: #fbfbfe;
--button-primary-hover-bg-color: var(--button-primary-bg-color);
@ -66,13 +62,10 @@
--text-secondary-color: #cfcfd8;
--focus-ring-color: #0df;
--hover-filter: brightness(1.4);
--textarea-bg-color: #42414d;
--radio-bg-color: #2b2a33;
--radio-checked-bg-color: #15141a;
--radio-checked-border-color: #0df;
--button-secondary-bg-color: #2b2a33;
--button-primary-bg-color: #0df;
--button-primary-fg-color: #15141a;
@ -87,13 +80,10 @@
--text-secondary-color: #cfcfd8;
--focus-ring-color: #0df;
--hover-filter: brightness(1.4);
--textarea-bg-color: #42414d;
--radio-bg-color: #2b2a33;
--radio-checked-bg-color: #15141a;
--radio-checked-border-color: #0df;
--button-secondary-bg-color: #2b2a33;
--button-primary-bg-color: #0df;
--button-primary-fg-color: #15141a;
@ -108,22 +98,18 @@
--text-secondary-color: CanvasText;
--hover-filter: none;
--focus-ring-color: ButtonBorder;
--textarea-border-color: ButtonBorder;
--textarea-bg-color: Field;
--textarea-fg-color: ButtonText;
--radio-bg-color: ButtonFace;
--radio-checked-bg-color: ButtonFace;
--radio-border-color: ButtonText;
--radio-checked-border-color: ButtonText;
--button-secondary-bg-color: ButtonFace;
--button-secondary-fg-color: ButtonText;
--button-secondary-border-color: ButtonText;
--button-secondary-hover-bg-color: AccentColor;
--button-secondary-hover-fg-color: AccentColorText;
--button-primary-bg-color: ButtonText;
--button-primary-fg-color: ButtonFace;
--button-primary-hover-bg-color: AccentColor;
@ -1042,7 +1028,6 @@
}
@media print {
.xfaTextfield,
.xfaSelect {
background: transparent;
@ -1143,7 +1128,6 @@
--size-item-small: 16px;
--size-item-large: 32px;
--color-canvas: white;
--toggle-background-color: var(--button-background-color);
--toggle-background-color-hover: var(--button-background-color-hover);
--toggle-background-color-active: var(--button-background-color-active);
@ -1167,9 +1151,7 @@
--toggle-dot-transform-x: calc(var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width));
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
@ -1366,10 +1348,10 @@
--resizer-size: 6px;
--resizer-shift: calc(0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width));
--editorFreeText-editing-cursor: text;
--editorInk-editing-cursor: url(../images/cursor-editorInk.svg) 0 16, pointer;
--editorHighlight-editing-cursor: url(../images/cursor-editorTextHighlight.svg) 24 24,
--editorInk-editing-cursor: url("../images/cursor-editorInk.svg") 0 16, pointer;
--editorHighlight-editing-cursor: url("../images/cursor-editorTextHighlight.svg") 24 24,
text;
--editorFreeHighlight-editing-cursor: url(../images/cursor-editorFreeHighlight.svg) 1 18,
--editorFreeHighlight-editing-cursor: url("../images/cursor-editorFreeHighlight.svg") 1 18,
pointer;
}
@ -1401,7 +1383,7 @@
@media (min-resolution: 1.1dppx) {
:root {
--editorFreeText-editing-cursor: url(../images/cursor-editorFreeText.svg) 0 16,
--editorFreeText-editing-cursor: url("../images/cursor-editorFreeText.svg") 0 16,
text;
}
}
@ -1504,9 +1486,9 @@
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
.textLayer) .editToolbar {
--editor-toolbar-delete-image: url(../images/editor-toolbar-delete.svg);
--editor-toolbar-delete-image: url("../images/editor-toolbar-delete.svg");
--editor-toolbar-bg-color: #f0f0f4;
--editor-toolbar-highlight-image: url(../images/toolbarButton-editorHighlight.svg);
--editor-toolbar-highlight-image: url("../images/toolbarButton-editorHighlight.svg");
--editor-toolbar-fg-color: #2e2e56;
--editor-toolbar-border-color: #8f8f9d;
--editor-toolbar-hover-border-color: var(--editor-toolbar-border-color);
@ -1530,11 +1512,9 @@
pointer-events: auto;
box-sizing: content-box;
padding: var(--editor-toolbar-padding);
position: absolute;
inset-inline-end: 0;
inset-block-start: calc(100% + var(--editor-toolbar-vert-offset));
border-radius: 6px;
background-color: var(--editor-toolbar-bg-color);
border: 1px solid var(--editor-toolbar-border-color);
@ -1542,7 +1522,6 @@
}
@media (prefers-color-scheme: dark) {
:where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
.textLayer) .editToolbar {
--editor-toolbar-bg-color: #2b2a33;
@ -1561,7 +1540,6 @@
}
@media screen and (forced-colors: active) {
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
.textLayer) .editToolbar {
--editor-toolbar-bg-color: ButtonFace;
@ -1698,8 +1676,8 @@
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
.textLayer) .editToolbar .buttons .altText {
--alt-text-add-image: url(../images/altText_add.svg);
--alt-text-done-image: url(../images/altText_done.svg);
--alt-text-add-image: url("../images/altText_add.svg");
--alt-text-done-image: url("../images/altText_done.svg");
display: flex;
align-items: center;
@ -1772,17 +1750,14 @@
width: max-content;
height: auto;
font-size: 12px;
border: 0.5px solid var(--alt-text-tooltip-border);
background: var(--alt-text-tooltip-bg);
box-shadow: var(--alt-text-tooltip-shadow);
color: var(--alt-text-tooltip-fg);
pointer-events: none;
}
@media (prefers-color-scheme: dark) {
:where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
.textLayer) .editToolbar .buttons .altText .tooltip.show {
--alt-text-tooltip-bg: #1c1b22;
@ -1799,7 +1774,6 @@
}
@media screen and (forced-colors: active) {
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
.textLayer) .editToolbar .buttons .altText .tooltip.show {
--alt-text-tooltip-bg: Canvas;
@ -1838,7 +1812,7 @@
height: 100%;
}
.annotationEditorLayer freeTextEditor .overlay.enabled {
.annotationEditorLayer freetexteditor .overlay.enabled {
display: block;
}
@ -2085,8 +2059,8 @@
}
.dialog.altText::backdrop {
-webkit-mask: url(#alttext-manager-mask);
mask: url(#alttext-manager-mask);
-webkit-mask: url("#alttext-manager-mask");
mask: url("#alttext-manager-mask");
}
.dialog.altText.positioned {
@ -2239,7 +2213,7 @@
}
.annotationEditorLayer .highlightEditor .editToolbar {
--editor-toolbar-colorpicker-arrow-image: url(../images/toolbarButton-menuArrow.svg);
--editor-toolbar-colorpicker-arrow-image: url("../images/toolbarButton-menuArrow.svg");
transform-origin: center !important;
}
@ -2676,21 +2650,17 @@ html[data-toolbar-density="touch"] {
--dir-factor: 1;
--inline-start: left;
--inline-end: right;
--sidebar-width: 200px;
--sidebar-transition-duration: 200ms;
--sidebar-transition-timing-function: ease;
--toolbar-height: 3.75rem;
--toolButton-height: 3rem;
--toolButton-width: 3rem;
--toolButton-icon-font-size: 2.5rem;
--toolButton-border-radius: 15px;
--toolbar-icon-opacity: 0.7;
--doorhanger-icon-opacity: 0.9;
--editor-toolbar-base-offset: 105px;
--main-color: rgb(12 12 13);
--body-bg-color: rgb(212 212 215);
--progressBar-color: rgb(10 132 255);
@ -2700,7 +2670,6 @@ html[data-toolbar-density="touch"] {
--scrollbar-bg-color: auto;
--toolbar-icon-bg-color: rgb(0 0 0);
--toolbar-icon-hover-bg-color: rgb(0 0 0);
--sidebar-narrow-bg-color: rgb(212 212 215 / 0.9);
--sidebar-toolbar-bg-color: rgb(245 246 247);
--toolbar-bg-color: rgb(249 249 250);
@ -2736,50 +2705,49 @@ html[data-toolbar-density="touch"] {
--dialog-button-border: none;
--dialog-button-bg-color: rgb(12 12 13 / 0.1);
--dialog-button-hover-bg-color: rgb(12 12 13 / 0.3);
--loading-icon: url(../images/loading.svg);
--treeitem-expanded-icon: url(../images/treeitem-expanded.svg);
--treeitem-collapsed-icon: url(../images/treeitem-collapsed.svg);
--toolbarButton-editorFreeText-icon: url(../images/toolbarButton-editorFreeText.svg);
--toolbarButton-editorHighlight-icon: url(../images/toolbarButton-editorHighlight.svg);
--toolbarButton-editorInk-icon: url(../images/toolbarButton-editorInk.svg);
--toolbarButton-editorStamp-icon: url(../images/toolbarButton-editorStamp.svg);
--toolbarButton-menuArrow-icon: url(../images/toolbarButton-menuArrow.svg);
--toolbarButton-sidebarToggle-icon: url(../images/toolbarButton-sidebarToggle.svg);
--toolbarButton-secondaryToolbarToggle-icon: url(../images/toolbarButton-secondaryToolbarToggle.svg);
--toolbarButton-pageUp-icon: url(../images/toolbarButton-pageUp.svg);
--toolbarButton-pageDown-icon: url(../images/toolbarButton-pageDown.svg);
--toolbarButton-zoomOut-icon: url(../images/toolbarButton-zoomOut.svg);
--toolbarButton-zoomIn-icon: url(../images/toolbarButton-zoomIn.svg);
--toolbarButton-presentationMode-icon: url(../images/toolbarButton-presentationMode.svg);
--toolbarButton-print-icon: url(../images/toolbarButton-print.svg);
--toolbarButton-openFile-icon: url(../images/toolbarButton-openFile.svg);
--toolbarButton-download-icon: url(../images/toolbarButton-download.svg);
--toolbarButton-bookmark-icon: url(../images/toolbarButton-bookmark.svg);
--toolbarButton-viewThumbnail-icon: url(../images/toolbarButton-viewThumbnail.svg);
--toolbarButton-viewOutline-icon: url(../images/toolbarButton-viewOutline.svg);
--toolbarButton-viewAttachments-icon: url(../images/toolbarButton-viewAttachments.svg);
--toolbarButton-viewLayers-icon: url(../images/toolbarButton-viewLayers.svg);
--toolbarButton-currentOutlineItem-icon: url(../images/toolbarButton-currentOutlineItem.svg);
--toolbarButton-search-icon: url(../images/toolbarButton-search.svg);
--toolbarButton-backToHome-icon: url(../images/toolbarButton-home.svg);
--findbarButton-previous-icon: url(../images/findbarButton-previous.svg);
--findbarButton-next-icon: url(../images/findbarButton-next.svg);
--secondaryToolbarButton-firstPage-icon: url(../images/secondaryToolbarButton-firstPage.svg);
--secondaryToolbarButton-lastPage-icon: url(../images/secondaryToolbarButton-lastPage.svg);
--secondaryToolbarButton-rotateCcw-icon: url(../images/secondaryToolbarButton-rotateCcw.svg);
--secondaryToolbarButton-rotateCw-icon: url(../images/secondaryToolbarButton-rotateCw.svg);
--secondaryToolbarButton-selectTool-icon: url(../images/secondaryToolbarButton-selectTool.svg);
--secondaryToolbarButton-handTool-icon: url(../images/secondaryToolbarButton-handTool.svg);
--secondaryToolbarButton-scrollPage-icon: url(../images/secondaryToolbarButton-scrollPage.svg);
--secondaryToolbarButton-scrollVertical-icon: url(../images/secondaryToolbarButton-scrollVertical.svg);
--secondaryToolbarButton-scrollHorizontal-icon: url(../images/secondaryToolbarButton-scrollHorizontal.svg);
--secondaryToolbarButton-scrollWrapped-icon: url(../images/secondaryToolbarButton-scrollWrapped.svg);
--secondaryToolbarButton-spreadNone-icon: url(../images/secondaryToolbarButton-spreadNone.svg);
--secondaryToolbarButton-spreadOdd-icon: url(../images/secondaryToolbarButton-spreadOdd.svg);
--secondaryToolbarButton-spreadEven-icon: url(../images/secondaryToolbarButton-spreadEven.svg);
--secondaryToolbarButton-documentProperties-icon: url(../images/secondaryToolbarButton-documentProperties.svg);
--editorParams-stampAddImage-icon: url(../images/toolbarButton-zoomIn.svg);
--loading-icon: url("../images/loading.svg");
--treeitem-expanded-icon: url("../images/treeitem-expanded.svg");
--treeitem-collapsed-icon: url("../images/treeitem-collapsed.svg");
--toolbarButton-editorFreeText-icon: url("../images/toolbarButton-editorFreeText.svg");
--toolbarButton-editorHighlight-icon: url("../images/toolbarButton-editorHighlight.svg");
--toolbarButton-editorInk-icon: url("../images/toolbarButton-editorInk.svg");
--toolbarButton-editorStamp-icon: url("../images/toolbarButton-editorStamp.svg");
--toolbarButton-menuArrow-icon: url("../images/toolbarButton-menuArrow.svg");
--toolbarButton-sidebarToggle-icon: url("../images/toolbarButton-sidebarToggle.svg");
--toolbarButton-secondaryToolbarToggle-icon: url("../images/toolbarButton-secondaryToolbarToggle.svg");
--toolbarButton-pageUp-icon: url("../images/toolbarButton-pageUp.svg");
--toolbarButton-pageDown-icon: url("../images/toolbarButton-pageDown.svg");
--toolbarButton-zoomOut-icon: url("../images/toolbarButton-zoomOut.svg");
--toolbarButton-zoomIn-icon: url("../images/toolbarButton-zoomIn.svg");
--toolbarButton-presentationMode-icon: url("../images/toolbarButton-presentationMode.svg");
--toolbarButton-print-icon: url("../images/toolbarButton-print.svg");
--toolbarButton-openFile-icon: url("../images/toolbarButton-openFile.svg");
--toolbarButton-download-icon: url("../images/toolbarButton-download.svg");
--toolbarButton-bookmark-icon: url("../images/toolbarButton-bookmark.svg");
--toolbarButton-viewThumbnail-icon: url("../images/toolbarButton-viewThumbnail.svg");
--toolbarButton-viewOutline-icon: url("../images/toolbarButton-viewOutline.svg");
--toolbarButton-viewAttachments-icon: url("../images/toolbarButton-viewAttachments.svg");
--toolbarButton-viewLayers-icon: url("../images/toolbarButton-viewLayers.svg");
--toolbarButton-currentOutlineItem-icon: url("../images/toolbarButton-currentOutlineItem.svg");
--toolbarButton-search-icon: url("../images/toolbarButton-search.svg");
--toolbarButton-backToHome-icon: url("../images/toolbarButton-home.svg");
--findbarButton-previous-icon: url("../images/findbarButton-previous.svg");
--findbarButton-next-icon: url("../images/findbarButton-next.svg");
--secondaryToolbarButton-firstPage-icon: url("../images/secondaryToolbarButton-firstPage.svg");
--secondaryToolbarButton-lastPage-icon: url("../images/secondaryToolbarButton-lastPage.svg");
--secondaryToolbarButton-rotateCcw-icon: url("../images/secondaryToolbarButton-rotateCcw.svg");
--secondaryToolbarButton-rotateCw-icon: url("../images/secondaryToolbarButton-rotateCw.svg");
--secondaryToolbarButton-selectTool-icon: url("../images/secondaryToolbarButton-selectTool.svg");
--secondaryToolbarButton-handTool-icon: url("../images/secondaryToolbarButton-handTool.svg");
--secondaryToolbarButton-scrollPage-icon: url("../images/secondaryToolbarButton-scrollPage.svg");
--secondaryToolbarButton-scrollVertical-icon: url("../images/secondaryToolbarButton-scrollVertical.svg");
--secondaryToolbarButton-scrollHorizontal-icon: url("../images/secondaryToolbarButton-scrollHorizontal.svg");
--secondaryToolbarButton-scrollWrapped-icon: url("../images/secondaryToolbarButton-scrollWrapped.svg");
--secondaryToolbarButton-spreadNone-icon: url("../images/secondaryToolbarButton-spreadNone.svg");
--secondaryToolbarButton-spreadOdd-icon: url("../images/secondaryToolbarButton-spreadOdd.svg");
--secondaryToolbarButton-spreadEven-icon: url("../images/secondaryToolbarButton-spreadEven.svg");
--secondaryToolbarButton-documentProperties-icon: url("../images/secondaryToolbarButton-documentProperties.svg");
--editorParams-stampAddImage-icon: url("../images/toolbarButton-zoomIn.svg");
}
[dir="rtl"]:root {
@ -2799,7 +2767,6 @@ html[data-toolbar-density="touch"] {
--scrollbar-bg-color: rgb(35 35 39);
--toolbar-icon-bg-color: rgb(255 255 255);
--toolbar-icon-hover-bg-color: rgb(255 255 255);
--sidebar-narrow-bg-color: rgb(42 42 46 / 0.9);
--sidebar-toolbar-bg-color: rgb(50 50 52);
--toolbar-bg-color: rgb(56 56 61);
@ -2840,7 +2807,6 @@ html[data-toolbar-density="touch"] {
--scrollbar-bg-color: rgb(35 35 39);
--toolbar-icon-bg-color: rgb(255 255 255);
--toolbar-icon-hover-bg-color: rgb(255 255 255);
--sidebar-narrow-bg-color: rgb(42 42 46 / 0.9);
--sidebar-toolbar-bg-color: rgb(50 50 52);
--toolbar-bg-color: rgb(56 56 61);
@ -3050,6 +3016,7 @@ body {
.editorParamsToolbar {
position: relative;
height: var(--toolbar-height);
/* background-color:var(--toolbar-bg-color); */
background-color: var(--md-sys-color-surface-5);
box-shadow: var(--toolbar-box-shadow);
@ -3429,7 +3396,6 @@ body {
width: 28px;
height: 28px;
outline: none;
background-color: var(--md-sys-color-secondary);
color: var(--md-sys-color-on-secondary);
border-color: var(--md-sys-color-secondary);
@ -3474,14 +3440,13 @@ body {
float: var(--inline-start);
margin: 4px 3px;
width: 1px;
height: 20px;
background-color: var(--separator-color);
height: var(--toolButton-height);
}
#scaleSelectContainer {
height: 3.125rem;
inset: 4px 0 0 0;
inset: 4px 0 0;
border-radius: var(--toolButton-border-radius);
}
@ -3600,7 +3565,6 @@ body {
display: inline-block;
width: 16px;
height: 16px;
content: "";
background-color: var(--toolbar-icon-bg-color);
-webkit-mask-size: cover;
@ -3640,7 +3604,6 @@ body {
-webkit-mask-image: var(--toolbarButton-sidebarToggle-icon);
mask-image: var(--toolbarButton-sidebarToggle-icon);
transform: scaleX(var(--dir-factor));
height: 1.875rem;
width: 1.875rem;
}
@ -3933,7 +3896,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
.loadingInput:has(> #pageNumber.loading)::after {
display: block;
visibility: visible;
transition-property: visibility;
transition-delay: var(--loading-icon-delay);
}
@ -3945,7 +3907,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
top: calc(50% - 12px);
width: 16px;
height: 16px;
content: "";
background-color: var(--toolbar-icon-bg-color);
-webkit-mask-size: cover;
@ -4289,7 +4250,6 @@ dialog :link {
page-break-inside: avoid;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
@ -4311,7 +4271,6 @@ dialog :link {
#printContainer>.printedPage :is(canvas, img) {
max-width: 100%;
max-height: 100%;
direction: ltr;
display: block;
}
@ -4346,7 +4305,6 @@ dialog :link {
}
@media all and (max-width: 690px) {
.hiddenSmallView,
.hiddenSmallView * {
display: none;
@ -4397,7 +4355,6 @@ dialog :link {
flex-direction: column;
align-items: center;
row-gap: 3px;
position: absolute;
left: 3px;
top: var(--toolbar-height);
@ -4535,7 +4492,7 @@ dialog :link {
.toolbar img.main-icon {
height: var(--toolButton-height);
width: var(--toolButton-width);
inset: 10px 0 0 0;
inset: 10px 0 0;
}
}
@ -4557,7 +4514,6 @@ dialog :link {
#toolbarViewerLeft .loadingInput.start {
grid-row: 1;
grid-column: 3;
margin-bottom: auto;
margin-top: -2px
}
@ -4569,9 +4525,7 @@ dialog :link {
#numPages {
grid-row: 1;
grid-column: 3;
line-height: 0;
margin-top: auto;
margin-bottom: -4px
}

View File

@ -22,23 +22,19 @@
--hover-filter:brightness(0.9);
--focus-ring-color:#0060df;
--focus-ring-outline:2px solid var(--focus-ring-color);
--textarea-border-color:#8f8f9d;
--textarea-bg-color:white;
--textarea-fg-color:var(--text-secondary-color);
--radio-bg-color:#f0f0f4;
--radio-checked-bg-color:#fbfbfe;
--radio-border-color:#8f8f9d;
--radio-checked-border-color:#0060df;
--button-secondary-bg-color:#f0f0f4;
--button-secondary-fg-color:var(--text-primary-color);
--button-secondary-border-color:var(--button-secondary-bg-color);
--button-secondary-hover-bg-color:var(--button-secondary-bg-color);
--button-secondary-hover-fg-color:var(--button-secondary-fg-color);
--button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
--button-primary-bg-color:#0060df;
--button-primary-fg-color:#fbfbfe;
--button-primary-hover-bg-color:var(--button-primary-bg-color);
@ -58,7 +54,6 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) .dialog{
--dialog-bg-color:#1c1b22;
--dialog-border-color:#1c1b22;
@ -67,13 +62,10 @@
--text-secondary-color:#cfcfd8;
--focus-ring-color:#0df;
--hover-filter:brightness(1.4);
--textarea-bg-color:#42414d;
--radio-bg-color:#2b2a33;
--radio-checked-bg-color:#15141a;
--radio-checked-border-color:#0df;
--button-secondary-bg-color:#2b2a33;
--button-primary-bg-color:#0df;
--button-primary-fg-color:#15141a;
@ -88,20 +80,16 @@
--text-secondary-color:#cfcfd8;
--focus-ring-color:#0df;
--hover-filter:brightness(1.4);
--textarea-bg-color:#42414d;
--radio-bg-color:#2b2a33;
--radio-checked-bg-color:#15141a;
--radio-checked-border-color:#0df;
--button-secondary-bg-color:#2b2a33;
--button-primary-bg-color:#0df;
--button-primary-fg-color:#15141a;
}
@media screen and (forced-colors: active){
.dialog{
--dialog-bg-color:Canvas;
--dialog-border-color:CanvasText;
@ -110,22 +98,18 @@
--text-secondary-color:CanvasText;
--hover-filter:none;
--focus-ring-color:ButtonBorder;
--textarea-border-color:ButtonBorder;
--textarea-bg-color:Field;
--textarea-fg-color:ButtonText;
--radio-bg-color:ButtonFace;
--radio-checked-bg-color:ButtonFace;
--radio-border-color:ButtonText;
--radio-checked-border-color:ButtonText;
--button-secondary-bg-color:ButtonFace;
--button-secondary-fg-color:ButtonText;
--button-secondary-border-color:ButtonText;
--button-secondary-hover-bg-color:AccentColor;
--button-secondary-hover-fg-color:AccentColorText;
--button-primary-bg-color:ButtonText;
--button-primary-fg-color:ButtonFace;
--button-primary-hover-bg-color:AccentColor;
@ -302,7 +286,6 @@
}
@media screen and (forced-colors: active){
.textLayer .highlight{
--highlight-bg-color:transparent;
--highlight-selected-bg-color:transparent;
@ -385,7 +368,6 @@
}
@media screen and (forced-colors: active){
.annotationLayer{
--input-focus-border-color:CanvasText;
--input-unfocused-border-color:ActiveText;
@ -741,6 +723,7 @@
:root{
--xfa-focus-outline:2px solid CanvasText;
}
.xfaLayer *:required{
outline:1.5px solid selectedItem;
}
@ -1077,7 +1060,6 @@
}
@media screen and (forced-colors: active){
.canvasWrapper svg.highlight{
--blend-mode:difference;
}
@ -1141,7 +1123,6 @@
--size-item-small:16px;
--size-item-large:32px;
--color-canvas:white;
--toggle-background-color:var(--button-background-color);
--toggle-background-color-hover:var(--button-background-color-hover);
--toggle-background-color-active:var(--button-background-color-active);
@ -1170,9 +1151,7 @@
);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding:0;
margin:0;
@ -1186,7 +1165,6 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) .toggle-button{
--button-background-color:color-mix(in srgb, currentColor 7%, transparent);
--button-background-color-hover:color-mix(
@ -1227,7 +1205,6 @@
}
@media (forced-colors: active){
.toggle-button{
--color-accent-primary:ButtonText;
--color-accent-primary-hover:SelectedItem;
@ -1333,7 +1310,6 @@
}
@media (forced-colors){
.toggle-button{
--toggle-dot-background-color:var(--color-accent-primary);
--toggle-dot-background-color-hover:var(--color-accent-primary-hover);
@ -1382,10 +1358,11 @@
var(--outline-around-width)
);
--editorFreeText-editing-cursor:text;
--editorInk-editing-cursor:url(../images/cursor-editorInk.svg) 0 16, pointer;
--editorHighlight-editing-cursor:url(../images/cursor-editorTextHighlight.svg) 24 24, text;
--editorFreeHighlight-editing-cursor:url(../images/cursor-editorFreeHighlight.svg) 1 18, pointer;
--editorInk-editing-cursor:url("../images/cursor-editorInk.svg") 0 16, pointer;
--editorHighlight-editing-cursor:url("../images/cursor-editorTextHighlight.svg") 24 24, text;
--editorFreeHighlight-editing-cursor:url("../images/cursor-editorFreeHighlight.svg") 1 18, pointer;
}
.visuallyHidden{
position:absolute;
top:0;
@ -1414,7 +1391,7 @@
@media (min-resolution: 1.1dppx){
:root{
--editorFreeText-editing-cursor:url(../images/cursor-editorFreeText.svg) 0 16, text;
--editorFreeText-editing-cursor:url("../images/cursor-editorFreeText.svg") 0 16, text;
}
}
@ -1516,9 +1493,9 @@
:is(.annotationEditorLayer
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
--editor-toolbar-delete-image:url(../images/editor-toolbar-delete.svg);
--editor-toolbar-delete-image:url("../images/editor-toolbar-delete.svg");
--editor-toolbar-bg-color:#f0f0f4;
--editor-toolbar-highlight-image:url(../images/toolbarButton-editorHighlight.svg);
--editor-toolbar-highlight-image:url("../images/toolbarButton-editorHighlight.svg");
--editor-toolbar-fg-color:#2e2e56;
--editor-toolbar-border-color:#8f8f9d;
--editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
@ -1542,11 +1519,9 @@
pointer-events:auto;
box-sizing:content-box;
padding:var(--editor-toolbar-padding);
position:absolute;
inset-inline-end:0;
inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));
border-radius:6px;
background-color:var(--editor-toolbar-bg-color);
border:1px solid var(--editor-toolbar-border-color);
@ -1554,7 +1529,6 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) :is(.annotationEditorLayer
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
--editor-toolbar-bg-color:#2b2a33;
@ -1573,7 +1547,6 @@
}
@media screen and (forced-colors: active){
:is(.annotationEditorLayer
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
--editor-toolbar-bg-color:ButtonFace;
@ -1712,8 +1685,8 @@
:is(.annotationEditorLayer
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{
--alt-text-add-image:url(../images/altText_add.svg);
--alt-text-done-image:url(../images/altText_done.svg);
--alt-text-add-image:url("../images/altText_add.svg");
--alt-text-done-image:url("../images/altText_done.svg");
display:flex;
align-items:center;
@ -1786,17 +1759,14 @@
width:max-content;
height:auto;
font-size:12px;
border:0.5px solid var(--alt-text-tooltip-border);
background:var(--alt-text-tooltip-bg);
box-shadow:var(--alt-text-tooltip-shadow);
color:var(--alt-text-tooltip-fg);
pointer-events:none;
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) :is(.annotationEditorLayer
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
--alt-text-tooltip-bg:#1c1b22;
@ -1813,7 +1783,6 @@
}
@media screen and (forced-colors: active){
:is(.annotationEditorLayer
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
--alt-text-tooltip-bg:Canvas;
@ -1852,7 +1821,7 @@
height:100%;
}
.annotationEditorLayer freeTextEditor .overlay.enabled{
.annotationEditorLayer freetexteditor .overlay.enabled{
display:block;
}
@ -2184,8 +2153,8 @@
}
.dialog.altText::backdrop{
-webkit-mask:url(#alttext-manager-mask);
mask:url(#alttext-manager-mask);
-webkit-mask:url("#alttext-manager-mask");
mask:url("#alttext-manager-mask");
}
.dialog.altText.positioned{
@ -2252,7 +2221,6 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) .colorPicker{
--hover-outline-color:#80ebff;
--selected-outline-color:#aaf2ff;
@ -2267,7 +2235,6 @@
}
@media screen and (forced-colors: active){
.colorPicker{
--hover-outline-color:Highlight;
--selected-outline-color:var(--hover-outline-color);
@ -2340,7 +2307,7 @@
}
.annotationEditorLayer .highlightEditor .editToolbar{
--editor-toolbar-colorpicker-arrow-image:url(../images/toolbarButton-menuArrow.svg);
--editor-toolbar-colorpicker-arrow-image:url("../images/toolbarButton-menuArrow.svg");
transform-origin:center !important;
}
@ -2511,7 +2478,6 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
--example-color:#80808e;
}
@ -2522,7 +2488,6 @@
}
@media screen and (forced-colors: active){
#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
--example-color:CanvasText;
}
@ -2569,7 +2534,6 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
--divider-color:#8f8f9d;
}
@ -2580,7 +2544,6 @@
}
@media screen and (forced-colors: active){
#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
--divider-color:CanvasText;
}
@ -2614,9 +2577,11 @@
[data-main-rotation="90"]{
transform:rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"]{
transform:rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"]{
transform:rotate(270deg) translateX(-100%);
}
@ -2641,7 +2606,6 @@
}
@media screen and (forced-colors: active){
.pdfViewer{
--hcm-highlight-filter:invert(100%);
}
@ -2773,15 +2737,12 @@
--dir-factor:1;
--inline-start:left;
--inline-end:right;
--sidebar-width:200px;
--sidebar-transition-duration:200ms;
--sidebar-transition-timing-function:ease;
--toolbar-icon-opacity:0.7;
--doorhanger-icon-opacity:0.9;
--editor-toolbar-base-offset:105px;
--main-color:rgb(12 12 13);
--body-bg-color:rgb(212 212 215);
--progressBar-color:rgb(10 132 255);
@ -2791,7 +2752,6 @@
--scrollbar-bg-color:auto;
--toolbar-icon-bg-color:rgb(0 0 0);
--toolbar-icon-hover-bg-color:rgb(0 0 0);
--sidebar-narrow-bg-color:rgb(212 212 215 / 0.9);
--sidebar-toolbar-bg-color:rgb(245 246 247);
--toolbar-bg-color:rgb(249 249 250);
@ -2826,50 +2786,49 @@
--dialog-button-border:none;
--dialog-button-bg-color:rgb(12 12 13 / 0.1);
--dialog-button-hover-bg-color:rgb(12 12 13 / 0.3);
--loading-icon:url(../images/loading.svg);
--treeitem-expanded-icon:url(../images/treeitem-expanded.svg);
--treeitem-collapsed-icon:url(../images/treeitem-collapsed.svg);
--toolbarButton-editorFreeText-icon:url(../images/toolbarButton-editorFreeText.svg);
--toolbarButton-editorHighlight-icon:url(../images/toolbarButton-editorHighlight.svg);
--toolbarButton-editorInk-icon:url(../images/toolbarButton-editorInk.svg);
--toolbarButton-editorStamp-icon:url(../images/toolbarButton-editorStamp.svg);
--toolbarButton-menuArrow-icon:url(../images/toolbarButton-menuArrow.svg);
--toolbarButton-sidebarToggle-icon:url(../images/toolbarButton-sidebarToggle.svg);
--toolbarButton-secondaryToolbarToggle-icon:url(../images/toolbarButton-secondaryToolbarToggle.svg);
--toolbarButton-pageUp-icon:url(../images/toolbarButton-pageUp.svg);
--toolbarButton-pageDown-icon:url(../images/toolbarButton-pageDown.svg);
--toolbarButton-zoomOut-icon:url(../images/toolbarButton-zoomOut.svg);
--toolbarButton-zoomIn-icon:url(../images/toolbarButton-zoomIn.svg);
--toolbarButton-presentationMode-icon:url(../images/toolbarButton-presentationMode.svg);
--toolbarButton-print-icon:url(../images/toolbarButton-print.svg);
--toolbarButton-openFile-icon:url(../images/toolbarButton-openFile.svg);
--toolbarButton-download-icon:url(../images/toolbarButton-download.svg);
--toolbarButton-bookmark-icon:url(../images/toolbarButton-bookmark.svg);
--toolbarButton-viewThumbnail-icon:url(../images/toolbarButton-viewThumbnail.svg);
--toolbarButton-viewOutline-icon:url(../images/toolbarButton-viewOutline.svg);
--toolbarButton-viewAttachments-icon:url(../images/toolbarButton-viewAttachments.svg);
--toolbarButton-viewLayers-icon:url(../images/toolbarButton-viewLayers.svg);
--toolbarButton-currentOutlineItem-icon:url(../images/toolbarButton-currentOutlineItem.svg);
--toolbarButton-search-icon:url(../images/toolbarButton-search.svg);
--toolbarButton-backToHome-icon:url(../images/toolbarButton-home.svg);
--findbarButton-previous-icon:url(../images/findbarButton-previous.svg);
--findbarButton-next-icon:url(../images/findbarButton-next.svg);
--secondaryToolbarButton-firstPage-icon:url(../images/secondaryToolbarButton-firstPage.svg);
--secondaryToolbarButton-lastPage-icon:url(../images/secondaryToolbarButton-lastPage.svg);
--secondaryToolbarButton-rotateCcw-icon:url(../images/secondaryToolbarButton-rotateCcw.svg);
--secondaryToolbarButton-rotateCw-icon:url(../images/secondaryToolbarButton-rotateCw.svg);
--secondaryToolbarButton-selectTool-icon:url(../images/secondaryToolbarButton-selectTool.svg);
--secondaryToolbarButton-handTool-icon:url(../images/secondaryToolbarButton-handTool.svg);
--secondaryToolbarButton-scrollPage-icon:url(../images/secondaryToolbarButton-scrollPage.svg);
--secondaryToolbarButton-scrollVertical-icon:url(../images/secondaryToolbarButton-scrollVertical.svg);
--secondaryToolbarButton-scrollHorizontal-icon:url(../images/secondaryToolbarButton-scrollHorizontal.svg);
--secondaryToolbarButton-scrollWrapped-icon:url(../images/secondaryToolbarButton-scrollWrapped.svg);
--secondaryToolbarButton-spreadNone-icon:url(../images/secondaryToolbarButton-spreadNone.svg);
--secondaryToolbarButton-spreadOdd-icon:url(../images/secondaryToolbarButton-spreadOdd.svg);
--secondaryToolbarButton-spreadEven-icon:url(../images/secondaryToolbarButton-spreadEven.svg);
--secondaryToolbarButton-documentProperties-icon:url(../images/secondaryToolbarButton-documentProperties.svg);
--editorParams-stampAddImage-icon:url(../images/toolbarButton-zoomIn.svg);
--loading-icon:url("../images/loading.svg");
--treeitem-expanded-icon:url("../images/treeitem-expanded.svg");
--treeitem-collapsed-icon:url("../images/treeitem-collapsed.svg");
--toolbarButton-editorFreeText-icon:url("../images/toolbarButton-editorFreeText.svg");
--toolbarButton-editorHighlight-icon:url("../images/toolbarButton-editorHighlight.svg");
--toolbarButton-editorInk-icon:url("../images/toolbarButton-editorInk.svg");
--toolbarButton-editorStamp-icon:url("../images/toolbarButton-editorStamp.svg");
--toolbarButton-menuArrow-icon:url("../images/toolbarButton-menuArrow.svg");
--toolbarButton-sidebarToggle-icon:url("../images/toolbarButton-sidebarToggle.svg");
--toolbarButton-secondaryToolbarToggle-icon:url("../images/toolbarButton-secondaryToolbarToggle.svg");
--toolbarButton-pageUp-icon:url("../images/toolbarButton-pageUp.svg");
--toolbarButton-pageDown-icon:url("../images/toolbarButton-pageDown.svg");
--toolbarButton-zoomOut-icon:url("../images/toolbarButton-zoomOut.svg");
--toolbarButton-zoomIn-icon:url("../images/toolbarButton-zoomIn.svg");
--toolbarButton-presentationMode-icon:url("../images/toolbarButton-presentationMode.svg");
--toolbarButton-print-icon:url("../images/toolbarButton-print.svg");
--toolbarButton-openFile-icon:url("../images/toolbarButton-openFile.svg");
--toolbarButton-download-icon:url("../images/toolbarButton-download.svg");
--toolbarButton-bookmark-icon:url("../images/toolbarButton-bookmark.svg");
--toolbarButton-viewThumbnail-icon:url("../images/toolbarButton-viewThumbnail.svg");
--toolbarButton-viewOutline-icon:url("../images/toolbarButton-viewOutline.svg");
--toolbarButton-viewAttachments-icon:url("../images/toolbarButton-viewAttachments.svg");
--toolbarButton-viewLayers-icon:url("../images/toolbarButton-viewLayers.svg");
--toolbarButton-currentOutlineItem-icon:url("../images/toolbarButton-currentOutlineItem.svg");
--toolbarButton-search-icon:url("../images/toolbarButton-search.svg");
--toolbarButton-backToHome-icon:url("../images/toolbarButton-home.svg");
--findbarButton-previous-icon:url("../images/findbarButton-previous.svg");
--findbarButton-next-icon:url("../images/findbarButton-next.svg");
--secondaryToolbarButton-firstPage-icon:url("../images/secondaryToolbarButton-firstPage.svg");
--secondaryToolbarButton-lastPage-icon:url("../images/secondaryToolbarButton-lastPage.svg");
--secondaryToolbarButton-rotateCcw-icon:url("../images/secondaryToolbarButton-rotateCcw.svg");
--secondaryToolbarButton-rotateCw-icon:url("../images/secondaryToolbarButton-rotateCw.svg");
--secondaryToolbarButton-selectTool-icon:url("../images/secondaryToolbarButton-selectTool.svg");
--secondaryToolbarButton-handTool-icon:url("../images/secondaryToolbarButton-handTool.svg");
--secondaryToolbarButton-scrollPage-icon:url("../images/secondaryToolbarButton-scrollPage.svg");
--secondaryToolbarButton-scrollVertical-icon:url("../images/secondaryToolbarButton-scrollVertical.svg");
--secondaryToolbarButton-scrollHorizontal-icon:url("../images/secondaryToolbarButton-scrollHorizontal.svg");
--secondaryToolbarButton-scrollWrapped-icon:url("../images/secondaryToolbarButton-scrollWrapped.svg");
--secondaryToolbarButton-spreadNone-icon:url("../images/secondaryToolbarButton-spreadNone.svg");
--secondaryToolbarButton-spreadOdd-icon:url("../images/secondaryToolbarButton-spreadOdd.svg");
--secondaryToolbarButton-spreadEven-icon:url("../images/secondaryToolbarButton-spreadEven.svg");
--secondaryToolbarButton-documentProperties-icon:url("../images/secondaryToolbarButton-documentProperties.svg");
--editorParams-stampAddImage-icon:url("../images/toolbarButton-zoomIn.svg");
}
[dir="rtl"]:root{
@ -2889,7 +2848,6 @@
--scrollbar-bg-color:rgb(35 35 39);
--toolbar-icon-bg-color:rgb(255 255 255);
--toolbar-icon-hover-bg-color:rgb(255 255 255);
--sidebar-narrow-bg-color:rgb(42 42 46 / 0.9);
--sidebar-toolbar-bg-color:rgb(50 50 52);
--toolbar-bg-color:rgb(56 56 61);
@ -2930,7 +2888,6 @@
--scrollbar-bg-color:rgb(35 35 39);
--toolbar-icon-bg-color:rgb(255 255 255);
--toolbar-icon-hover-bg-color:rgb(255 255 255);
--sidebar-narrow-bg-color:rgb(42 42 46 / 0.9);
--sidebar-toolbar-bg-color:rgb(50 50 52);
--toolbar-bg-color:rgb(56 56 61);
@ -3067,6 +3024,7 @@ body{
#outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer{
visibility:visible;
}
#outerContainer.sidebarOpen #sidebarContainer{
inset-inline-start:0;
}
@ -3092,6 +3050,7 @@ body{
inset:32px 0 0;
outline:none;
}
#viewerContainer:not(.pdfPresentationMode){
transition-duration:var(--sidebar-transition-duration);
transition-timing-function:var(--sidebar-transition-timing-function);
@ -3188,6 +3147,7 @@ body{
0%{
transform:translateX(calc(-142px * var(--dir-factor)));
}
100%{
transform:translateX(0);
}
@ -3243,16 +3203,20 @@ body{
min-width:300px;
background-color:var(--toolbar-bg-color);
}
.findbar > div{
height:32px;
}
.findbar > div#findbarInputContainer{
margin-inline-end:4px;
}
.findbar.wrapContainers > div,
.findbar.wrapContainers > div#findbarMessageContainer > *{
clear:both;
}
.findbar.wrapContainers > div#findbarMessageContainer{
height:auto;
}
@ -3392,6 +3356,7 @@ body{
box-shadow:0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color);
border:var(--doorhanger-border-color-whcm);
}
:is(.doorHanger, .doorHangerRight)::after,
:is(.doorHanger, .doorHangerRight)::before{
bottom:100%;
@ -3403,24 +3368,29 @@ body{
pointer-events:none;
opacity:var(--doorhanger-triangle-opacity-whcm);
}
.doorHanger::after{
inset-inline-start:10px;
margin-inline-start:-8px;
border-bottom-color:var(--toolbar-bg-color);
}
.doorHangerRight::after{
inset-inline-end:10px;
margin-inline-end:-8px;
border-bottom-color:var(--doorhanger-bg-color);
}
:is(.doorHanger, .doorHangerRight)::before{
border-bottom-color:var(--doorhanger-border-color);
border-width:9px;
}
.doorHanger::before{
inset-inline-start:10px;
margin-inline-start:-9px;
}
.doorHangerRight::before{
inset-inline-end:10px;
margin-inline-end:-9px;
@ -3452,6 +3422,7 @@ body{
#toolbarSidebarLeft{
float:var(--inline-start);
}
#toolbarViewerRight,
#toolbarSidebarRight{
float:var(--inline-end);
@ -3470,9 +3441,11 @@ body{
#toolbarViewerLeft{
padding-inline-start:1px;
}
#toolbarViewerRight{
padding-inline-end:1px;
}
#toolbarSidebarRight{
padding-inline-end:2px;
}
@ -3481,6 +3454,7 @@ body{
margin:2px;
display:inline-block;
}
.splitToolbarButton > .toolbarButton{
float:var(--inline-start);
}
@ -3518,10 +3492,12 @@ body{
.dropdownToolbarButton:hover{
background-color:var(--button-hover-color);
}
.splitToolbarButton > .toolbarButton{
position:relative;
margin:0;
}
#toolbarSidebar .splitToolbarButton > .toolbarButton{
margin-inline-end:2px;
}
@ -3556,6 +3532,7 @@ body{
.toolbarButton:is(:hover, :focus-visible){
background-color:var(--button-hover-color);
}
.secondaryToolbarButton:is(:hover, :focus-visible){
background-color:var(--doorhanger-hover-bg-color);
color:var(--doorhanger-hover-color);
@ -3590,6 +3567,7 @@ body{
background-color:var(--dropdown-btn-bg-color);
border:var(--dropdown-btn-border);
}
.dropdownToolbarButton::after{
top:6px;
inset-inline-end:6px;
@ -3613,10 +3591,12 @@ body{
border:none;
background-color:var(--dropdown-btn-bg-color);
}
.dropdownToolbarButton > select:is(:hover, :focus-visible){
background-color:var(--button-hover-color);
color:var(--toggled-btn-color);
}
.dropdownToolbarButton > select > option{
background:var(--doorhanger-bg-color);
color:var(--main-color);
@ -3634,7 +3614,6 @@ body{
display:inline-block;
width:16px;
height:16px;
content:"";
background-color:var(--toolbar-icon-bg-color);
-webkit-mask-size:cover;
@ -3754,6 +3733,7 @@ a.secondaryToolbarButton{
padding-top:5px;
text-decoration:none;
}
a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
opacity:0.5;
pointer-events:none;
@ -3823,6 +3803,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
box-sizing:border-box;
display:inline-block;
}
.secondaryToolbarButton > span{
padding-inline-end:4px;
}
@ -3904,6 +3885,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
height:22px;
background-color:var(--separator-color);
}
.horizontalToolbarSeparator{
display:block;
margin:6px 0;
@ -3949,7 +3931,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
.loadingInput:has(> #pageNumber.loading)::after{
display:block;
visibility:visible;
transition-property:visibility;
transition-delay:var(--loading-icon-delay);
}
@ -3961,7 +3942,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
top:calc(50% - 8px);
width:16px;
height:16px;
content:"";
background-color:var(--toolbar-icon-bg-color);
-webkit-mask-size:cover;
@ -4014,6 +3994,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
-moz-user-select:none;
user-select:none;
}
#thumbnailView{
width:calc(100% - 60px);
padding:10px 30px 0;
@ -4044,6 +4025,7 @@ a:focus > .thumbnail,
.thumbnail:hover{
border-color:var(--thumbnail-hover-color);
}
.thumbnail.selected{
border-color:var(--thumbnail-selected-color) !important;
}
@ -4053,10 +4035,12 @@ a:focus > .thumbnail,
height:var(--thumbnail-height);
opacity:0.9;
}
a:focus > .thumbnail > .thumbnailImage,
.thumbnail:hover > .thumbnailImage{
opacity:0.95;
}
.thumbnail.selected > .thumbnailImage{
opacity:1 !important;
}
@ -4094,9 +4078,11 @@ a:focus > .thumbnail > .thumbnailImage,
#layersView .treeItem > a *{
cursor:pointer;
}
#layersView .treeItem > a > label{
padding-inline-start:4px;
}
#layersView .treeItem > a > label > input{
float:var(--inline-start);
margin-top:1px;
@ -4109,16 +4095,19 @@ a:focus > .thumbnail > .thumbnailImage,
width:0;
color:rgb(255 255 255 / 0.5);
}
.treeItemToggler::before{
inset-inline-end:4px;
-webkit-mask-image:var(--treeitem-expanded-icon);
mask-image:var(--treeitem-expanded-icon);
}
.treeItemToggler.treeItemsHidden::before{
-webkit-mask-image:var(--treeitem-collapsed-icon);
mask-image:var(--treeitem-collapsed-icon);
transform:scaleX(var(--dir-factor));
}
.treeItemToggler.treeItemsHidden ~ .treeItems{
display:none;
}
@ -4168,6 +4157,7 @@ dialog{
border-radius:4px;
box-shadow:0 1px 4px rgb(0 0 0 / 0.3);
}
dialog::backdrop{
background-color:rgb(0 0 0 / 0.2);
}
@ -4204,6 +4194,7 @@ dialog :link{
#passwordDialog{
text-align:center;
}
#passwordDialog .toolbarField{
width:200px;
}
@ -4211,18 +4202,22 @@ dialog :link{
#documentPropertiesDialog{
text-align:left;
}
#documentPropertiesDialog .row > *{
min-width:100px;
text-align:start;
}
#documentPropertiesDialog .row > span{
width:125px;
word-wrap:break-word;
}
#documentPropertiesDialog .row > p{
max-width:225px;
word-wrap:break-word;
}
#documentPropertiesDialog .buttonRow{
margin-top:10px;
}
@ -4230,14 +4225,17 @@ dialog :link{
.grab-to-pan-grab{
cursor:grab !important;
}
.grab-to-pan-grab
*:not(input):not(textarea):not(button):not(select):not(:link){
cursor:inherit !important;
}
.grab-to-pan-grab:active,
.grab-to-pan-grabbing{
cursor:grabbing !important;
}
.grab-to-pan-grabbing{
position:fixed;
background:rgb(0 0 0 / 0);
@ -4259,21 +4257,24 @@ dialog :link{
body{
background:rgb(0 0 0 / 0) none;
}
body[data-pdfjsprinting] #outerContainer{
display:none;
}
body[data-pdfjsprinting] #printContainer{
display:block;
}
#printContainer{
height:100%;
}
#printContainer > .printedPage{
page-break-after:always;
page-break-inside:avoid;
height:100%;
width:100%;
display:flex;
flex-direction:column;
justify-content:center;
@ -4295,7 +4296,6 @@ dialog :link{
#printContainer > .printedPage :is(canvas, img){
max-width:100%;
max-height:100%;
direction:ltr;
display:block;
}
@ -4319,6 +4319,7 @@ dialog :link{
#sidebarContainer{
background-color:var(--sidebar-narrow-bg-color);
}
#outerContainer.sidebarOpen #viewerContainer{
inset-inline-start:0 !important;
}
@ -4328,9 +4329,11 @@ dialog :link{
:root{
--editor-toolbar-base-offset:40px;
}
#outerContainer .hiddenMediumView{
display:none;
}
#outerContainer .visibleMediumView{
display:inherit;
}
@ -4341,9 +4344,11 @@ dialog :link{
.hiddenSmallView *{
display:none;
}
.toolbarButtonSpacer{
width:0;
}
.findbar{
inset-inline-start:34px;
}