1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 | .textLayer {
|
17 | position: absolute;
|
18 | text-align: initial;
|
19 | left: 0;
|
20 | top: 0;
|
21 | right: 0;
|
22 | bottom: 0;
|
23 | overflow: hidden;
|
24 | opacity: 0.2;
|
25 | line-height: 1;
|
26 | -webkit-text-size-adjust: none;
|
27 | -moz-text-size-adjust: none;
|
28 | text-size-adjust: none;
|
29 | forced-color-adjust: none;
|
30 | }
|
31 |
|
32 | .textLayer span,
|
33 | .textLayer br {
|
34 | color: transparent;
|
35 | position: absolute;
|
36 | white-space: pre;
|
37 | cursor: text;
|
38 | transform-origin: 0% 0%;
|
39 | }
|
40 |
|
41 |
|
42 |
|
43 | .textLayer span.markedContent {
|
44 | top: 0;
|
45 | height: 0;
|
46 | }
|
47 |
|
48 | .textLayer .highlight {
|
49 | margin: -1px;
|
50 | padding: 1px;
|
51 | background-color: rgba(180, 0, 170, 1);
|
52 | border-radius: 4px;
|
53 | }
|
54 |
|
55 | .textLayer .highlight.appended {
|
56 | position: initial;
|
57 | }
|
58 |
|
59 | .textLayer .highlight.begin {
|
60 | border-radius: 4px 0 0 4px;
|
61 | }
|
62 |
|
63 | .textLayer .highlight.end {
|
64 | border-radius: 0 4px 4px 0;
|
65 | }
|
66 |
|
67 | .textLayer .highlight.middle {
|
68 | border-radius: 0;
|
69 | }
|
70 |
|
71 | .textLayer .highlight.selected {
|
72 | background-color: rgba(0, 100, 0, 1);
|
73 | }
|
74 |
|
75 | .textLayer ::-moz-selection {
|
76 | background: rgba(0, 0, 255, 1);
|
77 | }
|
78 |
|
79 | .textLayer ::selection {
|
80 | background: rgba(0, 0, 255, 1);
|
81 | }
|
82 |
|
83 |
|
84 | .textLayer br::-moz-selection {
|
85 | background: transparent;
|
86 | }
|
87 | .textLayer br::selection {
|
88 | background: transparent;
|
89 | }
|
90 |
|
91 | .textLayer .endOfContent {
|
92 | display: block;
|
93 | position: absolute;
|
94 | left: 0;
|
95 | top: 100%;
|
96 | right: 0;
|
97 | bottom: 0;
|
98 | z-index: -1;
|
99 | cursor: default;
|
100 | -webkit-user-select: none;
|
101 | -moz-user-select: none;
|
102 | user-select: none;
|
103 | }
|
104 |
|
105 | .textLayer .endOfContent.active {
|
106 | top: 0;
|
107 | }
|
108 |
|
109 |
|
110 | :root {
|
111 | --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
|
112 | }
|
113 |
|
114 | @media (forced-colors: active) {
|
115 | .annotationLayer .textWidgetAnnotation input:required,
|
116 | .annotationLayer .textWidgetAnnotation textarea:required,
|
117 | .annotationLayer .choiceWidgetAnnotation select:required,
|
118 | .annotationLayer .buttonWidgetAnnotation.checkBox input:required,
|
119 | .annotationLayer .buttonWidgetAnnotation.radioButton input:required {
|
120 | outline: 1.5px solid selectedItem;
|
121 | }
|
122 | }
|
123 |
|
124 | .annotationLayer {
|
125 | position: absolute;
|
126 | top: 0;
|
127 | left: 0;
|
128 | pointer-events: none;
|
129 | transform-origin: 0 0;
|
130 | }
|
131 |
|
132 | .annotationLayer section {
|
133 | position: absolute;
|
134 | text-align: initial;
|
135 | pointer-events: auto;
|
136 | box-sizing: border-box;
|
137 | transform-origin: 0 0;
|
138 | }
|
139 |
|
140 | .annotationLayer .linkAnnotation > a,
|
141 | .annotationLayer .buttonWidgetAnnotation.pushButton > a {
|
142 | position: absolute;
|
143 | font-size: 1em;
|
144 | top: 0;
|
145 | left: 0;
|
146 | width: 100%;
|
147 | height: 100%;
|
148 | }
|
149 |
|
150 | .annotationLayer .buttonWidgetAnnotation.pushButton > canvas {
|
151 | width: 100%;
|
152 | height: 100%;
|
153 | }
|
154 |
|
155 | .annotationLayer .linkAnnotation > a:hover,
|
156 | .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
|
157 | opacity: 0.2;
|
158 | background: rgba(255, 255, 0, 1);
|
159 | box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
|
160 | }
|
161 |
|
162 | .annotationLayer .textAnnotation img {
|
163 | position: absolute;
|
164 | cursor: pointer;
|
165 | width: 100%;
|
166 | height: 100%;
|
167 | }
|
168 |
|
169 | .annotationLayer .textWidgetAnnotation input,
|
170 | .annotationLayer .textWidgetAnnotation textarea,
|
171 | .annotationLayer .choiceWidgetAnnotation select,
|
172 | .annotationLayer .buttonWidgetAnnotation.checkBox input,
|
173 | .annotationLayer .buttonWidgetAnnotation.radioButton input {
|
174 | background-image: var(--annotation-unfocused-field-background);
|
175 | border: 1px solid transparent;
|
176 | box-sizing: border-box;
|
177 | font: calc(9px * var(--scale-factor)) sans-serif;
|
178 | height: 100%;
|
179 | margin: 0;
|
180 | vertical-align: top;
|
181 | width: 100%;
|
182 | }
|
183 |
|
184 | .annotationLayer .textWidgetAnnotation input:required,
|
185 | .annotationLayer .textWidgetAnnotation textarea:required,
|
186 | .annotationLayer .choiceWidgetAnnotation select:required,
|
187 | .annotationLayer .buttonWidgetAnnotation.checkBox input:required,
|
188 | .annotationLayer .buttonWidgetAnnotation.radioButton input:required {
|
189 | outline: 1.5px solid red;
|
190 | }
|
191 |
|
192 | .annotationLayer .choiceWidgetAnnotation select option {
|
193 | padding: 0;
|
194 | }
|
195 |
|
196 | .annotationLayer .buttonWidgetAnnotation.radioButton input {
|
197 | border-radius: 50%;
|
198 | }
|
199 |
|
200 | .annotationLayer .textWidgetAnnotation textarea {
|
201 | resize: none;
|
202 | }
|
203 |
|
204 | .annotationLayer .textWidgetAnnotation input[disabled],
|
205 | .annotationLayer .textWidgetAnnotation textarea[disabled],
|
206 | .annotationLayer .choiceWidgetAnnotation select[disabled],
|
207 | .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
|
208 | .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
|
209 | background: none;
|
210 | border: 1px solid transparent;
|
211 | cursor: not-allowed;
|
212 | }
|
213 |
|
214 | .annotationLayer .textWidgetAnnotation input:hover,
|
215 | .annotationLayer .textWidgetAnnotation textarea:hover,
|
216 | .annotationLayer .choiceWidgetAnnotation select:hover,
|
217 | .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
|
218 | .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
|
219 | border: 1px solid rgba(0, 0, 0, 1);
|
220 | }
|
221 |
|
222 | .annotationLayer .textWidgetAnnotation input:focus,
|
223 | .annotationLayer .textWidgetAnnotation textarea:focus,
|
224 | .annotationLayer .choiceWidgetAnnotation select:focus {
|
225 | background: none;
|
226 | border: 1px solid transparent;
|
227 | }
|
228 |
|
229 | .annotationLayer .textWidgetAnnotation input :focus,
|
230 | .annotationLayer .textWidgetAnnotation textarea :focus,
|
231 | .annotationLayer .choiceWidgetAnnotation select :focus,
|
232 | .annotationLayer .buttonWidgetAnnotation.checkBox :focus,
|
233 | .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
|
234 | background-image: none;
|
235 | background-color: transparent;
|
236 | outline: auto;
|
237 | }
|
238 |
|
239 | .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
|
240 | .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
|
241 | .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
|
242 | background-color: CanvasText;
|
243 | content: "";
|
244 | display: block;
|
245 | position: absolute;
|
246 | }
|
247 |
|
248 | .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
|
249 | .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
|
250 | height: 80%;
|
251 | left: 45%;
|
252 | width: 1px;
|
253 | }
|
254 |
|
255 | .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
|
256 | transform: rotate(45deg);
|
257 | }
|
258 |
|
259 | .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
|
260 | transform: rotate(-45deg);
|
261 | }
|
262 |
|
263 | .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
|
264 | border-radius: 50%;
|
265 | height: 50%;
|
266 | left: 30%;
|
267 | top: 20%;
|
268 | width: 50%;
|
269 | }
|
270 |
|
271 | .annotationLayer .textWidgetAnnotation input.comb {
|
272 | font-family: monospace;
|
273 | padding-left: 2px;
|
274 | padding-right: 0;
|
275 | }
|
276 |
|
277 | .annotationLayer .textWidgetAnnotation input.comb:focus {
|
278 | |
279 |
|
280 |
|
281 |
|
282 |
|
283 |
|
284 | width: 103%;
|
285 | }
|
286 |
|
287 | .annotationLayer .buttonWidgetAnnotation.checkBox input,
|
288 | .annotationLayer .buttonWidgetAnnotation.radioButton input {
|
289 | -webkit-appearance: none;
|
290 | -moz-appearance: none;
|
291 | appearance: none;
|
292 | }
|
293 |
|
294 | .annotationLayer .popupTriggerArea {
|
295 | height: 100%;
|
296 | width: 100%;
|
297 | }
|
298 |
|
299 | .annotationLayer .popupWrapper {
|
300 | position: absolute;
|
301 | font-size: calc(9px * var(--scale-factor));
|
302 | width: 100%;
|
303 | min-width: calc(180px * var(--scale-factor));
|
304 | pointer-events: none;
|
305 | }
|
306 |
|
307 | .annotationLayer .popup {
|
308 | position: absolute;
|
309 | z-index: 200;
|
310 | max-width: calc(180px * var(--scale-factor));
|
311 | background-color: rgba(255, 255, 153, 1);
|
312 | box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))
|
313 | rgba(136, 136, 136, 1);
|
314 | border-radius: calc(2px * var(--scale-factor));
|
315 | padding: calc(6px * var(--scale-factor));
|
316 | margin-left: calc(5px * var(--scale-factor));
|
317 | cursor: pointer;
|
318 | font: message-box;
|
319 | white-space: normal;
|
320 | word-wrap: break-word;
|
321 | pointer-events: auto;
|
322 | }
|
323 |
|
324 | .annotationLayer .popup > * {
|
325 | font-size: calc(9px * var(--scale-factor));
|
326 | }
|
327 |
|
328 | .annotationLayer .popup h1 {
|
329 | display: inline-block;
|
330 | }
|
331 |
|
332 | .annotationLayer .popupDate {
|
333 | display: inline-block;
|
334 | margin-left: calc(5px * var(--scale-factor));
|
335 | }
|
336 |
|
337 | .annotationLayer .popupContent {
|
338 | border-top: 1px solid rgba(51, 51, 51, 1);
|
339 | margin-top: calc(2px * var(--scale-factor));
|
340 | padding-top: calc(2px * var(--scale-factor));
|
341 | }
|
342 |
|
343 | .annotationLayer .richText > * {
|
344 | white-space: pre-wrap;
|
345 | font-size: calc(9px * var(--scale-factor));
|
346 | }
|
347 |
|
348 | .annotationLayer .highlightAnnotation,
|
349 | .annotationLayer .underlineAnnotation,
|
350 | .annotationLayer .squigglyAnnotation,
|
351 | .annotationLayer .strikeoutAnnotation,
|
352 | .annotationLayer .freeTextAnnotation,
|
353 | .annotationLayer .lineAnnotation svg line,
|
354 | .annotationLayer .squareAnnotation svg rect,
|
355 | .annotationLayer .circleAnnotation svg ellipse,
|
356 | .annotationLayer .polylineAnnotation svg polyline,
|
357 | .annotationLayer .polygonAnnotation svg polygon,
|
358 | .annotationLayer .caretAnnotation,
|
359 | .annotationLayer .inkAnnotation svg polyline,
|
360 | .annotationLayer .stampAnnotation,
|
361 | .annotationLayer .fileAttachmentAnnotation {
|
362 | cursor: pointer;
|
363 | }
|
364 |
|
365 | .annotationLayer section svg {
|
366 | position: absolute;
|
367 | width: 100%;
|
368 | height: 100%;
|
369 | }
|
370 |
|
371 |
|
372 | :root {
|
373 | --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
|
374 | }
|
375 |
|
376 | @media (forced-colors: active) {
|
377 | .xfaLayer *:required {
|
378 | outline: 1.5px solid selectedItem;
|
379 | }
|
380 | }
|
381 |
|
382 | .xfaLayer .highlight {
|
383 | margin: -1px;
|
384 | padding: 1px;
|
385 | background-color: rgba(239, 203, 237, 1);
|
386 | border-radius: 4px;
|
387 | }
|
388 |
|
389 | .xfaLayer .highlight.appended {
|
390 | position: initial;
|
391 | }
|
392 |
|
393 | .xfaLayer .highlight.begin {
|
394 | border-radius: 4px 0 0 4px;
|
395 | }
|
396 |
|
397 | .xfaLayer .highlight.end {
|
398 | border-radius: 0 4px 4px 0;
|
399 | }
|
400 |
|
401 | .xfaLayer .highlight.middle {
|
402 | border-radius: 0;
|
403 | }
|
404 |
|
405 | .xfaLayer .highlight.selected {
|
406 | background-color: rgba(203, 223, 203, 1);
|
407 | }
|
408 |
|
409 | .xfaLayer ::-moz-selection {
|
410 | background: rgba(0, 0, 255, 1);
|
411 | }
|
412 |
|
413 | .xfaLayer ::selection {
|
414 | background: rgba(0, 0, 255, 1);
|
415 | }
|
416 |
|
417 | .xfaPage {
|
418 | overflow: hidden;
|
419 | position: relative;
|
420 | }
|
421 |
|
422 | .xfaContentarea {
|
423 | position: absolute;
|
424 | }
|
425 |
|
426 | .xfaPrintOnly {
|
427 | display: none;
|
428 | }
|
429 |
|
430 | .xfaLayer {
|
431 | position: absolute;
|
432 | text-align: initial;
|
433 | top: 0;
|
434 | left: 0;
|
435 | transform-origin: 0 0;
|
436 | line-height: 1.2;
|
437 | }
|
438 |
|
439 | .xfaLayer * {
|
440 | color: inherit;
|
441 | font: inherit;
|
442 | font-style: inherit;
|
443 | font-weight: inherit;
|
444 | font-kerning: inherit;
|
445 | letter-spacing: -0.01px;
|
446 | text-align: inherit;
|
447 | text-decoration: inherit;
|
448 | box-sizing: border-box;
|
449 | background-color: transparent;
|
450 | padding: 0;
|
451 | margin: 0;
|
452 | pointer-events: auto;
|
453 | line-height: inherit;
|
454 | }
|
455 |
|
456 | .xfaLayer *:required {
|
457 | outline: 1.5px solid red;
|
458 | }
|
459 |
|
460 | .xfaLayer div {
|
461 | pointer-events: none;
|
462 | }
|
463 |
|
464 | .xfaLayer svg {
|
465 | pointer-events: none;
|
466 | }
|
467 |
|
468 | .xfaLayer svg * {
|
469 | pointer-events: none;
|
470 | }
|
471 |
|
472 | .xfaLayer a {
|
473 | color: blue;
|
474 | }
|
475 |
|
476 | .xfaRich li {
|
477 | margin-left: 3em;
|
478 | }
|
479 |
|
480 | .xfaFont {
|
481 | color: black;
|
482 | font-weight: normal;
|
483 | font-kerning: none;
|
484 | font-size: 10px;
|
485 | font-style: normal;
|
486 | letter-spacing: 0;
|
487 | text-decoration: none;
|
488 | vertical-align: 0;
|
489 | }
|
490 |
|
491 | .xfaCaption {
|
492 | overflow: hidden;
|
493 | flex: 0 0 auto;
|
494 | }
|
495 |
|
496 | .xfaCaptionForCheckButton {
|
497 | overflow: hidden;
|
498 | flex: 1 1 auto;
|
499 | }
|
500 |
|
501 | .xfaLabel {
|
502 | height: 100%;
|
503 | width: 100%;
|
504 | }
|
505 |
|
506 | .xfaLeft {
|
507 | display: flex;
|
508 | flex-direction: row;
|
509 | align-items: center;
|
510 | }
|
511 |
|
512 | .xfaRight {
|
513 | display: flex;
|
514 | flex-direction: row-reverse;
|
515 | align-items: center;
|
516 | }
|
517 |
|
518 | .xfaLeft > .xfaCaption,
|
519 | .xfaLeft > .xfaCaptionForCheckButton,
|
520 | .xfaRight > .xfaCaption,
|
521 | .xfaRight > .xfaCaptionForCheckButton {
|
522 | max-height: 100%;
|
523 | }
|
524 |
|
525 | .xfaTop {
|
526 | display: flex;
|
527 | flex-direction: column;
|
528 | align-items: flex-start;
|
529 | }
|
530 |
|
531 | .xfaBottom {
|
532 | display: flex;
|
533 | flex-direction: column-reverse;
|
534 | align-items: flex-start;
|
535 | }
|
536 |
|
537 | .xfaTop > .xfaCaption,
|
538 | .xfaTop > .xfaCaptionForCheckButton,
|
539 | .xfaBottom > .xfaCaption,
|
540 | .xfaBottom > .xfaCaptionForCheckButton {
|
541 | width: 100%;
|
542 | }
|
543 |
|
544 | .xfaBorder {
|
545 | background-color: transparent;
|
546 | position: absolute;
|
547 | pointer-events: none;
|
548 | }
|
549 |
|
550 | .xfaWrapped {
|
551 | width: 100%;
|
552 | height: 100%;
|
553 | }
|
554 |
|
555 | .xfaTextfield:focus,
|
556 | .xfaSelect:focus {
|
557 | background-image: none;
|
558 | background-color: transparent;
|
559 | outline: auto;
|
560 | outline-offset: -1px;
|
561 | }
|
562 |
|
563 | .xfaCheckbox:focus,
|
564 | .xfaRadio:focus {
|
565 | outline: auto;
|
566 | }
|
567 |
|
568 | .xfaTextfield,
|
569 | .xfaSelect {
|
570 | height: 100%;
|
571 | width: 100%;
|
572 | flex: 1 1 auto;
|
573 | border: none;
|
574 | resize: none;
|
575 | background-image: var(--xfa-unfocused-field-background);
|
576 | }
|
577 |
|
578 | .xfaTop > .xfaTextfield,
|
579 | .xfaTop > .xfaSelect,
|
580 | .xfaBottom > .xfaTextfield,
|
581 | .xfaBottom > .xfaSelect {
|
582 | flex: 0 1 auto;
|
583 | }
|
584 |
|
585 | .xfaButton {
|
586 | cursor: pointer;
|
587 | width: 100%;
|
588 | height: 100%;
|
589 | border: none;
|
590 | text-align: center;
|
591 | }
|
592 |
|
593 | .xfaLink {
|
594 | width: 100%;
|
595 | height: 100%;
|
596 | position: absolute;
|
597 | top: 0;
|
598 | left: 0;
|
599 | }
|
600 |
|
601 | .xfaCheckbox,
|
602 | .xfaRadio {
|
603 | width: 100%;
|
604 | height: 100%;
|
605 | flex: 0 0 auto;
|
606 | border: none;
|
607 | }
|
608 |
|
609 | .xfaRich {
|
610 | white-space: pre-wrap;
|
611 | width: 100%;
|
612 | height: 100%;
|
613 | }
|
614 |
|
615 | .xfaImage {
|
616 | -o-object-position: left top;
|
617 | object-position: left top;
|
618 | -o-object-fit: contain;
|
619 | object-fit: contain;
|
620 | width: 100%;
|
621 | height: 100%;
|
622 | }
|
623 |
|
624 | .xfaLrTb,
|
625 | .xfaRlTb,
|
626 | .xfaTb {
|
627 | display: flex;
|
628 | flex-direction: column;
|
629 | align-items: stretch;
|
630 | }
|
631 |
|
632 | .xfaLr {
|
633 | display: flex;
|
634 | flex-direction: row;
|
635 | align-items: stretch;
|
636 | }
|
637 |
|
638 | .xfaRl {
|
639 | display: flex;
|
640 | flex-direction: row-reverse;
|
641 | align-items: stretch;
|
642 | }
|
643 |
|
644 | .xfaTb > div {
|
645 | justify-content: left;
|
646 | }
|
647 |
|
648 | .xfaPosition {
|
649 | position: relative;
|
650 | }
|
651 |
|
652 | .xfaArea {
|
653 | position: relative;
|
654 | }
|
655 |
|
656 | .xfaValignMiddle {
|
657 | display: flex;
|
658 | align-items: center;
|
659 | }
|
660 |
|
661 | .xfaTable {
|
662 | display: flex;
|
663 | flex-direction: column;
|
664 | align-items: stretch;
|
665 | }
|
666 |
|
667 | .xfaTable .xfaRow {
|
668 | display: flex;
|
669 | flex-direction: row;
|
670 | align-items: stretch;
|
671 | }
|
672 |
|
673 | .xfaTable .xfaRlRow {
|
674 | display: flex;
|
675 | flex-direction: row-reverse;
|
676 | align-items: stretch;
|
677 | flex: 1;
|
678 | }
|
679 |
|
680 | .xfaTable .xfaRlRow > div {
|
681 | flex: 1;
|
682 | }
|
683 |
|
684 | .xfaNonInteractive input,
|
685 | .xfaNonInteractive textarea,
|
686 | .xfaDisabled input,
|
687 | .xfaDisabled textarea,
|
688 | .xfaReadOnly input,
|
689 | .xfaReadOnly textarea {
|
690 | background: initial;
|
691 | }
|
692 |
|
693 | @media print {
|
694 | .xfaTextfield,
|
695 | .xfaSelect {
|
696 | background: transparent;
|
697 | }
|
698 |
|
699 | .xfaSelect {
|
700 | -webkit-appearance: none;
|
701 | -moz-appearance: none;
|
702 | appearance: none;
|
703 | text-indent: 1px;
|
704 | text-overflow: "";
|
705 | }
|
706 | }
|
707 |
|
708 |
|
709 | :root {
|
710 | --focus-outline: solid 2px red;
|
711 | --hover-outline: dashed 2px blue;
|
712 | --freetext-line-height: 1.35;
|
713 | --freetext-padding: 2px;
|
714 | --editorInk-editing-cursor: url(images/toolbarButton-editorInk.svg) 0 16;
|
715 | }
|
716 |
|
717 | @media (forced-colors: active) {
|
718 | :root {
|
719 | --focus-outline: solid 3px ButtonText;
|
720 | --hover-outline: dashed 3px ButtonText;
|
721 | }
|
722 | }
|
723 |
|
724 | [data-editor-rotation="90"] {
|
725 | transform: rotate(90deg);
|
726 | }
|
727 | [data-editor-rotation="180"] {
|
728 | transform: rotate(180deg);
|
729 | }
|
730 | [data-editor-rotation="270"] {
|
731 | transform: rotate(270deg);
|
732 | }
|
733 |
|
734 | .annotationEditorLayer {
|
735 | background: transparent;
|
736 | position: absolute;
|
737 | top: 0;
|
738 | left: 0;
|
739 | font-size: calc(100px * var(--scale-factor));
|
740 | transform-origin: 0 0;
|
741 | }
|
742 |
|
743 | .annotationEditorLayer .selectedEditor {
|
744 | outline: var(--focus-outline);
|
745 | resize: none;
|
746 | }
|
747 |
|
748 | .annotationEditorLayer .freeTextEditor {
|
749 | position: absolute;
|
750 | background: transparent;
|
751 | border-radius: 3px;
|
752 | padding: calc(var(--freetext-padding) * var(--scale-factor));
|
753 | resize: none;
|
754 | width: auto;
|
755 | height: auto;
|
756 | z-index: 1;
|
757 | transform-origin: 0 0;
|
758 | touch-action: none;
|
759 | }
|
760 |
|
761 | .annotationEditorLayer .freeTextEditor .internal {
|
762 | background: transparent;
|
763 | border: none;
|
764 | top: 0;
|
765 | left: 0;
|
766 | overflow: visible;
|
767 | white-space: nowrap;
|
768 | resize: none;
|
769 | font: 10px sans-serif;
|
770 | line-height: var(--freetext-line-height);
|
771 | }
|
772 |
|
773 | .annotationEditorLayer .freeTextEditor .overlay {
|
774 | position: absolute;
|
775 | display: none;
|
776 | background: transparent;
|
777 | top: 0;
|
778 | left: 0;
|
779 | width: 100%;
|
780 | height: 100%;
|
781 | }
|
782 |
|
783 | .annotationEditorLayer .freeTextEditor .overlay.enabled {
|
784 | display: block;
|
785 | }
|
786 |
|
787 | .annotationEditorLayer .freeTextEditor .internal:empty::before {
|
788 | content: attr(default-content);
|
789 | color: gray;
|
790 | }
|
791 |
|
792 | .annotationEditorLayer .freeTextEditor .internal:focus {
|
793 | outline: none;
|
794 | }
|
795 |
|
796 | .annotationEditorLayer .inkEditor.disabled {
|
797 | resize: none;
|
798 | }
|
799 |
|
800 | .annotationEditorLayer .inkEditor.disabled.selectedEditor {
|
801 | resize: horizontal;
|
802 | }
|
803 |
|
804 | .annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),
|
805 | .annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {
|
806 | outline: var(--hover-outline);
|
807 | }
|
808 |
|
809 | .annotationEditorLayer .inkEditor {
|
810 | position: absolute;
|
811 | background: transparent;
|
812 | border-radius: 3px;
|
813 | overflow: auto;
|
814 | width: 100%;
|
815 | height: 100%;
|
816 | z-index: 1;
|
817 | transform-origin: 0 0;
|
818 | cursor: auto;
|
819 | }
|
820 |
|
821 | .annotationEditorLayer .inkEditor.editing {
|
822 | resize: none;
|
823 | cursor: var(--editorInk-editing-cursor), pointer;
|
824 | }
|
825 |
|
826 | .annotationEditorLayer .inkEditor .inkEditorCanvas {
|
827 | position: absolute;
|
828 | top: 0;
|
829 | left: 0;
|
830 | width: 100%;
|
831 | height: 100%;
|
832 | touch-action: none;
|
833 | }
|
834 |
|
835 | :root {
|
836 | --viewer-container-height: 0;
|
837 | --pdfViewer-padding-bottom: 0;
|
838 | --page-margin: 1px auto -8px;
|
839 | --page-border: 9px solid transparent;
|
840 | --page-border-image: url(images/shadow.png) 9 9 repeat;
|
841 | --spreadHorizontalWrapped-margin-LR: -3.5px;
|
842 | --scale-factor: 1;
|
843 | }
|
844 |
|
845 | @media screen and (forced-colors: active) {
|
846 | :root {
|
847 | --pdfViewer-padding-bottom: 9px;
|
848 | --page-margin: 8px auto -1px;
|
849 | --page-border: 1px solid CanvasText;
|
850 | --page-border-image: none;
|
851 | --spreadHorizontalWrapped-margin-LR: 3.5px;
|
852 | }
|
853 | }
|
854 |
|
855 | [data-main-rotation="90"] {
|
856 | transform: rotate(90deg) translateY(-100%);
|
857 | }
|
858 | [data-main-rotation="180"] {
|
859 | transform: rotate(180deg) translate(-100%, -100%);
|
860 | }
|
861 | [data-main-rotation="270"] {
|
862 | transform: rotate(270deg) translateX(-100%);
|
863 | }
|
864 |
|
865 | .pdfViewer {
|
866 | padding-bottom: var(--pdfViewer-padding-bottom);
|
867 | }
|
868 |
|
869 | .pdfViewer .canvasWrapper {
|
870 | overflow: hidden;
|
871 | }
|
872 |
|
873 | .pdfViewer .page {
|
874 | direction: ltr;
|
875 | width: 816px;
|
876 | height: 1056px;
|
877 | margin: var(--page-margin);
|
878 | position: relative;
|
879 | overflow: visible;
|
880 | border: var(--page-border);
|
881 | -o-border-image: var(--page-border-image);
|
882 | border-image: var(--page-border-image);
|
883 | background-clip: content-box;
|
884 | background-color: rgba(255, 255, 255, 1);
|
885 | }
|
886 |
|
887 | .pdfViewer .dummyPage {
|
888 | position: relative;
|
889 | width: 0;
|
890 | height: var(--viewer-container-height);
|
891 | }
|
892 |
|
893 | .pdfViewer.removePageBorders .page {
|
894 | margin: 0 auto 10px;
|
895 | border: none;
|
896 | }
|
897 |
|
898 | .pdfViewer.singlePageView {
|
899 | display: inline-block;
|
900 | }
|
901 |
|
902 | .pdfViewer.singlePageView .page {
|
903 | margin: 0;
|
904 | border: none;
|
905 | }
|
906 |
|
907 | .pdfViewer.scrollHorizontal,
|
908 | .pdfViewer.scrollWrapped,
|
909 | .spread {
|
910 | margin-left: 3.5px;
|
911 | margin-right: 3.5px;
|
912 | text-align: center;
|
913 | }
|
914 |
|
915 | .pdfViewer.scrollHorizontal,
|
916 | .spread {
|
917 | white-space: nowrap;
|
918 | }
|
919 |
|
920 | .pdfViewer.removePageBorders,
|
921 | .pdfViewer.scrollHorizontal .spread,
|
922 | .pdfViewer.scrollWrapped .spread {
|
923 | margin-left: 0;
|
924 | margin-right: 0;
|
925 | }
|
926 |
|
927 | .spread .page,
|
928 | .spread .dummyPage,
|
929 | .pdfViewer.scrollHorizontal .page,
|
930 | .pdfViewer.scrollWrapped .page,
|
931 | .pdfViewer.scrollHorizontal .spread,
|
932 | .pdfViewer.scrollWrapped .spread {
|
933 | display: inline-block;
|
934 | vertical-align: middle;
|
935 | }
|
936 |
|
937 | .spread .page,
|
938 | .pdfViewer.scrollHorizontal .page,
|
939 | .pdfViewer.scrollWrapped .page {
|
940 | margin-left: var(--spreadHorizontalWrapped-margin-LR);
|
941 | margin-right: var(--spreadHorizontalWrapped-margin-LR);
|
942 | }
|
943 |
|
944 | .pdfViewer.removePageBorders .spread .page,
|
945 | .pdfViewer.removePageBorders.scrollHorizontal .page,
|
946 | .pdfViewer.removePageBorders.scrollWrapped .page {
|
947 | margin-left: 5px;
|
948 | margin-right: 5px;
|
949 | }
|
950 |
|
951 | .pdfViewer .page canvas {
|
952 | margin: 0;
|
953 | display: block;
|
954 | }
|
955 |
|
956 | .pdfViewer .page canvas[hidden] {
|
957 | display: none;
|
958 | }
|
959 |
|
960 | .pdfViewer .page .loadingIcon {
|
961 | position: absolute;
|
962 | display: block;
|
963 | left: 0;
|
964 | top: 0;
|
965 | right: 0;
|
966 | bottom: 0;
|
967 | background: url("images/loading-icon.gif") center no-repeat;
|
968 | }
|
969 | .pdfViewer .page .loadingIcon.notVisible {
|
970 | background: none;
|
971 | }
|
972 |
|
973 | .pdfViewer.enablePermissions .textLayer span {
|
974 | -webkit-user-select: none !important;
|
975 | -moz-user-select: none !important;
|
976 | user-select: none !important;
|
977 | cursor: not-allowed;
|
978 | }
|
979 |
|
980 | .pdfPresentationMode .pdfViewer {
|
981 | padding-bottom: 0;
|
982 | }
|
983 |
|
984 | .pdfPresentationMode .spread {
|
985 | margin: 0;
|
986 | }
|
987 |
|
988 | .pdfPresentationMode .pdfViewer .page {
|
989 | margin: 0 auto;
|
990 | border: 2px solid transparent;
|
991 | }
|