This commit is contained in:
Ludy87 2025-07-09 22:35:53 +02:00
parent 3cdca08cd0
commit 911a246d8d
No known key found for this signature in database
GPG Key ID: 92696155E0220F94
37 changed files with 396 additions and 395 deletions

View File

@ -3,13 +3,14 @@
"stylelint-config-standard"
],
"plugins": [
"@stylistic/stylelint-plugin"
],
"@stylistic/stylelint-plugin"
],
"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"
"stirling-pdf/src/main/resources/static/css/prism.css",
"stirling-pdf/src/main/resources/static/pdfjs-legacy/**/*.css"
],
"rules": {
"property-no-vendor-prefix": null,
@ -33,11 +34,36 @@
"disableFix": true
}
],
"comment-empty-line-before": null,
"comment-word-disallowed-list": null,
"custom-property-pattern": null,
"no-descending-specificity": null,
"keyframes-name-pattern": null,
"@stylistic/declaration-block-trailing-semicolon": "always"
"comment-empty-line-before": [
"always",
{
"ignore": [
"stylelint-commands"
]
}
],
"block-no-empty": true,
"@stylistic/declaration-bang-space-after": "never",
"@stylistic/declaration-bang-space-before": "always",
"@stylistic/declaration-block-trailing-semicolon": "always",
"@stylistic/function-comma-space-after": [
"always-single-line",
{
"disableFix": false
}
],
"@stylistic/function-comma-space-before": "never",
"@stylistic/color-hex-case": "lower",
"@stylistic/declaration-block-semicolon-newline-after": "always",
"@stylistic/indentation": [
2,
{
"baseIndentLevel": 2
}
]
}
}

View File

@ -1,21 +1,9 @@
{
"name": "stirling-pdf",
"version": "1.0.0",
"description": "PDF utilities for Stirling",
"scripts": {
"lint:css": "stylelint \"stirling-pdf/src/main/**/*.css\" \"proprietary/src/main/resources/static/css/*.css\" --fix"
},
"repository": {
"type": "git",
"url": "git+https://github.com/Stirling-Tools/Stirling-PDF.git"
},
"keywords": [],
"author": "",
"license": "MIT",
"bugs": {
"url": "https://github.com/Stirling-Tools/Stirling-PDF/issues"
},
"homepage": "https://github.com/Stirling-Tools/Stirling-PDF#readme",
"devDependencies": {
"@stylistic/stylelint-plugin": "^3.1.3",
"stylelint": "^16.21.1",

View File

@ -16,28 +16,23 @@
.card-body {
background-color: var(--md-sys-color-surface-container);
}
.stat-card {
text-align: center;
padding: 20px;
}
.stat-number {
font-size: 2rem;
font-weight: bold;
}
.stat-label {
font-size: 1rem;
color: var(--md-sys-color-on-surface-variant);
}
.chart-container {
position: relative;
height: 300px;
width: 100%;
}
.filter-card {
margin-bottom: 20px;
padding: 15px;
@ -45,7 +40,6 @@
border: 1px solid var(--md-sys-color-outline-variant);
border-radius: 4px;
}
.loading-overlay {
position: absolute;
top: 0;
@ -58,7 +52,6 @@
align-items: center;
z-index: 1000;
}
.level-indicator {
display: inline-block;
padding: 5px 10px;
@ -66,23 +59,18 @@
color: white;
font-weight: bold;
}
.level-0 {
background-color: var(--md-sys-color-error, #dc3545); /* Red */
}
.level-1 {
background-color: var(--md-sys-color-secondary, #fd7e14); /* Orange */
}
.level-2 {
background-color: var(--md-nav-section-color-other, #28a745); /* Green */
}
.level-3 {
background-color: var(--md-sys-color-tertiary, #17a2b8); /* Teal */
}
/* Custom data table styling */
.audit-table {
font-size: 0.9rem;
@ -101,7 +89,6 @@
.audit-table tbody tr:hover {
background-color: var(--md-sys-color-surface-container-high);
}
.audit-table th {
background-color: var(--md-sys-color-surface-container-high);
color: var(--md-sys-color-on-surface);
@ -110,11 +97,9 @@
z-index: 10;
font-weight: bold;
}
.table-responsive {
max-height: 600px;
}
.pagination-container {
display: flex;
justify-content: space-between;
@ -140,7 +125,6 @@
color: var(--bs-secondary);
background-color: var(--bs-light);
}
.json-viewer {
background-color: var(--md-sys-color-surface-container-low);
color: var(--md-sys-color-on-surface);

View File

@ -383,7 +383,7 @@
width: 100%;
padding: 0.75rem 1rem;
border-radius: 0.5rem;
border: 1px solid;
border: 1px solid
}
.text-overflow {

View File

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

View File

@ -15,7 +15,7 @@
position: fixed;
max-width: 200px;
max-height: 200px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.58);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.58);
transform-origin: top left;
}
@ -68,6 +68,7 @@ html[dir="rtl"] .drag-manager_draghover img {
.drag-manager_endpoint svg {
width: 50px;
height: 50px;
display: block;
position: absolute;
left: 50%;
@ -84,12 +85,10 @@ 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, #fff));
background-color: var(--bg-item, var(--md-sys-color-surface-container-lowest, #ffffff));
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
@ -197,7 +197,6 @@
[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));
}
@ -265,7 +264,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, #fff));
background-color: var(--bg-empty, var(--md-sys-color-surface-container-lowest, #ffffff));
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 0 2rem;
margin: 1rem 0rem 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,11 +26,13 @@
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;
}
@ -44,13 +46,18 @@
.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;
}
@ -58,16 +65,22 @@
.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;
}
@ -142,12 +155,15 @@
.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;
}
@ -182,6 +198,7 @@
text-overflow: ellipsis;
white-space: nowrap;
color: var(--md-sys-color-on-surface);
max-width: 60px;
font-size: 0.75rem;
}
@ -190,6 +207,7 @@
overflow: hidden;
text-overflow: ellipsis;
color: grey;
max-width: 60px;
font-size: 10px;
}
@ -198,10 +216,12 @@
display: flex;
justify-content: center;
align-items: center;
position: absolute;
height: 15px;
width: 15px;
right: 0;
right: 0px;
top: -17px;
}
@ -214,15 +234,19 @@
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;
}
@ -241,10 +265,13 @@
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);
}
@ -307,20 +334,20 @@
transition-duration: 0.4s;
border-radius: 0.5rem;
box-shadow: 0 0 5px var(--md-sys-color-on-surface-variant);
background-color: var(--md-sys-color-on-surface-container-high);
background-color: var(--md-sys-color-on-surface-container-high)
}
.horizontal-divider {
width: 85%;
border-top: 1px dashed;
padding: 0;
padding: 0px;
margin: 10px;
}
.google-drive-button img {
width:100%;
width:100%
}
.google-drive-button:hover {
background-color: var(--md-sys-color-on-surface-variant);
background-color: var(--md-sys-color-on-surface-variant)
}

