mirror of
https://github.com/Frooodle/Stirling-PDF.git
synced 2025-09-08 17:51:20 +02:00
return
This commit is contained in:
Ludy87
parent
3cdca08cd0
commit
911a246d8d
@ -9,7 +9,8 @@
|
|||||||
"stirling-pdf/src/main/resources/static/css/bootstrap*.css",
|
"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/cookieconsent.css",
|
||||||
"stirling-pdf/src/main/resources/static/css/cookieconsentCustomisation.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": {
|
"rules": {
|
||||||
"property-no-vendor-prefix": null,
|
"property-no-vendor-prefix": null,
|
||||||
@ -33,11 +34,36 @@
|
|||||||
"disableFix": true
|
"disableFix": true
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"comment-empty-line-before": null,
|
|
||||||
"comment-word-disallowed-list": null,
|
"comment-word-disallowed-list": null,
|
||||||
"custom-property-pattern": null,
|
"custom-property-pattern": null,
|
||||||
"no-descending-specificity": null,
|
"no-descending-specificity": null,
|
||||||
"keyframes-name-pattern": 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
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
12
package.json
12
package.json
@ -1,21 +1,9 @@
|
|||||||
{
|
{
|
||||||
"name": "stirling-pdf",
|
"name": "stirling-pdf",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"description": "PDF utilities for Stirling",
|
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"lint:css": "stylelint \"stirling-pdf/src/main/**/*.css\" \"proprietary/src/main/resources/static/css/*.css\" --fix"
|
"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": {
|
"devDependencies": {
|
||||||
"@stylistic/stylelint-plugin": "^3.1.3",
|
"@stylistic/stylelint-plugin": "^3.1.3",
|
||||||
"stylelint": "^16.21.1",
|
"stylelint": "^16.21.1",
|
||||||
|
|||||||
@ -16,28 +16,23 @@
|
|||||||
.card-body {
|
.card-body {
|
||||||
background-color: var(--md-sys-color-surface-container);
|
background-color: var(--md-sys-color-surface-container);
|
||||||
}
|
}
|
||||||
|
|
||||||
.stat-card {
|
.stat-card {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stat-number {
|
.stat-number {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stat-label {
|
.stat-label {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: var(--md-sys-color-on-surface-variant);
|
color: var(--md-sys-color-on-surface-variant);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chart-container {
|
.chart-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-card {
|
.filter-card {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
@ -45,7 +40,6 @@
|
|||||||
border: 1px solid var(--md-sys-color-outline-variant);
|
border: 1px solid var(--md-sys-color-outline-variant);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-overlay {
|
.loading-overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -58,7 +52,6 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.level-indicator {
|
.level-indicator {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
@ -66,23 +59,18 @@
|
|||||||
color: white;
|
color: white;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.level-0 {
|
.level-0 {
|
||||||
background-color: var(--md-sys-color-error, #dc3545); /* Red */
|
background-color: var(--md-sys-color-error, #dc3545); /* Red */
|
||||||
}
|
}
|
||||||
|
|
||||||
.level-1 {
|
.level-1 {
|
||||||
background-color: var(--md-sys-color-secondary, #fd7e14); /* Orange */
|
background-color: var(--md-sys-color-secondary, #fd7e14); /* Orange */
|
||||||
}
|
}
|
||||||
|
|
||||||
.level-2 {
|
.level-2 {
|
||||||
background-color: var(--md-nav-section-color-other, #28a745); /* Green */
|
background-color: var(--md-nav-section-color-other, #28a745); /* Green */
|
||||||
}
|
}
|
||||||
|
|
||||||
.level-3 {
|
.level-3 {
|
||||||
background-color: var(--md-sys-color-tertiary, #17a2b8); /* Teal */
|
background-color: var(--md-sys-color-tertiary, #17a2b8); /* Teal */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Custom data table styling */
|
/* Custom data table styling */
|
||||||
.audit-table {
|
.audit-table {
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
@ -101,7 +89,6 @@
|
|||||||
.audit-table tbody tr:hover {
|
.audit-table tbody tr:hover {
|
||||||
background-color: var(--md-sys-color-surface-container-high);
|
background-color: var(--md-sys-color-surface-container-high);
|
||||||
}
|
}
|
||||||
|
|
||||||
.audit-table th {
|
.audit-table th {
|
||||||
background-color: var(--md-sys-color-surface-container-high);
|
background-color: var(--md-sys-color-surface-container-high);
|
||||||
color: var(--md-sys-color-on-surface);
|
color: var(--md-sys-color-on-surface);
|
||||||
@ -110,11 +97,9 @@
|
|||||||
z-index: 10;
|
z-index: 10;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-responsive {
|
.table-responsive {
|
||||||
max-height: 600px;
|
max-height: 600px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination-container {
|
.pagination-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@ -140,7 +125,6 @@
|
|||||||
color: var(--bs-secondary);
|
color: var(--bs-secondary);
|
||||||
background-color: var(--bs-light);
|
background-color: var(--bs-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.json-viewer {
|
.json-viewer {
|
||||||
background-color: var(--md-sys-color-surface-container-low);
|
background-color: var(--md-sys-color-surface-container-low);
|
||||||
color: var(--md-sys-color-on-surface);
|
color: var(--md-sys-color-on-surface);
|
||||||
|
|||||||
@ -383,7 +383,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.75rem 1rem;
|
padding: 0.75rem 1rem;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
border: 1px solid;
|
border: 1px solid
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-overflow {
|
.text-overflow {
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#pdf-canvas {
|
#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%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -33,7 +33,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
touch-action: none;
|
touch-action: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
top: 0;
|
top: 0px;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
max-height: 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;
|
transform-origin: top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -68,6 +68,7 @@ html[dir="rtl"] .drag-manager_draghover img {
|
|||||||
.drag-manager_endpoint svg {
|
.drag-manager_endpoint svg {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@ -84,12 +85,10 @@ html[dir="rtl"] .drag-manager_draghover img {
|
|||||||
from {
|
from {
|
||||||
width: 0;
|
width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.moved-element img {
|
.moved-element img {
|
||||||
border: 8px solid #198754;
|
border: 8px solid #198754;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
border: 1px solid var(--border-item, #e9ecef);
|
border: 1px solid var(--border-item, #e9ecef);
|
||||||
border-radius: 0.5rem;
|
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);
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
@ -197,7 +197,6 @@
|
|||||||
[data-bs-theme="dark"] .bookmark-content input,
|
[data-bs-theme="dark"] .bookmark-content input,
|
||||||
[data-bs-theme="dark"] .bookmark-content label {
|
[data-bs-theme="dark"] .bookmark-content label {
|
||||||
--input-text: var(--md-sys-color-on-surface, #e9ecef);
|
--input-text: var(--md-sys-color-on-surface, #e9ecef);
|
||||||
|
|
||||||
background-color: var(--input-bg, var(--md-sys-color-surface-container-high, #3a424a));
|
background-color: var(--input-bg, var(--md-sys-color-surface-container-high, #3a424a));
|
||||||
border-color: var(--input-border, var(--md-sys-color-outline, #495057));
|
border-color: var(--input-border, var(--md-sys-color-outline, #495057));
|
||||||
}
|
}
|
||||||
@ -265,7 +264,7 @@
|
|||||||
padding: 30px;
|
padding: 30px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: var(--text-muted, var(--md-sys-color-on-surface-variant, #6c757d));
|
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-radius: 0.375rem;
|
||||||
border: 1px dashed var(--border-empty, var(--md-sys-color-outline, #ced4da));
|
border: 1px dashed var(--border-empty, var(--md-sys-color-outline, #ced4da));
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
#errorContainer {
|
#errorContainer {
|
||||||
margin: 1rem 0 2rem;
|
margin: 1rem 0rem 2rem;
|
||||||
border-radius: 3rem;
|
border-radius: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -2,9 +2,9 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
min-height: 55px;
|
min-height: 55px;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
|
|
||||||
--selected-files-display: none;
|
--selected-files-display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -12,13 +12,13 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
border: 1px dashed rgb(105, 116, 134);
|
border: 1px dashed rgb(105, 116, 134);
|
||||||
|
|
||||||
column-gap: 7px;
|
column-gap: 7px;
|
||||||
row-gap: 7px;
|
row-gap: 7px;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
--overlay-display: none;
|
--overlay-display: none;
|
||||||
|
|
||||||
transition: background-color 0.5s linear;
|
transition: background-color 0.5s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -26,11 +26,13 @@
|
|||||||
outline: none;
|
outline: none;
|
||||||
border: none;
|
border: none;
|
||||||
background-color: var(--md-sys-color-surface-container-low);
|
background-color: var(--md-sys-color-surface-container-low);
|
||||||
|
|
||||||
-webkit-transition: box-shadow 1s ease, background-color 2s linear;
|
-webkit-transition: box-shadow 1s ease, background-color 2s linear;
|
||||||
-moz-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;
|
-o-transition: box-shadow 1s ease, background-color 2s linear;
|
||||||
-ms-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;
|
transition: box-shadow 1s ease, background-color 2s linear;
|
||||||
|
|
||||||
box-shadow: 0 0 10px rgb(105, 116, 134);
|
box-shadow: 0 0 10px rgb(105, 116, 134);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
@ -44,13 +46,18 @@
|
|||||||
.input-container::before {
|
.input-container::before {
|
||||||
display: var(--overlay-display);
|
display: var(--overlay-display);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
content: '';
|
content: '';
|
||||||
|
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
background-color: var(--md-sys-color-surface);
|
background-color: var(--md-sys-color-surface);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
@ -58,16 +65,22 @@
|
|||||||
.input-container::after {
|
.input-container::after {
|
||||||
display: var(--overlay-display);
|
display: var(--overlay-display);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
content: attr(data-text);
|
content: attr(data-text);
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
font-weight: 550;
|
font-weight: 550;
|
||||||
color: var(--md-sys-color-on-surface);
|
color: var(--md-sys-color-on-surface);
|
||||||
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
||||||
min-width: 150px;
|
min-width: 150px;
|
||||||
|
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|
||||||
transform: translateX(-50%) translateY(-50%);
|
transform: translateX(-50%) translateY(-50%);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -142,12 +155,15 @@
|
|||||||
|
|
||||||
.file-input-btn {
|
.file-input-btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
color: #212529;
|
color: #212529;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
border-radius: 3rem;
|
border-radius: 3rem;
|
||||||
|
|
||||||
background-color: #DDE0E3;
|
background-color: #DDE0E3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -182,6 +198,7 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
color: var(--md-sys-color-on-surface);
|
color: var(--md-sys-color-on-surface);
|
||||||
|
|
||||||
max-width: 60px;
|
max-width: 60px;
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
}
|
}
|
||||||
@ -190,6 +207,7 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
color: grey;
|
color: grey;
|
||||||
|
|
||||||
max-width: 60px;
|
max-width: 60px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
@ -198,10 +216,12 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
width: 15px;
|
width: 15px;
|
||||||
right: 0;
|
|
||||||
|
right: 0px;
|
||||||
top: -17px;
|
top: -17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -214,15 +234,19 @@
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.remove-selected-file::after {
|
.remove-selected-file:after {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
left: 1;
|
left: 1;
|
||||||
|
|
||||||
width: 10px;
|
width: 10px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
|
||||||
user-select: none;
|
user-select: none;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
@ -241,10 +265,13 @@
|
|||||||
padding-right: 3px;
|
padding-right: 3px;
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
|
|
||||||
row-gap: 12px;
|
row-gap: 12px;
|
||||||
column-gap: 5px;
|
column-gap: 5px;
|
||||||
|
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
border: 1px solid rgb(105, 116, 134, 0.5);
|
border: 1px solid rgb(105, 116, 134, 0.5);
|
||||||
}
|
}
|
||||||
@ -307,20 +334,20 @@
|
|||||||
transition-duration: 0.4s;
|
transition-duration: 0.4s;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
box-shadow: 0 0 5px var(--md-sys-color-on-surface-variant);
|
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 {
|
.horizontal-divider {
|
||||||
width: 85%;
|
width: 85%;
|
||||||
border-top: 1px dashed;
|
border-top: 1px dashed;
|
||||||
padding: 0;
|
padding: 0px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.google-drive-button img {
|
.google-drive-button img {
|
||||||
width:100%;
|
width:100%
|
||||||
}
|
}
|
||||||
|
|
||||||
.google-drive-button:hover {
|
.google-drive-button:hover {
|
||||||
background-color: var(--md-sys-color-on-surface-variant);
|
background-color: var(--md-sys-color-on-surface-variant)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -19,7 +19,6 @@
|
|||||||
text-align: center; /* Centers the text inside the div */
|
text-align: center; /* Centers the text inside the div */
|
||||||
width: 100%; /* Full width to center the text properly */
|
width: 100%; /* Full width to center the text properly */
|
||||||
}
|
}
|
||||||
|
|
||||||
.stirling-link {
|
.stirling-link {
|
||||||
text-decoration: none; /* Remove the underline */
|
text-decoration: none; /* Remove the underline */
|
||||||
color: inherit; /* Keep the text color the same as the surrounding text */
|
color: inherit; /* Keep the text color the same as the surrounding text */
|
||||||
@ -31,7 +30,6 @@
|
|||||||
.stirling-link:hover {
|
.stirling-link:hover {
|
||||||
color: #007BFF; /* Change the color on hover to a noticeable link color */
|
color: #007BFF; /* Change the color on hover to a noticeable link color */
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-icon {
|
.footer-icon {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
@ -57,7 +55,6 @@
|
|||||||
.footer-link {
|
.footer-link {
|
||||||
font-size: 1rem; /* Adjust font size for smaller screens */
|
font-size: 1rem; /* Adjust font size for smaller screens */
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-link-list{
|
.footer-link-list{
|
||||||
flex-direction: column; /* Stack links vertically on smaller screens */
|
flex-direction: column; /* Stack links vertically on smaller screens */
|
||||||
}
|
}
|
||||||
|
|||||||
@ -14,23 +14,19 @@
|
|||||||
.projectile {
|
.projectile {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pdf {
|
.pdf {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.player {
|
.player {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.projectile {
|
.projectile {
|
||||||
background-color: black !important;
|
background-color: black !important;
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#score,
|
#score,
|
||||||
#level,
|
#level,
|
||||||
#lives,
|
#lives,
|
||||||
@ -40,22 +36,18 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: calc(14px + 0.25vw); /* Reduced font size */
|
font-size: calc(14px + 0.25vw); /* Reduced font size */
|
||||||
}
|
}
|
||||||
|
|
||||||
#score {
|
#score {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#lives {
|
#lives {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
left: calc(9vw); /* Adjusted position */
|
left: calc(9vw); /* Adjusted position */
|
||||||
}
|
}
|
||||||
|
|
||||||
#high-score {
|
#high-score {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
left: calc(14vw); /* Adjusted position */
|
left: calc(14vw); /* Adjusted position */
|
||||||
}
|
}
|
||||||
|
|
||||||
#level {
|
#level {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
|||||||
@ -27,7 +27,7 @@
|
|||||||
max-width: 100%; //Allows the container to expand up to full width
|
max-width: 100%; //Allows the container to expand up to full width
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
} */
|
}*/
|
||||||
|
|
||||||
|
|
||||||
html[dir="ltr"] * {
|
html[dir="ltr"] * {
|
||||||
@ -73,7 +73,7 @@ html[dir="rtl"] * {
|
|||||||
|
|
||||||
html[dir="rtl"] input.form-check-input {
|
html[dir="rtl"] input.form-check-input {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-left: 0;
|
margin-left: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[dir="rtl"] label.form-check-label {
|
html[dir="rtl"] label.form-check-label {
|
||||||
@ -90,17 +90,17 @@ html[dir="rtl"] label.form-check-label {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#pdf-canvas {
|
#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%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed-shadow-canvas {
|
.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%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow-canvas {
|
.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 {
|
.hidden {
|
||||||
|
|||||||
@ -61,7 +61,7 @@
|
|||||||
.feature-group-container {
|
.feature-group-container {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(15rem, 3fr));
|
grid-template-columns: repeat(auto-fill, minmax(15rem, 3fr));
|
||||||
gap: 30px;
|
gap: 30px 30px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: -20px;
|
margin: -20px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@ -99,7 +99,7 @@
|
|||||||
transform 0.3s,
|
transform 0.3s,
|
||||||
border 0.3s;
|
border 0.3s;
|
||||||
transform-origin: center center;
|
transform-origin: center center;
|
||||||
outline: 0 solid transparent;
|
outline: 0px solid transparent;
|
||||||
position:relative;
|
position:relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -145,7 +145,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#tool-text {
|
#tool-text {
|
||||||
margin: 0.0 0 0 1.25rem;
|
margin: 0.0rem 0 0 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-title {
|
.card-title {
|
||||||
@ -171,8 +171,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.jumbotron {
|
.jumbotron {
|
||||||
padding: 3rem;
|
padding: 3rem 3rem;
|
||||||
|
|
||||||
/* Reduce vertical padding */
|
/* Reduce vertical padding */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -185,23 +184,20 @@
|
|||||||
.lookatme::after {
|
.lookatme::after {
|
||||||
color: #e33100;
|
color: #e33100;
|
||||||
text-shadow: 0 0 5px #e33100;
|
text-shadow: 0 0 5px #e33100;
|
||||||
|
|
||||||
/* in the html, the data-lookatme-text attribute must */
|
/* in the html, the data-lookatme-text attribute must */
|
||||||
|
|
||||||
/* contain the same text as the .lookatme element */
|
/* contain the same text as the .lookatme element */
|
||||||
content: attr(data-lookatme-text);
|
content: attr(data-lookatme-text);
|
||||||
padding: inherit;
|
padding: inherit;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0 0 0 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
/* 20 steps / 2 seconds = 10fps */
|
/* 20 steps / 2 seconds = 10fps */
|
||||||
-webkit-animation: 2s infinite Pulse steps(20);
|
-webkit-animation: 2s infinite Pulse steps(20);
|
||||||
animation: 2s infinite Pulse steps(20);
|
animation: 2s infinite Pulse steps(20);
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes Pulse {
|
@keyframes Pulse {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -209,7 +205,7 @@
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -49,7 +49,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#tool-text {
|
#tool-text {
|
||||||
margin: 0.0 0 0 1.25rem;
|
margin: 0.0rem 0 0 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.favorite-icon img {
|
.favorite-icon img {
|
||||||
@ -65,8 +65,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.jumbotron {
|
.jumbotron {
|
||||||
padding: 3rem;
|
padding: 3rem 3rem;
|
||||||
|
|
||||||
/* Reduce vertical padding */
|
/* Reduce vertical padding */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -79,16 +78,13 @@
|
|||||||
.lookatme::after {
|
.lookatme::after {
|
||||||
color: #e33100;
|
color: #e33100;
|
||||||
text-shadow: 0 0 5px #e33100;
|
text-shadow: 0 0 5px #e33100;
|
||||||
|
|
||||||
/* in the html, the data-lookatme-text attribute must */
|
/* in the html, the data-lookatme-text attribute must */
|
||||||
|
|
||||||
/* contain the same text as the .lookatme element */
|
/* contain the same text as the .lookatme element */
|
||||||
content: attr(data-lookatme-text);
|
content: attr(data-lookatme-text);
|
||||||
padding: inherit;
|
padding: inherit;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0 0 0 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
/* 20 steps / 2 seconds = 10fps */
|
/* 20 steps / 2 seconds = 10fps */
|
||||||
-webkit-animation: 2s infinite Pulse steps(20);
|
-webkit-animation: 2s infinite Pulse steps(20);
|
||||||
animation: 2s infinite Pulse steps(20);
|
animation: 2s infinite Pulse steps(20);
|
||||||
@ -96,9 +92,8 @@
|
|||||||
|
|
||||||
.newfeature{
|
.newfeature{
|
||||||
display: flex;
|
display: flex;
|
||||||
width:fit-content;
|
width:fit-content
|
||||||
}
|
}
|
||||||
|
|
||||||
.recent-features{
|
.recent-features{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@ -111,7 +106,6 @@
|
|||||||
.close-icon {
|
.close-icon {
|
||||||
color: var(--favourite-remove) !important;
|
color: var(--favourite-remove) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-icon {
|
.add-icon {
|
||||||
color: var(--favourite-add) !important;
|
color: var(--favourite-add) !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -36,7 +36,6 @@
|
|||||||
transform: scale(0.8);
|
transform: scale(0.8);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|||||||
@ -5,6 +5,5 @@ td a {
|
|||||||
td a:hover,
|
td a:hover,
|
||||||
td a:focus {
|
td a:focus {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|
||||||
/* Adds underline on hover/focus for clarity */
|
/* Adds underline on hover/focus for clarity */
|
||||||
}
|
}
|
||||||
|
|||||||
@ -54,11 +54,11 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.form-signin .form-floating {
|
.form-signin .form-floating {
|
||||||
margin: 1rem 0;
|
margin: 1rem 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox" i] {
|
input[type="checkbox" i] {
|
||||||
margin: 0 5px;
|
margin: 0px 5px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -17,7 +17,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrows .btn {
|
.arrows .btn {
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -9,7 +9,7 @@
|
|||||||
label {
|
label {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0 0.25rem;
|
padding: 0rem 0.25rem;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -31,7 +31,7 @@ label {
|
|||||||
z-index: 11;
|
z-index: 11;
|
||||||
padding: 1.25rem;
|
padding: 1.25rem;
|
||||||
border-radius: 2rem;
|
border-radius: 2rem;
|
||||||
margin: 0 25px;
|
margin: 0px 25px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -40,7 +40,7 @@ label {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mt-file-uploader {
|
.mt-file-uploader {
|
||||||
width:100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-bar svg,
|
.mt-action-bar svg,
|
||||||
@ -99,7 +99,7 @@ label {
|
|||||||
padding: 0.75rem;
|
padding: 0.75rem;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
min-height: 275px;
|
min-height: 275px;
|
||||||
margin: 0 0 20px;
|
margin: 0 0 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pages-container {
|
#pages-container {
|
||||||
@ -250,7 +250,7 @@ label {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
translate: -50% -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;
|
border-radius: 4px;
|
||||||
transition: rotate 0.3s;
|
transition: rotate 0.3s;
|
||||||
}
|
}
|
||||||
@ -304,7 +304,7 @@ label {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.selected-pages-header h5 {
|
.selected-pages-header h5 {
|
||||||
margin: 0 0 8px !important;
|
margin: 0 0 8px 0 !important;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--md-sys-color-on-surface);
|
color: var(--md-sys-color-on-surface);
|
||||||
@ -382,13 +382,11 @@ label {
|
|||||||
padding: 12px 24px;
|
padding: 12px 24px;
|
||||||
border-radius: 2.5rem;
|
border-radius: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-btn .btn {
|
.mt-action-btn .btn {
|
||||||
width: 4rem;
|
width: 4rem;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
border-radius: 22px;
|
border-radius: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-btn .btn .material-symbols-rounded {
|
.mt-action-btn .btn .material-symbols-rounded {
|
||||||
font-size: 1.7rem;
|
font-size: 1.7rem;
|
||||||
}
|
}
|
||||||
@ -400,13 +398,11 @@ label {
|
|||||||
padding: 15px 30px;
|
padding: 15px 30px;
|
||||||
border-radius: 3rem;
|
border-radius: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-btn .btn {
|
.mt-action-btn .btn {
|
||||||
width: 5rem;
|
width: 5rem;
|
||||||
height: 5rem;
|
height: 5rem;
|
||||||
border-radius: 28px;
|
border-radius: 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-btn .btn .material-symbols-rounded {
|
.mt-action-btn .btn .material-symbols-rounded {
|
||||||
font-size: 2.1rem;
|
font-size: 2.1rem;
|
||||||
}
|
}
|
||||||
@ -418,13 +414,11 @@ label {
|
|||||||
padding: 20px 40px;
|
padding: 20px 40px;
|
||||||
border-radius: 4rem;
|
border-radius: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-btn .btn {
|
.mt-action-btn .btn {
|
||||||
width: 7rem;
|
width: 7rem;
|
||||||
height: 7rem;
|
height: 7rem;
|
||||||
border-radius: 40px;
|
border-radius: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-btn .btn .material-symbols-rounded {
|
.mt-action-btn .btn .material-symbols-rounded {
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
}
|
}
|
||||||
@ -436,13 +430,11 @@ label {
|
|||||||
padding: 40px 80px;
|
padding: 40px 80px;
|
||||||
border-radius: 8rem;
|
border-radius: 8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-btn .btn {
|
.mt-action-btn .btn {
|
||||||
width: 14rem;
|
width: 14rem;
|
||||||
height: 14rem;
|
height: 14rem;
|
||||||
border-radius: 80px;
|
border-radius: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-btn .btn .material-symbols-rounded {
|
.mt-action-btn .btn .material-symbols-rounded {
|
||||||
font-size: 6rem;
|
font-size: 6rem;
|
||||||
}
|
}
|
||||||
@ -629,3 +621,5 @@ label {
|
|||||||
max-height: calc(100% - 4px) !important;
|
max-height: calc(100% - 4px) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -8,8 +8,7 @@
|
|||||||
|
|
||||||
#navbarSearch.show {
|
#navbarSearch.show {
|
||||||
height: auto;
|
height: auto;
|
||||||
|
/*dynamically changes height*/
|
||||||
/* dynamically changes height */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#searchResults .dropdown-item {
|
#searchResults .dropdown-item {
|
||||||
@ -17,10 +16,8 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
|
||||||
/* Fixed height */
|
/* Fixed height */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
/* Hide overflow */
|
/* Hide overflow */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -31,23 +28,19 @@
|
|||||||
#searchResults .icon-text {
|
#searchResults .icon-text {
|
||||||
display: inline;
|
display: inline;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
/* Hide overflow */
|
/* Hide overflow */
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
/* Add ellipsis for long text */
|
/* Add ellipsis for long text */
|
||||||
}
|
}
|
||||||
|
|
||||||
#search-icon i {
|
#search-icon i {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
|
|
||||||
/* Adjust this to your desired size */
|
/* Adjust this to your desired size */
|
||||||
transition: color 0.3s;
|
transition: color 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
#search-icon:hover i {
|
#search-icon:hover i {
|
||||||
color: #666;
|
color: #666;
|
||||||
|
|
||||||
/* Adjust this to your hover color */
|
/* Adjust this to your hover color */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -57,10 +50,8 @@
|
|||||||
|
|
||||||
.search-input:focus {
|
.search-input:focus {
|
||||||
border-color: #666;
|
border-color: #666;
|
||||||
|
|
||||||
/* Adjust this to your focus color */
|
/* Adjust this to your focus color */
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
/* Adjust this to your desired shadow */
|
/* Adjust this to your desired shadow */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -168,13 +159,12 @@
|
|||||||
|
|
||||||
.scalable-languages-container {
|
.scalable-languages-container {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
||||||
/* Auto-fill columns, with a minimum width of 180px */
|
/* Auto-fill columns, with a minimum width of 180px */
|
||||||
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
||||||
}
|
}
|
||||||
|
|
||||||
.scalable-languages-container:not(:has(> :nth-child(4))) .lang-dropdown-item-wrapper:last-child {
|
.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)) {
|
.scalable-languages-container:has(> *:nth-child(1)) {
|
||||||
@ -200,7 +190,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
|
|||||||
/* Responsive adjustments */
|
/* Responsive adjustments */
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
.lang-dropdown-item-wrapper .dropdown-item {
|
.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) {
|
.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) {
|
.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) {
|
.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 {
|
.nav-item-separator {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 4px;
|
margin: 0 4px;
|
||||||
|
|
||||||
/* Adjust the margin as needed */
|
/* Adjust the margin as needed */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -284,12 +273,10 @@ span.icon-text::after {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 10%;
|
top: 10%;
|
||||||
|
|
||||||
/* Adjust the top and bottom margins as needed */
|
/* Adjust the top and bottom margins as needed */
|
||||||
bottom: 10%;
|
bottom: 10%;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
background-color: #ccc;
|
background-color: #ccc;
|
||||||
|
|
||||||
/* Adjust the color as needed */
|
/* Adjust the color as needed */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -336,7 +323,7 @@ span.icon-text::after {
|
|||||||
max-height: 360px;
|
max-height: 360px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Dropdown Scrollbar */
|
/* Dropdown Scrollbar*/
|
||||||
.scrollable-y {
|
.scrollable-y {
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
max-height: 190px;
|
max-height: 190px;
|
||||||
@ -534,7 +521,7 @@ html[dir="rtl"] .dropdown-menu {
|
|||||||
padding: 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem;
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #fff;
|
color: #ffffff;
|
||||||
background-color: #007bff;
|
background-color: #007bff;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
@ -582,7 +569,6 @@ html[dir="rtl"] .dropdown-menu {
|
|||||||
|
|
||||||
.feature-rows.single-column {
|
.feature-rows.single-column {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
/* Center-align a single column */
|
/* Center-align a single column */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -634,7 +620,7 @@ html[dir="rtl"] .dropdown-menu {
|
|||||||
|
|
||||||
|
|
||||||
@keyframes Pulse {
|
@keyframes Pulse {
|
||||||
0% {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -642,7 +628,7 @@ html[dir="rtl"] .dropdown-menu {
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,8 +2,9 @@
|
|||||||
z-index: 4;
|
z-index: 4;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.1s linear;
|
transition: opacity 0.1s linear;
|
||||||
|
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
bottom: 0;
|
bottom: 0px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, 0%);
|
transform: translate(-50%, 0%);
|
||||||
}
|
}
|
||||||
@ -27,7 +28,7 @@
|
|||||||
|
|
||||||
.pdf-actions_button-container> :first-child,
|
.pdf-actions_button-container> :first-child,
|
||||||
.pdf-actions_container:first-child>.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 {
|
.pdf-actions_container svg {
|
||||||
|
|||||||
@ -18,7 +18,6 @@
|
|||||||
|
|
||||||
.element-margin {
|
.element-margin {
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
|
|
||||||
/* Adjust this value to increase/decrease the margin as needed */
|
/* Adjust this value to increase/decrease the margin as needed */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -15,7 +15,6 @@ body {
|
|||||||
rgba(255, 0, 0, 1) 100%
|
rgba(255, 0, 0, 1) 100%
|
||||||
);
|
);
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
|
|
||||||
--body-background-color: 255, 255, 255;
|
--body-background-color: 255, 255, 255;
|
||||||
--base-font-color: 33, 37, 41;
|
--base-font-color: 33, 37, 41;
|
||||||
}
|
}
|
||||||
@ -37,7 +36,6 @@ body {
|
|||||||
) !important;
|
) !important;
|
||||||
color: white !important;
|
color: white !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.jumbotron {
|
.jumbotron {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
@ -71,9 +69,8 @@ body {
|
|||||||
rgba(251, 7, 217, 1) 90%,
|
rgba(251, 7, 217, 1) 90%,
|
||||||
rgba(255, 0, 0, 1) 100%
|
rgba(255, 0, 0, 1) 100%
|
||||||
) !important;
|
) !important;
|
||||||
color: #fff !important;
|
color: fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-group-item {
|
.list-group-item {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
@ -89,9 +86,8 @@ body {
|
|||||||
rgba(251, 7, 217, 1) 90%,
|
rgba(251, 7, 217, 1) 90%,
|
||||||
rgba(255, 0, 0, 1) 100%
|
rgba(255, 0, 0, 1) 100%
|
||||||
) !important;
|
) !important;
|
||||||
color: #fff !important;
|
color: fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#support-section {
|
#support-section {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
@ -113,5 +109,5 @@ body {
|
|||||||
--background-color: rgba(255, 255, 255, 0.046) !important;
|
--background-color: rgba(255, 255, 255, 0.046) !important;
|
||||||
--scroll-bar-color: #4c4c4c !important;
|
--scroll-bar-color: #4c4c4c !important;
|
||||||
--scroll-bar-thumb: #d3d3d3 !important;
|
--scroll-bar-thumb: #d3d3d3 !important;
|
||||||
--scroll-bar-thumb-hover: #fff !important;
|
--scroll-bar-thumb-hover: #ffffff !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
:root {
|
:root {
|
||||||
--page-redaction-color: #000;
|
--page-redaction-color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.textLayer span::selection,
|
.textLayer span::selection,
|
||||||
@ -15,27 +15,36 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.selected-wrapper:hover:not(:has(.redaction-overlay:hover)) {
|
.selected-wrapper:hover:not(:has(.redaction-overlay:hover)) {
|
||||||
outline-color: var(--palette-color, #000);
|
outline-color: var(--palette-color, #000000);
|
||||||
background-color: var(--palette-color, #000);
|
background-color: var(--palette-color, #000000);
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
transition: background-color 0.065s linear;
|
transition: background-color 0.065s linear;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.redaction-overlay {
|
.redaction-overlay {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 100%;
|
top: 100%;
|
||||||
|
|
||||||
min-width: 25px;
|
min-width: 25px;
|
||||||
max-width: 90px;
|
max-width: 90px;
|
||||||
|
|
||||||
min-height: 25px;
|
min-height: 25px;
|
||||||
|
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
|
|
||||||
column-gap: 5px;
|
column-gap: 5px;
|
||||||
row-gap: 2px;
|
row-gap: 2px;
|
||||||
|
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
background-color: rgb(0 96 170);
|
background-color: rgb(0 96 170);
|
||||||
outline: 1px solid gray;
|
outline: 1px solid gray;
|
||||||
translate: -50% -100%;
|
translate: -50% -100%;
|
||||||
@ -44,8 +53,10 @@
|
|||||||
.redaction-overlay svg {
|
.redaction-overlay svg {
|
||||||
height: 25px;
|
height: 25px;
|
||||||
width: 25px;
|
width: 25px;
|
||||||
|
|
||||||
max-width: 35px;
|
max-width: 35px;
|
||||||
max-height: 35px;
|
max-height: 35px;
|
||||||
|
|
||||||
fill: rgba(255, 255, 255, 0.904);
|
fill: rgba(255, 255, 255, 0.904);
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
@ -62,7 +73,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.rectangle {
|
.rectangle {
|
||||||
border: 2px solid #f00;
|
border: 2px solid #ff0000;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -90,6 +101,7 @@ html {
|
|||||||
#man-text-select-redact, #man-shape-redact, #downloadBtn, #uploadBtn, #pageBasedRedactionBtn, #pdfToImageBtn, #showMoreBtn {
|
#man-text-select-redact, #man-shape-redact, #downloadBtn, #uploadBtn, #pageBasedRedactionBtn, #pdfToImageBtn, #showMoreBtn {
|
||||||
height: var(--toolButton-height);
|
height: var(--toolButton-height);
|
||||||
width: var(--toolButton-width);
|
width: var(--toolButton-width);
|
||||||
|
|
||||||
border-radius: var(--toolButton-border-radius);
|
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;
|
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;
|
user-select: none;
|
||||||
@ -121,6 +133,7 @@ html {
|
|||||||
#redactionsPaletteContainer {
|
#redactionsPaletteContainer {
|
||||||
height: var(--toolButton-height);
|
height: var(--toolButton-height);
|
||||||
width: var(--toolButton-width);
|
width: var(--toolButton-width);
|
||||||
|
|
||||||
border-radius: var(--toolButton-border-radius);
|
border-radius: var(--toolButton-border-radius);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
@ -133,6 +146,7 @@ html {
|
|||||||
#redactions-palette {
|
#redactions-palette {
|
||||||
display: inline;
|
display: inline;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
border-bottom: 8px solid var(--palette-color);
|
border-bottom: 8px solid var(--palette-color);
|
||||||
border-radius: inherit;
|
border-radius: inherit;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
@ -146,7 +160,7 @@ html {
|
|||||||
height: 6px;
|
height: 6px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0px;
|
||||||
background-color: var(--palette-color);
|
background-color: var(--palette-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -187,11 +201,11 @@ html {
|
|||||||
.splitToolbarButton > .btn-primary, .splitToolbarButton > .btn-secondary, .splitToolbarButton > .toolbarButton {
|
.splitToolbarButton > .btn-primary, .splitToolbarButton > .btn-secondary, .splitToolbarButton > .toolbarButton {
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
border:none;
|
border:none
|
||||||
}
|
}
|
||||||
|
|
||||||
.splitToolbarButton > .btn-success, .splitToolbarButton > .btn-secondary, .splitToolbarButton > .toolbarButton {
|
.splitToolbarButton > .btn-success, .splitToolbarButton > .btn-secondary, .splitToolbarButton > .toolbarButton {
|
||||||
border:none;
|
border:none
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -279,9 +293,11 @@ html {
|
|||||||
.redacted-thumbnail-preview:hover::after {
|
.redacted-thumbnail-preview:hover::after {
|
||||||
content: '';
|
content: '';
|
||||||
background-color: var(--page-redaction-color);
|
background-color: var(--page-redaction-color);
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
||||||
height: var(--thumbnail-height);
|
height: var(--thumbnail-height);
|
||||||
width: var(--thumbnail-width);
|
width: var(--thumbnail-width);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -11,7 +11,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrows .btn {
|
.arrows .btn {
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,10 +1,8 @@
|
|||||||
select#font-select,
|
select#font-select,
|
||||||
select#font-select option {
|
select#font-select option {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
|
|
||||||
/* Adjust as needed */
|
/* Adjust as needed */
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
|
|
||||||
/* Adjust as needed */
|
/* Adjust as needed */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -62,29 +60,25 @@ select#font-select option {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
touch-action: none;
|
touch-action: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
top: 0;
|
top: 0px;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
transition: transform 0.1s ease-out;
|
transition: transform 0.1s ease-out;
|
||||||
background-color: rgba(52, 152, 219, 0.1);
|
background-color: rgba(52, 152, 219, 0.1);
|
||||||
|
|
||||||
/* Light blue background */
|
/* Light blue background */
|
||||||
}
|
}
|
||||||
|
|
||||||
.draggable-canvas:active {
|
.draggable-canvas:active {
|
||||||
cursor: grabbing;
|
cursor: grabbing;
|
||||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
|
||||||
|
|
||||||
/* Shadow on active drag */
|
/* Shadow on active drag */
|
||||||
}
|
}
|
||||||
|
|
||||||
.draggable-canvas:hover {
|
.draggable-canvas:hover {
|
||||||
border: 2px solid #2980b9;
|
border: 2px solid #2980b9;
|
||||||
|
|
||||||
/* Darker border on hover */
|
/* Darker border on hover */
|
||||||
background-color: rgba(52, 152, 219, 0.2);
|
background-color: rgba(52, 152, 219, 0.2);
|
||||||
|
|
||||||
/* Darken background on hover */
|
/* Darken background on hover */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -176,7 +170,7 @@ select#font-select option {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.custom-select select {
|
.custom-select select {
|
||||||
display: none; /* hide original SELECT element: */
|
display: none; /*hide original SELECT element: */
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-selected {
|
.select-selected {
|
||||||
@ -187,7 +181,7 @@ select#font-select option {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Style the arrow inside the select element: */
|
/* Style the arrow inside the select element: */
|
||||||
.select-selected::after {
|
.select-selected:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: "";
|
content: "";
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@ -196,12 +190,12 @@ select#font-select option {
|
|||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
border: 6px solid transparent;
|
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): */
|
/* Point the arrow upwards when the select box is open (active): */
|
||||||
.select-selected.select-arrow-active::after {
|
.select-selected.select-arrow-active:after {
|
||||||
border-color: transparent transparent #fff;
|
border-color: transparent transparent #fff transparent;
|
||||||
translate: 0 -75%;
|
translate: 0 -75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -215,7 +209,8 @@ select#font-select option {
|
|||||||
|
|
||||||
.select-items div {
|
.select-items div {
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
border-color: transparent;
|
border-color: transparent transparent transparent transparent;
|
||||||
|
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,7 +4,6 @@
|
|||||||
border: 1px solid black; /* Represents the PDF page */
|
border: 1px solid black; /* Represents the PDF page */
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.line {
|
.line {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: red; /* Line color */
|
background-color: red; /* Line color */
|
||||||
|
|||||||
@ -37,5 +37,5 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.selectedPosition.selectedHovered {
|
.selectedPosition.selectedHovered {
|
||||||
background-color: #060;
|
background-color: #006600;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,22 +4,20 @@
|
|||||||
.tab-container {
|
.tab-container {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-container.active {
|
.tab-container.active {
|
||||||
display: block;
|
display: block;
|
||||||
border: 1px solid rgba(var(--base-font-color), 0.25);
|
border: 1px solid rgba(var(--base-font-color), 0.25);
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-buttons > button {
|
.tab-buttons > button {
|
||||||
margin-bottom: -1px;
|
margin-bottom: -1px;
|
||||||
background: 0 0;
|
background: 0 0;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
color: rgb(var(--base-font-color));
|
color: rgb(var(--base-font-color));
|
||||||
|
|
||||||
border-top-left-radius: 0.25rem;
|
border-top-left-radius: 0.25rem;
|
||||||
border-top-right-radius: 0.25rem;
|
border-top-right-radius: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-buttons > button.active {
|
.tab-buttons > button.active {
|
||||||
background-color: rgb(var(--body-background-color));
|
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));
|
border-color: rgba(var(--base-font-color), 0.25) rgba(var(--base-font-color), 0.25) rgb(var(--body-background-color));
|
||||||
|
|||||||
@ -11,18 +11,18 @@ textarea {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* .global-buttons-container input:disabled::-webkit-input-placeholder { !* WebKit browsers *! */
|
/*.global-buttons-container input:disabled::-webkit-input-placeholder { !* WebKit browsers *!*/
|
||||||
/* color: #98A0AB; */
|
/* color: #98A0AB;*/
|
||||||
/* } */
|
/*}*/
|
||||||
/* .global-buttons-container input:disabled:-moz-placeholder { !* Mozilla Firefox 4 to 18 *! */
|
/*.global-buttons-container input:disabled:-moz-placeholder { !* Mozilla Firefox 4 to 18 *!*/
|
||||||
/* color: #98A0AB; */
|
/* color: #98A0AB;*/
|
||||||
/* } */
|
/*}*/
|
||||||
/* .global-buttons-container input:disabled::-moz-placeholder { !* Mozilla Firefox 19+ *! */
|
/*.global-buttons-container input:disabled::-moz-placeholder { !* Mozilla Firefox 19+ *!*/
|
||||||
/* color: #98A0AB; */
|
/* color: #98A0AB;*/
|
||||||
/* } */
|
/*}*/
|
||||||
/* .global-buttons-container input:disabled:-ms-input-placeholder { !* Internet Explorer 10+ *! */
|
/*.global-buttons-container input:disabled:-ms-input-placeholder { !* Internet Explorer 10+ *!*/
|
||||||
/* color: #98A0AB; */
|
/* color: #98A0AB;*/
|
||||||
/* } */
|
/*}*/
|
||||||
/* Scrollbar */
|
/* Scrollbar */
|
||||||
*::-webkit-scrollbar {
|
*::-webkit-scrollbar {
|
||||||
background: var(--md-sys-color-surface);
|
background: var(--md-sys-color-surface);
|
||||||
@ -54,7 +54,7 @@ td {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.input-group-append {
|
.input-group-append {
|
||||||
margin: 0 0.5rem !important;
|
margin: 0rem 0.5rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-header {
|
.card-header {
|
||||||
@ -86,11 +86,12 @@ td {
|
|||||||
.modal-body,
|
.modal-body,
|
||||||
.modal-footer {
|
.modal-footer {
|
||||||
background-color: var(--md-sys-color-surface-5);
|
background-color: var(--md-sys-color-surface-5);
|
||||||
|
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-header {
|
.modal-header {
|
||||||
border-radius: 2rem 2rem 0 0;
|
border-radius: 2rem 2rem 0rem 0rem;
|
||||||
padding: 1.5rem 2rem 0.5rem;
|
padding: 1.5rem 2rem 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -99,7 +100,7 @@ td {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.modal-footer {
|
.modal-footer {
|
||||||
border-radius: 0 0 2rem 2rem;
|
border-radius: 0rem 0rem 2rem 2rem;
|
||||||
padding: 0.5rem 2rem 1.5rem;
|
padding: 0.5rem 2rem 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -108,7 +109,7 @@ td {
|
|||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Navbar Icon */
|
/* Navbar Icon*/
|
||||||
.nav-icon {
|
.nav-icon {
|
||||||
color: var(--md-sys-color-surface);
|
color: var(--md-sys-color-surface);
|
||||||
}
|
}
|
||||||
@ -174,13 +175,13 @@ td {
|
|||||||
background-color: var(--md-nav-section-color-ppt);
|
background-color: var(--md-nav-section-color-ppt);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tool Page Header */
|
/* Tool Page Header*/
|
||||||
.tool-header {
|
.tool-header {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-header .tool-header-icon {
|
.tool-header .tool-header-icon {
|
||||||
margin: 0 1rem;
|
margin: 0px 1rem;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
width: 4rem;
|
width: 4rem;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
@ -199,7 +200,7 @@ td {
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Home Card Colors */
|
/* Home Card Colors*/
|
||||||
.feature-card .nav-icon {
|
.feature-card .nav-icon {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-size: 2rem !important;
|
font-size: 2rem !important;
|
||||||
@ -562,13 +563,12 @@ fieldset:disabled .btn {
|
|||||||
.form-range{
|
.form-range{
|
||||||
margin-top: 0.25rem;
|
margin-top: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-range:focus::-webkit-slider-thumb {
|
.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 {
|
.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 {
|
.form-range::-webkit-slider-thumb {
|
||||||
@ -577,11 +577,11 @@ fieldset:disabled .btn {
|
|||||||
|
|
||||||
|
|
||||||
.form-range::-webkit-slider-thumb:active {
|
.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 {
|
.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 {
|
.form-range::-moz-range-thumb {
|
||||||
@ -692,7 +692,6 @@ fieldset:disabled .btn {
|
|||||||
.form-check > input:first-child:disabled + input[type="hidden"] + label::before {
|
.form-check > input:first-child:disabled + input[type="hidden"] + label::before {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
/* stylelint-disable-next-line declaration-property-value-no-unknown */
|
|
||||||
filter: alpha(opacity=65);
|
filter: alpha(opacity=65);
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@ -903,7 +902,6 @@ textarea.form-control {
|
|||||||
border-radius: 3rem;
|
border-radius: 3rem;
|
||||||
font-variation-settings: var(--md-sys-icon-fill-1);
|
font-variation-settings: var(--md-sys-icon-fill-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-item.no-hover:hover,
|
.dropdown-item.no-hover:hover,
|
||||||
.dropdown-item.no-hover:focus {
|
.dropdown-item.no-hover:focus {
|
||||||
color: var(--md-sys-color-on-surface) !important;
|
color: var(--md-sys-color-on-surface) !important;
|
||||||
@ -929,26 +927,26 @@ textarea.form-control {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.list-group-item:first-child {
|
.list-group-item:first-child {
|
||||||
border-radius: 1rem 1rem 0 0;
|
border-radius: 1rem 1rem 0rem 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-group-item:last-child {
|
.list-group-item:last-child {
|
||||||
border-radius: 0 0 1rem 1rem;
|
border-radius: 0rem 0rem 1rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-group-item:only-child {
|
.list-group-item:only-child {
|
||||||
border-radius: 1rem;
|
border-radius: 1rem 1rem 1rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-group-item .btn {
|
.list-group-item .btn {
|
||||||
padding: .375rem .5rem;
|
padding: .375rem .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Alert */
|
/*Alert */
|
||||||
.alert-container {
|
.alert-container {
|
||||||
padding: 2rem 3rem;
|
padding: 2rem 3rem;
|
||||||
border-radius: 3rem;
|
border-radius: 3rem;
|
||||||
margin: 1rem 0 2rem;
|
margin: 1rem 0rem 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert-header {
|
.alert-header {
|
||||||
|
|||||||
@ -2,13 +2,12 @@
|
|||||||
font-family: 'Material Symbols Rounded';
|
font-family: 'Material Symbols Rounded';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 100 700;
|
font-weight: 100 700;
|
||||||
src: url("../../fonts/google-symbol.woff2") format('woff2');
|
src: url(../../fonts/google-symbol.woff2) format('woff2');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.material-symbols-rounded {
|
.material-symbols-rounded {
|
||||||
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
|
|
||||||
font-family: 'Material Symbols Rounded';
|
font-family: 'Material Symbols Rounded';
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -21,6 +20,5 @@
|
|||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
-webkit-font-feature-settings: 'liga';
|
-webkit-font-feature-settings: 'liga';
|
||||||
font-feature-settings: 'liga';
|
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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-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-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%);
|
--md-sys-color-surface-5: color-mix(in srgb, var(--md-sys-color-primary) 13%, rgba(0, 0, 255, 0.14) 5%);
|
||||||
|
|
||||||
/* Icon fill */
|
/* Icon fill */
|
||||||
--md-sys-icon-fill-0: 'FILL' 0, 'wght' 500;
|
--md-sys-icon-fill-0: 'FILL' 0, 'wght' 500;
|
||||||
--md-sys-icon-fill-1: 'FILL' 1, 'wght' 500;
|
--md-sys-icon-fill-1: 'FILL' 1, 'wght' 500;
|
||||||
|
|
||||||
/* Hover Color */
|
/* Hover Color */
|
||||||
--md-sys-state-hover-opacity: color-mix(in srgb, var(--md-sys-color-primary), rgba(0, 0, 0, 0) 80%);
|
--md-sys-state-hover-opacity: color-mix(in srgb, var(--md-sys-color-primary), rgba(0, 0, 0, 0) 80%);
|
||||||
|
|
||||||
/* Shadow */
|
/* Shadow */
|
||||||
--md-sys-color-shadow: #000;
|
--md-sys-color-shadow: #000000;
|
||||||
--md-elevation-shadow-color-rgb: 0, 0, 0;
|
--md-elevation-shadow-color-rgb: 0, 0, 0;
|
||||||
--md-elevation-shadow-color: var(--md-elevation-shadow-color-rgb);
|
--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-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-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);
|
--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);
|
||||||
|
|||||||
@ -49,7 +49,6 @@
|
|||||||
--md-sys-color-surface-container: rgb(28 32 38);
|
--md-sys-color-surface-container: rgb(28 32 38);
|
||||||
--md-sys-color-surface-container-high: rgb(38 42 49);
|
--md-sys-color-surface-container-high: rgb(38 42 49);
|
||||||
--md-sys-color-surface-container-highest: rgb(49 53 60);
|
--md-sys-color-surface-container-highest: rgb(49 53 60);
|
||||||
|
|
||||||
/* Tools Color */
|
/* Tools Color */
|
||||||
--md-nav-section-color-opacity: 1;
|
--md-nav-section-color-opacity: 1;
|
||||||
--md-nav-on-section-color-opacity: 1;
|
--md-nav-on-section-color-opacity: 1;
|
||||||
|
|||||||
@ -49,7 +49,6 @@
|
|||||||
--md-sys-color-surface-container: rgb(235 238 247);
|
--md-sys-color-surface-container: rgb(235 238 247);
|
||||||
--md-sys-color-surface-container-high: rgb(229 232 241);
|
--md-sys-color-surface-container-high: rgb(229 232 241);
|
||||||
--md-sys-color-surface-container-highest: rgb(223 226 235);
|
--md-sys-color-surface-container-highest: rgb(223 226 235);
|
||||||
|
|
||||||
/* Tools Color */
|
/* Tools Color */
|
||||||
--md-nav-section-color-opacity: 1;
|
--md-nav-section-color-opacity: 1;
|
||||||
--md-nav-on-section-color-opacity: 1;
|
--md-nav-on-section-color-opacity: 1;
|
||||||
|
|||||||
@ -21,7 +21,6 @@
|
|||||||
#PDFBug :is(input, button, select) {
|
#PDFBug :is(input, button, select) {
|
||||||
font: message-box;
|
font: message-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug {
|
#PDFBug {
|
||||||
background-color: rgb(255 255 255);
|
background-color: rgb(255 255 255);
|
||||||
border: 1px solid rgb(102 102 102);
|
border: 1px solid rgb(102 102 102);
|
||||||
@ -33,58 +32,47 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
width: var(--panel-width);
|
width: var(--panel-width);
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug .controls {
|
#PDFBug .controls {
|
||||||
background: rgb(238 238 238);
|
background: rgb(238 238 238);
|
||||||
border-bottom: 1px solid rgb(102 102 102);
|
border-bottom: 1px solid rgb(102 102 102);
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug .panels {
|
#PDFBug .panels {
|
||||||
inset: 27px 0 0;
|
inset: 27px 0 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug .panels > div {
|
#PDFBug .panels > div {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug button.active {
|
#PDFBug button.active {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.debuggerShowText,
|
.debuggerShowText,
|
||||||
.debuggerHideText:hover {
|
.debuggerHideText:hover {
|
||||||
background-color: rgb(255 255 0 / 0.25);
|
background-color: rgb(255 255 0 / 0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug .stats {
|
#PDFBug .stats {
|
||||||
font-family: courier, monospace;
|
font-family: courier;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug .stats .title {
|
#PDFBug .stats .title {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug table {
|
#PDFBug table {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug table.showText {
|
#PDFBug table.showText {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug table.showText,
|
#PDFBug table.showText,
|
||||||
#PDFBug table.showText :is(tr, td) {
|
#PDFBug table.showText :is(tr, td) {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PDFBug table.showText td.advance {
|
#PDFBug table.showText td.advance {
|
||||||
color: grey;
|
color: grey;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -22,19 +22,23 @@
|
|||||||
--hover-filter: brightness(0.9);
|
--hover-filter: brightness(0.9);
|
||||||
--focus-ring-color: #0060df;
|
--focus-ring-color: #0060df;
|
||||||
--focus-ring-outline: 2px solid var(--focus-ring-color);
|
--focus-ring-outline: 2px solid var(--focus-ring-color);
|
||||||
|
|
||||||
--textarea-border-color: #8f8f9d;
|
--textarea-border-color: #8f8f9d;
|
||||||
--textarea-bg-color: white;
|
--textarea-bg-color: white;
|
||||||
--textarea-fg-color: var(--text-secondary-color);
|
--textarea-fg-color: var(--text-secondary-color);
|
||||||
|
|
||||||
--radio-bg-color: #f0f0f4;
|
--radio-bg-color: #f0f0f4;
|
||||||
--radio-checked-bg-color: #fbfbfe;
|
--radio-checked-bg-color: #fbfbfe;
|
||||||
--radio-border-color: #8f8f9d;
|
--radio-border-color: #8f8f9d;
|
||||||
--radio-checked-border-color: #0060df;
|
--radio-checked-border-color: #0060df;
|
||||||
|
|
||||||
--button-secondary-bg-color: #f0f0f4;
|
--button-secondary-bg-color: #f0f0f4;
|
||||||
--button-secondary-fg-color: var(--text-primary-color);
|
--button-secondary-fg-color: var(--text-primary-color);
|
||||||
--button-secondary-border-color: var(--button-secondary-bg-color);
|
--button-secondary-border-color: var(--button-secondary-bg-color);
|
||||||
--button-secondary-hover-bg-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-fg-color: var(--button-secondary-fg-color);
|
||||||
--button-secondary-hover-border-color: var(--button-secondary-hover-bg-color);
|
--button-secondary-hover-border-color: var(--button-secondary-hover-bg-color);
|
||||||
|
|
||||||
--button-primary-bg-color: #0060df;
|
--button-primary-bg-color: #0060df;
|
||||||
--button-primary-fg-color: #fbfbfe;
|
--button-primary-fg-color: #fbfbfe;
|
||||||
--button-primary-hover-bg-color: var(--button-primary-bg-color);
|
--button-primary-hover-bg-color: var(--button-primary-bg-color);
|
||||||
@ -62,10 +66,13 @@
|
|||||||
--text-secondary-color: #cfcfd8;
|
--text-secondary-color: #cfcfd8;
|
||||||
--focus-ring-color: #0df;
|
--focus-ring-color: #0df;
|
||||||
--hover-filter: brightness(1.4);
|
--hover-filter: brightness(1.4);
|
||||||
|
|
||||||
--textarea-bg-color: #42414d;
|
--textarea-bg-color: #42414d;
|
||||||
|
|
||||||
--radio-bg-color: #2b2a33;
|
--radio-bg-color: #2b2a33;
|
||||||
--radio-checked-bg-color: #15141a;
|
--radio-checked-bg-color: #15141a;
|
||||||
--radio-checked-border-color: #0df;
|
--radio-checked-border-color: #0df;
|
||||||
|
|
||||||
--button-secondary-bg-color: #2b2a33;
|
--button-secondary-bg-color: #2b2a33;
|
||||||
--button-primary-bg-color: #0df;
|
--button-primary-bg-color: #0df;
|
||||||
--button-primary-fg-color: #15141a;
|
--button-primary-fg-color: #15141a;
|
||||||
@ -80,10 +87,13 @@
|
|||||||
--text-secondary-color: #cfcfd8;
|
--text-secondary-color: #cfcfd8;
|
||||||
--focus-ring-color: #0df;
|
--focus-ring-color: #0df;
|
||||||
--hover-filter: brightness(1.4);
|
--hover-filter: brightness(1.4);
|
||||||
|
|
||||||
--textarea-bg-color: #42414d;
|
--textarea-bg-color: #42414d;
|
||||||
|
|
||||||
--radio-bg-color: #2b2a33;
|
--radio-bg-color: #2b2a33;
|
||||||
--radio-checked-bg-color: #15141a;
|
--radio-checked-bg-color: #15141a;
|
||||||
--radio-checked-border-color: #0df;
|
--radio-checked-border-color: #0df;
|
||||||
|
|
||||||
--button-secondary-bg-color: #2b2a33;
|
--button-secondary-bg-color: #2b2a33;
|
||||||
--button-primary-bg-color: #0df;
|
--button-primary-bg-color: #0df;
|
||||||
--button-primary-fg-color: #15141a;
|
--button-primary-fg-color: #15141a;
|
||||||
@ -98,18 +108,22 @@
|
|||||||
--text-secondary-color: CanvasText;
|
--text-secondary-color: CanvasText;
|
||||||
--hover-filter: none;
|
--hover-filter: none;
|
||||||
--focus-ring-color: ButtonBorder;
|
--focus-ring-color: ButtonBorder;
|
||||||
|
|
||||||
--textarea-border-color: ButtonBorder;
|
--textarea-border-color: ButtonBorder;
|
||||||
--textarea-bg-color: Field;
|
--textarea-bg-color: Field;
|
||||||
--textarea-fg-color: ButtonText;
|
--textarea-fg-color: ButtonText;
|
||||||
|
|
||||||
--radio-bg-color: ButtonFace;
|
--radio-bg-color: ButtonFace;
|
||||||
--radio-checked-bg-color: ButtonFace;
|
--radio-checked-bg-color: ButtonFace;
|
||||||
--radio-border-color: ButtonText;
|
--radio-border-color: ButtonText;
|
||||||
--radio-checked-border-color: ButtonText;
|
--radio-checked-border-color: ButtonText;
|
||||||
|
|
||||||
--button-secondary-bg-color: ButtonFace;
|
--button-secondary-bg-color: ButtonFace;
|
||||||
--button-secondary-fg-color: ButtonText;
|
--button-secondary-fg-color: ButtonText;
|
||||||
--button-secondary-border-color: ButtonText;
|
--button-secondary-border-color: ButtonText;
|
||||||
--button-secondary-hover-bg-color: AccentColor;
|
--button-secondary-hover-bg-color: AccentColor;
|
||||||
--button-secondary-hover-fg-color: AccentColorText;
|
--button-secondary-hover-fg-color: AccentColorText;
|
||||||
|
|
||||||
--button-primary-bg-color: ButtonText;
|
--button-primary-bg-color: ButtonText;
|
||||||
--button-primary-fg-color: ButtonFace;
|
--button-primary-fg-color: ButtonFace;
|
||||||
--button-primary-hover-bg-color: AccentColor;
|
--button-primary-hover-bg-color: AccentColor;
|
||||||
@ -1028,6 +1042,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
|
|
||||||
.xfaTextfield,
|
.xfaTextfield,
|
||||||
.xfaSelect {
|
.xfaSelect {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
@ -1128,6 +1143,7 @@
|
|||||||
--size-item-small: 16px;
|
--size-item-small: 16px;
|
||||||
--size-item-large: 32px;
|
--size-item-large: 32px;
|
||||||
--color-canvas: white;
|
--color-canvas: white;
|
||||||
|
|
||||||
--toggle-background-color: var(--button-background-color);
|
--toggle-background-color: var(--button-background-color);
|
||||||
--toggle-background-color-hover: var(--button-background-color-hover);
|
--toggle-background-color-hover: var(--button-background-color-hover);
|
||||||
--toggle-background-color-active: var(--button-background-color-active);
|
--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));
|
--toggle-dot-transform-x: calc(var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width));
|
||||||
|
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
|
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
|
|
||||||
appearance: none;
|
appearance: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -1348,10 +1366,10 @@
|
|||||||
--resizer-size: 6px;
|
--resizer-size: 6px;
|
||||||
--resizer-shift: calc(0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width));
|
--resizer-shift: calc(0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width));
|
||||||
--editorFreeText-editing-cursor: text;
|
--editorFreeText-editing-cursor: text;
|
||||||
--editorInk-editing-cursor: url("../images/cursor-editorInk.svg") 0 16, pointer;
|
--editorInk-editing-cursor: url(../images/cursor-editorInk.svg) 0 16, pointer;
|
||||||
--editorHighlight-editing-cursor: url("../images/cursor-editorTextHighlight.svg") 24 24,
|
--editorHighlight-editing-cursor: url(../images/cursor-editorTextHighlight.svg) 24 24,
|
||||||
text;
|
text;
|
||||||
--editorFreeHighlight-editing-cursor: url("../images/cursor-editorFreeHighlight.svg") 1 18,
|
--editorFreeHighlight-editing-cursor: url(../images/cursor-editorFreeHighlight.svg) 1 18,
|
||||||
pointer;
|
pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1383,7 +1401,7 @@
|
|||||||
|
|
||||||
@media (min-resolution: 1.1dppx) {
|
@media (min-resolution: 1.1dppx) {
|
||||||
:root {
|
:root {
|
||||||
--editorFreeText-editing-cursor: url("../images/cursor-editorFreeText.svg") 0 16,
|
--editorFreeText-editing-cursor: url(../images/cursor-editorFreeText.svg) 0 16,
|
||||||
text;
|
text;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1486,9 +1504,9 @@
|
|||||||
|
|
||||||
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
||||||
.textLayer) .editToolbar {
|
.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-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-fg-color: #2e2e56;
|
||||||
--editor-toolbar-border-color: #8f8f9d;
|
--editor-toolbar-border-color: #8f8f9d;
|
||||||
--editor-toolbar-hover-border-color: var(--editor-toolbar-border-color);
|
--editor-toolbar-hover-border-color: var(--editor-toolbar-border-color);
|
||||||
@ -1512,9 +1530,11 @@
|
|||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
padding: var(--editor-toolbar-padding);
|
padding: var(--editor-toolbar-padding);
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset-inline-end: 0;
|
inset-inline-end: 0;
|
||||||
inset-block-start: calc(100% + var(--editor-toolbar-vert-offset));
|
inset-block-start: calc(100% + var(--editor-toolbar-vert-offset));
|
||||||
|
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background-color: var(--editor-toolbar-bg-color);
|
background-color: var(--editor-toolbar-bg-color);
|
||||||
border: 1px solid var(--editor-toolbar-border-color);
|
border: 1px solid var(--editor-toolbar-border-color);
|
||||||
@ -1522,6 +1542,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|
||||||
:where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
:where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
||||||
.textLayer) .editToolbar {
|
.textLayer) .editToolbar {
|
||||||
--editor-toolbar-bg-color: #2b2a33;
|
--editor-toolbar-bg-color: #2b2a33;
|
||||||
@ -1540,6 +1561,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active) {
|
@media screen and (forced-colors: active) {
|
||||||
|
|
||||||
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
||||||
.textLayer) .editToolbar {
|
.textLayer) .editToolbar {
|
||||||
--editor-toolbar-bg-color: ButtonFace;
|
--editor-toolbar-bg-color: ButtonFace;
|
||||||
@ -1676,8 +1698,8 @@
|
|||||||
|
|
||||||
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
||||||
.textLayer) .editToolbar .buttons .altText {
|
.textLayer) .editToolbar .buttons .altText {
|
||||||
--alt-text-add-image: url("../images/altText_add.svg");
|
--alt-text-add-image: url(../images/altText_add.svg);
|
||||||
--alt-text-done-image: url("../images/altText_done.svg");
|
--alt-text-done-image: url(../images/altText_done.svg);
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -1750,14 +1772,17 @@
|
|||||||
width: max-content;
|
width: max-content;
|
||||||
height: auto;
|
height: auto;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
border: 0.5px solid var(--alt-text-tooltip-border);
|
border: 0.5px solid var(--alt-text-tooltip-border);
|
||||||
background: var(--alt-text-tooltip-bg);
|
background: var(--alt-text-tooltip-bg);
|
||||||
box-shadow: var(--alt-text-tooltip-shadow);
|
box-shadow: var(--alt-text-tooltip-shadow);
|
||||||
color: var(--alt-text-tooltip-fg);
|
color: var(--alt-text-tooltip-fg);
|
||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|
||||||
:where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
:where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
||||||
.textLayer) .editToolbar .buttons .altText .tooltip.show {
|
.textLayer) .editToolbar .buttons .altText .tooltip.show {
|
||||||
--alt-text-tooltip-bg: #1c1b22;
|
--alt-text-tooltip-bg: #1c1b22;
|
||||||
@ -1774,6 +1799,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active) {
|
@media screen and (forced-colors: active) {
|
||||||
|
|
||||||
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),
|
||||||
.textLayer) .editToolbar .buttons .altText .tooltip.show {
|
.textLayer) .editToolbar .buttons .altText .tooltip.show {
|
||||||
--alt-text-tooltip-bg: Canvas;
|
--alt-text-tooltip-bg: Canvas;
|
||||||
@ -1812,7 +1838,7 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotationEditorLayer freetexteditor .overlay.enabled {
|
.annotationEditorLayer freeTextEditor .overlay.enabled {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -2059,8 +2085,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dialog.altText::backdrop {
|
.dialog.altText::backdrop {
|
||||||
-webkit-mask: url("#alttext-manager-mask");
|
-webkit-mask: url(#alttext-manager-mask);
|
||||||
mask: url("#alttext-manager-mask");
|
mask: url(#alttext-manager-mask);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog.altText.positioned {
|
.dialog.altText.positioned {
|
||||||
@ -2213,7 +2239,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.annotationEditorLayer .highlightEditor .editToolbar {
|
.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;
|
transform-origin: center !important;
|
||||||
}
|
}
|
||||||
@ -2650,17 +2676,21 @@ html[data-toolbar-density="touch"] {
|
|||||||
--dir-factor: 1;
|
--dir-factor: 1;
|
||||||
--inline-start: left;
|
--inline-start: left;
|
||||||
--inline-end: right;
|
--inline-end: right;
|
||||||
|
|
||||||
--sidebar-width: 200px;
|
--sidebar-width: 200px;
|
||||||
--sidebar-transition-duration: 200ms;
|
--sidebar-transition-duration: 200ms;
|
||||||
--sidebar-transition-timing-function: ease;
|
--sidebar-transition-timing-function: ease;
|
||||||
|
|
||||||
--toolbar-height: 3.75rem;
|
--toolbar-height: 3.75rem;
|
||||||
--toolButton-height: 3rem;
|
--toolButton-height: 3rem;
|
||||||
--toolButton-width: 3rem;
|
--toolButton-width: 3rem;
|
||||||
--toolButton-icon-font-size: 2.5rem;
|
--toolButton-icon-font-size: 2.5rem;
|
||||||
--toolButton-border-radius: 15px;
|
--toolButton-border-radius: 15px;
|
||||||
|
|
||||||
--toolbar-icon-opacity: 0.7;
|
--toolbar-icon-opacity: 0.7;
|
||||||
--doorhanger-icon-opacity: 0.9;
|
--doorhanger-icon-opacity: 0.9;
|
||||||
--editor-toolbar-base-offset: 105px;
|
--editor-toolbar-base-offset: 105px;
|
||||||
|
|
||||||
--main-color: rgb(12 12 13);
|
--main-color: rgb(12 12 13);
|
||||||
--body-bg-color: rgb(212 212 215);
|
--body-bg-color: rgb(212 212 215);
|
||||||
--progressBar-color: rgb(10 132 255);
|
--progressBar-color: rgb(10 132 255);
|
||||||
@ -2670,6 +2700,7 @@ html[data-toolbar-density="touch"] {
|
|||||||
--scrollbar-bg-color: auto;
|
--scrollbar-bg-color: auto;
|
||||||
--toolbar-icon-bg-color: rgb(0 0 0);
|
--toolbar-icon-bg-color: rgb(0 0 0);
|
||||||
--toolbar-icon-hover-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-narrow-bg-color: rgb(212 212 215 / 0.9);
|
||||||
--sidebar-toolbar-bg-color: rgb(245 246 247);
|
--sidebar-toolbar-bg-color: rgb(245 246 247);
|
||||||
--toolbar-bg-color: rgb(249 249 250);
|
--toolbar-bg-color: rgb(249 249 250);
|
||||||
@ -2705,49 +2736,50 @@ html[data-toolbar-density="touch"] {
|
|||||||
--dialog-button-border: none;
|
--dialog-button-border: none;
|
||||||
--dialog-button-bg-color: rgb(12 12 13 / 0.1);
|
--dialog-button-bg-color: rgb(12 12 13 / 0.1);
|
||||||
--dialog-button-hover-bg-color: rgb(12 12 13 / 0.3);
|
--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");
|
--loading-icon: url(../images/loading.svg);
|
||||||
--treeitem-collapsed-icon: url("../images/treeitem-collapsed.svg");
|
--treeitem-expanded-icon: url(../images/treeitem-expanded.svg);
|
||||||
--toolbarButton-editorFreeText-icon: url("../images/toolbarButton-editorFreeText.svg");
|
--treeitem-collapsed-icon: url(../images/treeitem-collapsed.svg);
|
||||||
--toolbarButton-editorHighlight-icon: url("../images/toolbarButton-editorHighlight.svg");
|
--toolbarButton-editorFreeText-icon: url(../images/toolbarButton-editorFreeText.svg);
|
||||||
--toolbarButton-editorInk-icon: url("../images/toolbarButton-editorInk.svg");
|
--toolbarButton-editorHighlight-icon: url(../images/toolbarButton-editorHighlight.svg);
|
||||||
--toolbarButton-editorStamp-icon: url("../images/toolbarButton-editorStamp.svg");
|
--toolbarButton-editorInk-icon: url(../images/toolbarButton-editorInk.svg);
|
||||||
--toolbarButton-menuArrow-icon: url("../images/toolbarButton-menuArrow.svg");
|
--toolbarButton-editorStamp-icon: url(../images/toolbarButton-editorStamp.svg);
|
||||||
--toolbarButton-sidebarToggle-icon: url("../images/toolbarButton-sidebarToggle.svg");
|
--toolbarButton-menuArrow-icon: url(../images/toolbarButton-menuArrow.svg);
|
||||||
--toolbarButton-secondaryToolbarToggle-icon: url("../images/toolbarButton-secondaryToolbarToggle.svg");
|
--toolbarButton-sidebarToggle-icon: url(../images/toolbarButton-sidebarToggle.svg);
|
||||||
--toolbarButton-pageUp-icon: url("../images/toolbarButton-pageUp.svg");
|
--toolbarButton-secondaryToolbarToggle-icon: url(../images/toolbarButton-secondaryToolbarToggle.svg);
|
||||||
--toolbarButton-pageDown-icon: url("../images/toolbarButton-pageDown.svg");
|
--toolbarButton-pageUp-icon: url(../images/toolbarButton-pageUp.svg);
|
||||||
--toolbarButton-zoomOut-icon: url("../images/toolbarButton-zoomOut.svg");
|
--toolbarButton-pageDown-icon: url(../images/toolbarButton-pageDown.svg);
|
||||||
--toolbarButton-zoomIn-icon: url("../images/toolbarButton-zoomIn.svg");
|
--toolbarButton-zoomOut-icon: url(../images/toolbarButton-zoomOut.svg);
|
||||||
--toolbarButton-presentationMode-icon: url("../images/toolbarButton-presentationMode.svg");
|
--toolbarButton-zoomIn-icon: url(../images/toolbarButton-zoomIn.svg);
|
||||||
--toolbarButton-print-icon: url("../images/toolbarButton-print.svg");
|
--toolbarButton-presentationMode-icon: url(../images/toolbarButton-presentationMode.svg);
|
||||||
--toolbarButton-openFile-icon: url("../images/toolbarButton-openFile.svg");
|
--toolbarButton-print-icon: url(../images/toolbarButton-print.svg);
|
||||||
--toolbarButton-download-icon: url("../images/toolbarButton-download.svg");
|
--toolbarButton-openFile-icon: url(../images/toolbarButton-openFile.svg);
|
||||||
--toolbarButton-bookmark-icon: url("../images/toolbarButton-bookmark.svg");
|
--toolbarButton-download-icon: url(../images/toolbarButton-download.svg);
|
||||||
--toolbarButton-viewThumbnail-icon: url("../images/toolbarButton-viewThumbnail.svg");
|
--toolbarButton-bookmark-icon: url(../images/toolbarButton-bookmark.svg);
|
||||||
--toolbarButton-viewOutline-icon: url("../images/toolbarButton-viewOutline.svg");
|
--toolbarButton-viewThumbnail-icon: url(../images/toolbarButton-viewThumbnail.svg);
|
||||||
--toolbarButton-viewAttachments-icon: url("../images/toolbarButton-viewAttachments.svg");
|
--toolbarButton-viewOutline-icon: url(../images/toolbarButton-viewOutline.svg);
|
||||||
--toolbarButton-viewLayers-icon: url("../images/toolbarButton-viewLayers.svg");
|
--toolbarButton-viewAttachments-icon: url(../images/toolbarButton-viewAttachments.svg);
|
||||||
--toolbarButton-currentOutlineItem-icon: url("../images/toolbarButton-currentOutlineItem.svg");
|
--toolbarButton-viewLayers-icon: url(../images/toolbarButton-viewLayers.svg);
|
||||||
--toolbarButton-search-icon: url("../images/toolbarButton-search.svg");
|
--toolbarButton-currentOutlineItem-icon: url(../images/toolbarButton-currentOutlineItem.svg);
|
||||||
--toolbarButton-backToHome-icon: url("../images/toolbarButton-home.svg");
|
--toolbarButton-search-icon: url(../images/toolbarButton-search.svg);
|
||||||
--findbarButton-previous-icon: url("../images/findbarButton-previous.svg");
|
--toolbarButton-backToHome-icon: url(../images/toolbarButton-home.svg);
|
||||||
--findbarButton-next-icon: url("../images/findbarButton-next.svg");
|
--findbarButton-previous-icon: url(../images/findbarButton-previous.svg);
|
||||||
--secondaryToolbarButton-firstPage-icon: url("../images/secondaryToolbarButton-firstPage.svg");
|
--findbarButton-next-icon: url(../images/findbarButton-next.svg);
|
||||||
--secondaryToolbarButton-lastPage-icon: url("../images/secondaryToolbarButton-lastPage.svg");
|
--secondaryToolbarButton-firstPage-icon: url(../images/secondaryToolbarButton-firstPage.svg);
|
||||||
--secondaryToolbarButton-rotateCcw-icon: url("../images/secondaryToolbarButton-rotateCcw.svg");
|
--secondaryToolbarButton-lastPage-icon: url(../images/secondaryToolbarButton-lastPage.svg);
|
||||||
--secondaryToolbarButton-rotateCw-icon: url("../images/secondaryToolbarButton-rotateCw.svg");
|
--secondaryToolbarButton-rotateCcw-icon: url(../images/secondaryToolbarButton-rotateCcw.svg);
|
||||||
--secondaryToolbarButton-selectTool-icon: url("../images/secondaryToolbarButton-selectTool.svg");
|
--secondaryToolbarButton-rotateCw-icon: url(../images/secondaryToolbarButton-rotateCw.svg);
|
||||||
--secondaryToolbarButton-handTool-icon: url("../images/secondaryToolbarButton-handTool.svg");
|
--secondaryToolbarButton-selectTool-icon: url(../images/secondaryToolbarButton-selectTool.svg);
|
||||||
--secondaryToolbarButton-scrollPage-icon: url("../images/secondaryToolbarButton-scrollPage.svg");
|
--secondaryToolbarButton-handTool-icon: url(../images/secondaryToolbarButton-handTool.svg);
|
||||||
--secondaryToolbarButton-scrollVertical-icon: url("../images/secondaryToolbarButton-scrollVertical.svg");
|
--secondaryToolbarButton-scrollPage-icon: url(../images/secondaryToolbarButton-scrollPage.svg);
|
||||||
--secondaryToolbarButton-scrollHorizontal-icon: url("../images/secondaryToolbarButton-scrollHorizontal.svg");
|
--secondaryToolbarButton-scrollVertical-icon: url(../images/secondaryToolbarButton-scrollVertical.svg);
|
||||||
--secondaryToolbarButton-scrollWrapped-icon: url("../images/secondaryToolbarButton-scrollWrapped.svg");
|
--secondaryToolbarButton-scrollHorizontal-icon: url(../images/secondaryToolbarButton-scrollHorizontal.svg);
|
||||||
--secondaryToolbarButton-spreadNone-icon: url("../images/secondaryToolbarButton-spreadNone.svg");
|
--secondaryToolbarButton-scrollWrapped-icon: url(../images/secondaryToolbarButton-scrollWrapped.svg);
|
||||||
--secondaryToolbarButton-spreadOdd-icon: url("../images/secondaryToolbarButton-spreadOdd.svg");
|
--secondaryToolbarButton-spreadNone-icon: url(../images/secondaryToolbarButton-spreadNone.svg);
|
||||||
--secondaryToolbarButton-spreadEven-icon: url("../images/secondaryToolbarButton-spreadEven.svg");
|
--secondaryToolbarButton-spreadOdd-icon: url(../images/secondaryToolbarButton-spreadOdd.svg);
|
||||||
--secondaryToolbarButton-documentProperties-icon: url("../images/secondaryToolbarButton-documentProperties.svg");
|
--secondaryToolbarButton-spreadEven-icon: url(../images/secondaryToolbarButton-spreadEven.svg);
|
||||||
--editorParams-stampAddImage-icon: url("../images/toolbarButton-zoomIn.svg");
|
--secondaryToolbarButton-documentProperties-icon: url(../images/secondaryToolbarButton-documentProperties.svg);
|
||||||
|
--editorParams-stampAddImage-icon: url(../images/toolbarButton-zoomIn.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
[dir="rtl"]:root {
|
[dir="rtl"]:root {
|
||||||
@ -2767,6 +2799,7 @@ html[data-toolbar-density="touch"] {
|
|||||||
--scrollbar-bg-color: rgb(35 35 39);
|
--scrollbar-bg-color: rgb(35 35 39);
|
||||||
--toolbar-icon-bg-color: rgb(255 255 255);
|
--toolbar-icon-bg-color: rgb(255 255 255);
|
||||||
--toolbar-icon-hover-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-narrow-bg-color: rgb(42 42 46 / 0.9);
|
||||||
--sidebar-toolbar-bg-color: rgb(50 50 52);
|
--sidebar-toolbar-bg-color: rgb(50 50 52);
|
||||||
--toolbar-bg-color: rgb(56 56 61);
|
--toolbar-bg-color: rgb(56 56 61);
|
||||||
@ -2807,6 +2840,7 @@ html[data-toolbar-density="touch"] {
|
|||||||
--scrollbar-bg-color: rgb(35 35 39);
|
--scrollbar-bg-color: rgb(35 35 39);
|
||||||
--toolbar-icon-bg-color: rgb(255 255 255);
|
--toolbar-icon-bg-color: rgb(255 255 255);
|
||||||
--toolbar-icon-hover-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-narrow-bg-color: rgb(42 42 46 / 0.9);
|
||||||
--sidebar-toolbar-bg-color: rgb(50 50 52);
|
--sidebar-toolbar-bg-color: rgb(50 50 52);
|
||||||
--toolbar-bg-color: rgb(56 56 61);
|
--toolbar-bg-color: rgb(56 56 61);
|
||||||
@ -3016,7 +3050,6 @@ body {
|
|||||||
.editorParamsToolbar {
|
.editorParamsToolbar {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: var(--toolbar-height);
|
height: var(--toolbar-height);
|
||||||
|
|
||||||
/* background-color:var(--toolbar-bg-color); */
|
/* background-color:var(--toolbar-bg-color); */
|
||||||
background-color: var(--md-sys-color-surface-5);
|
background-color: var(--md-sys-color-surface-5);
|
||||||
box-shadow: var(--toolbar-box-shadow);
|
box-shadow: var(--toolbar-box-shadow);
|
||||||
@ -3396,6 +3429,7 @@ body {
|
|||||||
width: 28px;
|
width: 28px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
||||||
background-color: var(--md-sys-color-secondary);
|
background-color: var(--md-sys-color-secondary);
|
||||||
color: var(--md-sys-color-on-secondary);
|
color: var(--md-sys-color-on-secondary);
|
||||||
border-color: var(--md-sys-color-secondary);
|
border-color: var(--md-sys-color-secondary);
|
||||||
@ -3440,13 +3474,14 @@ body {
|
|||||||
float: var(--inline-start);
|
float: var(--inline-start);
|
||||||
margin: 4px 3px;
|
margin: 4px 3px;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
|
height: 20px;
|
||||||
background-color: var(--separator-color);
|
background-color: var(--separator-color);
|
||||||
height: var(--toolButton-height);
|
height: var(--toolButton-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
#scaleSelectContainer {
|
#scaleSelectContainer {
|
||||||
height: 3.125rem;
|
height: 3.125rem;
|
||||||
inset: 4px 0 0;
|
inset: 4px 0 0 0;
|
||||||
border-radius: var(--toolButton-border-radius);
|
border-radius: var(--toolButton-border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3565,6 +3600,7 @@ body {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
|
|
||||||
content: "";
|
content: "";
|
||||||
background-color: var(--toolbar-icon-bg-color);
|
background-color: var(--toolbar-icon-bg-color);
|
||||||
-webkit-mask-size: cover;
|
-webkit-mask-size: cover;
|
||||||
@ -3604,6 +3640,7 @@ body {
|
|||||||
-webkit-mask-image: var(--toolbarButton-sidebarToggle-icon);
|
-webkit-mask-image: var(--toolbarButton-sidebarToggle-icon);
|
||||||
mask-image: var(--toolbarButton-sidebarToggle-icon);
|
mask-image: var(--toolbarButton-sidebarToggle-icon);
|
||||||
transform: scaleX(var(--dir-factor));
|
transform: scaleX(var(--dir-factor));
|
||||||
|
|
||||||
height: 1.875rem;
|
height: 1.875rem;
|
||||||
width: 1.875rem;
|
width: 1.875rem;
|
||||||
}
|
}
|
||||||
@ -3896,6 +3933,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
|
|||||||
.loadingInput:has(> #pageNumber.loading)::after {
|
.loadingInput:has(> #pageNumber.loading)::after {
|
||||||
display: block;
|
display: block;
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
|
|
||||||
transition-property: visibility;
|
transition-property: visibility;
|
||||||
transition-delay: var(--loading-icon-delay);
|
transition-delay: var(--loading-icon-delay);
|
||||||
}
|
}
|
||||||
@ -3907,6 +3945,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
|
|||||||
top: calc(50% - 12px);
|
top: calc(50% - 12px);
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
|
|
||||||
content: "";
|
content: "";
|
||||||
background-color: var(--toolbar-icon-bg-color);
|
background-color: var(--toolbar-icon-bg-color);
|
||||||
-webkit-mask-size: cover;
|
-webkit-mask-size: cover;
|
||||||
@ -4250,6 +4289,7 @@ dialog :link {
|
|||||||
page-break-inside: avoid;
|
page-break-inside: avoid;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -4271,6 +4311,7 @@ dialog :link {
|
|||||||
#printContainer>.printedPage :is(canvas, img) {
|
#printContainer>.printedPage :is(canvas, img) {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
|
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@ -4305,6 +4346,7 @@ dialog :link {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width: 690px) {
|
@media all and (max-width: 690px) {
|
||||||
|
|
||||||
.hiddenSmallView,
|
.hiddenSmallView,
|
||||||
.hiddenSmallView * {
|
.hiddenSmallView * {
|
||||||
display: none;
|
display: none;
|
||||||
@ -4355,6 +4397,7 @@ dialog :link {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
row-gap: 3px;
|
row-gap: 3px;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 3px;
|
left: 3px;
|
||||||
top: var(--toolbar-height);
|
top: var(--toolbar-height);
|
||||||
@ -4492,7 +4535,7 @@ dialog :link {
|
|||||||
.toolbar img.main-icon {
|
.toolbar img.main-icon {
|
||||||
height: var(--toolButton-height);
|
height: var(--toolButton-height);
|
||||||
width: var(--toolButton-width);
|
width: var(--toolButton-width);
|
||||||
inset: 10px 0 0;
|
inset: 10px 0 0 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4514,8 +4557,9 @@ dialog :link {
|
|||||||
#toolbarViewerLeft .loadingInput.start {
|
#toolbarViewerLeft .loadingInput.start {
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
grid-column: 3;
|
grid-column: 3;
|
||||||
|
|
||||||
margin-bottom: auto;
|
margin-bottom: auto;
|
||||||
margin-top: -2px;
|
margin-top: -2px
|
||||||
}
|
}
|
||||||
|
|
||||||
#pageNumber {
|
#pageNumber {
|
||||||
@ -4525,9 +4569,11 @@ dialog :link {
|
|||||||
#numPages {
|
#numPages {
|
||||||
grid-row: 1;
|
grid-row: 1;
|
||||||
grid-column: 3;
|
grid-column: 3;
|
||||||
|
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
|
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
margin-bottom: -4px;
|
margin-bottom: -4px
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -22,19 +22,23 @@
|
|||||||
--hover-filter:brightness(0.9);
|
--hover-filter:brightness(0.9);
|
||||||
--focus-ring-color:#0060df;
|
--focus-ring-color:#0060df;
|
||||||
--focus-ring-outline:2px solid var(--focus-ring-color);
|
--focus-ring-outline:2px solid var(--focus-ring-color);
|
||||||
|
|
||||||
--textarea-border-color:#8f8f9d;
|
--textarea-border-color:#8f8f9d;
|
||||||
--textarea-bg-color:white;
|
--textarea-bg-color:white;
|
||||||
--textarea-fg-color:var(--text-secondary-color);
|
--textarea-fg-color:var(--text-secondary-color);
|
||||||
|
|
||||||
--radio-bg-color:#f0f0f4;
|
--radio-bg-color:#f0f0f4;
|
||||||
--radio-checked-bg-color:#fbfbfe;
|
--radio-checked-bg-color:#fbfbfe;
|
||||||
--radio-border-color:#8f8f9d;
|
--radio-border-color:#8f8f9d;
|
||||||
--radio-checked-border-color:#0060df;
|
--radio-checked-border-color:#0060df;
|
||||||
|
|
||||||
--button-secondary-bg-color:#f0f0f4;
|
--button-secondary-bg-color:#f0f0f4;
|
||||||
--button-secondary-fg-color:var(--text-primary-color);
|
--button-secondary-fg-color:var(--text-primary-color);
|
||||||
--button-secondary-border-color:var(--button-secondary-bg-color);
|
--button-secondary-border-color:var(--button-secondary-bg-color);
|
||||||
--button-secondary-hover-bg-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-fg-color:var(--button-secondary-fg-color);
|
||||||
--button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
|
--button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
|
||||||
|
|
||||||
--button-primary-bg-color:#0060df;
|
--button-primary-bg-color:#0060df;
|
||||||
--button-primary-fg-color:#fbfbfe;
|
--button-primary-fg-color:#fbfbfe;
|
||||||
--button-primary-hover-bg-color:var(--button-primary-bg-color);
|
--button-primary-hover-bg-color:var(--button-primary-bg-color);
|
||||||
@ -54,6 +58,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark){
|
@media (prefers-color-scheme: dark){
|
||||||
|
|
||||||
:where(html:not(.is-light)) .dialog{
|
:where(html:not(.is-light)) .dialog{
|
||||||
--dialog-bg-color:#1c1b22;
|
--dialog-bg-color:#1c1b22;
|
||||||
--dialog-border-color:#1c1b22;
|
--dialog-border-color:#1c1b22;
|
||||||
@ -62,10 +67,13 @@
|
|||||||
--text-secondary-color:#cfcfd8;
|
--text-secondary-color:#cfcfd8;
|
||||||
--focus-ring-color:#0df;
|
--focus-ring-color:#0df;
|
||||||
--hover-filter:brightness(1.4);
|
--hover-filter:brightness(1.4);
|
||||||
|
|
||||||
--textarea-bg-color:#42414d;
|
--textarea-bg-color:#42414d;
|
||||||
|
|
||||||
--radio-bg-color:#2b2a33;
|
--radio-bg-color:#2b2a33;
|
||||||
--radio-checked-bg-color:#15141a;
|
--radio-checked-bg-color:#15141a;
|
||||||
--radio-checked-border-color:#0df;
|
--radio-checked-border-color:#0df;
|
||||||
|
|
||||||
--button-secondary-bg-color:#2b2a33;
|
--button-secondary-bg-color:#2b2a33;
|
||||||
--button-primary-bg-color:#0df;
|
--button-primary-bg-color:#0df;
|
||||||
--button-primary-fg-color:#15141a;
|
--button-primary-fg-color:#15141a;
|
||||||
@ -80,16 +88,20 @@
|
|||||||
--text-secondary-color:#cfcfd8;
|
--text-secondary-color:#cfcfd8;
|
||||||
--focus-ring-color:#0df;
|
--focus-ring-color:#0df;
|
||||||
--hover-filter:brightness(1.4);
|
--hover-filter:brightness(1.4);
|
||||||
|
|
||||||
--textarea-bg-color:#42414d;
|
--textarea-bg-color:#42414d;
|
||||||
|
|
||||||
--radio-bg-color:#2b2a33;
|
--radio-bg-color:#2b2a33;
|
||||||
--radio-checked-bg-color:#15141a;
|
--radio-checked-bg-color:#15141a;
|
||||||
--radio-checked-border-color:#0df;
|
--radio-checked-border-color:#0df;
|
||||||
|
|
||||||
--button-secondary-bg-color:#2b2a33;
|
--button-secondary-bg-color:#2b2a33;
|
||||||
--button-primary-bg-color:#0df;
|
--button-primary-bg-color:#0df;
|
||||||
--button-primary-fg-color:#15141a;
|
--button-primary-fg-color:#15141a;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
.dialog{
|
.dialog{
|
||||||
--dialog-bg-color:Canvas;
|
--dialog-bg-color:Canvas;
|
||||||
--dialog-border-color:CanvasText;
|
--dialog-border-color:CanvasText;
|
||||||
@ -98,18 +110,22 @@
|
|||||||
--text-secondary-color:CanvasText;
|
--text-secondary-color:CanvasText;
|
||||||
--hover-filter:none;
|
--hover-filter:none;
|
||||||
--focus-ring-color:ButtonBorder;
|
--focus-ring-color:ButtonBorder;
|
||||||
|
|
||||||
--textarea-border-color:ButtonBorder;
|
--textarea-border-color:ButtonBorder;
|
||||||
--textarea-bg-color:Field;
|
--textarea-bg-color:Field;
|
||||||
--textarea-fg-color:ButtonText;
|
--textarea-fg-color:ButtonText;
|
||||||
|
|
||||||
--radio-bg-color:ButtonFace;
|
--radio-bg-color:ButtonFace;
|
||||||
--radio-checked-bg-color:ButtonFace;
|
--radio-checked-bg-color:ButtonFace;
|
||||||
--radio-border-color:ButtonText;
|
--radio-border-color:ButtonText;
|
||||||
--radio-checked-border-color:ButtonText;
|
--radio-checked-border-color:ButtonText;
|
||||||
|
|
||||||
--button-secondary-bg-color:ButtonFace;
|
--button-secondary-bg-color:ButtonFace;
|
||||||
--button-secondary-fg-color:ButtonText;
|
--button-secondary-fg-color:ButtonText;
|
||||||
--button-secondary-border-color:ButtonText;
|
--button-secondary-border-color:ButtonText;
|
||||||
--button-secondary-hover-bg-color:AccentColor;
|
--button-secondary-hover-bg-color:AccentColor;
|
||||||
--button-secondary-hover-fg-color:AccentColorText;
|
--button-secondary-hover-fg-color:AccentColorText;
|
||||||
|
|
||||||
--button-primary-bg-color:ButtonText;
|
--button-primary-bg-color:ButtonText;
|
||||||
--button-primary-fg-color:ButtonFace;
|
--button-primary-fg-color:ButtonFace;
|
||||||
--button-primary-hover-bg-color:AccentColor;
|
--button-primary-hover-bg-color:AccentColor;
|
||||||
@ -286,6 +302,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
.textLayer .highlight{
|
.textLayer .highlight{
|
||||||
--highlight-bg-color:transparent;
|
--highlight-bg-color:transparent;
|
||||||
--highlight-selected-bg-color:transparent;
|
--highlight-selected-bg-color:transparent;
|
||||||
@ -368,6 +385,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
.annotationLayer{
|
.annotationLayer{
|
||||||
--input-focus-border-color:CanvasText;
|
--input-focus-border-color:CanvasText;
|
||||||
--input-unfocused-border-color:ActiveText;
|
--input-unfocused-border-color:ActiveText;
|
||||||
@ -723,7 +741,6 @@
|
|||||||
:root{
|
:root{
|
||||||
--xfa-focus-outline:2px solid CanvasText;
|
--xfa-focus-outline:2px solid CanvasText;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xfaLayer *:required{
|
.xfaLayer *:required{
|
||||||
outline:1.5px solid selectedItem;
|
outline:1.5px solid selectedItem;
|
||||||
}
|
}
|
||||||
@ -1060,6 +1077,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
.canvasWrapper svg.highlight{
|
.canvasWrapper svg.highlight{
|
||||||
--blend-mode:difference;
|
--blend-mode:difference;
|
||||||
}
|
}
|
||||||
@ -1123,6 +1141,7 @@
|
|||||||
--size-item-small:16px;
|
--size-item-small:16px;
|
||||||
--size-item-large:32px;
|
--size-item-large:32px;
|
||||||
--color-canvas:white;
|
--color-canvas:white;
|
||||||
|
|
||||||
--toggle-background-color:var(--button-background-color);
|
--toggle-background-color:var(--button-background-color);
|
||||||
--toggle-background-color-hover:var(--button-background-color-hover);
|
--toggle-background-color-hover:var(--button-background-color-hover);
|
||||||
--toggle-background-color-active:var(--button-background-color-active);
|
--toggle-background-color-active:var(--button-background-color-active);
|
||||||
@ -1151,7 +1170,9 @@
|
|||||||
);
|
);
|
||||||
|
|
||||||
-webkit-appearance:none;
|
-webkit-appearance:none;
|
||||||
|
|
||||||
-moz-appearance:none;
|
-moz-appearance:none;
|
||||||
|
|
||||||
appearance:none;
|
appearance:none;
|
||||||
padding:0;
|
padding:0;
|
||||||
margin:0;
|
margin:0;
|
||||||
@ -1165,6 +1186,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark){
|
@media (prefers-color-scheme: dark){
|
||||||
|
|
||||||
:where(html:not(.is-light)) .toggle-button{
|
:where(html:not(.is-light)) .toggle-button{
|
||||||
--button-background-color:color-mix(in srgb, currentColor 7%, transparent);
|
--button-background-color:color-mix(in srgb, currentColor 7%, transparent);
|
||||||
--button-background-color-hover:color-mix(
|
--button-background-color-hover:color-mix(
|
||||||
@ -1205,6 +1227,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (forced-colors: active){
|
@media (forced-colors: active){
|
||||||
|
|
||||||
.toggle-button{
|
.toggle-button{
|
||||||
--color-accent-primary:ButtonText;
|
--color-accent-primary:ButtonText;
|
||||||
--color-accent-primary-hover:SelectedItem;
|
--color-accent-primary-hover:SelectedItem;
|
||||||
@ -1310,6 +1333,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (forced-colors){
|
@media (forced-colors){
|
||||||
|
|
||||||
.toggle-button{
|
.toggle-button{
|
||||||
--toggle-dot-background-color:var(--color-accent-primary);
|
--toggle-dot-background-color:var(--color-accent-primary);
|
||||||
--toggle-dot-background-color-hover:var(--color-accent-primary-hover);
|
--toggle-dot-background-color-hover:var(--color-accent-primary-hover);
|
||||||
@ -1358,11 +1382,10 @@
|
|||||||
var(--outline-around-width)
|
var(--outline-around-width)
|
||||||
);
|
);
|
||||||
--editorFreeText-editing-cursor:text;
|
--editorFreeText-editing-cursor:text;
|
||||||
--editorInk-editing-cursor:url("../images/cursor-editorInk.svg") 0 16, pointer;
|
--editorInk-editing-cursor:url(../images/cursor-editorInk.svg) 0 16, pointer;
|
||||||
--editorHighlight-editing-cursor:url("../images/cursor-editorTextHighlight.svg") 24 24, text;
|
--editorHighlight-editing-cursor:url(../images/cursor-editorTextHighlight.svg) 24 24, text;
|
||||||
--editorFreeHighlight-editing-cursor:url("../images/cursor-editorFreeHighlight.svg") 1 18, pointer;
|
--editorFreeHighlight-editing-cursor:url(../images/cursor-editorFreeHighlight.svg) 1 18, pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.visuallyHidden{
|
.visuallyHidden{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
top:0;
|
top:0;
|
||||||
@ -1391,7 +1414,7 @@
|
|||||||
|
|
||||||
@media (min-resolution: 1.1dppx){
|
@media (min-resolution: 1.1dppx){
|
||||||
:root{
|
: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(.annotationEditorLayer
|
||||||
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
|
: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-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-fg-color:#2e2e56;
|
||||||
--editor-toolbar-border-color:#8f8f9d;
|
--editor-toolbar-border-color:#8f8f9d;
|
||||||
--editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
|
--editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
|
||||||
@ -1519,9 +1542,11 @@
|
|||||||
pointer-events:auto;
|
pointer-events:auto;
|
||||||
box-sizing:content-box;
|
box-sizing:content-box;
|
||||||
padding:var(--editor-toolbar-padding);
|
padding:var(--editor-toolbar-padding);
|
||||||
|
|
||||||
position:absolute;
|
position:absolute;
|
||||||
inset-inline-end:0;
|
inset-inline-end:0;
|
||||||
inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));
|
inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));
|
||||||
|
|
||||||
border-radius:6px;
|
border-radius:6px;
|
||||||
background-color:var(--editor-toolbar-bg-color);
|
background-color:var(--editor-toolbar-bg-color);
|
||||||
border:1px solid var(--editor-toolbar-border-color);
|
border:1px solid var(--editor-toolbar-border-color);
|
||||||
@ -1529,6 +1554,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark){
|
@media (prefers-color-scheme: dark){
|
||||||
|
|
||||||
:where(html:not(.is-light)) :is(.annotationEditorLayer
|
:where(html:not(.is-light)) :is(.annotationEditorLayer
|
||||||
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
|
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
|
||||||
--editor-toolbar-bg-color:#2b2a33;
|
--editor-toolbar-bg-color:#2b2a33;
|
||||||
@ -1547,6 +1573,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
:is(.annotationEditorLayer
|
:is(.annotationEditorLayer
|
||||||
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
|
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
|
||||||
--editor-toolbar-bg-color:ButtonFace;
|
--editor-toolbar-bg-color:ButtonFace;
|
||||||
@ -1685,8 +1712,8 @@
|
|||||||
|
|
||||||
:is(.annotationEditorLayer
|
:is(.annotationEditorLayer
|
||||||
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{
|
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{
|
||||||
--alt-text-add-image:url("../images/altText_add.svg");
|
--alt-text-add-image:url(../images/altText_add.svg);
|
||||||
--alt-text-done-image:url("../images/altText_done.svg");
|
--alt-text-done-image:url(../images/altText_done.svg);
|
||||||
|
|
||||||
display:flex;
|
display:flex;
|
||||||
align-items:center;
|
align-items:center;
|
||||||
@ -1759,14 +1786,17 @@
|
|||||||
width:max-content;
|
width:max-content;
|
||||||
height:auto;
|
height:auto;
|
||||||
font-size:12px;
|
font-size:12px;
|
||||||
|
|
||||||
border:0.5px solid var(--alt-text-tooltip-border);
|
border:0.5px solid var(--alt-text-tooltip-border);
|
||||||
background:var(--alt-text-tooltip-bg);
|
background:var(--alt-text-tooltip-bg);
|
||||||
box-shadow:var(--alt-text-tooltip-shadow);
|
box-shadow:var(--alt-text-tooltip-shadow);
|
||||||
color:var(--alt-text-tooltip-fg);
|
color:var(--alt-text-tooltip-fg);
|
||||||
|
|
||||||
pointer-events:none;
|
pointer-events:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark){
|
@media (prefers-color-scheme: dark){
|
||||||
|
|
||||||
:where(html:not(.is-light)) :is(.annotationEditorLayer
|
:where(html:not(.is-light)) :is(.annotationEditorLayer
|
||||||
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
|
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
|
||||||
--alt-text-tooltip-bg:#1c1b22;
|
--alt-text-tooltip-bg:#1c1b22;
|
||||||
@ -1783,6 +1813,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
:is(.annotationEditorLayer
|
:is(.annotationEditorLayer
|
||||||
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
|
:is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
|
||||||
--alt-text-tooltip-bg:Canvas;
|
--alt-text-tooltip-bg:Canvas;
|
||||||
@ -1821,7 +1852,7 @@
|
|||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotationEditorLayer freetexteditor .overlay.enabled{
|
.annotationEditorLayer freeTextEditor .overlay.enabled{
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -2153,8 +2184,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dialog.altText::backdrop{
|
.dialog.altText::backdrop{
|
||||||
-webkit-mask:url("#alttext-manager-mask");
|
-webkit-mask:url(#alttext-manager-mask);
|
||||||
mask:url("#alttext-manager-mask");
|
mask:url(#alttext-manager-mask);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog.altText.positioned{
|
.dialog.altText.positioned{
|
||||||
@ -2221,6 +2252,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark){
|
@media (prefers-color-scheme: dark){
|
||||||
|
|
||||||
:where(html:not(.is-light)) .colorPicker{
|
:where(html:not(.is-light)) .colorPicker{
|
||||||
--hover-outline-color:#80ebff;
|
--hover-outline-color:#80ebff;
|
||||||
--selected-outline-color:#aaf2ff;
|
--selected-outline-color:#aaf2ff;
|
||||||
@ -2235,6 +2267,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
.colorPicker{
|
.colorPicker{
|
||||||
--hover-outline-color:Highlight;
|
--hover-outline-color:Highlight;
|
||||||
--selected-outline-color:var(--hover-outline-color);
|
--selected-outline-color:var(--hover-outline-color);
|
||||||
@ -2307,7 +2340,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.annotationEditorLayer .highlightEditor .editToolbar{
|
.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;
|
transform-origin:center !important;
|
||||||
}
|
}
|
||||||
@ -2478,6 +2511,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark){
|
@media (prefers-color-scheme: dark){
|
||||||
|
|
||||||
:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
|
:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
|
||||||
--example-color:#80808e;
|
--example-color:#80808e;
|
||||||
}
|
}
|
||||||
@ -2488,6 +2522,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
|
#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
|
||||||
--example-color:CanvasText;
|
--example-color:CanvasText;
|
||||||
}
|
}
|
||||||
@ -2534,6 +2569,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark){
|
@media (prefers-color-scheme: dark){
|
||||||
|
|
||||||
:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
|
:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
|
||||||
--divider-color:#8f8f9d;
|
--divider-color:#8f8f9d;
|
||||||
}
|
}
|
||||||
@ -2544,6 +2580,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
|
#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
|
||||||
--divider-color:CanvasText;
|
--divider-color:CanvasText;
|
||||||
}
|
}
|
||||||
@ -2577,11 +2614,9 @@
|
|||||||
[data-main-rotation="90"]{
|
[data-main-rotation="90"]{
|
||||||
transform:rotate(90deg) translateY(-100%);
|
transform:rotate(90deg) translateY(-100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-main-rotation="180"]{
|
[data-main-rotation="180"]{
|
||||||
transform:rotate(180deg) translate(-100%, -100%);
|
transform:rotate(180deg) translate(-100%, -100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-main-rotation="270"]{
|
[data-main-rotation="270"]{
|
||||||
transform:rotate(270deg) translateX(-100%);
|
transform:rotate(270deg) translateX(-100%);
|
||||||
}
|
}
|
||||||
@ -2606,6 +2641,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
.pdfViewer{
|
.pdfViewer{
|
||||||
--hcm-highlight-filter:invert(100%);
|
--hcm-highlight-filter:invert(100%);
|
||||||
}
|
}
|
||||||
@ -2737,12 +2773,15 @@
|
|||||||
--dir-factor:1;
|
--dir-factor:1;
|
||||||
--inline-start:left;
|
--inline-start:left;
|
||||||
--inline-end:right;
|
--inline-end:right;
|
||||||
|
|
||||||
--sidebar-width:200px;
|
--sidebar-width:200px;
|
||||||
--sidebar-transition-duration:200ms;
|
--sidebar-transition-duration:200ms;
|
||||||
--sidebar-transition-timing-function:ease;
|
--sidebar-transition-timing-function:ease;
|
||||||
|
|
||||||
--toolbar-icon-opacity:0.7;
|
--toolbar-icon-opacity:0.7;
|
||||||
--doorhanger-icon-opacity:0.9;
|
--doorhanger-icon-opacity:0.9;
|
||||||
--editor-toolbar-base-offset:105px;
|
--editor-toolbar-base-offset:105px;
|
||||||
|
|
||||||
--main-color:rgb(12 12 13);
|
--main-color:rgb(12 12 13);
|
||||||
--body-bg-color:rgb(212 212 215);
|
--body-bg-color:rgb(212 212 215);
|
||||||
--progressBar-color:rgb(10 132 255);
|
--progressBar-color:rgb(10 132 255);
|
||||||
@ -2752,6 +2791,7 @@
|
|||||||
--scrollbar-bg-color:auto;
|
--scrollbar-bg-color:auto;
|
||||||
--toolbar-icon-bg-color:rgb(0 0 0);
|
--toolbar-icon-bg-color:rgb(0 0 0);
|
||||||
--toolbar-icon-hover-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-narrow-bg-color:rgb(212 212 215 / 0.9);
|
||||||
--sidebar-toolbar-bg-color:rgb(245 246 247);
|
--sidebar-toolbar-bg-color:rgb(245 246 247);
|
||||||
--toolbar-bg-color:rgb(249 249 250);
|
--toolbar-bg-color:rgb(249 249 250);
|
||||||
@ -2786,49 +2826,50 @@
|
|||||||
--dialog-button-border:none;
|
--dialog-button-border:none;
|
||||||
--dialog-button-bg-color:rgb(12 12 13 / 0.1);
|
--dialog-button-bg-color:rgb(12 12 13 / 0.1);
|
||||||
--dialog-button-hover-bg-color:rgb(12 12 13 / 0.3);
|
--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");
|
--loading-icon:url(../images/loading.svg);
|
||||||
--treeitem-collapsed-icon:url("../images/treeitem-collapsed.svg");
|
--treeitem-expanded-icon:url(../images/treeitem-expanded.svg);
|
||||||
--toolbarButton-editorFreeText-icon:url("../images/toolbarButton-editorFreeText.svg");
|
--treeitem-collapsed-icon:url(../images/treeitem-collapsed.svg);
|
||||||
--toolbarButton-editorHighlight-icon:url("../images/toolbarButton-editorHighlight.svg");
|
--toolbarButton-editorFreeText-icon:url(../images/toolbarButton-editorFreeText.svg);
|
||||||
--toolbarButton-editorInk-icon:url("../images/toolbarButton-editorInk.svg");
|
--toolbarButton-editorHighlight-icon:url(../images/toolbarButton-editorHighlight.svg);
|
||||||
--toolbarButton-editorStamp-icon:url("../images/toolbarButton-editorStamp.svg");
|
--toolbarButton-editorInk-icon:url(../images/toolbarButton-editorInk.svg);
|
||||||
--toolbarButton-menuArrow-icon:url("../images/toolbarButton-menuArrow.svg");
|
--toolbarButton-editorStamp-icon:url(../images/toolbarButton-editorStamp.svg);
|
||||||
--toolbarButton-sidebarToggle-icon:url("../images/toolbarButton-sidebarToggle.svg");
|
--toolbarButton-menuArrow-icon:url(../images/toolbarButton-menuArrow.svg);
|
||||||
--toolbarButton-secondaryToolbarToggle-icon:url("../images/toolbarButton-secondaryToolbarToggle.svg");
|
--toolbarButton-sidebarToggle-icon:url(../images/toolbarButton-sidebarToggle.svg);
|
||||||
--toolbarButton-pageUp-icon:url("../images/toolbarButton-pageUp.svg");
|
--toolbarButton-secondaryToolbarToggle-icon:url(../images/toolbarButton-secondaryToolbarToggle.svg);
|
||||||
--toolbarButton-pageDown-icon:url("../images/toolbarButton-pageDown.svg");
|
--toolbarButton-pageUp-icon:url(../images/toolbarButton-pageUp.svg);
|
||||||
--toolbarButton-zoomOut-icon:url("../images/toolbarButton-zoomOut.svg");
|
--toolbarButton-pageDown-icon:url(../images/toolbarButton-pageDown.svg);
|
||||||
--toolbarButton-zoomIn-icon:url("../images/toolbarButton-zoomIn.svg");
|
--toolbarButton-zoomOut-icon:url(../images/toolbarButton-zoomOut.svg);
|
||||||
--toolbarButton-presentationMode-icon:url("../images/toolbarButton-presentationMode.svg");
|
--toolbarButton-zoomIn-icon:url(../images/toolbarButton-zoomIn.svg);
|
||||||
--toolbarButton-print-icon:url("../images/toolbarButton-print.svg");
|
--toolbarButton-presentationMode-icon:url(../images/toolbarButton-presentationMode.svg);
|
||||||
--toolbarButton-openFile-icon:url("../images/toolbarButton-openFile.svg");
|
--toolbarButton-print-icon:url(../images/toolbarButton-print.svg);
|
||||||
--toolbarButton-download-icon:url("../images/toolbarButton-download.svg");
|
--toolbarButton-openFile-icon:url(../images/toolbarButton-openFile.svg);
|
||||||
--toolbarButton-bookmark-icon:url("../images/toolbarButton-bookmark.svg");
|
--toolbarButton-download-icon:url(../images/toolbarButton-download.svg);
|
||||||
--toolbarButton-viewThumbnail-icon:url("../images/toolbarButton-viewThumbnail.svg");
|
--toolbarButton-bookmark-icon:url(../images/toolbarButton-bookmark.svg);
|
||||||
--toolbarButton-viewOutline-icon:url("../images/toolbarButton-viewOutline.svg");
|
--toolbarButton-viewThumbnail-icon:url(../images/toolbarButton-viewThumbnail.svg);
|
||||||
--toolbarButton-viewAttachments-icon:url("../images/toolbarButton-viewAttachments.svg");
|
--toolbarButton-viewOutline-icon:url(../images/toolbarButton-viewOutline.svg);
|
||||||
--toolbarButton-viewLayers-icon:url("../images/toolbarButton-viewLayers.svg");
|
--toolbarButton-viewAttachments-icon:url(../images/toolbarButton-viewAttachments.svg);
|
||||||
--toolbarButton-currentOutlineItem-icon:url("../images/toolbarButton-currentOutlineItem.svg");
|
--toolbarButton-viewLayers-icon:url(../images/toolbarButton-viewLayers.svg);
|
||||||
--toolbarButton-search-icon:url("../images/toolbarButton-search.svg");
|
--toolbarButton-currentOutlineItem-icon:url(../images/toolbarButton-currentOutlineItem.svg);
|
||||||
--toolbarButton-backToHome-icon:url("../images/toolbarButton-home.svg");
|
--toolbarButton-search-icon:url(../images/toolbarButton-search.svg);
|
||||||
--findbarButton-previous-icon:url("../images/findbarButton-previous.svg");
|
--toolbarButton-backToHome-icon:url(../images/toolbarButton-home.svg);
|
||||||
--findbarButton-next-icon:url("../images/findbarButton-next.svg");
|
--findbarButton-previous-icon:url(../images/findbarButton-previous.svg);
|
||||||
--secondaryToolbarButton-firstPage-icon:url("../images/secondaryToolbarButton-firstPage.svg");
|
--findbarButton-next-icon:url(../images/findbarButton-next.svg);
|
||||||
--secondaryToolbarButton-lastPage-icon:url("../images/secondaryToolbarButton-lastPage.svg");
|
--secondaryToolbarButton-firstPage-icon:url(../images/secondaryToolbarButton-firstPage.svg);
|
||||||
--secondaryToolbarButton-rotateCcw-icon:url("../images/secondaryToolbarButton-rotateCcw.svg");
|
--secondaryToolbarButton-lastPage-icon:url(../images/secondaryToolbarButton-lastPage.svg);
|
||||||
--secondaryToolbarButton-rotateCw-icon:url("../images/secondaryToolbarButton-rotateCw.svg");
|
--secondaryToolbarButton-rotateCcw-icon:url(../images/secondaryToolbarButton-rotateCcw.svg);
|
||||||
--secondaryToolbarButton-selectTool-icon:url("../images/secondaryToolbarButton-selectTool.svg");
|
--secondaryToolbarButton-rotateCw-icon:url(../images/secondaryToolbarButton-rotateCw.svg);
|
||||||
--secondaryToolbarButton-handTool-icon:url("../images/secondaryToolbarButton-handTool.svg");
|
--secondaryToolbarButton-selectTool-icon:url(../images/secondaryToolbarButton-selectTool.svg);
|
||||||
--secondaryToolbarButton-scrollPage-icon:url("../images/secondaryToolbarButton-scrollPage.svg");
|
--secondaryToolbarButton-handTool-icon:url(../images/secondaryToolbarButton-handTool.svg);
|
||||||
--secondaryToolbarButton-scrollVertical-icon:url("../images/secondaryToolbarButton-scrollVertical.svg");
|
--secondaryToolbarButton-scrollPage-icon:url(../images/secondaryToolbarButton-scrollPage.svg);
|
||||||
--secondaryToolbarButton-scrollHorizontal-icon:url("../images/secondaryToolbarButton-scrollHorizontal.svg");
|
--secondaryToolbarButton-scrollVertical-icon:url(../images/secondaryToolbarButton-scrollVertical.svg);
|
||||||
--secondaryToolbarButton-scrollWrapped-icon:url("../images/secondaryToolbarButton-scrollWrapped.svg");
|
--secondaryToolbarButton-scrollHorizontal-icon:url(../images/secondaryToolbarButton-scrollHorizontal.svg);
|
||||||
--secondaryToolbarButton-spreadNone-icon:url("../images/secondaryToolbarButton-spreadNone.svg");
|
--secondaryToolbarButton-scrollWrapped-icon:url(../images/secondaryToolbarButton-scrollWrapped.svg);
|
||||||
--secondaryToolbarButton-spreadOdd-icon:url("../images/secondaryToolbarButton-spreadOdd.svg");
|
--secondaryToolbarButton-spreadNone-icon:url(../images/secondaryToolbarButton-spreadNone.svg);
|
||||||
--secondaryToolbarButton-spreadEven-icon:url("../images/secondaryToolbarButton-spreadEven.svg");
|
--secondaryToolbarButton-spreadOdd-icon:url(../images/secondaryToolbarButton-spreadOdd.svg);
|
||||||
--secondaryToolbarButton-documentProperties-icon:url("../images/secondaryToolbarButton-documentProperties.svg");
|
--secondaryToolbarButton-spreadEven-icon:url(../images/secondaryToolbarButton-spreadEven.svg);
|
||||||
--editorParams-stampAddImage-icon:url("../images/toolbarButton-zoomIn.svg");
|
--secondaryToolbarButton-documentProperties-icon:url(../images/secondaryToolbarButton-documentProperties.svg);
|
||||||
|
--editorParams-stampAddImage-icon:url(../images/toolbarButton-zoomIn.svg);
|
||||||
}
|
}
|
||||||
|
|
||||||
[dir="rtl"]:root{
|
[dir="rtl"]:root{
|
||||||
@ -2848,6 +2889,7 @@
|
|||||||
--scrollbar-bg-color:rgb(35 35 39);
|
--scrollbar-bg-color:rgb(35 35 39);
|
||||||
--toolbar-icon-bg-color:rgb(255 255 255);
|
--toolbar-icon-bg-color:rgb(255 255 255);
|
||||||
--toolbar-icon-hover-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-narrow-bg-color:rgb(42 42 46 / 0.9);
|
||||||
--sidebar-toolbar-bg-color:rgb(50 50 52);
|
--sidebar-toolbar-bg-color:rgb(50 50 52);
|
||||||
--toolbar-bg-color:rgb(56 56 61);
|
--toolbar-bg-color:rgb(56 56 61);
|
||||||
@ -2888,6 +2930,7 @@
|
|||||||
--scrollbar-bg-color:rgb(35 35 39);
|
--scrollbar-bg-color:rgb(35 35 39);
|
||||||
--toolbar-icon-bg-color:rgb(255 255 255);
|
--toolbar-icon-bg-color:rgb(255 255 255);
|
||||||
--toolbar-icon-hover-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-narrow-bg-color:rgb(42 42 46 / 0.9);
|
||||||
--sidebar-toolbar-bg-color:rgb(50 50 52);
|
--sidebar-toolbar-bg-color:rgb(50 50 52);
|
||||||
--toolbar-bg-color:rgb(56 56 61);
|
--toolbar-bg-color:rgb(56 56 61);
|
||||||
@ -3024,7 +3067,6 @@ body{
|
|||||||
#outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer{
|
#outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer{
|
||||||
visibility:visible;
|
visibility:visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
#outerContainer.sidebarOpen #sidebarContainer{
|
#outerContainer.sidebarOpen #sidebarContainer{
|
||||||
inset-inline-start:0;
|
inset-inline-start:0;
|
||||||
}
|
}
|
||||||
@ -3050,7 +3092,6 @@ body{
|
|||||||
inset:32px 0 0;
|
inset:32px 0 0;
|
||||||
outline:none;
|
outline:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#viewerContainer:not(.pdfPresentationMode){
|
#viewerContainer:not(.pdfPresentationMode){
|
||||||
transition-duration:var(--sidebar-transition-duration);
|
transition-duration:var(--sidebar-transition-duration);
|
||||||
transition-timing-function:var(--sidebar-transition-timing-function);
|
transition-timing-function:var(--sidebar-transition-timing-function);
|
||||||
@ -3147,7 +3188,6 @@ body{
|
|||||||
0%{
|
0%{
|
||||||
transform:translateX(calc(-142px * var(--dir-factor)));
|
transform:translateX(calc(-142px * var(--dir-factor)));
|
||||||
}
|
}
|
||||||
|
|
||||||
100%{
|
100%{
|
||||||
transform:translateX(0);
|
transform:translateX(0);
|
||||||
}
|
}
|
||||||
@ -3203,20 +3243,16 @@ body{
|
|||||||
min-width:300px;
|
min-width:300px;
|
||||||
background-color:var(--toolbar-bg-color);
|
background-color:var(--toolbar-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.findbar > div{
|
.findbar > div{
|
||||||
height:32px;
|
height:32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.findbar > div#findbarInputContainer{
|
.findbar > div#findbarInputContainer{
|
||||||
margin-inline-end:4px;
|
margin-inline-end:4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.findbar.wrapContainers > div,
|
.findbar.wrapContainers > div,
|
||||||
.findbar.wrapContainers > div#findbarMessageContainer > *{
|
.findbar.wrapContainers > div#findbarMessageContainer > *{
|
||||||
clear:both;
|
clear:both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.findbar.wrapContainers > div#findbarMessageContainer{
|
.findbar.wrapContainers > div#findbarMessageContainer{
|
||||||
height:auto;
|
height:auto;
|
||||||
}
|
}
|
||||||
@ -3356,7 +3392,6 @@ body{
|
|||||||
box-shadow:0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color);
|
box-shadow:0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color);
|
||||||
border:var(--doorhanger-border-color-whcm);
|
border:var(--doorhanger-border-color-whcm);
|
||||||
}
|
}
|
||||||
|
|
||||||
:is(.doorHanger, .doorHangerRight)::after,
|
:is(.doorHanger, .doorHangerRight)::after,
|
||||||
:is(.doorHanger, .doorHangerRight)::before{
|
:is(.doorHanger, .doorHangerRight)::before{
|
||||||
bottom:100%;
|
bottom:100%;
|
||||||
@ -3368,29 +3403,24 @@ body{
|
|||||||
pointer-events:none;
|
pointer-events:none;
|
||||||
opacity:var(--doorhanger-triangle-opacity-whcm);
|
opacity:var(--doorhanger-triangle-opacity-whcm);
|
||||||
}
|
}
|
||||||
|
|
||||||
.doorHanger::after{
|
.doorHanger::after{
|
||||||
inset-inline-start:10px;
|
inset-inline-start:10px;
|
||||||
margin-inline-start:-8px;
|
margin-inline-start:-8px;
|
||||||
border-bottom-color:var(--toolbar-bg-color);
|
border-bottom-color:var(--toolbar-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.doorHangerRight::after{
|
.doorHangerRight::after{
|
||||||
inset-inline-end:10px;
|
inset-inline-end:10px;
|
||||||
margin-inline-end:-8px;
|
margin-inline-end:-8px;
|
||||||
border-bottom-color:var(--doorhanger-bg-color);
|
border-bottom-color:var(--doorhanger-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
:is(.doorHanger, .doorHangerRight)::before{
|
:is(.doorHanger, .doorHangerRight)::before{
|
||||||
border-bottom-color:var(--doorhanger-border-color);
|
border-bottom-color:var(--doorhanger-border-color);
|
||||||
border-width:9px;
|
border-width:9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.doorHanger::before{
|
.doorHanger::before{
|
||||||
inset-inline-start:10px;
|
inset-inline-start:10px;
|
||||||
margin-inline-start:-9px;
|
margin-inline-start:-9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.doorHangerRight::before{
|
.doorHangerRight::before{
|
||||||
inset-inline-end:10px;
|
inset-inline-end:10px;
|
||||||
margin-inline-end:-9px;
|
margin-inline-end:-9px;
|
||||||
@ -3422,7 +3452,6 @@ body{
|
|||||||
#toolbarSidebarLeft{
|
#toolbarSidebarLeft{
|
||||||
float:var(--inline-start);
|
float:var(--inline-start);
|
||||||
}
|
}
|
||||||
|
|
||||||
#toolbarViewerRight,
|
#toolbarViewerRight,
|
||||||
#toolbarSidebarRight{
|
#toolbarSidebarRight{
|
||||||
float:var(--inline-end);
|
float:var(--inline-end);
|
||||||
@ -3441,11 +3470,9 @@ body{
|
|||||||
#toolbarViewerLeft{
|
#toolbarViewerLeft{
|
||||||
padding-inline-start:1px;
|
padding-inline-start:1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toolbarViewerRight{
|
#toolbarViewerRight{
|
||||||
padding-inline-end:1px;
|
padding-inline-end:1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toolbarSidebarRight{
|
#toolbarSidebarRight{
|
||||||
padding-inline-end:2px;
|
padding-inline-end:2px;
|
||||||
}
|
}
|
||||||
@ -3454,7 +3481,6 @@ body{
|
|||||||
margin:2px;
|
margin:2px;
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.splitToolbarButton > .toolbarButton{
|
.splitToolbarButton > .toolbarButton{
|
||||||
float:var(--inline-start);
|
float:var(--inline-start);
|
||||||
}
|
}
|
||||||
@ -3492,12 +3518,10 @@ body{
|
|||||||
.dropdownToolbarButton:hover{
|
.dropdownToolbarButton:hover{
|
||||||
background-color:var(--button-hover-color);
|
background-color:var(--button-hover-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.splitToolbarButton > .toolbarButton{
|
.splitToolbarButton > .toolbarButton{
|
||||||
position:relative;
|
position:relative;
|
||||||
margin:0;
|
margin:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toolbarSidebar .splitToolbarButton > .toolbarButton{
|
#toolbarSidebar .splitToolbarButton > .toolbarButton{
|
||||||
margin-inline-end:2px;
|
margin-inline-end:2px;
|
||||||
}
|
}
|
||||||
@ -3532,7 +3556,6 @@ body{
|
|||||||
.toolbarButton:is(:hover, :focus-visible){
|
.toolbarButton:is(:hover, :focus-visible){
|
||||||
background-color:var(--button-hover-color);
|
background-color:var(--button-hover-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.secondaryToolbarButton:is(:hover, :focus-visible){
|
.secondaryToolbarButton:is(:hover, :focus-visible){
|
||||||
background-color:var(--doorhanger-hover-bg-color);
|
background-color:var(--doorhanger-hover-bg-color);
|
||||||
color:var(--doorhanger-hover-color);
|
color:var(--doorhanger-hover-color);
|
||||||
@ -3567,7 +3590,6 @@ body{
|
|||||||
background-color:var(--dropdown-btn-bg-color);
|
background-color:var(--dropdown-btn-bg-color);
|
||||||
border:var(--dropdown-btn-border);
|
border:var(--dropdown-btn-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdownToolbarButton::after{
|
.dropdownToolbarButton::after{
|
||||||
top:6px;
|
top:6px;
|
||||||
inset-inline-end:6px;
|
inset-inline-end:6px;
|
||||||
@ -3591,12 +3613,10 @@ body{
|
|||||||
border:none;
|
border:none;
|
||||||
background-color:var(--dropdown-btn-bg-color);
|
background-color:var(--dropdown-btn-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdownToolbarButton > select:is(:hover, :focus-visible){
|
.dropdownToolbarButton > select:is(:hover, :focus-visible){
|
||||||
background-color:var(--button-hover-color);
|
background-color:var(--button-hover-color);
|
||||||
color:var(--toggled-btn-color);
|
color:var(--toggled-btn-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdownToolbarButton > select > option{
|
.dropdownToolbarButton > select > option{
|
||||||
background:var(--doorhanger-bg-color);
|
background:var(--doorhanger-bg-color);
|
||||||
color:var(--main-color);
|
color:var(--main-color);
|
||||||
@ -3614,6 +3634,7 @@ body{
|
|||||||
display:inline-block;
|
display:inline-block;
|
||||||
width:16px;
|
width:16px;
|
||||||
height:16px;
|
height:16px;
|
||||||
|
|
||||||
content:"";
|
content:"";
|
||||||
background-color:var(--toolbar-icon-bg-color);
|
background-color:var(--toolbar-icon-bg-color);
|
||||||
-webkit-mask-size:cover;
|
-webkit-mask-size:cover;
|
||||||
@ -3733,7 +3754,6 @@ a.secondaryToolbarButton{
|
|||||||
padding-top:5px;
|
padding-top:5px;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
|
a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
|
||||||
opacity:0.5;
|
opacity:0.5;
|
||||||
pointer-events:none;
|
pointer-events:none;
|
||||||
@ -3803,7 +3823,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
|
|||||||
box-sizing:border-box;
|
box-sizing:border-box;
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.secondaryToolbarButton > span{
|
.secondaryToolbarButton > span{
|
||||||
padding-inline-end:4px;
|
padding-inline-end:4px;
|
||||||
}
|
}
|
||||||
@ -3885,7 +3904,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
|
|||||||
height:22px;
|
height:22px;
|
||||||
background-color:var(--separator-color);
|
background-color:var(--separator-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.horizontalToolbarSeparator{
|
.horizontalToolbarSeparator{
|
||||||
display:block;
|
display:block;
|
||||||
margin:6px 0;
|
margin:6px 0;
|
||||||
@ -3931,6 +3949,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
|
|||||||
.loadingInput:has(> #pageNumber.loading)::after{
|
.loadingInput:has(> #pageNumber.loading)::after{
|
||||||
display:block;
|
display:block;
|
||||||
visibility:visible;
|
visibility:visible;
|
||||||
|
|
||||||
transition-property:visibility;
|
transition-property:visibility;
|
||||||
transition-delay:var(--loading-icon-delay);
|
transition-delay:var(--loading-icon-delay);
|
||||||
}
|
}
|
||||||
@ -3942,6 +3961,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
|
|||||||
top:calc(50% - 8px);
|
top:calc(50% - 8px);
|
||||||
width:16px;
|
width:16px;
|
||||||
height:16px;
|
height:16px;
|
||||||
|
|
||||||
content:"";
|
content:"";
|
||||||
background-color:var(--toolbar-icon-bg-color);
|
background-color:var(--toolbar-icon-bg-color);
|
||||||
-webkit-mask-size:cover;
|
-webkit-mask-size:cover;
|
||||||
@ -3994,7 +4014,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
|
|||||||
-moz-user-select:none;
|
-moz-user-select:none;
|
||||||
user-select:none;
|
user-select:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#thumbnailView{
|
#thumbnailView{
|
||||||
width:calc(100% - 60px);
|
width:calc(100% - 60px);
|
||||||
padding:10px 30px 0;
|
padding:10px 30px 0;
|
||||||
@ -4025,7 +4044,6 @@ a:focus > .thumbnail,
|
|||||||
.thumbnail:hover{
|
.thumbnail:hover{
|
||||||
border-color:var(--thumbnail-hover-color);
|
border-color:var(--thumbnail-hover-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.thumbnail.selected{
|
.thumbnail.selected{
|
||||||
border-color:var(--thumbnail-selected-color) !important;
|
border-color:var(--thumbnail-selected-color) !important;
|
||||||
}
|
}
|
||||||
@ -4035,12 +4053,10 @@ a:focus > .thumbnail,
|
|||||||
height:var(--thumbnail-height);
|
height:var(--thumbnail-height);
|
||||||
opacity:0.9;
|
opacity:0.9;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus > .thumbnail > .thumbnailImage,
|
a:focus > .thumbnail > .thumbnailImage,
|
||||||
.thumbnail:hover > .thumbnailImage{
|
.thumbnail:hover > .thumbnailImage{
|
||||||
opacity:0.95;
|
opacity:0.95;
|
||||||
}
|
}
|
||||||
|
|
||||||
.thumbnail.selected > .thumbnailImage{
|
.thumbnail.selected > .thumbnailImage{
|
||||||
opacity:1 !important;
|
opacity:1 !important;
|
||||||
}
|
}
|
||||||
@ -4078,11 +4094,9 @@ a:focus > .thumbnail > .thumbnailImage,
|
|||||||
#layersView .treeItem > a *{
|
#layersView .treeItem > a *{
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
#layersView .treeItem > a > label{
|
#layersView .treeItem > a > label{
|
||||||
padding-inline-start:4px;
|
padding-inline-start:4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#layersView .treeItem > a > label > input{
|
#layersView .treeItem > a > label > input{
|
||||||
float:var(--inline-start);
|
float:var(--inline-start);
|
||||||
margin-top:1px;
|
margin-top:1px;
|
||||||
@ -4095,19 +4109,16 @@ a:focus > .thumbnail > .thumbnailImage,
|
|||||||
width:0;
|
width:0;
|
||||||
color:rgb(255 255 255 / 0.5);
|
color:rgb(255 255 255 / 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.treeItemToggler::before{
|
.treeItemToggler::before{
|
||||||
inset-inline-end:4px;
|
inset-inline-end:4px;
|
||||||
-webkit-mask-image:var(--treeitem-expanded-icon);
|
-webkit-mask-image:var(--treeitem-expanded-icon);
|
||||||
mask-image:var(--treeitem-expanded-icon);
|
mask-image:var(--treeitem-expanded-icon);
|
||||||
}
|
}
|
||||||
|
|
||||||
.treeItemToggler.treeItemsHidden::before{
|
.treeItemToggler.treeItemsHidden::before{
|
||||||
-webkit-mask-image:var(--treeitem-collapsed-icon);
|
-webkit-mask-image:var(--treeitem-collapsed-icon);
|
||||||
mask-image:var(--treeitem-collapsed-icon);
|
mask-image:var(--treeitem-collapsed-icon);
|
||||||
transform:scaleX(var(--dir-factor));
|
transform:scaleX(var(--dir-factor));
|
||||||
}
|
}
|
||||||
|
|
||||||
.treeItemToggler.treeItemsHidden ~ .treeItems{
|
.treeItemToggler.treeItemsHidden ~ .treeItems{
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
@ -4157,7 +4168,6 @@ dialog{
|
|||||||
border-radius:4px;
|
border-radius:4px;
|
||||||
box-shadow:0 1px 4px rgb(0 0 0 / 0.3);
|
box-shadow:0 1px 4px rgb(0 0 0 / 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog::backdrop{
|
dialog::backdrop{
|
||||||
background-color:rgb(0 0 0 / 0.2);
|
background-color:rgb(0 0 0 / 0.2);
|
||||||
}
|
}
|
||||||
@ -4194,7 +4204,6 @@ dialog :link{
|
|||||||
#passwordDialog{
|
#passwordDialog{
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#passwordDialog .toolbarField{
|
#passwordDialog .toolbarField{
|
||||||
width:200px;
|
width:200px;
|
||||||
}
|
}
|
||||||
@ -4202,22 +4211,18 @@ dialog :link{
|
|||||||
#documentPropertiesDialog{
|
#documentPropertiesDialog{
|
||||||
text-align:left;
|
text-align:left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#documentPropertiesDialog .row > *{
|
#documentPropertiesDialog .row > *{
|
||||||
min-width:100px;
|
min-width:100px;
|
||||||
text-align:start;
|
text-align:start;
|
||||||
}
|
}
|
||||||
|
|
||||||
#documentPropertiesDialog .row > span{
|
#documentPropertiesDialog .row > span{
|
||||||
width:125px;
|
width:125px;
|
||||||
word-wrap:break-word;
|
word-wrap:break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
#documentPropertiesDialog .row > p{
|
#documentPropertiesDialog .row > p{
|
||||||
max-width:225px;
|
max-width:225px;
|
||||||
word-wrap:break-word;
|
word-wrap:break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
#documentPropertiesDialog .buttonRow{
|
#documentPropertiesDialog .buttonRow{
|
||||||
margin-top:10px;
|
margin-top:10px;
|
||||||
}
|
}
|
||||||
@ -4225,17 +4230,14 @@ dialog :link{
|
|||||||
.grab-to-pan-grab{
|
.grab-to-pan-grab{
|
||||||
cursor:grab !important;
|
cursor:grab !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grab-to-pan-grab
|
.grab-to-pan-grab
|
||||||
*:not(input):not(textarea):not(button):not(select):not(:link){
|
*:not(input):not(textarea):not(button):not(select):not(:link){
|
||||||
cursor:inherit !important;
|
cursor:inherit !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grab-to-pan-grab:active,
|
.grab-to-pan-grab:active,
|
||||||
.grab-to-pan-grabbing{
|
.grab-to-pan-grabbing{
|
||||||
cursor:grabbing !important;
|
cursor:grabbing !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grab-to-pan-grabbing{
|
.grab-to-pan-grabbing{
|
||||||
position:fixed;
|
position:fixed;
|
||||||
background:rgb(0 0 0 / 0);
|
background:rgb(0 0 0 / 0);
|
||||||
@ -4257,24 +4259,21 @@ dialog :link{
|
|||||||
body{
|
body{
|
||||||
background:rgb(0 0 0 / 0) none;
|
background:rgb(0 0 0 / 0) none;
|
||||||
}
|
}
|
||||||
|
|
||||||
body[data-pdfjsprinting] #outerContainer{
|
body[data-pdfjsprinting] #outerContainer{
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
body[data-pdfjsprinting] #printContainer{
|
body[data-pdfjsprinting] #printContainer{
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
|
|
||||||
#printContainer{
|
#printContainer{
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#printContainer > .printedPage{
|
#printContainer > .printedPage{
|
||||||
page-break-after:always;
|
page-break-after:always;
|
||||||
page-break-inside:avoid;
|
page-break-inside:avoid;
|
||||||
height:100%;
|
height:100%;
|
||||||
width:100%;
|
width:100%;
|
||||||
|
|
||||||
display:flex;
|
display:flex;
|
||||||
flex-direction:column;
|
flex-direction:column;
|
||||||
justify-content:center;
|
justify-content:center;
|
||||||
@ -4296,6 +4295,7 @@ dialog :link{
|
|||||||
#printContainer > .printedPage :is(canvas, img){
|
#printContainer > .printedPage :is(canvas, img){
|
||||||
max-width:100%;
|
max-width:100%;
|
||||||
max-height:100%;
|
max-height:100%;
|
||||||
|
|
||||||
direction:ltr;
|
direction:ltr;
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
@ -4319,7 +4319,6 @@ dialog :link{
|
|||||||
#sidebarContainer{
|
#sidebarContainer{
|
||||||
background-color:var(--sidebar-narrow-bg-color);
|
background-color:var(--sidebar-narrow-bg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#outerContainer.sidebarOpen #viewerContainer{
|
#outerContainer.sidebarOpen #viewerContainer{
|
||||||
inset-inline-start:0 !important;
|
inset-inline-start:0 !important;
|
||||||
}
|
}
|
||||||
@ -4329,11 +4328,9 @@ dialog :link{
|
|||||||
:root{
|
:root{
|
||||||
--editor-toolbar-base-offset:40px;
|
--editor-toolbar-base-offset:40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#outerContainer .hiddenMediumView{
|
#outerContainer .hiddenMediumView{
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#outerContainer .visibleMediumView{
|
#outerContainer .visibleMediumView{
|
||||||
display:inherit;
|
display:inherit;
|
||||||
}
|
}
|
||||||
@ -4344,11 +4341,9 @@ dialog :link{
|
|||||||
.hiddenSmallView *{
|
.hiddenSmallView *{
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbarButtonSpacer{
|
.toolbarButtonSpacer{
|
||||||
width:0;
|
width:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.findbar{
|
.findbar{
|
||||||
inset-inline-start:34px;
|
inset-inline-start:34px;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user