mirror of
https://github.com/Frooodle/Stirling-PDF.git
synced 2025-09-08 17:51:20 +02:00
css lint
This commit is contained in:
Ludy87
parent
e0746b468e
commit
ab56b721bc
31
.stylelintrc.json
Normal file
31
.stylelintrc.json
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
{
|
||||||
|
"extends": [
|
||||||
|
"stylelint-config-standard"
|
||||||
|
],
|
||||||
|
"ignoreFiles": [
|
||||||
|
"stirling-pdf/src/main/resources/static/css/bootstrap*.css",
|
||||||
|
"stirling-pdf/src/main/resources/static/css/cookieconsent.css",
|
||||||
|
"stirling-pdf/src/main/resources/static/css/cookieconsentCustomisation.css",
|
||||||
|
"stirling-pdf/src/main/resources/static/css/prism.css"
|
||||||
|
],
|
||||||
|
"rules": {
|
||||||
|
"property-no-vendor-prefix": null,
|
||||||
|
"value-no-vendor-prefix": null,
|
||||||
|
"selector-no-vendor-prefix": null,
|
||||||
|
"media-feature-name-no-vendor-prefix": null,
|
||||||
|
"value-keyword-case": null,
|
||||||
|
"color-function-notation": null,
|
||||||
|
"alpha-value-notation": null,
|
||||||
|
"color-function-alias-notation": null,
|
||||||
|
"selector-class-pattern": null,
|
||||||
|
"selector-id-pattern": null,
|
||||||
|
"declaration-block-no-redundant-longhand-properties": null,
|
||||||
|
"media-feature-range-notation": "prefix",
|
||||||
|
"selector-attribute-quotes": null,
|
||||||
|
"at-rule-no-vendor-prefix": null,
|
||||||
|
"selector-not-notation": null,
|
||||||
|
"no-duplicate-selectors": true,
|
||||||
|
"comment-empty-line-before": null,
|
||||||
|
"comment-word-disallowed-list": null
|
||||||
|
}
|
||||||
|
}
|
||||||
2986
package-lock.json
generated
Normal file
2986
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
151
package.json
Normal file
151
package.json
Normal file
@ -0,0 +1,151 @@
|
|||||||
|
{
|
||||||
|
"name": "stirling-pdf",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "PDF utilities for Stirling",
|
||||||
|
"scripts": {
|
||||||
|
"lint:css": "stylelint \"stirling-pdf/src/main/**/*.css\" --fix"
|
||||||
|
},
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"ajv": "^8.17.1",
|
||||||
|
"ansi-regex": "^5.0.1",
|
||||||
|
"ansi-styles": "^4.3.0",
|
||||||
|
"argparse": "^2.0.1",
|
||||||
|
"array-union": "^2.1.0",
|
||||||
|
"astral-regex": "^2.0.0",
|
||||||
|
"asynckit": "^0.4.0",
|
||||||
|
"axios": "^1.8.4",
|
||||||
|
"balanced-match": "^2.0.0",
|
||||||
|
"base64-js": "^1.5.1",
|
||||||
|
"braces": "^3.0.3",
|
||||||
|
"buffer": "^6.0.3",
|
||||||
|
"cacheable": "^1.10.1",
|
||||||
|
"call-bind-apply-helpers": "^1.0.2",
|
||||||
|
"callsites": "^3.1.0",
|
||||||
|
"color-convert": "^2.0.1",
|
||||||
|
"color-name": "^1.1.4",
|
||||||
|
"colord": "^2.9.3",
|
||||||
|
"combined-stream": "^1.0.8",
|
||||||
|
"cosmiconfig": "^9.0.0",
|
||||||
|
"css-functions-list": "^3.2.3",
|
||||||
|
"css-tree": "^3.1.0",
|
||||||
|
"cssesc": "^3.0.0",
|
||||||
|
"debug": "^4.4.1",
|
||||||
|
"delayed-stream": "^1.0.0",
|
||||||
|
"detect-libc": "^2.0.3",
|
||||||
|
"dir-glob": "^3.0.1",
|
||||||
|
"dunder-proto": "^1.0.1",
|
||||||
|
"emoji-regex": "^8.0.0",
|
||||||
|
"enhanced-resolve": "^5.18.1",
|
||||||
|
"env-paths": "^2.2.1",
|
||||||
|
"error-ex": "^1.3.2",
|
||||||
|
"es-define-property": "^1.0.1",
|
||||||
|
"es-errors": "^1.3.0",
|
||||||
|
"es-object-atoms": "^1.1.1",
|
||||||
|
"es-set-tostringtag": "^2.1.0",
|
||||||
|
"esbuild": "^0.25.2",
|
||||||
|
"fast-deep-equal": "^3.1.3",
|
||||||
|
"fast-glob": "^3.3.3",
|
||||||
|
"fast-uri": "^3.0.6",
|
||||||
|
"fastest-levenshtein": "^1.0.16",
|
||||||
|
"fastq": "^1.19.1",
|
||||||
|
"fdir": "^6.4.4",
|
||||||
|
"file-entry-cache": "^10.1.1",
|
||||||
|
"fill-range": "^7.1.1",
|
||||||
|
"flat-cache": "^6.1.11",
|
||||||
|
"flatted": "^3.3.3",
|
||||||
|
"follow-redirects": "^1.15.9",
|
||||||
|
"form-data": "^4.0.2",
|
||||||
|
"function-bind": "^1.1.2",
|
||||||
|
"get-intrinsic": "^1.3.0",
|
||||||
|
"get-proto": "^1.0.1",
|
||||||
|
"glob-parent": "^5.1.2",
|
||||||
|
"global-modules": "^2.0.0",
|
||||||
|
"global-prefix": "^3.0.0",
|
||||||
|
"globby": "^11.1.0",
|
||||||
|
"globjoin": "^0.1.4",
|
||||||
|
"gopd": "^1.2.0",
|
||||||
|
"graceful-fs": "^4.2.11",
|
||||||
|
"has-flag": "^4.0.0",
|
||||||
|
"has-symbols": "^1.1.0",
|
||||||
|
"has-tostringtag": "^1.0.2",
|
||||||
|
"hasown": "^2.0.2",
|
||||||
|
"hookified": "^1.10.0",
|
||||||
|
"html-tags": "^3.3.1",
|
||||||
|
"ieee754": "^1.2.1",
|
||||||
|
"ignore": "^7.0.5",
|
||||||
|
"import-fresh": "^3.3.1",
|
||||||
|
"imurmurhash": "^0.1.4",
|
||||||
|
"ini": "^1.3.8",
|
||||||
|
"is-arrayish": "^0.2.1",
|
||||||
|
"is-extglob": "^2.1.1",
|
||||||
|
"is-fullwidth-code-point": "^3.0.0",
|
||||||
|
"is-glob": "^4.0.3",
|
||||||
|
"is-number": "^7.0.0",
|
||||||
|
"is-plain-object": "^5.0.0",
|
||||||
|
"isexe": "^2.0.0",
|
||||||
|
"jiti": "^2.4.2",
|
||||||
|
"js-tokens": "^4.0.0",
|
||||||
|
"js-yaml": "^4.1.0",
|
||||||
|
"json-parse-even-better-errors": "^2.3.1",
|
||||||
|
"json-schema-traverse": "^1.0.0",
|
||||||
|
"keyv": "^5.3.4",
|
||||||
|
"kind-of": "^6.0.3",
|
||||||
|
"known-css-properties": "^0.37.0",
|
||||||
|
"lightningcss": "^1.29.2",
|
||||||
|
"lightningcss-win32-x64-msvc": "^1.29.2",
|
||||||
|
"lines-and-columns": "^1.2.4",
|
||||||
|
"lodash.truncate": "^4.4.2",
|
||||||
|
"math-intrinsics": "^1.1.0",
|
||||||
|
"mathml-tag-names": "^2.1.3",
|
||||||
|
"mdn-data": "^2.12.2",
|
||||||
|
"meow": "^13.2.0",
|
||||||
|
"merge2": "^1.4.1",
|
||||||
|
"micromatch": "^4.0.8",
|
||||||
|
"mime-db": "^1.52.0",
|
||||||
|
"mime-types": "^2.1.35",
|
||||||
|
"ms": "^2.1.3",
|
||||||
|
"nanoid": "^3.3.11",
|
||||||
|
"normalize-path": "^3.0.0",
|
||||||
|
"parent-module": "^1.0.1",
|
||||||
|
"parse-json": "^5.2.0",
|
||||||
|
"path-type": "^4.0.0",
|
||||||
|
"picocolors": "^1.1.1",
|
||||||
|
"picomatch": "^4.0.2",
|
||||||
|
"postcss": "^8.5.6",
|
||||||
|
"postcss-resolve-nested-selector": "^0.1.6",
|
||||||
|
"postcss-safe-parser": "^7.0.1",
|
||||||
|
"postcss-selector-parser": "^7.1.0",
|
||||||
|
"postcss-value-parser": "^4.2.0",
|
||||||
|
"proxy-from-env": "^1.1.0",
|
||||||
|
"queue-microtask": "^1.2.3",
|
||||||
|
"require-from-string": "^2.0.2",
|
||||||
|
"resolve-from": "^5.0.0",
|
||||||
|
"reusify": "^1.1.0",
|
||||||
|
"rollup": "^4.40.0",
|
||||||
|
"run-parallel": "^1.2.0",
|
||||||
|
"signal-exit": "^4.1.0",
|
||||||
|
"slash": "^3.0.0",
|
||||||
|
"slice-ansi": "^4.0.0",
|
||||||
|
"source-map-js": "^1.2.1",
|
||||||
|
"string-width": "^4.2.3",
|
||||||
|
"strip-ansi": "^6.0.1",
|
||||||
|
"stylelint-config-recommended": "^16.0.0",
|
||||||
|
"supports-color": "^7.2.0",
|
||||||
|
"supports-hyperlinks": "^3.2.0",
|
||||||
|
"svg-tags": "^1.0.0",
|
||||||
|
"table": "^6.9.0",
|
||||||
|
"tailwindcss": "^4.1.4",
|
||||||
|
"tapable": "^2.2.1",
|
||||||
|
"tinyglobby": "^0.2.13",
|
||||||
|
"to-regex-range": "^5.0.1",
|
||||||
|
"util-deprecate": "^1.0.2",
|
||||||
|
"vite": "^6.3.2",
|
||||||
|
"which": "^1.3.1",
|
||||||
|
"write-file-atomic": "^5.0.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"stylelint": "^16.21.1",
|
||||||
|
"stylelint-config-standard": "^38.0.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -4,7 +4,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#pdf-canvas {
|
#pdf-canvas {
|
||||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -33,7 +33,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
touch-action: none;
|
touch-action: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
top: 0px;
|
top: 0;
|
||||||
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: 0px 0px 12px rgba(0, 0, 0, 0.58);
|
box-shadow: 0 0 12px rgba(0, 0, 0, 0.58);
|
||||||
transform-origin: top left;
|
transform-origin: top left;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -68,7 +68,6 @@ 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%;
|
||||||
@ -85,10 +84,12 @@ 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, #ffffff));
|
background-color: var(--bg-item, var(--md-sys-color-surface-container-lowest, #fff));
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
@ -197,6 +197,7 @@
|
|||||||
[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));
|
||||||
}
|
}
|
||||||
@ -264,7 +265,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, #ffffff));
|
background-color: var(--bg-empty, var(--md-sys-color-surface-container-lowest, #fff));
|
||||||
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 0rem 2rem;
|
margin: 1rem 0 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,13 +26,11 @@
|
|||||||
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;
|
||||||
}
|
}
|
||||||
@ -46,18 +44,13 @@
|
|||||||
.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;
|
||||||
}
|
}
|
||||||
@ -65,22 +58,16 @@
|
|||||||
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -100,15 +87,12 @@
|
|||||||
|
|
||||||
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -143,7 +127,6 @@
|
|||||||
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;
|
||||||
}
|
}
|
||||||
@ -152,7 +135,6 @@
|
|||||||
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;
|
||||||
}
|
}
|
||||||
@ -161,12 +143,10 @@
|
|||||||
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -179,19 +159,15 @@
|
|||||||
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;
|
||||||
}
|
}
|
||||||
@ -210,13 +186,10 @@
|
|||||||
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);
|
||||||
}
|
}
|
||||||
@ -285,7 +258,7 @@
|
|||||||
.horizontal-divider {
|
.horizontal-divider {
|
||||||
width: 85%;
|
width: 85%;
|
||||||
border-top: 1px dashed;
|
border-top: 1px dashed;
|
||||||
padding: 0px;
|
padding: 0;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -19,6 +19,7 @@
|
|||||||
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 */
|
||||||
@ -30,6 +31,7 @@
|
|||||||
.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;
|
||||||
}
|
}
|
||||||
@ -55,6 +57,7 @@
|
|||||||
.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,19 +14,23 @@
|
|||||||
.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,
|
||||||
@ -36,18 +40,22 @@
|
|||||||
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: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
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: 0px 0px 8px rgba(0, 0, 0, 0.384);
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed-shadow-canvas {
|
.fixed-shadow-canvas {
|
||||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow-canvas {
|
.shadow-canvas {
|
||||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hidden {
|
.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 30px;
|
gap: 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: 0px solid transparent;
|
outline: 0 solid transparent;
|
||||||
position:relative;
|
position:relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -145,7 +145,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#tool-text {
|
#tool-text {
|
||||||
margin: 0.0rem 0 0 1.25rem;
|
margin: 0.0 0 0 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-title {
|
.card-title {
|
||||||
@ -171,7 +171,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.jumbotron {
|
.jumbotron {
|
||||||
padding: 3rem 3rem;
|
padding: 3rem;
|
||||||
|
|
||||||
/* Reduce vertical padding */
|
/* Reduce vertical padding */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -184,20 +185,23 @@
|
|||||||
.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 0 0 0;
|
inset: 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 {
|
||||||
from {
|
0% {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -205,7 +209,7 @@
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
100% {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -49,7 +49,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#tool-text {
|
#tool-text {
|
||||||
margin: 0.0rem 0 0 1.25rem;
|
margin: 0.0 0 0 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.favorite-icon img {
|
.favorite-icon img {
|
||||||
@ -65,7 +65,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.jumbotron {
|
.jumbotron {
|
||||||
padding: 3rem 3rem;
|
padding: 3rem;
|
||||||
|
|
||||||
/* Reduce vertical padding */
|
/* Reduce vertical padding */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -78,13 +79,16 @@
|
|||||||
.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 0 0 0;
|
inset: 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);
|
||||||
@ -94,6 +98,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
width:fit-content
|
width:fit-content
|
||||||
}
|
}
|
||||||
|
|
||||||
.recent-features{
|
.recent-features{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@ -106,6 +111,7 @@
|
|||||||
.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,6 +36,7 @@
|
|||||||
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,5 +5,6 @@ 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 0px;
|
margin: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox" i] {
|
input[type="checkbox" i] {
|
||||||
margin: 0px 5px;
|
margin: 0 5px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -17,6 +17,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrows .btn {
|
.arrows .btn {
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6,7 +6,7 @@
|
|||||||
label {
|
label {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0rem 0.25rem;
|
padding: 0 0.25rem;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -27,7 +27,7 @@ label {
|
|||||||
z-index: 11;
|
z-index: 11;
|
||||||
padding: 1.25rem;
|
padding: 1.25rem;
|
||||||
border-radius: 2rem;
|
border-radius: 2rem;
|
||||||
margin: 0px 25px;
|
margin: 0 25px;
|
||||||
justify-content:center;
|
justify-content:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -35,9 +35,11 @@ label {
|
|||||||
.mt-action-bar>* {
|
.mt-action-bar>* {
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-file-uploader {
|
.mt-file-uploader {
|
||||||
width:100%
|
width:100%
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-action-bar svg,
|
.mt-action-bar svg,
|
||||||
.mt-action-btn svg {
|
.mt-action-btn svg {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
@ -60,7 +62,6 @@ label {
|
|||||||
background-color: var(--md-sys-color-surface-container-low) ;
|
background-color: var(--md-sys-color-surface-container-low) ;
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
padding: 12px 0px 0px;
|
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 10px 20px
|
padding: 10px 20px
|
||||||
@ -86,7 +87,7 @@ label {
|
|||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
min-height: 275px;
|
min-height: 275px;
|
||||||
margin: 0 0 30px 0;
|
margin: 0 0 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pages-container {
|
#pages-container {
|
||||||
@ -201,7 +202,7 @@ label {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
translate: -50% -50%;
|
translate: -50% -50%;
|
||||||
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384);
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.384);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
transition: rotate 0.3s;
|
transition: rotate 0.3s;
|
||||||
}
|
}
|
||||||
@ -298,7 +299,11 @@ label {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 767px) { #pages-container { width:300px; } }
|
@media only screen and (max-width: 767px) { #pages-container { width:300px; } }
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) and (max-width: 991px) { #pages-container { width: 600px; } }
|
@media only screen and (min-width: 768px) and (max-width: 991px) { #pages-container { width: 600px; } }
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) { #pages-container { width: 900px; } }
|
@media only screen and (min-width: 992px) and (max-width: 1199px) { #pages-container { width: 900px; } }
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) and (max-width: 1399px) { #pages-container { width: 900px; } }
|
@media only screen and (min-width: 1200px) and (max-width: 1399px) { #pages-container { width: 900px; } }
|
||||||
|
|
||||||
@media only screen and (min-width: 1399px) { #pages-container { width: 1200px; } }
|
@media only screen and (min-width: 1399px) { #pages-container { width: 1200px; } }
|
||||||
@ -8,7 +8,8 @@
|
|||||||
|
|
||||||
#navbarSearch.show {
|
#navbarSearch.show {
|
||||||
height: auto;
|
height: auto;
|
||||||
/*dynamically changes height*/
|
|
||||||
|
/* dynamically changes height */
|
||||||
}
|
}
|
||||||
|
|
||||||
#searchResults .dropdown-item {
|
#searchResults .dropdown-item {
|
||||||
@ -16,8 +17,10 @@
|
|||||||
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 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -28,19 +31,23 @@
|
|||||||
#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 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -50,8 +57,10 @@
|
|||||||
|
|
||||||
.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 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -86,12 +95,13 @@
|
|||||||
|
|
||||||
.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: 0px !important
|
border: 0 !important
|
||||||
}
|
}
|
||||||
|
|
||||||
.scalable-languages-container:has(> *:nth-child(1)) {
|
.scalable-languages-container:has(> *:nth-child(1)) {
|
||||||
@ -131,7 +141,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) {
|
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) {
|
||||||
border: 0px
|
border: 0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -145,7 +155,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) {
|
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) {
|
||||||
border: 0px
|
border: 0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -159,7 +169,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(4n) {
|
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(4n) {
|
||||||
border: 0px
|
border: 0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -192,6 +202,7 @@ span.icon-text::after {
|
|||||||
.nav-item-separator {
|
.nav-item-separator {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 4px;
|
margin: 0 4px;
|
||||||
|
|
||||||
/* Adjust the margin as needed */
|
/* Adjust the margin as needed */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -200,10 +211,12 @@ 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 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -250,7 +263,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;
|
||||||
@ -448,7 +461,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: #ffffff;
|
color: #fff;
|
||||||
background-color: #007bff;
|
background-color: #007bff;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
@ -496,6 +509,7 @@ 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 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -547,7 +561,7 @@ html[dir="rtl"] .dropdown-menu {
|
|||||||
|
|
||||||
|
|
||||||
@keyframes Pulse {
|
@keyframes Pulse {
|
||||||
from {
|
0% {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -555,7 +569,7 @@ html[dir="rtl"] .dropdown-menu {
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
100% {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,9 +2,8 @@
|
|||||||
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: 0px;
|
bottom: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, 0%);
|
transform: translate(-50%, 0%);
|
||||||
}
|
}
|
||||||
@ -28,7 +27,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 0px 0px 12px;
|
border-radius: 12px 0 0 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pdf-actions_container svg {
|
.pdf-actions_container svg {
|
||||||
|
|||||||
@ -18,6 +18,7 @@
|
|||||||
|
|
||||||
.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,6 +15,7 @@ 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;
|
||||||
}
|
}
|
||||||
@ -36,6 +37,7 @@ body {
|
|||||||
) !important;
|
) !important;
|
||||||
color: white !important;
|
color: white !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.jumbotron {
|
.jumbotron {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
@ -71,6 +73,7 @@ body {
|
|||||||
) !important;
|
) !important;
|
||||||
color: fff !important;
|
color: fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-group-item {
|
.list-group-item {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
@ -88,6 +91,7 @@ body {
|
|||||||
) !important;
|
) !important;
|
||||||
color: fff !important;
|
color: fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#support-section {
|
#support-section {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
@ -109,5 +113,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: #ffffff !important;
|
--scroll-bar-thumb-hover: #fff !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
:root {
|
:root {
|
||||||
--page-redaction-color: #000000;
|
--page-redaction-color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.textLayer span::selection,
|
.textLayer span::selection,
|
||||||
@ -15,36 +15,27 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.selected-wrapper:hover:not(:has(.redaction-overlay:hover)) {
|
.selected-wrapper:hover:not(:has(.redaction-overlay:hover)) {
|
||||||
outline-color: var(--palette-color, #000000);
|
outline-color: var(--palette-color, #000);
|
||||||
background-color: var(--palette-color, #000000);
|
background-color: var(--palette-color, #000);
|
||||||
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%;
|
||||||
@ -53,10 +44,8 @@
|
|||||||
.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;
|
||||||
}
|
}
|
||||||
@ -73,7 +62,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.rectangle {
|
.rectangle {
|
||||||
border: 2px solid #ff0000;
|
border: 2px solid #f00;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -101,7 +90,6 @@ 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;
|
||||||
@ -133,7 +121,6 @@ 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;
|
||||||
}
|
}
|
||||||
@ -146,7 +133,6 @@ 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;
|
||||||
@ -160,7 +146,7 @@ html {
|
|||||||
height: 6px;
|
height: 6px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0px;
|
bottom: 0;
|
||||||
background-color: var(--palette-color);
|
background-color: var(--palette-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -293,11 +279,9 @@ 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,6 +11,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrows .btn {
|
.arrows .btn {
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,8 +1,10 @@
|
|||||||
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 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -60,25 +62,29 @@ select#font-select option {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
touch-action: none;
|
touch-action: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
top: 0px;
|
top: 0;
|
||||||
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 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -170,7 +176,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 {
|
||||||
@ -181,7 +187,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%;
|
||||||
@ -190,12 +196,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 transparent;
|
border-color: #fff 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 transparent;
|
border-color: transparent transparent #fff;
|
||||||
translate: 0 -75%;
|
translate: 0 -75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -209,8 +215,7 @@ select#font-select option {
|
|||||||
|
|
||||||
.select-items div {
|
.select-items div {
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
border-color: transparent transparent transparent transparent;
|
border-color: transparent;
|
||||||
|
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,6 +4,7 @@
|
|||||||
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: #006600;
|
background-color: #060;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,20 +4,22 @@
|
|||||||
.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: 0rem 0.5rem !important;
|
margin: 0 0.5rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-header {
|
.card-header {
|
||||||
@ -86,12 +86,11 @@ 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 0rem 0rem;
|
border-radius: 2rem 2rem 0 0;
|
||||||
padding: 1.5rem 2rem 0.5rem;
|
padding: 1.5rem 2rem 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -100,7 +99,7 @@ td {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.modal-footer {
|
.modal-footer {
|
||||||
border-radius: 0rem 0rem 2rem 2rem;
|
border-radius: 0 0 2rem 2rem;
|
||||||
padding: 0.5rem 2rem 1.5rem;
|
padding: 0.5rem 2rem 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -109,7 +108,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);
|
||||||
}
|
}
|
||||||
@ -175,13 +174,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: 0px 1rem;
|
margin: 0 1rem;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
width: 4rem;
|
width: 4rem;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
@ -200,7 +199,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;
|
||||||
@ -563,6 +562,7 @@ 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)
|
||||||
}
|
}
|
||||||
@ -902,6 +902,7 @@ 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;
|
||||||
@ -927,26 +928,26 @@ textarea.form-control {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.list-group-item:first-child {
|
.list-group-item:first-child {
|
||||||
border-radius: 1rem 1rem 0rem 0rem;
|
border-radius: 1rem 1rem 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-group-item:last-child {
|
.list-group-item:last-child {
|
||||||
border-radius: 0rem 0rem 1rem 1rem;
|
border-radius: 0 0 1rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-group-item:only-child {
|
.list-group-item:only-child {
|
||||||
border-radius: 1rem 1rem 1rem 1rem;
|
border-radius: 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 0rem 2rem;
|
margin: 1rem 0 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert-header {
|
.alert-header {
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
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');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -7,16 +7,20 @@
|
|||||||
--md-sys-color-surface-3: color-mix(in srgb, var(--md-sys-color-primary) 13%, rgba(0, 0, 255, 0.11) 5%);
|
--md-sys-color-surface-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: #000000;
|
--md-sys-color-shadow: #000;
|
||||||
--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,6 +49,7 @@
|
|||||||
--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,6 +49,7 @@
|
|||||||
--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,6 +21,7 @@
|
|||||||
#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);
|
||||||
@ -32,47 +33,58 @@
|
|||||||
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;
|
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,23 +22,19 @@
|
|||||||
--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);
|
||||||
@ -66,13 +62,10 @@
|
|||||||
--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;
|
||||||
@ -87,13 +80,10 @@
|
|||||||
--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;
|
||||||
@ -108,22 +98,18 @@
|
|||||||
--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;
|
||||||
@ -1042,7 +1028,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
|
|
||||||
.xfaTextfield,
|
.xfaTextfield,
|
||||||
.xfaSelect {
|
.xfaSelect {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
@ -1143,7 +1128,6 @@
|
|||||||
--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);
|
||||||
@ -1167,9 +1151,7 @@
|
|||||||
--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;
|
||||||
@ -1366,10 +1348,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;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1401,7 +1383,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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1504,9 +1486,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);
|
||||||
@ -1530,11 +1512,9 @@
|
|||||||
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);
|
||||||
@ -1542,7 +1522,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -1561,7 +1540,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -1698,8 +1676,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;
|
||||||
@ -1772,17 +1750,14 @@
|
|||||||
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;
|
||||||
@ -1799,7 +1774,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -1838,7 +1812,7 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotationEditorLayer freeTextEditor .overlay.enabled {
|
.annotationEditorLayer freetexteditor .overlay.enabled {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -2085,8 +2059,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 {
|
||||||
@ -2239,7 +2213,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;
|
||||||
}
|
}
|
||||||
@ -2676,21 +2650,17 @@ 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);
|
||||||
@ -2700,7 +2670,6 @@ 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);
|
||||||
@ -2736,50 +2705,49 @@ 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");
|
||||||
--loading-icon: url(../images/loading.svg);
|
--treeitem-expanded-icon: url("../images/treeitem-expanded.svg");
|
||||||
--treeitem-expanded-icon: url(../images/treeitem-expanded.svg);
|
--treeitem-collapsed-icon: url("../images/treeitem-collapsed.svg");
|
||||||
--treeitem-collapsed-icon: url(../images/treeitem-collapsed.svg);
|
--toolbarButton-editorFreeText-icon: url("../images/toolbarButton-editorFreeText.svg");
|
||||||
--toolbarButton-editorFreeText-icon: url(../images/toolbarButton-editorFreeText.svg);
|
--toolbarButton-editorHighlight-icon: url("../images/toolbarButton-editorHighlight.svg");
|
||||||
--toolbarButton-editorHighlight-icon: url(../images/toolbarButton-editorHighlight.svg);
|
--toolbarButton-editorInk-icon: url("../images/toolbarButton-editorInk.svg");
|
||||||
--toolbarButton-editorInk-icon: url(../images/toolbarButton-editorInk.svg);
|
--toolbarButton-editorStamp-icon: url("../images/toolbarButton-editorStamp.svg");
|
||||||
--toolbarButton-editorStamp-icon: url(../images/toolbarButton-editorStamp.svg);
|
--toolbarButton-menuArrow-icon: url("../images/toolbarButton-menuArrow.svg");
|
||||||
--toolbarButton-menuArrow-icon: url(../images/toolbarButton-menuArrow.svg);
|
--toolbarButton-sidebarToggle-icon: url("../images/toolbarButton-sidebarToggle.svg");
|
||||||
--toolbarButton-sidebarToggle-icon: url(../images/toolbarButton-sidebarToggle.svg);
|
--toolbarButton-secondaryToolbarToggle-icon: url("../images/toolbarButton-secondaryToolbarToggle.svg");
|
||||||
--toolbarButton-secondaryToolbarToggle-icon: url(../images/toolbarButton-secondaryToolbarToggle.svg);
|
--toolbarButton-pageUp-icon: url("../images/toolbarButton-pageUp.svg");
|
||||||
--toolbarButton-pageUp-icon: url(../images/toolbarButton-pageUp.svg);
|
--toolbarButton-pageDown-icon: url("../images/toolbarButton-pageDown.svg");
|
||||||
--toolbarButton-pageDown-icon: url(../images/toolbarButton-pageDown.svg);
|
--toolbarButton-zoomOut-icon: url("../images/toolbarButton-zoomOut.svg");
|
||||||
--toolbarButton-zoomOut-icon: url(../images/toolbarButton-zoomOut.svg);
|
--toolbarButton-zoomIn-icon: url("../images/toolbarButton-zoomIn.svg");
|
||||||
--toolbarButton-zoomIn-icon: url(../images/toolbarButton-zoomIn.svg);
|
--toolbarButton-presentationMode-icon: url("../images/toolbarButton-presentationMode.svg");
|
||||||
--toolbarButton-presentationMode-icon: url(../images/toolbarButton-presentationMode.svg);
|
--toolbarButton-print-icon: url("../images/toolbarButton-print.svg");
|
||||||
--toolbarButton-print-icon: url(../images/toolbarButton-print.svg);
|
--toolbarButton-openFile-icon: url("../images/toolbarButton-openFile.svg");
|
||||||
--toolbarButton-openFile-icon: url(../images/toolbarButton-openFile.svg);
|
--toolbarButton-download-icon: url("../images/toolbarButton-download.svg");
|
||||||
--toolbarButton-download-icon: url(../images/toolbarButton-download.svg);
|
--toolbarButton-bookmark-icon: url("../images/toolbarButton-bookmark.svg");
|
||||||
--toolbarButton-bookmark-icon: url(../images/toolbarButton-bookmark.svg);
|
--toolbarButton-viewThumbnail-icon: url("../images/toolbarButton-viewThumbnail.svg");
|
||||||
--toolbarButton-viewThumbnail-icon: url(../images/toolbarButton-viewThumbnail.svg);
|
--toolbarButton-viewOutline-icon: url("../images/toolbarButton-viewOutline.svg");
|
||||||
--toolbarButton-viewOutline-icon: url(../images/toolbarButton-viewOutline.svg);
|
--toolbarButton-viewAttachments-icon: url("../images/toolbarButton-viewAttachments.svg");
|
||||||
--toolbarButton-viewAttachments-icon: url(../images/toolbarButton-viewAttachments.svg);
|
--toolbarButton-viewLayers-icon: url("../images/toolbarButton-viewLayers.svg");
|
||||||
--toolbarButton-viewLayers-icon: url(../images/toolbarButton-viewLayers.svg);
|
--toolbarButton-currentOutlineItem-icon: url("../images/toolbarButton-currentOutlineItem.svg");
|
||||||
--toolbarButton-currentOutlineItem-icon: url(../images/toolbarButton-currentOutlineItem.svg);
|
--toolbarButton-search-icon: url("../images/toolbarButton-search.svg");
|
||||||
--toolbarButton-search-icon: url(../images/toolbarButton-search.svg);
|
--toolbarButton-backToHome-icon: url("../images/toolbarButton-home.svg");
|
||||||
--toolbarButton-backToHome-icon: url(../images/toolbarButton-home.svg);
|
--findbarButton-previous-icon: url("../images/findbarButton-previous.svg");
|
||||||
--findbarButton-previous-icon: url(../images/findbarButton-previous.svg);
|
--findbarButton-next-icon: url("../images/findbarButton-next.svg");
|
||||||
--findbarButton-next-icon: url(../images/findbarButton-next.svg);
|
--secondaryToolbarButton-firstPage-icon: url("../images/secondaryToolbarButton-firstPage.svg");
|
||||||
--secondaryToolbarButton-firstPage-icon: url(../images/secondaryToolbarButton-firstPage.svg);
|
--secondaryToolbarButton-lastPage-icon: url("../images/secondaryToolbarButton-lastPage.svg");
|
||||||
--secondaryToolbarButton-lastPage-icon: url(../images/secondaryToolbarButton-lastPage.svg);
|
--secondaryToolbarButton-rotateCcw-icon: url("../images/secondaryToolbarButton-rotateCcw.svg");
|
||||||
--secondaryToolbarButton-rotateCcw-icon: url(../images/secondaryToolbarButton-rotateCcw.svg);
|
--secondaryToolbarButton-rotateCw-icon: url("../images/secondaryToolbarButton-rotateCw.svg");
|
||||||
--secondaryToolbarButton-rotateCw-icon: url(../images/secondaryToolbarButton-rotateCw.svg);
|
--secondaryToolbarButton-selectTool-icon: url("../images/secondaryToolbarButton-selectTool.svg");
|
||||||
--secondaryToolbarButton-selectTool-icon: url(../images/secondaryToolbarButton-selectTool.svg);
|
--secondaryToolbarButton-handTool-icon: url("../images/secondaryToolbarButton-handTool.svg");
|
||||||
--secondaryToolbarButton-handTool-icon: url(../images/secondaryToolbarButton-handTool.svg);
|
--secondaryToolbarButton-scrollPage-icon: url("../images/secondaryToolbarButton-scrollPage.svg");
|
||||||
--secondaryToolbarButton-scrollPage-icon: url(../images/secondaryToolbarButton-scrollPage.svg);
|
--secondaryToolbarButton-scrollVertical-icon: url("../images/secondaryToolbarButton-scrollVertical.svg");
|
||||||
--secondaryToolbarButton-scrollVertical-icon: url(../images/secondaryToolbarButton-scrollVertical.svg);
|
--secondaryToolbarButton-scrollHorizontal-icon: url("../images/secondaryToolbarButton-scrollHorizontal.svg");
|
||||||
--secondaryToolbarButton-scrollHorizontal-icon: url(../images/secondaryToolbarButton-scrollHorizontal.svg);
|
--secondaryToolbarButton-scrollWrapped-icon: url("../images/secondaryToolbarButton-scrollWrapped.svg");
|
||||||
--secondaryToolbarButton-scrollWrapped-icon: url(../images/secondaryToolbarButton-scrollWrapped.svg);
|
--secondaryToolbarButton-spreadNone-icon: url("../images/secondaryToolbarButton-spreadNone.svg");
|
||||||
--secondaryToolbarButton-spreadNone-icon: url(../images/secondaryToolbarButton-spreadNone.svg);
|
--secondaryToolbarButton-spreadOdd-icon: url("../images/secondaryToolbarButton-spreadOdd.svg");
|
||||||
--secondaryToolbarButton-spreadOdd-icon: url(../images/secondaryToolbarButton-spreadOdd.svg);
|
--secondaryToolbarButton-spreadEven-icon: url("../images/secondaryToolbarButton-spreadEven.svg");
|
||||||
--secondaryToolbarButton-spreadEven-icon: url(../images/secondaryToolbarButton-spreadEven.svg);
|
--secondaryToolbarButton-documentProperties-icon: url("../images/secondaryToolbarButton-documentProperties.svg");
|
||||||
--secondaryToolbarButton-documentProperties-icon: url(../images/secondaryToolbarButton-documentProperties.svg);
|
--editorParams-stampAddImage-icon: url("../images/toolbarButton-zoomIn.svg");
|
||||||
--editorParams-stampAddImage-icon: url(../images/toolbarButton-zoomIn.svg);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
[dir="rtl"]:root {
|
[dir="rtl"]:root {
|
||||||
@ -2799,7 +2767,6 @@ 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);
|
||||||
@ -2840,7 +2807,6 @@ 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);
|
||||||
@ -3050,6 +3016,7 @@ 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);
|
||||||
@ -3429,7 +3396,6 @@ 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);
|
||||||
@ -3474,14 +3440,13 @@ 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 0;
|
inset: 4px 0 0;
|
||||||
border-radius: var(--toolButton-border-radius);
|
border-radius: var(--toolButton-border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3600,7 +3565,6 @@ 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;
|
||||||
@ -3640,7 +3604,6 @@ 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;
|
||||||
}
|
}
|
||||||
@ -3933,7 +3896,6 @@ 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);
|
||||||
}
|
}
|
||||||
@ -3945,7 +3907,6 @@ 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;
|
||||||
@ -4289,7 +4250,6 @@ 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;
|
||||||
@ -4311,7 +4271,6 @@ 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;
|
||||||
}
|
}
|
||||||
@ -4346,7 +4305,6 @@ dialog :link {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width: 690px) {
|
@media all and (max-width: 690px) {
|
||||||
|
|
||||||
.hiddenSmallView,
|
.hiddenSmallView,
|
||||||
.hiddenSmallView * {
|
.hiddenSmallView * {
|
||||||
display: none;
|
display: none;
|
||||||
@ -4397,7 +4355,6 @@ 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);
|
||||||
@ -4535,7 +4492,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 0;
|
inset: 10px 0 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4557,7 +4514,6 @@ 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
|
||||||
}
|
}
|
||||||
@ -4569,9 +4525,7 @@ 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,23 +22,19 @@
|
|||||||
--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);
|
||||||
@ -58,7 +54,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -67,13 +62,10 @@
|
|||||||
--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;
|
||||||
@ -88,20 +80,16 @@
|
|||||||
--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;
|
||||||
@ -110,22 +98,18 @@
|
|||||||
--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;
|
||||||
@ -302,7 +286,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -385,7 +368,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -741,6 +723,7 @@
|
|||||||
: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;
|
||||||
}
|
}
|
||||||
@ -1077,7 +1060,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
.canvasWrapper svg.highlight{
|
.canvasWrapper svg.highlight{
|
||||||
--blend-mode:difference;
|
--blend-mode:difference;
|
||||||
}
|
}
|
||||||
@ -1141,7 +1123,6 @@
|
|||||||
--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);
|
||||||
@ -1170,9 +1151,7 @@
|
|||||||
);
|
);
|
||||||
|
|
||||||
-webkit-appearance:none;
|
-webkit-appearance:none;
|
||||||
|
|
||||||
-moz-appearance:none;
|
-moz-appearance:none;
|
||||||
|
|
||||||
appearance:none;
|
appearance:none;
|
||||||
padding:0;
|
padding:0;
|
||||||
margin:0;
|
margin:0;
|
||||||
@ -1186,7 +1165,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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(
|
||||||
@ -1227,7 +1205,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -1333,7 +1310,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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);
|
||||||
@ -1382,10 +1358,11 @@
|
|||||||
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;
|
||||||
@ -1414,7 +1391,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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1516,9 +1493,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);
|
||||||
@ -1542,11 +1519,9 @@
|
|||||||
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);
|
||||||
@ -1554,7 +1529,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -1573,7 +1547,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -1712,8 +1685,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;
|
||||||
@ -1786,17 +1759,14 @@
|
|||||||
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;
|
||||||
@ -1813,7 +1783,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -1852,7 +1821,7 @@
|
|||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.annotationEditorLayer freeTextEditor .overlay.enabled{
|
.annotationEditorLayer freetexteditor .overlay.enabled{
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -2184,8 +2153,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{
|
||||||
@ -2252,7 +2221,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
@ -2267,7 +2235,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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);
|
||||||
@ -2340,7 +2307,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;
|
||||||
}
|
}
|
||||||
@ -2511,7 +2478,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
}
|
}
|
||||||
@ -2522,7 +2488,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
|
#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
|
||||||
--example-color:CanvasText;
|
--example-color:CanvasText;
|
||||||
}
|
}
|
||||||
@ -2569,7 +2534,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@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;
|
||||||
}
|
}
|
||||||
@ -2580,7 +2544,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
|
#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
|
||||||
--divider-color:CanvasText;
|
--divider-color:CanvasText;
|
||||||
}
|
}
|
||||||
@ -2614,9 +2577,11 @@
|
|||||||
[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%);
|
||||||
}
|
}
|
||||||
@ -2641,7 +2606,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (forced-colors: active){
|
@media screen and (forced-colors: active){
|
||||||
|
|
||||||
.pdfViewer{
|
.pdfViewer{
|
||||||
--hcm-highlight-filter:invert(100%);
|
--hcm-highlight-filter:invert(100%);
|
||||||
}
|
}
|
||||||
@ -2773,15 +2737,12 @@
|
|||||||
--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);
|
||||||
@ -2791,7 +2752,6 @@
|
|||||||
--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);
|
||||||
@ -2826,50 +2786,49 @@
|
|||||||
--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");
|
||||||
--loading-icon:url(../images/loading.svg);
|
--treeitem-expanded-icon:url("../images/treeitem-expanded.svg");
|
||||||
--treeitem-expanded-icon:url(../images/treeitem-expanded.svg);
|
--treeitem-collapsed-icon:url("../images/treeitem-collapsed.svg");
|
||||||
--treeitem-collapsed-icon:url(../images/treeitem-collapsed.svg);
|
--toolbarButton-editorFreeText-icon:url("../images/toolbarButton-editorFreeText.svg");
|
||||||
--toolbarButton-editorFreeText-icon:url(../images/toolbarButton-editorFreeText.svg);
|
--toolbarButton-editorHighlight-icon:url("../images/toolbarButton-editorHighlight.svg");
|
||||||
--toolbarButton-editorHighlight-icon:url(../images/toolbarButton-editorHighlight.svg);
|
--toolbarButton-editorInk-icon:url("../images/toolbarButton-editorInk.svg");
|
||||||
--toolbarButton-editorInk-icon:url(../images/toolbarButton-editorInk.svg);
|
--toolbarButton-editorStamp-icon:url("../images/toolbarButton-editorStamp.svg");
|
||||||
--toolbarButton-editorStamp-icon:url(../images/toolbarButton-editorStamp.svg);
|
--toolbarButton-menuArrow-icon:url("../images/toolbarButton-menuArrow.svg");
|
||||||
--toolbarButton-menuArrow-icon:url(../images/toolbarButton-menuArrow.svg);
|
--toolbarButton-sidebarToggle-icon:url("../images/toolbarButton-sidebarToggle.svg");
|
||||||
--toolbarButton-sidebarToggle-icon:url(../images/toolbarButton-sidebarToggle.svg);
|
--toolbarButton-secondaryToolbarToggle-icon:url("../images/toolbarButton-secondaryToolbarToggle.svg");
|
||||||
--toolbarButton-secondaryToolbarToggle-icon:url(../images/toolbarButton-secondaryToolbarToggle.svg);
|
--toolbarButton-pageUp-icon:url("../images/toolbarButton-pageUp.svg");
|
||||||
--toolbarButton-pageUp-icon:url(../images/toolbarButton-pageUp.svg);
|
--toolbarButton-pageDown-icon:url("../images/toolbarButton-pageDown.svg");
|
||||||
--toolbarButton-pageDown-icon:url(../images/toolbarButton-pageDown.svg);
|
--toolbarButton-zoomOut-icon:url("../images/toolbarButton-zoomOut.svg");
|
||||||
--toolbarButton-zoomOut-icon:url(../images/toolbarButton-zoomOut.svg);
|
--toolbarButton-zoomIn-icon:url("../images/toolbarButton-zoomIn.svg");
|
||||||
--toolbarButton-zoomIn-icon:url(../images/toolbarButton-zoomIn.svg);
|
--toolbarButton-presentationMode-icon:url("../images/toolbarButton-presentationMode.svg");
|
||||||
--toolbarButton-presentationMode-icon:url(../images/toolbarButton-presentationMode.svg);
|
--toolbarButton-print-icon:url("../images/toolbarButton-print.svg");
|
||||||
--toolbarButton-print-icon:url(../images/toolbarButton-print.svg);
|
--toolbarButton-openFile-icon:url("../images/toolbarButton-openFile.svg");
|
||||||
--toolbarButton-openFile-icon:url(../images/toolbarButton-openFile.svg);
|
--toolbarButton-download-icon:url("../images/toolbarButton-download.svg");
|
||||||
--toolbarButton-download-icon:url(../images/toolbarButton-download.svg);
|
--toolbarButton-bookmark-icon:url("../images/toolbarButton-bookmark.svg");
|
||||||
--toolbarButton-bookmark-icon:url(../images/toolbarButton-bookmark.svg);
|
--toolbarButton-viewThumbnail-icon:url("../images/toolbarButton-viewThumbnail.svg");
|
||||||
--toolbarButton-viewThumbnail-icon:url(../images/toolbarButton-viewThumbnail.svg);
|
--toolbarButton-viewOutline-icon:url("../images/toolbarButton-viewOutline.svg");
|
||||||
--toolbarButton-viewOutline-icon:url(../images/toolbarButton-viewOutline.svg);
|
--toolbarButton-viewAttachments-icon:url("../images/toolbarButton-viewAttachments.svg");
|
||||||
--toolbarButton-viewAttachments-icon:url(../images/toolbarButton-viewAttachments.svg);
|
--toolbarButton-viewLayers-icon:url("../images/toolbarButton-viewLayers.svg");
|
||||||
--toolbarButton-viewLayers-icon:url(../images/toolbarButton-viewLayers.svg);
|
--toolbarButton-currentOutlineItem-icon:url("../images/toolbarButton-currentOutlineItem.svg");
|
||||||
--toolbarButton-currentOutlineItem-icon:url(../images/toolbarButton-currentOutlineItem.svg);
|
--toolbarButton-search-icon:url("../images/toolbarButton-search.svg");
|
||||||
--toolbarButton-search-icon:url(../images/toolbarButton-search.svg);
|
--toolbarButton-backToHome-icon:url("../images/toolbarButton-home.svg");
|
||||||
--toolbarButton-backToHome-icon:url(../images/toolbarButton-home.svg);
|
--findbarButton-previous-icon:url("../images/findbarButton-previous.svg");
|
||||||
--findbarButton-previous-icon:url(../images/findbarButton-previous.svg);
|
--findbarButton-next-icon:url("../images/findbarButton-next.svg");
|
||||||
--findbarButton-next-icon:url(../images/findbarButton-next.svg);
|
--secondaryToolbarButton-firstPage-icon:url("../images/secondaryToolbarButton-firstPage.svg");
|
||||||
--secondaryToolbarButton-firstPage-icon:url(../images/secondaryToolbarButton-firstPage.svg);
|
--secondaryToolbarButton-lastPage-icon:url("../images/secondaryToolbarButton-lastPage.svg");
|
||||||
--secondaryToolbarButton-lastPage-icon:url(../images/secondaryToolbarButton-lastPage.svg);
|
--secondaryToolbarButton-rotateCcw-icon:url("../images/secondaryToolbarButton-rotateCcw.svg");
|
||||||
--secondaryToolbarButton-rotateCcw-icon:url(../images/secondaryToolbarButton-rotateCcw.svg);
|
--secondaryToolbarButton-rotateCw-icon:url("../images/secondaryToolbarButton-rotateCw.svg");
|
||||||
--secondaryToolbarButton-rotateCw-icon:url(../images/secondaryToolbarButton-rotateCw.svg);
|
--secondaryToolbarButton-selectTool-icon:url("../images/secondaryToolbarButton-selectTool.svg");
|
||||||
--secondaryToolbarButton-selectTool-icon:url(../images/secondaryToolbarButton-selectTool.svg);
|
--secondaryToolbarButton-handTool-icon:url("../images/secondaryToolbarButton-handTool.svg");
|
||||||
--secondaryToolbarButton-handTool-icon:url(../images/secondaryToolbarButton-handTool.svg);
|
--secondaryToolbarButton-scrollPage-icon:url("../images/secondaryToolbarButton-scrollPage.svg");
|
||||||
--secondaryToolbarButton-scrollPage-icon:url(../images/secondaryToolbarButton-scrollPage.svg);
|
--secondaryToolbarButton-scrollVertical-icon:url("../images/secondaryToolbarButton-scrollVertical.svg");
|
||||||
--secondaryToolbarButton-scrollVertical-icon:url(../images/secondaryToolbarButton-scrollVertical.svg);
|
--secondaryToolbarButton-scrollHorizontal-icon:url("../images/secondaryToolbarButton-scrollHorizontal.svg");
|
||||||
--secondaryToolbarButton-scrollHorizontal-icon:url(../images/secondaryToolbarButton-scrollHorizontal.svg);
|
--secondaryToolbarButton-scrollWrapped-icon:url("../images/secondaryToolbarButton-scrollWrapped.svg");
|
||||||
--secondaryToolbarButton-scrollWrapped-icon:url(../images/secondaryToolbarButton-scrollWrapped.svg);
|
--secondaryToolbarButton-spreadNone-icon:url("../images/secondaryToolbarButton-spreadNone.svg");
|
||||||
--secondaryToolbarButton-spreadNone-icon:url(../images/secondaryToolbarButton-spreadNone.svg);
|
--secondaryToolbarButton-spreadOdd-icon:url("../images/secondaryToolbarButton-spreadOdd.svg");
|
||||||
--secondaryToolbarButton-spreadOdd-icon:url(../images/secondaryToolbarButton-spreadOdd.svg);
|
--secondaryToolbarButton-spreadEven-icon:url("../images/secondaryToolbarButton-spreadEven.svg");
|
||||||
--secondaryToolbarButton-spreadEven-icon:url(../images/secondaryToolbarButton-spreadEven.svg);
|
--secondaryToolbarButton-documentProperties-icon:url("../images/secondaryToolbarButton-documentProperties.svg");
|
||||||
--secondaryToolbarButton-documentProperties-icon:url(../images/secondaryToolbarButton-documentProperties.svg);
|
--editorParams-stampAddImage-icon:url("../images/toolbarButton-zoomIn.svg");
|
||||||
--editorParams-stampAddImage-icon:url(../images/toolbarButton-zoomIn.svg);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
[dir="rtl"]:root{
|
[dir="rtl"]:root{
|
||||||
@ -2889,7 +2848,6 @@
|
|||||||
--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);
|
||||||
@ -2930,7 +2888,6 @@
|
|||||||
--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);
|
||||||
@ -3067,6 +3024,7 @@ 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;
|
||||||
}
|
}
|
||||||
@ -3092,6 +3050,7 @@ 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);
|
||||||
@ -3188,6 +3147,7 @@ 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);
|
||||||
}
|
}
|
||||||
@ -3243,16 +3203,20 @@ 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;
|
||||||
}
|
}
|
||||||
@ -3392,6 +3356,7 @@ 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%;
|
||||||
@ -3403,24 +3368,29 @@ 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;
|
||||||
@ -3452,6 +3422,7 @@ body{
|
|||||||
#toolbarSidebarLeft{
|
#toolbarSidebarLeft{
|
||||||
float:var(--inline-start);
|
float:var(--inline-start);
|
||||||
}
|
}
|
||||||
|
|
||||||
#toolbarViewerRight,
|
#toolbarViewerRight,
|
||||||
#toolbarSidebarRight{
|
#toolbarSidebarRight{
|
||||||
float:var(--inline-end);
|
float:var(--inline-end);
|
||||||
@ -3470,9 +3441,11 @@ 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;
|
||||||
}
|
}
|
||||||
@ -3481,6 +3454,7 @@ body{
|
|||||||
margin:2px;
|
margin:2px;
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.splitToolbarButton > .toolbarButton{
|
.splitToolbarButton > .toolbarButton{
|
||||||
float:var(--inline-start);
|
float:var(--inline-start);
|
||||||
}
|
}
|
||||||
@ -3518,10 +3492,12 @@ 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;
|
||||||
}
|
}
|
||||||
@ -3556,6 +3532,7 @@ 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);
|
||||||
@ -3590,6 +3567,7 @@ 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;
|
||||||
@ -3613,10 +3591,12 @@ 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);
|
||||||
@ -3634,7 +3614,6 @@ 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;
|
||||||
@ -3754,6 +3733,7 @@ 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;
|
||||||
@ -3823,6 +3803,7 @@ 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;
|
||||||
}
|
}
|
||||||
@ -3904,6 +3885,7 @@ 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;
|
||||||
@ -3949,7 +3931,6 @@ 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);
|
||||||
}
|
}
|
||||||
@ -3961,7 +3942,6 @@ 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;
|
||||||
@ -4014,6 +3994,7 @@ 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;
|
||||||
@ -4044,6 +4025,7 @@ 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;
|
||||||
}
|
}
|
||||||
@ -4053,10 +4035,12 @@ 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;
|
||||||
}
|
}
|
||||||
@ -4094,9 +4078,11 @@ 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;
|
||||||
@ -4109,16 +4095,19 @@ 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;
|
||||||
}
|
}
|
||||||
@ -4168,6 +4157,7 @@ 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);
|
||||||
}
|
}
|
||||||
@ -4204,6 +4194,7 @@ dialog :link{
|
|||||||
#passwordDialog{
|
#passwordDialog{
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#passwordDialog .toolbarField{
|
#passwordDialog .toolbarField{
|
||||||
width:200px;
|
width:200px;
|
||||||
}
|
}
|
||||||
@ -4211,18 +4202,22 @@ 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;
|
||||||
}
|
}
|
||||||
@ -4230,14 +4225,17 @@ 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);
|
||||||
@ -4259,21 +4257,24 @@ 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;
|
||||||
@ -4295,7 +4296,6 @@ 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,6 +4319,7 @@ 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;
|
||||||
}
|
}
|
||||||
@ -4328,9 +4329,11 @@ 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;
|
||||||
}
|
}
|
||||||
@ -4341,9 +4344,11 @@ 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