View File

@ -19,7 +19,6 @@
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 */
@ -31,7 +30,6 @@
.stirling-link:hover {
color: #007BFF; /* Change the color on hover to a noticeable link color */
}
.footer-icon {
font-size: 2rem;
}
@ -57,7 +55,6 @@
.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,23 +14,19 @@
.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,
@ -40,22 +36,18 @@
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: 0;
margin-left: 0px;
}
html[dir="rtl"] label.form-check-label {
@ -90,17 +90,17 @@ html[dir="rtl"] label.form-check-label {
}
#pdf-canvas {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
width: 100%;
}
.fixed-shadow-canvas {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
width: 100%;
}
.shadow-canvas {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
box-shadow: 0px 0px 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;
gap: 30px 30px;
overflow: hidden;
margin: -20px;
padding: 20px;
@ -99,7 +99,7 @@
transform 0.3s,
border 0.3s;
transform-origin: center center;
outline: 0 solid transparent;
outline: 0px solid transparent;
position:relative;
}
@ -145,7 +145,7 @@
}
#tool-text {
margin: 0.0 0 0 1.25rem;
margin: 0.0rem 0 0 1.25rem;
}
.card-title {
@ -171,8 +171,7 @@
}
.jumbotron {
padding: 3rem;
padding: 3rem 3rem;
/* Reduce vertical padding */
}
@ -185,23 +184,20 @@
.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;
inset: 0 0 0 0;
z-index: 1;
/* 20 steps / 2 seconds = 10fps */
-webkit-animation: 2s infinite Pulse steps(20);
animation: 2s infinite Pulse steps(20);
}
@keyframes Pulse {
0% {
from {
opacity: 0;
}
@ -209,7 +205,7 @@
opacity: 1;
}
100% {
to {
opacity: 0;
}
}

View File

@ -49,7 +49,7 @@
}
#tool-text {
margin: 0.0 0 0 1.25rem;
margin: 0.0rem 0 0 1.25rem;
}
.favorite-icon img {
@ -65,8 +65,7 @@
}
.jumbotron {
padding: 3rem;
padding: 3rem 3rem;
/* Reduce vertical padding */
}
@ -79,16 +78,13 @@
.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;
inset: 0 0 0 0;
z-index: 1;
/* 20 steps / 2 seconds = 10fps */
-webkit-animation: 2s infinite Pulse steps(20);
animation: 2s infinite Pulse steps(20);
@ -96,9 +92,8 @@
.newfeature{
display: flex;
width:fit-content;
width:fit-content
}
.recent-features{
display: flex;
flex-direction: row;
@ -111,7 +106,6 @@
.close-icon {
color: var(--favourite-remove) !important;
}
.add-icon {
color: var(--favourite-add) !important;
}

View File

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

View File

@ -5,6 +5,5 @@ 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 0;
margin: 1rem 0px;
}
input[type="checkbox" i] {
margin: 0 5px;
margin: 0px 5px;
vertical-align: middle;
}

View File

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

View File

@ -9,7 +9,7 @@
label {
text-align: left;
display: block;
padding: 0 0.25rem;
padding: 0rem 0.25rem;
font-size: 1.25rem;
}
@ -31,7 +31,7 @@ label {
z-index: 11;
padding: 1.25rem;
border-radius: 2rem;
margin: 0 25px;
margin: 0px 25px;
justify-content: center;
}
@ -40,7 +40,7 @@ label {
}
.mt-file-uploader {
width:100%;
width: 100%;
}
.mt-action-bar svg,
@ -99,7 +99,7 @@ label {
padding: 0.75rem;
border-radius: 25px;
min-height: 275px;
margin: 0 0 20px;
margin: 0 0 20px 0;
}
#pages-container {
@ -250,7 +250,7 @@ label {
left: 50%;
top: 50%;
translate: -50% -50%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
border-radius: 4px;
transition: rotate 0.3s;
}
@ -304,7 +304,7 @@ label {
}
.selected-pages-header h5 {
margin: 0 0 8px !important;
margin: 0 0 8px 0 !important;
font-size: 1.1rem;
font-weight: 600;
color: var(--md-sys-color-on-surface);
@ -382,13 +382,11 @@ label {
padding: 12px 24px;
border-radius: 2.5rem;
}
.mt-action-btn .btn {
width: 4rem;
height: 4rem;
border-radius: 22px;
}
.mt-action-btn .btn .material-symbols-rounded {
font-size: 1.7rem;
}
@ -400,13 +398,11 @@ label {
padding: 15px 30px;
border-radius: 3rem;
}
.mt-action-btn .btn {
width: 5rem;
height: 5rem;
border-radius: 28px;
}
.mt-action-btn .btn .material-symbols-rounded {
font-size: 2.1rem;
}
@ -418,13 +414,11 @@ label {
padding: 20px 40px;
border-radius: 4rem;
}
.mt-action-btn .btn {
width: 7rem;
height: 7rem;
border-radius: 40px;
}
.mt-action-btn .btn .material-symbols-rounded {
font-size: 3rem;
}
@ -436,13 +430,11 @@ label {
padding: 40px 80px;
border-radius: 8rem;
}
.mt-action-btn .btn {
width: 14rem;
height: 14rem;
border-radius: 80px;
}
.mt-action-btn .btn .material-symbols-rounded {
font-size: 6rem;
}
@ -629,3 +621,5 @@ label {
max-height: calc(100% - 4px) !important;
}
}

View File

@ -8,8 +8,7 @@
#navbarSearch.show {
height: auto;
/* dynamically changes height */
/*dynamically changes height*/
}
#searchResults .dropdown-item {
@ -17,10 +16,8 @@
align-items: center;
white-space: nowrap;
height: 50px;
/* Fixed height */
overflow: hidden;
/* Hide overflow */
}
@ -31,23 +28,19 @@
#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 */
}
@ -57,10 +50,8 @@
.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 */
}
@ -168,13 +159,12 @@
.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: 0 !important;
border: 0px !important
}
.scalable-languages-container:has(> *:nth-child(1)) {
@ -200,7 +190,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
/* Responsive adjustments */
@media (min-width: 1200px) {
.lang-dropdown-item-wrapper .dropdown-item {
min-width: 200px;
min-width: 200px
}
}
@ -214,7 +204,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
}
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) {
border: 0;
border: 0px
}
}
@ -228,7 +218,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
}
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) {
border: 0;
border: 0px
}
}
@ -242,7 +232,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
}
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(4n) {
border: 0;
border: 0px
}
}
@ -275,7 +265,6 @@ span.icon-text::after {
.nav-item-separator {
position: relative;
margin: 0 4px;
/* Adjust the margin as needed */
}
@ -284,12 +273,10 @@ 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 */
}
@ -336,7 +323,7 @@ span.icon-text::after {
max-height: 360px;
}
/* Dropdown Scrollbar */
/* Dropdown Scrollbar*/
.scrollable-y {
overflow-y: scroll;
max-height: 190px;
@ -534,7 +521,7 @@ html[dir="rtl"] .dropdown-menu {
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
font-weight: bold;
color: #fff;
color: #ffffff;
background-color: #007bff;
border-radius: 0.25rem;
text-transform: uppercase;
@ -582,7 +569,6 @@ html[dir="rtl"] .dropdown-menu {
.feature-rows.single-column {
justify-content: center;
/* Center-align a single column */
}
@ -634,7 +620,7 @@ html[dir="rtl"] .dropdown-menu {
@keyframes Pulse {
0% {
from {
opacity: 0;
}
@ -642,7 +628,7 @@ html[dir="rtl"] .dropdown-menu {
opacity: 1;
}
100% {
to {
opacity: 0;
}
}

View File

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

View File

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

View File

@ -15,7 +15,6 @@ body {
rgba(255, 0, 0, 1) 100%
);
color: #fff !important;
--body-background-color: 255, 255, 255;
--base-font-color: 33, 37, 41;
}
@ -37,7 +36,6 @@ body {
) !important;
color: white !important;
}
.jumbotron {
background: linear-gradient(
90deg,
@ -71,9 +69,8 @@ body {
rgba(251, 7, 217, 1) 90%,
rgba(255, 0, 0, 1) 100%
) !important;
color: #fff !important;
color: fff !important;
}
.list-group-item {
background: linear-gradient(
90deg,
@ -89,9 +86,8 @@ body {
rgba(251, 7, 217, 1) 90%,
rgba(255, 0, 0, 1) 100%
) !important;
color: #fff !important;
color: fff !important;
}
#support-section {
background: linear-gradient(
90deg,
@ -113,5 +109,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: #fff !important;
--scroll-bar-thumb-hover: #ffffff !important;
}

View File

@ -1,5 +1,5 @@
:root {
--page-redaction-color: #000;
--page-redaction-color: #000000;
}
.textLayer span::selection,
@ -15,27 +15,36 @@
}
.selected-wrapper:hover:not(:has(.redaction-overlay:hover)) {
outline-color: var(--palette-color, #000);
background-color: var(--palette-color, #000);
outline-color: var(--palette-color, #000000);
background-color: var(--palette-color, #000000);
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%;
@ -44,8 +53,10 @@
.redaction-overlay svg {
height: 25px;
width: 25px;
max-width: 35px;
max-height: 35px;
fill: rgba(255, 255, 255, 0.904);
user-select: none;
}
@ -62,7 +73,7 @@
}
.rectangle {
border: 2px solid #f00;
border: 2px solid #ff0000;
position: absolute;
}
@ -90,6 +101,7 @@ 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;
@ -121,6 +133,7 @@ html {
#redactionsPaletteContainer {
height: var(--toolButton-height);
width: var(--toolButton-width);
border-radius: var(--toolButton-border-radius);
overflow: hidden;
}
@ -133,6 +146,7 @@ html {
#redactions-palette {
display: inline;
position: relative;
border-bottom: 8px solid var(--palette-color);
border-radius: inherit;
border-bottom-left-radius: 0;
@ -146,7 +160,7 @@ html {
height: 6px;
width: 100%;
left: 0;
bottom: 0;
bottom: 0px;
background-color: var(--palette-color);
}
@ -187,11 +201,11 @@ html {
.splitToolbarButton > .btn-primary, .splitToolbarButton > .btn-secondary, .splitToolbarButton > .toolbarButton {
margin-left: 3px;
margin-right: 3px;
border:none;
border:none
}
.splitToolbarButton > .btn-success, .splitToolbarButton > .btn-secondary, .splitToolbarButton > .toolbarButton {
border:none;
border:none
}
@ -279,9 +293,11 @@ 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,7 +11,6 @@
display: flex;
justify-content: flex-end;
}
.arrows .btn {
margin: 0 3px;
}

View File

@ -1,10 +1,8 @@
select#font-select,
select#font-select option {
height: 60px;
/* Adjust as needed */
font-size: 30px;
/* Adjust as needed */
}
@ -62,29 +60,25 @@ select#font-select option {
position: absolute;
touch-action: none;
user-select: none;
top: 0;
top: 0px;
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 */
}
@ -176,7 +170,7 @@ select#font-select option {
}
.custom-select select {
display: none; /* hide original SELECT element: */
display: none; /*hide original SELECT element: */
}
.select-selected {
@ -187,7 +181,7 @@ select#font-select option {
}
/* Style the arrow inside the select element: */
.select-selected::after {
.select-selected:after {
position: absolute;
content: "";
top: 50%;
@ -196,12 +190,12 @@ select#font-select option {
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent;
border-color: #fff transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active::after {
border-color: transparent transparent #fff;
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
translate: 0 -75%;
}
@ -215,7 +209,8 @@ select#font-select option {
.select-items div {
border: 1px solid transparent;
border-color: transparent;
border-color: transparent transparent transparent transparent;
line-height: 30px;
font-size: 30px;
}

View File

@ -4,7 +4,6 @@
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: #060;
background-color: #006600;
}

View File

@ -4,22 +4,20 @@
.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: 0 0.5rem !important;
margin: 0rem 0.5rem !important;
}
.card-header {
@ -86,11 +86,12 @@ td {
.modal-body,
.modal-footer {
background-color: var(--md-sys-color-surface-5);
border: none;
}
.modal-header {
border-radius: 2rem 2rem 0 0;
border-radius: 2rem 2rem 0rem 0rem;
padding: 1.5rem 2rem 0.5rem;
}
@ -99,7 +100,7 @@ td {
}
.modal-footer {
border-radius: 0 0 2rem 2rem;
border-radius: 0rem 0rem 2rem 2rem;
padding: 0.5rem 2rem 1.5rem;
}
@ -108,7 +109,7 @@ td {
vertical-align: text-top;
}
/* Navbar Icon */
/* Navbar Icon*/
.nav-icon {
color: var(--md-sys-color-surface);
}
@ -174,13 +175,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: 0 1rem;
margin: 0px 1rem;
height: 4rem;
width: 4rem;
border-radius: 25px;
@ -199,7 +200,7 @@ td {
vertical-align: middle;
}
/* Home Card Colors */
/* Home Card Colors*/
.feature-card .nav-icon {
vertical-align: middle;
font-size: 2rem !important;
@ -562,13 +563,12 @@ 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);
box-shadow: 0 0 0 1px var(--md-sys-color-surface), 0 0 0 .25rem var(--md-sys-color-primary)
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px var(--md-sys-color-surface), 0 0 0 .25rem var(--md-sys-color-primary);
box-shadow: 0 0 0 1px var(--md-sys-color-surface), 0 0 0 .25rem var(--md-sys-color-primary)
}
.form-range::-webkit-slider-thumb {
@ -577,11 +577,11 @@ fieldset:disabled .btn {
.form-range::-webkit-slider-thumb:active {
background-color: var(--md-sys-color-primary);
background-color: var(--md-sys-color-primary)
}
.form-range::-webkit-slider-runnable-track {
background-color: var(--md-sys-color-on-primary);
background-color: var(--md-sys-color-on-primary)
}
.form-range::-moz-range-thumb {
@ -692,7 +692,6 @@ fieldset:disabled .btn {
.form-check > input:first-child:disabled + input[type="hidden"] + label::before {
pointer-events: none;
cursor: default;
/* stylelint-disable-next-line declaration-property-value-no-unknown */
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
@ -903,7 +902,6 @@ 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;
@ -929,26 +927,26 @@ textarea.form-control {
}
.list-group-item:first-child {
border-radius: 1rem 1rem 0 0;
border-radius: 1rem 1rem 0rem 0rem;
}
.list-group-item:last-child {
border-radius: 0 0 1rem 1rem;
border-radius: 0rem 0rem 1rem 1rem;
}
.list-group-item:only-child {
border-radius: 1rem;
border-radius: 1rem 1rem 1rem 1rem;
}
.list-group-item .btn {
padding: .375rem .5rem;
}
/* Alert */
/*Alert */
.alert-container {
padding: 2rem 3rem;
border-radius: 3rem;
margin: 1rem 0 2rem;
margin: 1rem 0rem 2rem;
}
.alert-header {

View File

@ -2,13 +2,12 @@
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');
}
.material-symbols-rounded {
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
font-family: 'Material Symbols Rounded';
font-weight: 300;
font-style: normal;
@ -21,6 +20,5 @@
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}

View File

@ -7,20 +7,16 @@
--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: #000;
--md-sys-color-shadow: #000000;
--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,7 +49,6 @@
--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,7 +49,6 @@
--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,7 +21,6 @@
#PDFBug :is(input, button, select) {
font: message-box;
}
#PDFBug {
background-color: rgb(255 255 255);
border: 1px solid rgb(102 102 102);
@ -33,58 +32,47 @@
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, monospace;
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,19 +22,23 @@
--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);
@ -62,10 +66,13 @@
--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;
@ -80,10 +87,13 @@
--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;
@ -98,18 +108,22 @@
--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;
@ -1028,6 +1042,7 @@
}
@media print {
.xfaTextfield,
.xfaSelect {
background: transparent;
@ -1128,6 +1143,7 @@
--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);
@ -1151,7 +1167,9 @@
--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;
@ -1348,10 +1366,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;
}
@ -1383,7 +1401,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;
}
}
@ -1486,9 +1504,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);
@ -1512,9 +1530,11 @@
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);
@ -1522,6 +1542,7 @@
}
@media (prefers-color-scheme: dark) {
:where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
.textLayer) .editToolbar {
--editor-toolbar-bg-color: #2b2a33;
@ -1540,6 +1561,7 @@
}
@media screen and (forced-colors: active) {
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
.textLayer) .editToolbar {
--editor-toolbar-bg-color: ButtonFace;
@ -1676,8 +1698,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;
@ -1750,14 +1772,17 @@
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;
@ -1774,6 +1799,7 @@
}
@media screen and (forced-colors: active) {
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
.textLayer) .editToolbar .buttons .altText .tooltip.show {
--alt-text-tooltip-bg: Canvas;
@ -1812,7 +1838,7 @@
height: 100%;
}
.annotationEditorLayer freetexteditor .overlay.enabled {
.annotationEditorLayer freeTextEditor .overlay.enabled {
display: block;
}
@ -2059,8 +2085,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 {
@ -2213,7 +2239,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;
}
@ -2650,17 +2676,21 @@ 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);
@ -2670,6 +2700,7 @@ 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);
@ -2705,49 +2736,50 @@ 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 {
@ -2767,6 +2799,7 @@ 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);
@ -2807,6 +2840,7 @@ 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);
@ -3016,7 +3050,6 @@ 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);
@ -3396,6 +3429,7 @@ 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);
@ -3440,13 +3474,14 @@ 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;
inset: 4px 0 0 0;
border-radius: var(--toolButton-border-radius);
}
@ -3565,6 +3600,7 @@ body {
display: inline-block;
width: 16px;
height: 16px;
content: "";
background-color: var(--toolbar-icon-bg-color);
-webkit-mask-size: cover;
@ -3604,6 +3640,7 @@ 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;
}
@ -3896,6 +3933,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
.loadingInput:has(> #pageNumber.loading)::after {
display: block;
visibility: visible;
transition-property: visibility;
transition-delay: var(--loading-icon-delay);
}
@ -3907,6 +3945,7 @@ 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;
@ -4250,6 +4289,7 @@ dialog :link {
page-break-inside: avoid;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
@ -4271,6 +4311,7 @@ dialog :link {
#printContainer>.printedPage :is(canvas, img) {
max-width: 100%;
max-height: 100%;
direction: ltr;
display: block;
}
@ -4305,6 +4346,7 @@ dialog :link {
}
@media all and (max-width: 690px) {
.hiddenSmallView,
.hiddenSmallView * {
display: none;
@ -4355,6 +4397,7 @@ dialog :link {
flex-direction: column;
align-items: center;
row-gap: 3px;
position: absolute;
left: 3px;
top: var(--toolbar-height);
@ -4492,7 +4535,7 @@ dialog :link {
.toolbar img.main-icon {
height: var(--toolButton-height);
width: var(--toolButton-width);
inset: 10px 0 0;
inset: 10px 0 0 0;
}
}
@ -4514,8 +4557,9 @@ dialog :link {
#toolbarViewerLeft .loadingInput.start {
grid-row: 1;
grid-column: 3;
margin-bottom: auto;
margin-top: -2px;
margin-top: -2px
}
#pageNumber {
@ -4525,9 +4569,11 @@ dialog :link {
#numPages {
grid-row: 1;
grid-column: 3;
line-height: 0;
margin-top: auto;
margin-bottom: -4px;
margin-bottom: -4px
}
}

View File

@ -22,19 +22,23 @@
--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);
@ -54,6 +58,7 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) .dialog{
--dialog-bg-color:#1c1b22;
--dialog-border-color:#1c1b22;
@ -62,10 +67,13 @@
--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;
@ -80,16 +88,20 @@
--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;
@ -98,18 +110,22 @@
--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;
@ -286,6 +302,7 @@
}
@media screen and (forced-colors: active){
.textLayer .highlight{
--highlight-bg-color:transparent;
--highlight-selected-bg-color:transparent;
@ -368,6 +385,7 @@
}
@media screen and (forced-colors: active){
.annotationLayer{
--input-focus-border-color:CanvasText;
--input-unfocused-border-color:ActiveText;
@ -723,7 +741,6 @@
:root{
--xfa-focus-outline:2px solid CanvasText;
}
.xfaLayer *:required{
outline:1.5px solid selectedItem;
}
@ -1060,6 +1077,7 @@
}
@media screen and (forced-colors: active){
.canvasWrapper svg.highlight{
--blend-mode:difference;
}
@ -1123,6 +1141,7 @@
--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);
@ -1151,7 +1170,9 @@
);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding:0;
margin:0;
@ -1165,6 +1186,7 @@
}
@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(
@ -1205,6 +1227,7 @@
}
@media (forced-colors: active){
.toggle-button{
--color-accent-primary:ButtonText;
--color-accent-primary-hover:SelectedItem;
@ -1310,6 +1333,7 @@
}
@media (forced-colors){
.toggle-button{
--toggle-dot-background-color:var(--color-accent-primary);
--toggle-dot-background-color-hover:var(--color-accent-primary-hover);
@ -1358,11 +1382,10 @@
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;
@ -1391,7 +1414,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;
}
}
@ -1493,9 +1516,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);
@ -1519,9 +1542,11 @@
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);
@ -1529,6 +1554,7 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) :is(.annotationEditorLayer
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
--editor-toolbar-bg-color:#2b2a33;
@ -1547,6 +1573,7 @@
}
@media screen and (forced-colors: active){
:is(.annotationEditorLayer
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
--editor-toolbar-bg-color:ButtonFace;
@ -1685,8 +1712,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;
@ -1759,14 +1786,17 @@
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;
@ -1783,6 +1813,7 @@
}
@media screen and (forced-colors: active){
:is(.annotationEditorLayer
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
--alt-text-tooltip-bg:Canvas;
@ -1821,7 +1852,7 @@
height:100%;
}
.annotationEditorLayer freetexteditor .overlay.enabled{
.annotationEditorLayer freeTextEditor .overlay.enabled{
display:block;
}
@ -2153,8 +2184,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{
@ -2221,6 +2252,7 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) .colorPicker{
--hover-outline-color:#80ebff;
--selected-outline-color:#aaf2ff;
@ -2235,6 +2267,7 @@
}
@media screen and (forced-colors: active){
.colorPicker{
--hover-outline-color:Highlight;
--selected-outline-color:var(--hover-outline-color);
@ -2307,7 +2340,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;
}
@ -2478,6 +2511,7 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
--example-color:#80808e;
}
@ -2488,6 +2522,7 @@
}
@media screen and (forced-colors: active){
#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
--example-color:CanvasText;
}
@ -2534,6 +2569,7 @@
}
@media (prefers-color-scheme: dark){
:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
--divider-color:#8f8f9d;
}
@ -2544,6 +2580,7 @@
}
@media screen and (forced-colors: active){
#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
--divider-color:CanvasText;
}
@ -2577,11 +2614,9 @@
[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%);
}
@ -2606,6 +2641,7 @@
}
@media screen and (forced-colors: active){
.pdfViewer{
--hcm-highlight-filter:invert(100%);
}
@ -2737,12 +2773,15 @@
--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);
@ -2752,6 +2791,7 @@
--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);
@ -2786,49 +2826,50 @@
--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{
@ -2848,6 +2889,7 @@
--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);
@ -2888,6 +2930,7 @@
--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);
@ -3024,7 +3067,6 @@ body{
#outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer{
visibility:visible;
}
#outerContainer.sidebarOpen #sidebarContainer{
inset-inline-start:0;
}
@ -3050,7 +3092,6 @@ body{
inset:32px 0 0;
outline:none;
}
#viewerContainer:not(.pdfPresentationMode){
transition-duration:var(--sidebar-transition-duration);
transition-timing-function:var(--sidebar-transition-timing-function);
@ -3147,7 +3188,6 @@ body{
0%{
transform:translateX(calc(-142px * var(--dir-factor)));
}
100%{
transform:translateX(0);
}
@ -3203,20 +3243,16 @@ 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;
}
@ -3356,7 +3392,6 @@ 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%;
@ -3368,29 +3403,24 @@ 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;
@ -3422,7 +3452,6 @@ body{
#toolbarSidebarLeft{
float:var(--inline-start);
}
#toolbarViewerRight,
#toolbarSidebarRight{
float:var(--inline-end);
@ -3441,11 +3470,9 @@ body{
#toolbarViewerLeft{
padding-inline-start:1px;
}
#toolbarViewerRight{
padding-inline-end:1px;
}
#toolbarSidebarRight{
padding-inline-end:2px;
}
@ -3454,7 +3481,6 @@ body{
margin:2px;
display:inline-block;
}
.splitToolbarButton > .toolbarButton{
float:var(--inline-start);
}
@ -3492,12 +3518,10 @@ body{
.dropdownToolbarButton:hover{
background-color:var(--button-hover-color);
}
.splitToolbarButton > .toolbarButton{
position:relative;
margin:0;
}
#toolbarSidebar .splitToolbarButton > .toolbarButton{
margin-inline-end:2px;
}
@ -3532,7 +3556,6 @@ 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);
@ -3567,7 +3590,6 @@ body{
background-color:var(--dropdown-btn-bg-color);
border:var(--dropdown-btn-border);
}
.dropdownToolbarButton::after{
top:6px;
inset-inline-end:6px;
@ -3591,12 +3613,10 @@ 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);
@ -3614,6 +3634,7 @@ body{
display:inline-block;
width:16px;
height:16px;
content:"";
background-color:var(--toolbar-icon-bg-color);
-webkit-mask-size:cover;
@ -3733,7 +3754,6 @@ a.secondaryToolbarButton{
padding-top:5px;
text-decoration:none;
}
a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
opacity:0.5;
pointer-events:none;
@ -3803,7 +3823,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
box-sizing:border-box;
display:inline-block;
}
.secondaryToolbarButton > span{
padding-inline-end:4px;
}
@ -3885,7 +3904,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
height:22px;
background-color:var(--separator-color);
}
.horizontalToolbarSeparator{
display:block;
margin:6px 0;
@ -3931,6 +3949,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
.loadingInput:has(> #pageNumber.loading)::after{
display:block;
visibility:visible;
transition-property:visibility;
transition-delay:var(--loading-icon-delay);
}
@ -3942,6 +3961,7 @@ 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;
@ -3994,7 +4014,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
-moz-user-select:none;
user-select:none;
}
#thumbnailView{
width:calc(100% - 60px);
padding:10px 30px 0;
@ -4025,7 +4044,6 @@ a:focus > .thumbnail,
.thumbnail:hover{
border-color:var(--thumbnail-hover-color);
}
.thumbnail.selected{
border-color:var(--thumbnail-selected-color) !important;
}
@ -4035,12 +4053,10 @@ 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;
}
@ -4078,11 +4094,9 @@ 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;
@ -4095,19 +4109,16 @@ 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;
}
@ -4157,7 +4168,6 @@ 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);
}
@ -4194,7 +4204,6 @@ dialog :link{
#passwordDialog{
text-align:center;
}
#passwordDialog .toolbarField{
width:200px;
}
@ -4202,22 +4211,18 @@ 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;
}
@ -4225,17 +4230,14 @@ 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);
@ -4257,24 +4259,21 @@ 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;
@ -4296,6 +4295,7 @@ dialog :link{
#printContainer > .printedPage :is(canvas, img){
max-width:100%;
max-height:100%;
direction:ltr;
display:block;
}
@ -4319,7 +4319,6 @@ dialog :link{
#sidebarContainer{
background-color:var(--sidebar-narrow-bg-color);
}
#outerContainer.sidebarOpen #viewerContainer{
inset-inline-start:0 !important;
}
@ -4329,11 +4328,9 @@ dialog :link{
:root{
--editor-toolbar-base-offset:40px;
}
#outerContainer .hiddenMediumView{
display:none;
}
#outerContainer .visibleMediumView{
display:inherit;
}
@ -4344,11 +4341,9 @@ dialog :link{
.hiddenSmallView *{
display:none;
}
.toolbarButtonSpacer{
width:0;
}
.findbar{
inset-inline-start:34px;
}