@nypl/web-reader 0.2.0-alpha.0 → 0.2.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1268 +0,0 @@
1
- /* src/HtmlReader/ReadiumCss/ReadiumCSS-before.css */
2
- @namespace url(http://www.w3.org/1999/xhtml);
3
- @namespace epub url(http://www.idpf.org/2007/ops);
4
- @namespace m url(http://www.w3.org/1998/Math/MathML/);
5
- @namespace svg url(http://www.w3.org/2000/svg);
6
- @-ms-viewport {
7
- width: device-width;
8
- }
9
- @viewport {
10
- width: device-width;
11
- zoom: 1;
12
- }
13
- :root {
14
- --RS__oldStyleTf:
15
- "Iowan Old Style",
16
- "Sitka Text",
17
- Palatino,
18
- "Book Antiqua",
19
- serif;
20
- --RS__modernTf:
21
- Athelas,
22
- Constantia,
23
- Georgia,
24
- serif;
25
- --RS__sansTf:
26
- -apple-system,
27
- system-ui,
28
- BlinkMacSystemFont,
29
- "Segoe UI",
30
- Roboto,
31
- "Helvetica Neue",
32
- Arial,
33
- sans-serif;
34
- --RS__humanistTf:
35
- Seravek,
36
- Calibri,
37
- Roboto,
38
- Arial,
39
- sans-serif;
40
- --RS__monospaceTf:
41
- "Andale Mono",
42
- Consolas,
43
- monospace;
44
- --RS__baseFontFamily: var(--RS__oldStyleTf);
45
- --RS__lineHeightCompensation: 1;
46
- --RS__baseLineHeight: calc( (1em + (2ex - 1ch) - ((1rem - 16px) * 0.1667)) * var(--RS__lineHeightCompensation) );
47
- }
48
- html {
49
- font-family: var(--RS__baseFontFamily);
50
- line-height: 1.6;
51
- line-height: var(--RS__baseLineHeight);
52
- text-rendering: optimizeLegibility;
53
- }
54
- h1,
55
- h2,
56
- h3 {
57
- line-height: normal;
58
- }
59
- :lang(ja),
60
- :lang(zh),
61
- :lang(ko) {
62
- word-wrap: break-word;
63
- -webkit-line-break: strict;
64
- -epub-line-break: strict;
65
- line-break: strict;
66
- }
67
- math {
68
- font-family:
69
- "Latin Modern Math",
70
- "STIX Two Math",
71
- "XITS Math",
72
- "STIX Math",
73
- "Libertinus Math",
74
- "TeX Gyre Termes Math",
75
- "TeX Gyre Bonum Math",
76
- "TeX Gyre Schola",
77
- "DejaVu Math TeX Gyre",
78
- "TeX Gyre Pagella Math",
79
- "Asana Math",
80
- "Cambria Math",
81
- "Lucida Bright Math",
82
- "Minion Math",
83
- STIXGeneral,
84
- STIXSizeOneSym,
85
- Symbol,
86
- "Times New Roman",
87
- serif;
88
- }
89
- :lang(am) {
90
- --RS__baseFontFamily:
91
- Kefa,
92
- Nyala,
93
- Roboto,
94
- Noto,
95
- "Noto Sans Ethiopic",
96
- serif;
97
- --RS__lineHeightCompensation: 1.167;
98
- }
99
- :lang(ar) {
100
- --RS__baseFontFamily:
101
- "Geeza Pro",
102
- "Arabic Typesetting",
103
- Roboto,
104
- Noto,
105
- "Noto Naskh Arabic",
106
- "Times New Roman",
107
- serif;
108
- }
109
- :lang(bn) {
110
- --RS__baseFontFamily:
111
- "Kohinoor Bangla",
112
- "Bangla Sangam MN",
113
- Vrinda,
114
- Roboto,
115
- Noto,
116
- "Noto Sans Bengali",
117
- sans-serif;
118
- --RS__lineHeightCompensation: 1.067;
119
- }
120
- :lang(bo) {
121
- --RS__baseFontFamily:
122
- Kailasa,
123
- "Microsoft Himalaya",
124
- Roboto,
125
- Noto,
126
- "Noto Sans Tibetan",
127
- sans-serif;
128
- }
129
- :lang(chr) {
130
- --RS__baseFontFamily:
131
- "Plantagenet Cherokee",
132
- Roboto,
133
- Noto,
134
- "Noto Sans Cherokee";
135
- --RS__lineHeightCompensation: 1.167;
136
- }
137
- :lang(fa) {
138
- --RS__baseFontFamily:
139
- "Geeza Pro",
140
- "Arabic Typesetting",
141
- Roboto,
142
- Noto,
143
- "Noto Naskh Arabic",
144
- "Times New Roman",
145
- serif;
146
- }
147
- :lang(gu) {
148
- --RS__baseFontFamily:
149
- "Gujarati Sangam MN",
150
- "Nirmala UI",
151
- Shruti,
152
- Roboto,
153
- Noto,
154
- "Noto Sans Gujarati",
155
- sans-serif;
156
- --RS__lineHeightCompensation: 1.167;
157
- }
158
- :lang(he) {
159
- --RS__baseFontFamily:
160
- "New Peninim MT",
161
- "Arial Hebrew",
162
- Gisha,
163
- "Times New Roman",
164
- Roboto,
165
- Noto,
166
- "Noto Sans Hebrew" sans-serif;
167
- --RS__lineHeightCompensation: 1.1;
168
- }
169
- :lang(hi) {
170
- --RS__baseFontFamily:
171
- "Kohinoor Devanagari",
172
- "Devanagari Sangam MN",
173
- Kokila,
174
- "Nirmala UI",
175
- Roboto,
176
- Noto,
177
- "Noto Sans Devanagari",
178
- sans-serif;
179
- --RS__lineHeightCompensation: 1.1;
180
- }
181
- :lang(hy) {
182
- --RS__baseFontFamily:
183
- Mshtakan,
184
- Sylfaen,
185
- Roboto,
186
- Noto,
187
- "Noto Serif Armenian",
188
- serif;
189
- }
190
- :lang(iu) {
191
- --RS__baseFontFamily:
192
- "Euphemia UCAS",
193
- Euphemia,
194
- Roboto,
195
- Noto,
196
- "Noto Sans Canadian Aboriginal",
197
- sans-serif;
198
- }
199
- :lang(ja) {
200
- --RS__baseFontFamily:
201
- "\6e38\30b4\30b7\30c3\30af\4f53",
202
- YuGothic,
203
- "\30d2\30e9\30ae\30ce\4e38\30b4",
204
- "Hiragino Sans",
205
- "Yu Gothic UI",
206
- "Meiryo UI",
207
- "MS Gothic",
208
- Roboto,
209
- Noto,
210
- "Noto Sans CJK JP",
211
- sans-serif;
212
- --RS__lineHeightCompensation: 1.167;
213
- --RS__serif-ja:
214
- "\ff2d\ff33 \ff30\660e\671d",
215
- "MS PMincho",
216
- "Hiragino Mincho Pro",
217
- "\30d2\30e9\30ae\30ce\660e\671d Pro W3",
218
- "\6e38\660e\671d",
219
- "YuMincho",
220
- "\ff2d\ff33 \660e\671d",
221
- "MS Mincho",
222
- "Hiragino Mincho ProN",
223
- serif;
224
- --RS__sans-serif-ja:
225
- "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af",
226
- "MS PGothic",
227
- "Hiragino Kaku Gothic Pro W3",
228
- "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3",
229
- "Hiragino Sans GB",
230
- "\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af W3",
231
- "\6e38\30b4\30b7\30c3\30af",
232
- "YuGothic",
233
- "\ff2d\ff33 \30b4\30b7\30c3\30af",
234
- "MS Gothic",
235
- "Hiragino Sans",
236
- sans-serif;
237
- --RS__serif-ja-v:
238
- "\ff2d\ff33 \660e\671d",
239
- "MS Mincho",
240
- "Hiragino Mincho Pro",
241
- "\30d2\30e9\30ae\30ce\660e\671d Pro W3",
242
- "\6e38\660e\671d",
243
- "YuMincho",
244
- "\ff2d\ff33 \ff30\660e\671d",
245
- "MS PMincho",
246
- "Hiragino Mincho ProN",
247
- serif;
248
- --RS__sans-serif-ja-v:
249
- "\ff2d\ff33 \30b4\30b7\30c3\30af",
250
- "MS Gothic",
251
- "Hiragino Kaku Gothic Pro W3",
252
- "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3",
253
- "Hiragino Sans GB",
254
- "\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af W3",
255
- "\6e38\30b4\30b7\30c3\30af",
256
- "YuGothic",
257
- "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af",
258
- "MS PGothic",
259
- "Hiragino Sans",
260
- sans-serif;
261
- }
262
- :lang(km) {
263
- --RS__baseFontFamily:
264
- "Khmer Sangam MN",
265
- "Leelawadee UI",
266
- "Khmer UI",
267
- Roboto,
268
- Noto,
269
- "Noto Sans Khmer",
270
- sans-serif;
271
- --RS__lineHeightCompensation: 1.067;
272
- }
273
- :lang(kn) {
274
- --RS__baseFontFamily:
275
- "Kannada Sangam MN",
276
- "Nirmala UI",
277
- Tunga,
278
- Roboto,
279
- Noto,
280
- "Noto Sans Kannada",
281
- sans-serif;
282
- --RS__lineHeightCompensation: 1.1;
283
- }
284
- :lang(ko) {
285
- --RS__baseFontFamily:
286
- "Nanum Gothic",
287
- "Apple SD Gothic Neo",
288
- "Malgun Gothic",
289
- Roboto,
290
- Noto,
291
- "Noto Sans CJK KR",
292
- sans-serif;
293
- --RS__lineHeightCompensation: 1.167;
294
- }
295
- :lang(lo) {
296
- --RS__baseFontFamily:
297
- "Lao Sangam MN",
298
- "Leelawadee UI",
299
- "Lao UI",
300
- Roboto,
301
- Noto,
302
- "Noto Sans Lao",
303
- sans-serif;
304
- }
305
- :lang(ml) {
306
- --RS__baseFontFamily:
307
- "Malayalam Sangam MN",
308
- "Nirmala UI",
309
- Kartika,
310
- Roboto,
311
- Noto,
312
- "Noto Sans Malayalam",
313
- sans-serif;
314
- --RS__lineHeightCompensation: 1.067;
315
- }
316
- :lang(or) {
317
- --RS__baseFontFamily:
318
- "Oriya Sangam MN",
319
- "Nirmala UI",
320
- Kalinga,
321
- Roboto,
322
- Noto,
323
- "Noto Sans Oriya",
324
- sans-serif;
325
- --RS__lineHeightCompensation: 1.167;
326
- }
327
- :lang(pa) {
328
- --RS__baseFontFamily:
329
- "Gurmukhi MN",
330
- "Nirmala UI",
331
- Kartika,
332
- Roboto,
333
- Noto,
334
- "Noto Sans Gurmukhi",
335
- sans-serif;
336
- --RS__lineHeightCompensation: 1.1;
337
- }
338
- :lang(si) {
339
- --RS__baseFontFamily:
340
- "Sinhala Sangam MN",
341
- "Nirmala UI",
342
- "Iskoola Pota",
343
- Roboto,
344
- Noto,
345
- "Noto Sans Sinhala",
346
- sans-serif;
347
- --RS__lineHeightCompensation: 1.167;
348
- }
349
- :lang(ta) {
350
- --RS__baseFontFamily:
351
- "Tamil Sangam MN",
352
- "Nirmala UI",
353
- Latha,
354
- Roboto,
355
- Noto,
356
- "Noto Sans Tamil",
357
- sans-serif;
358
- --RS__lineHeightCompensation: 1.067;
359
- }
360
- :lang(te) {
361
- --RS__baseFontFamily:
362
- "Kohinoor Telugu",
363
- "Telugu Sangam MN",
364
- "Nirmala UI",
365
- Gautami,
366
- Roboto,
367
- Noto,
368
- "Noto Sans Telugu",
369
- sans-serif;
370
- }
371
- :lang(th) {
372
- --RS__baseFontFamily:
373
- "Thonburi",
374
- "Leelawadee UI",
375
- "Cordia New",
376
- Roboto,
377
- Noto,
378
- "Noto Sans Thai",
379
- sans-serif;
380
- --RS__lineHeightCompensation: 1.067;
381
- }
382
- :lang(zh) {
383
- --RS__baseFontFamily:
384
- "\65b9\4f53",
385
- "PingFang SC",
386
- "\9ed1\4f53",
387
- "Heiti SC",
388
- "Microsoft JhengHei UI",
389
- "Microsoft JhengHei",
390
- Roboto,
391
- Noto,
392
- "Noto Sans CJK SC",
393
- sans-serif;
394
- --RS__lineHeightCompensation: 1.167;
395
- }
396
- :lang(zh-Hant),
397
- :lang(zh-TW) {
398
- --RS__baseFontFamily:
399
- "\65b9\9ad4",
400
- "PingFang TC",
401
- "\9ed1\9ad4",
402
- "Heiti TC",
403
- "Microsoft JhengHei UI",
404
- "Microsoft JhengHei",
405
- Roboto,
406
- Noto,
407
- "Noto Sans CJK TC",
408
- sans-serif;
409
- --RS__lineHeightCompensation: 1.167;
410
- }
411
- :lang(zh-HK) {
412
- --RS__baseFontFamily:
413
- "\65b9\9ad4",
414
- "PingFang HK",
415
- "\65b9\9ad4",
416
- "PingFang TC",
417
- "\9ed1\9ad4",
418
- "Heiti TC",
419
- "Microsoft JhengHei UI",
420
- "Microsoft JhengHei",
421
- Roboto,
422
- Noto,
423
- "Noto Sans CJK TC",
424
- sans-serif;
425
- --RS__lineHeightCompensation: 1.167;
426
- }
427
- :root {
428
- --RS__backgroundColor: #ffffff;
429
- --RS__textColor: #121212;
430
- --RS__selectionBackgroundColor: #b4d8fe;
431
- --RS__selectionTextColor: inherit;
432
- }
433
- :root {
434
- color: var(--RS__textColor) !important;
435
- background-color: var(--RS__backgroundColor) !important;
436
- }
437
- ::-moz-selection {
438
- color: var(--RS__selectionTextColor);
439
- background-color: var(--RS__selectionBackgroundColor);
440
- }
441
- ::selection {
442
- color: var(--RS__selectionTextColor);
443
- background-color: var(--RS__selectionBackgroundColor);
444
- }
445
- body {
446
- widows: 2;
447
- orphans: 2;
448
- }
449
- figcaption,
450
- th,
451
- td {
452
- widows: 1;
453
- orphans: 1;
454
- }
455
- h2,
456
- h3,
457
- h4,
458
- h5,
459
- h6,
460
- dt,
461
- hr,
462
- caption {
463
- -webkit-column-break-after: avoid;
464
- page-break-after: avoid;
465
- break-after: avoid;
466
- }
467
- h1,
468
- h2,
469
- h3,
470
- h4,
471
- h5,
472
- h6,
473
- dt,
474
- figure,
475
- tr {
476
- -webkit-column-break-inside: avoid;
477
- page-break-inside: avoid;
478
- break-inside: avoid;
479
- }
480
- body {
481
- -webkit-hyphenate-character: "-";
482
- -moz-hyphenate-character: "-";
483
- -ms-hyphenate-character: "-";
484
- hyphenate-character: "-";
485
- -webkit-hyphenate-limit-lines: 3;
486
- -ms-hyphenate-limit-lines: 3;
487
- hyphenate-limit-lines: 3;
488
- }
489
- h1,
490
- h2,
491
- h3,
492
- h4,
493
- h5,
494
- h6,
495
- dt,
496
- figcaption,
497
- pre,
498
- caption,
499
- address,
500
- center,
501
- code,
502
- var {
503
- -ms-hyphens: none;
504
- -moz-hyphens: none;
505
- -webkit-hyphens: none;
506
- -epub-hyphens: none;
507
- hyphens: none;
508
- }
509
- body {
510
- font-variant-numeric: oldstyle-nums proportional-nums;
511
- }
512
- :lang(ja) body,
513
- :lang(zh) body,
514
- :lang(ko) body {
515
- font-variant-numeric: lining-nums proportional-nums;
516
- }
517
- h1,
518
- h2,
519
- h3,
520
- h4,
521
- h5,
522
- h6,
523
- dt {
524
- font-variant-numeric: lining-nums proportional-nums;
525
- }
526
- table {
527
- font-variant-numeric: lining-nums tabular-nums;
528
- }
529
- code,
530
- var {
531
- font-variant-ligatures: none;
532
- font-variant-numeric: lining-nums tabular-nums slashed-zero;
533
- }
534
- rt {
535
- font-variant-east-asian: ruby;
536
- }
537
- :lang(ar) {
538
- font-variant-ligatures: common-ligatures;
539
- }
540
- :lang(ko) {
541
- font-kerning: normal;
542
- }
543
- hr {
544
- color: inherit;
545
- border-color: currentColor;
546
- }
547
- table,
548
- th,
549
- td {
550
- border-color: currentColor;
551
- }
552
- figure,
553
- blockquote {
554
- margin: 1em 5%;
555
- }
556
- ul,
557
- ol {
558
- padding-left: 5%;
559
- }
560
- dd {
561
- margin-left: 5%;
562
- }
563
- pre {
564
- white-space: pre-wrap;
565
- -ms-tab-size: 2;
566
- -moz-tab-size: 2;
567
- -webkit-tab-size: 2;
568
- tab-size: 2;
569
- }
570
- abbr[title],
571
- acronym[title] {
572
- text-decoration: dotted underline;
573
- }
574
- nobr wbr {
575
- white-space: normal;
576
- }
577
- ruby > rt,
578
- ruby > rp {
579
- -webkit-user-select: none;
580
- -moz-user-select: none;
581
- -ms-user-select: none;
582
- user-select: none;
583
- }
584
- *:lang(ja),
585
- *:lang(zh),
586
- *:lang(ko),
587
- :lang(ja) cite,
588
- :lang(ja) dfn,
589
- :lang(ja) em,
590
- :lang(ja) i,
591
- :lang(zh) cite,
592
- :lang(zh) dfn,
593
- :lang(zh) em,
594
- :lang(zh) i,
595
- :lang(ko) cite,
596
- :lang(ko) dfn,
597
- :lang(ko) em,
598
- :lang(ko) i {
599
- font-style: normal;
600
- }
601
- :lang(ja) a,
602
- :lang(zh) a,
603
- :lang(ko) a {
604
- text-decoration: none;
605
- }
606
- :root {
607
- --RS__maxMediaWidth: 100%;
608
- --RS__maxMediaHeight: 95vh;
609
- --RS__boxSizingMedia: border-box;
610
- --RS__boxSizingTable: border-box;
611
- }
612
- html {
613
- -webkit-line-box-contain: block glyphs replaced;
614
- }
615
- :lang(ja) {
616
- -webkit-line-box-contain: block inline replaced;
617
- }
618
- a,
619
- h1,
620
- h2,
621
- h3,
622
- h4,
623
- h5,
624
- h6 {
625
- word-wrap: break-word;
626
- }
627
- div {
628
- max-width: var(--RS__maxMediaWidth);
629
- }
630
- img,
631
- svg,
632
- audio,
633
- video {
634
- object-fit: contain;
635
- width: auto;
636
- height: auto;
637
- max-width: var(--RS__maxMediaWidth);
638
- max-height: var(--RS__maxMediaHeight) !important;
639
- box-sizing: var(--RS__boxSizingMedia);
640
- -webkit-column-break-inside: avoid;
641
- page-break-inside: avoid;
642
- break-inside: avoid;
643
- }
644
- table {
645
- max-width: var(--RS__maxMediaWidth);
646
- box-sizing: var(--RS__boxSizingTable);
647
- }
648
-
649
- /* src/HtmlReader/ReadiumCss/ReadiumCSS-after.css */
650
- :root {
651
- --RS__colWidth: 45em;
652
- --RS__colCount: 1;
653
- --RS__colGap: 0;
654
- --RS__maxLineLength: 40rem;
655
- --RS__pageGutter: 20px;
656
- }
657
- @page {
658
- margin: 0 !important;
659
- }
660
- :root {
661
- position: relative;
662
- -webkit-column-width: var(--RS__colWidth);
663
- -moz-column-width: var(--RS__colWidth);
664
- column-width: var(--RS__colWidth);
665
- -webkit-column-count: var(--RS__colCount);
666
- -moz-column-count: var(--RS__colCount);
667
- column-count: var(--RS__colCount);
668
- -webkit-column-gap: var(--RS__colGap);
669
- -moz-column-gap: var(--RS__colGap);
670
- column-gap: var(--RS__colGap);
671
- -moz-column-fill: auto;
672
- column-fill: auto;
673
- width: 100%;
674
- height: 100vh;
675
- max-width: 100%;
676
- max-height: 100vh;
677
- min-width: 100%;
678
- min-height: 100vh;
679
- padding: 0 !important;
680
- margin: 0 !important;
681
- font-size: 100% !important;
682
- -webkit-text-size-adjust: 100%;
683
- box-sizing: border-box;
684
- -webkit-perspective: 1;
685
- -webkit-touch-callout: none;
686
- }
687
- body {
688
- width: 100%;
689
- max-width: var(--RS__maxLineLength) !important;
690
- padding: 0 var(--RS__pageGutter) !important;
691
- margin: 0 auto !important;
692
- box-sizing: border-box;
693
- }
694
- @media screen and (min-width: 35em) {
695
- :root {
696
- --RS__pageGutter: 30px;
697
- }
698
- }
699
- @media screen and (min-width: 45em) {
700
- :root {
701
- --RS__pageGutter: 40px;
702
- }
703
- }
704
- @media screen and (min-width: 75em) {
705
- :root {
706
- --RS__pageGutter: 50px;
707
- }
708
- }
709
- @media screen and (min-width: 60em), screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape) {
710
- :root {
711
- --RS__colWidth: 20em;
712
- --RS__colCount: 2;
713
- --RS__maxLineLength: 39.99rem;
714
- }
715
- }
716
- :root[style*=readium-scroll-on] {
717
- -webkit-columns: auto auto !important;
718
- -moz-columns: auto auto !important;
719
- columns: auto auto !important;
720
- width: auto !important;
721
- height: auto !important;
722
- max-width: none !important;
723
- max-height: none !important;
724
- min-width: 0 !important;
725
- min-height: 0 !important;
726
- }
727
- :root[style*=readium-scroll-on] body {
728
- --RS__maxLineLength: 40rem !important;
729
- margin-top: var(--RS__pageGutter) !important;
730
- margin-bottom: var(--RS__pageGutter) !important;
731
- }
732
- .readiumCSS-yellow-highlight {
733
- background-color: rgba(255, 255, 0, 0.5);
734
- }
735
- .readiumCSS-green-highlight {
736
- background-color: rgba(0, 255, 0, 0.5);
737
- }
738
- .readiumCSS-orange-highlight {
739
- background-color: rgba(255, 165, 0, 0.5);
740
- }
741
- .readiumCSS-pink-highlight {
742
- background-color: rgba(255, 105, 180, 0.5);
743
- }
744
- .readiumCSS-mo-active-default {
745
- color: black !important;
746
- background-color: yellow !important;
747
- }
748
- :root[style*=readium-night-on] {
749
- --RS__backgroundColor: #000000;
750
- --RS__textColor: #fefefe;
751
- --RS__linkColor: #63caff;
752
- --RS__visitedColor: #0099e5;
753
- --RS__selectionBackgroundColor: #b4d8fe;
754
- --RS__selectionTextColor: inherit;
755
- }
756
- :root[style*=readium-night-on] *:not(a) {
757
- color: inherit !important;
758
- background-color: transparent !important;
759
- border-color: currentColor !important;
760
- }
761
- :root[style*=readium-night-on] svg text {
762
- fill: currentColor !important;
763
- stroke: none !important;
764
- }
765
- :root[style*=readium-night-on] a:link,
766
- :root[style*=readium-night-on] a:link * {
767
- color: var(--RS__linkColor) !important;
768
- }
769
- :root[style*=readium-night-on] a:visited,
770
- :root[style*=readium-night-on] a:visited * {
771
- color: var(--RS__visitedColor) !important;
772
- }
773
- :root[style*=readium-night-on] img[class*=gaiji],
774
- :root[style*=readium-night-on] *[epub\:type~=titlepage] img:only-child {
775
- -webkit-filter: invert(100%);
776
- filter: invert(100%);
777
- }
778
- :root[style*=readium-night-on][style*=readium-darken-on] img {
779
- -webkit-filter: brightness(80%);
780
- filter: brightness(80%);
781
- }
782
- :root[style*=readium-night-on][style*=readium-invert-on] img {
783
- -webkit-filter: invert(100%);
784
- filter: invert(100%);
785
- }
786
- :root[style*=readium-night-on][style*=readium-darken-on][style*=readium-invert-on] img {
787
- -webkit-filter: brightness(80%) invert(100%);
788
- filter: brightness(80%) invert(100%);
789
- }
790
- :root[style*=readium-sepia-on] {
791
- --RS__backgroundColor: #faf4e8;
792
- --RS__textColor: #121212;
793
- --RS__linkColor: #0000ee;
794
- --RS__visitedColor: #551a8b;
795
- --RS__selectionBackgroundColor: #b4d8fe;
796
- --RS__selectionTextColor: inherit;
797
- --RS__maxLineLength: 40.01rem;
798
- }
799
- :root[style*=readium-sepia-on] body {
800
- color: inherit;
801
- background-color: var(--RS__backgroundColor);
802
- }
803
- :root[style*=readium-sepia-on] a:link,
804
- :root[style*=readium-sepia-on] a:link * {
805
- color: var(--RS__linkColor);
806
- }
807
- :root[style*=readium-sepia-on] a:visited,
808
- :root[style*=readium-sepia-on] a:visited * {
809
- color: var(--RS__visitedColor);
810
- }
811
- :root[style*=readium-sepia-on] svg,
812
- :root[style*=readium-sepia-on] img {
813
- background-color: transparent !important;
814
- mix-blend-mode: multiply;
815
- }
816
- @media screen and (-ms-high-contrast: active) {
817
- :root {
818
- color: windowText !important;
819
- background-color: window !important;
820
- }
821
- :root :not(#\#):not(#\#):not(#\#),
822
- :root :not(#\#):not(#\#):not(#\#) :not(#\#):not(#\#):not(#\#) :root :not(#\#):not(#\#):not(#\#) :not(#\#):not(#\#):not(#\#) :not(#\#):not(#\#):not(#\#) {
823
- color: inherit !important;
824
- background-color: inherit !important;
825
- }
826
- .readiumCSS-mo-active-default {
827
- color: highlightText !important;
828
- background-color: highlight !important;
829
- }
830
- }
831
- @media screen and (-ms-high-contrast: white-on-black) {
832
- :root[style*=readium-night-on] img[class*=gaiji],
833
- :root[style*=readium-night-on] *[epub\:type~=titlepage] img:only-child {
834
- -webkit-filter: none !important;
835
- filter: none !important;
836
- }
837
- :root[style*=readium-night-on][style*=readium-invert-on] img {
838
- -webkit-filter: none !important;
839
- filter: none !important;
840
- }
841
- :root[style*=readium-night-on][style*=readium-darken-on][style*=readium-invert-on] img {
842
- -webkit-filter: brightness(80%);
843
- filter: brightness(80%);
844
- }
845
- }
846
- @media screen and (inverted-colors) {
847
- :root[style*=readium-night-on] img[class*=gaiji],
848
- :root[style*=readium-night-on] *[epub\:type~=titlepage] img:only-child {
849
- -webkit-filter: none !important;
850
- filter: none !important;
851
- }
852
- :root[style*=readium-night-on][style*=readium-invert-on] img {
853
- -webkit-filter: none !important;
854
- filter: none !important;
855
- }
856
- :root[style*=readium-night-on][style*=readium-darken-on][style*=readium-invert-on] img {
857
- -webkit-filter: brightness(80%);
858
- filter: brightness(80%);
859
- }
860
- }
861
- @media screen and (monochrome) {
862
- }
863
- @media screen and (prefers-reduced-motion) {
864
- }
865
- @media screen and (min-width: 60em), screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape) {
866
- :root[style*="--USER__colCount: 1"],
867
- :root[style*="--USER__colCount:1"],
868
- :root[style*="--USER__colCount: 2"],
869
- :root[style*="--USER__colCount:2"] {
870
- -webkit-column-count: var(--USER__colCount);
871
- -moz-column-count: var(--USER__colCount);
872
- column-count: var(--USER__colCount);
873
- }
874
- :root[style*="--USER__colCount: 1"],
875
- :root[style*="--USER__colCount:1"] {
876
- --RS__maxLineLength: 40rem !important;
877
- --RS__colWidth: 100vw;
878
- }
879
- :root[style*="--USER__colCount: 2"],
880
- :root[style*="--USER__colCount:2"] {
881
- --RS__colWidth: auto;
882
- }
883
- }
884
- :root[style*=--USER__pageMargins] body {
885
- padding: 0 calc(var(--RS__pageGutter) * var(--USER__pageMargins)) !important;
886
- }
887
- :root[style*=--USER__backgroundColor] {
888
- background-color: var(--USER__backgroundColor) !important;
889
- }
890
- :root[style*=--USER__backgroundColor] * {
891
- background-color: transparent !important;
892
- }
893
- :root[style*=--USER__textColor] {
894
- color: var(--USER__textColor) !important;
895
- }
896
- :root[style*=--USER__textColor] *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(pre) {
897
- color: inherit !important;
898
- }
899
- :root[style*=readium-advanced-on][style*=--USER__textAlign] {
900
- text-align: var(--USER__textAlign);
901
- }
902
- :root[style*=readium-advanced-on][style*=--USER__textAlign] body,
903
- :root[style*=readium-advanced-on][style*=--USER__textAlign] *:not(blockquote):not(figcaption) p,
904
- :root[style*=readium-advanced-on][style*=--USER__textAlign] li {
905
- text-align: inherit !important;
906
- -moz-text-align-last: auto !important;
907
- -epub-text-align-last: auto !important;
908
- text-align-last: auto !important;
909
- }
910
- :root[style*=readium-advanced-on][dir=rtl][style*="--USER__textAlign: left"],
911
- :root[style*=readium-advanced-on][dir=rtl][style*="--USER__textAlign:left"],
912
- :root[style*=readium-advanced-on][style*="--USER__textAlign: left"] *[dir=rtl],
913
- :root[style*=readium-advanced-on][style*="--USER__textAlign:left"] *[dir=rtl] {
914
- text-align: right;
915
- }
916
- :root[style*=readium-advanced-on][dir=rtl][style*="--USER__textAlign: start"],
917
- :root[style*=readium-advanced-on][dir=rtl][style*="--USER__textAlign:start"] {
918
- text-align: right;
919
- }
920
- :root[style*=readium-advanced-on][style*="--USER__textAlign: justify"] body,
921
- :root[style*=readium-advanced-on][style*="--USER__textAlign:justify"] body {
922
- -webkit-hyphens: auto;
923
- -moz-hyphens: auto;
924
- -ms-hyphens: auto;
925
- -epub-hyphens: auto;
926
- hyphens: auto;
927
- }
928
- :root[style*=readium-advanced-on][style*="--USER__textAlign: left"] body,
929
- :root[style*=readium-advanced-on][style*="--USER__textAlign:left"] body,
930
- :root[style*=readium-advanced-on][style*="--USER__textAlign: right"] body,
931
- :root[style*=readium-advanced-on][style*="--USER__textAlign:right"] body {
932
- -webkit-hyphens: none;
933
- -moz-hyphens: none;
934
- -ms-hyphens: none;
935
- -epub-hyphens: none;
936
- hyphens: none;
937
- }
938
- :root[style*=readium-advanced-on][style*=--USER__bodyHyphens] {
939
- -webkit-hyphens: var(--USER__bodyHyphens) !important;
940
- -moz-hyphens: var(--USER__bodyHyphens) !important;
941
- -ms-hyphens: var(--USER__bodyHyphens) !important;
942
- -epub-hyphens: var(--USER__bodyHyphens) !important;
943
- hyphens: var(--USER__bodyHyphens) !important;
944
- }
945
- :root[style*=readium-advanced-on][style*=--USER__bodyHyphens] body,
946
- :root[style*=readium-advanced-on][style*=--USER__bodyHyphens] p,
947
- :root[style*=readium-advanced-on][style*=--USER__bodyHyphens] li,
948
- :root[style*=readium-advanced-on][style*=--USER__bodyHyphens] div,
949
- :root[style*=readium-advanced-on][style*=--USER__bodyHyphens] dd {
950
- -webkit-hyphens: inherit;
951
- -moz-hyphens: inherit;
952
- -ms-hyphens: inherit;
953
- -epub-hyphens: inherit;
954
- hyphens: inherit;
955
- }
956
- :root[style*=readium-font-on][style*=--USER__fontFamily] {
957
- font-family: var(--USER__fontFamily) !important;
958
- }
959
- :root[style*=readium-font-on][style*=--USER__fontFamily] body,
960
- :root[style*=readium-font-on][style*=--USER__fontFamily] p,
961
- :root[style*=readium-font-on][style*=--USER__fontFamily] li,
962
- :root[style*=readium-font-on][style*=--USER__fontFamily] div,
963
- :root[style*=readium-font-on][style*=--USER__fontFamily] dt,
964
- :root[style*=readium-font-on][style*=--USER__fontFamily] dd {
965
- font-family: inherit !important;
966
- }
967
- :root[style*=readium-font-on][style*=--USER__fontFamily] i:not([lang]),
968
- :root[style*=readium-font-on][style*=--USER__fontFamily] i:not([xml\:lang]),
969
- :root[style*=readium-font-on][style*=--USER__fontFamily] em:not([lang]),
970
- :root[style*=readium-font-on][style*=--USER__fontFamily] em:not([xml\:lang]),
971
- :root[style*=readium-font-on][style*=--USER__fontFamily] cite:not([lang]),
972
- :root[style*=readium-font-on][style*=--USER__fontFamily] cite:not([xml\:lang]),
973
- :root[style*=readium-font-on][style*=--USER__fontFamily] b:not([lang]),
974
- :root[style*=readium-font-on][style*=--USER__fontFamily] b:not([xml\:lang]),
975
- :root[style*=readium-font-on][style*=--USER__fontFamily] strong:not([lang]),
976
- :root[style*=readium-font-on][style*=--USER__fontFamily] strong:not([xml\:lang]),
977
- :root[style*=readium-font-on][style*=--USER__fontFamily] span:not([lang]),
978
- :root[style*=readium-font-on][style*=--USER__fontFamily] span:not([xml\:lang]) {
979
- font-family: inherit !important;
980
- }
981
- :root[style*=readium-font-on][style*=AccessibleDfA] {
982
- font-family:
983
- AccessibleDfA,
984
- Verdana,
985
- Tahoma,
986
- "Trebuchet MS",
987
- sans-serif !important;
988
- --RS__lineHeightCompensation: 1.167;
989
- }
990
- :root[style*=readium-font-on][style*="IA Writer Duospace"] {
991
- font-family:
992
- "IA Writer Duospace",
993
- Menlo,
994
- "DejaVu Sans Mono",
995
- "Bitstream Vera Sans Mono",
996
- Courier,
997
- monospace !important;
998
- --RS__lineHeightCompensation: 1.167;
999
- }
1000
- :root[style*=readium-font-on][style*=readium-a11y-on] {
1001
- font-family: var(--USER__fontFamily) !important;
1002
- --RS__lineHeightCompensation: 1.167;
1003
- }
1004
- :root[style*=readium-font-on][style*=AccessibleDfA],
1005
- :root[style*=readium-font-on][style*="IA Writer Duospace"],
1006
- :root[style*=readium-font-on][style*=readium-a11y-on] {
1007
- font-style: normal !important;
1008
- font-weight: normal !important;
1009
- }
1010
- :root[style*=readium-font-on][style*=AccessibleDfA] *:not(code):not(var):not(kbd):not(samp),
1011
- :root[style*=readium-font-on][style*="IA Writer Duospace"] *:not(code):not(var):not(kbd):not(samp),
1012
- :root[style*=readium-font-on][style*=readium-a11y-on] *:not(code):not(var):not(kbd):not(samp) {
1013
- font-family: inherit !important;
1014
- font-style: inherit !important;
1015
- font-weight: inherit !important;
1016
- }
1017
- :root[style*=readium-font-on][style*=AccessibleDfA] *,
1018
- :root[style*=readium-font-on][style*="IA Writer Duospace"] *,
1019
- :root[style*=readium-font-on][style*=readium-a11y-on] * {
1020
- text-decoration: none !important;
1021
- font-variant-caps: normal !important;
1022
- font-variant-numeric: normal !important;
1023
- font-variant-position: normal !important;
1024
- }
1025
- :root[style*=readium-font-on][style*=AccessibleDfA] sup,
1026
- :root[style*=readium-font-on][style*="IA Writer Duospace"] sup,
1027
- :root[style*=readium-font-on][style*=readium-a11y-on] sup,
1028
- :root[style*=readium-font-on][style*=AccessibleDfA] sub,
1029
- :root[style*=readium-font-on][style*="IA Writer Duospace"] sub,
1030
- :root[style*=readium-font-on][style*=readium-a11y-on] sub {
1031
- font-size: 1rem !important;
1032
- vertical-align: baseline !important;
1033
- }
1034
- :root[style*=--USER__fontSize] {
1035
- font-size: var(--USER__fontSize) !important;
1036
- }
1037
- :root[style*=readium-advanced-on][style*=--USER__lineHeight] {
1038
- line-height: calc((var(--USER__lineHeight) + (2ex - 1ch) - ((1rem - 16px) * 0.1667)) * var(--RS__lineHeightCompensation)) !important;
1039
- }
1040
- :root[style*=readium-advanced-on][style*=--USER__lineHeight] body,
1041
- :root[style*=readium-advanced-on][style*=--USER__lineHeight] p,
1042
- :root[style*=readium-advanced-on][style*=--USER__lineHeight] li,
1043
- :root[style*=readium-advanced-on][style*=--USER__lineHeight] div {
1044
- line-height: inherit;
1045
- }
1046
- :root[style*=readium-advanced-on][style*=--USER__paraSpacing] p {
1047
- margin-top: var(--USER__paraSpacing) !important;
1048
- margin-bottom: var(--USER__paraSpacing) !important;
1049
- }
1050
- :root[style*=readium-advanced-on][style*=--USER__paraIndent] p {
1051
- text-indent: var(--USER__paraIndent) !important;
1052
- }
1053
- :root[style*=readium-advanced-on][style*=--USER__paraIndent] p *,
1054
- :root[style*=readium-advanced-on][style*=--USER__paraIndent] p:first-letter {
1055
- text-indent: 0 !important;
1056
- }
1057
- :root[style*=readium-advanced-on][style*=--USER__wordSpacing] h1,
1058
- :root[style*=readium-advanced-on][style*=--USER__wordSpacing] h2,
1059
- :root[style*=readium-advanced-on][style*=--USER__wordSpacing] h3,
1060
- :root[style*=readium-advanced-on][style*=--USER__wordSpacing] h4,
1061
- :root[style*=readium-advanced-on][style*=--USER__wordSpacing] h5,
1062
- :root[style*=readium-advanced-on][style*=--USER__wordSpacing] h6,
1063
- :root[style*=readium-advanced-on][style*=--USER__wordSpacing] p,
1064
- :root[style*=readium-advanced-on][style*=--USER__wordSpacing] li,
1065
- :root[style*=readium-advanced-on][style*=--USER__wordSpacing] div {
1066
- word-spacing: var(--USER__wordSpacing);
1067
- }
1068
- :root[style*=readium-advanced-on][style*=--USER__letterSpacing] h1,
1069
- :root[style*=readium-advanced-on][style*=--USER__letterSpacing] h2,
1070
- :root[style*=readium-advanced-on][style*=--USER__letterSpacing] h3,
1071
- :root[style*=readium-advanced-on][style*=--USER__letterSpacing] h4,
1072
- :root[style*=readium-advanced-on][style*=--USER__letterSpacing] h5,
1073
- :root[style*=readium-advanced-on][style*=--USER__letterSpacing] h6,
1074
- :root[style*=readium-advanced-on][style*=--USER__letterSpacing] p,
1075
- :root[style*=readium-advanced-on][style*=--USER__letterSpacing] li,
1076
- :root[style*=readium-advanced-on][style*=--USER__letterSpacing] div {
1077
- letter-spacing: var(--USER__letterSpacing);
1078
- font-variant: none;
1079
- }
1080
- :root[style*=readium-advanced-on] {
1081
- --USER__typeScale: 1.2;
1082
- }
1083
- :root[style*=readium-advanced-on] p,
1084
- :root[style*=readium-advanced-on] li,
1085
- :root[style*=readium-advanced-on] div,
1086
- :root[style*=readium-advanced-on] pre,
1087
- :root[style*=readium-advanced-on] dd {
1088
- font-size: 1rem !important;
1089
- }
1090
- :root[style*=readium-advanced-on] h1 {
1091
- font-size: 1.75rem !important;
1092
- font-size: calc(((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) * var(--USER__typeScale)) !important;
1093
- }
1094
- :root[style*=readium-advanced-on] h2 {
1095
- font-size: 1.5rem !important;
1096
- font-size: calc((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) !important;
1097
- }
1098
- :root[style*=readium-advanced-on] h3 {
1099
- font-size: 1.25rem !important;
1100
- font-size: calc(1rem * var(--USER__typeScale)) !important;
1101
- }
1102
- :root[style*=readium-advanced-on] h4,
1103
- :root[style*=readium-advanced-on] h5,
1104
- :root[style*=readium-advanced-on] h6 {
1105
- font-size: 1rem !important;
1106
- }
1107
- :root[style*=readium-advanced-on] small {
1108
- font-size: smaller !important;
1109
- }
1110
- :root[style*=readium-advanced-on] sub,
1111
- :root[style*=readium-advanced-on] sup {
1112
- font-size: 67.5% !important;
1113
- }
1114
- :root[style*=readium-advanced-on][style*=--USER__typeScale] h1 {
1115
- font-size: calc(((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) * var(--USER__typeScale)) !important;
1116
- }
1117
- :root[style*=readium-advanced-on][style*=--USER__typeScale] h2 {
1118
- font-size: calc((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) !important;
1119
- }
1120
- :root[style*=readium-advanced-on][style*=--USER__typeScale] h3 {
1121
- font-size: calc(1rem * var(--USER__typeScale)) !important;
1122
- }
1123
-
1124
- /* src/HtmlReader/ReadiumCss/ReadiumCSS-default.css */
1125
- :root {
1126
- --RS__compFontFamily: var(--RS__baseFontFamily);
1127
- --RS__codeFontFamily: var(--RS__monospaceTf);
1128
- --RS__typeScale: 1.125;
1129
- --RS__baseFontSize: 100%;
1130
- --RS__flowSpacing: 1.5rem;
1131
- --RS__paraSpacing: 0;
1132
- --RS__paraIndent: 1em;
1133
- --RS__linkColor: #0000ee;
1134
- --RS__visitedColor: #551a8b;
1135
- --RS__primaryColor: ;
1136
- --RS__secondaryColor: ;
1137
- }
1138
- mark {
1139
- background: yellow;
1140
- }
1141
- mark.current {
1142
- background: orange;
1143
- }
1144
- body {
1145
- font-size: var(--RS__baseFontSize);
1146
- }
1147
- h1,
1148
- h2,
1149
- h3,
1150
- h4,
1151
- h5,
1152
- h6 {
1153
- font-family: var(--RS__compFontFamily);
1154
- }
1155
- blockquote,
1156
- figure,
1157
- p,
1158
- pre,
1159
- aside,
1160
- footer,
1161
- form,
1162
- hr {
1163
- margin-top: var(--RS__flowSpacing);
1164
- margin-bottom: var(--RS__flowSpacing);
1165
- }
1166
- p {
1167
- margin-top: var(--RS__paraSpacing);
1168
- margin-bottom: var(--RS__paraSpacing);
1169
- text-indent: var(--RS__paraIndent);
1170
- }
1171
- h1 + p,
1172
- h2 + p,
1173
- h3 + p,
1174
- h4 + p,
1175
- h5 + p,
1176
- h6 + p,
1177
- hr + p {
1178
- text-indent: 0;
1179
- }
1180
- pre {
1181
- font-family: var(--RS__codeFontFamily);
1182
- }
1183
- code,
1184
- kbd,
1185
- samp,
1186
- tt {
1187
- font-family: var(--RS__codeFontFamily);
1188
- }
1189
- sub,
1190
- sup {
1191
- position: relative;
1192
- font-size: 67.5%;
1193
- line-height: 1;
1194
- }
1195
- sub {
1196
- bottom: -0.2ex;
1197
- }
1198
- sup {
1199
- bottom: 0;
1200
- }
1201
- :link {
1202
- color: var(--RS__linkColor);
1203
- }
1204
- :visited {
1205
- color: var(--RS__visitedColor);
1206
- }
1207
- h1 {
1208
- margin-top: calc(var(--RS__flowSpacing) * 2);
1209
- margin-bottom: calc(var(--RS__flowSpacing) * 2);
1210
- font-size: calc(((1em * var(--RS__typeScale)) * var(--RS__typeScale)) * var(--RS__typeScale));
1211
- }
1212
- h2 {
1213
- margin-top: calc(var(--RS__flowSpacing) * 2);
1214
- margin-bottom: var(--RS__flowSpacing);
1215
- font-size: calc((1em * var(--RS__typeScale)) * var(--RS__typeScale));
1216
- }
1217
- h3 {
1218
- margin-top: var(--RS__flowSpacing);
1219
- margin-bottom: var(--RS__flowSpacing);
1220
- font-size: calc(1em * var(--RS__typeScale));
1221
- }
1222
- h4 {
1223
- margin-top: var(--RS__flowSpacing);
1224
- margin-bottom: var(--RS__flowSpacing);
1225
- font-size: 1em;
1226
- }
1227
- h5 {
1228
- margin-top: var(--RS__flowSpacing);
1229
- margin-bottom: var(--RS__flowSpacing);
1230
- font-size: 1em;
1231
- font-variant: small-caps;
1232
- }
1233
- h6 {
1234
- margin-top: var(--RS__flowSpacing);
1235
- margin-bottom: 0;
1236
- font-size: 1em;
1237
- text-transform: lowercase;
1238
- font-variant: small-caps;
1239
- }
1240
- dl,
1241
- ol,
1242
- ul {
1243
- margin-top: var(--RS__flowSpacing);
1244
- margin-bottom: var(--RS__flowSpacing);
1245
- }
1246
- table {
1247
- margin: var(--RS__flowSpacing) 0;
1248
- border: 1px solid currentColor;
1249
- border-collapse: collapse;
1250
- empty-cells: show;
1251
- }
1252
- thead,
1253
- tbody,
1254
- tfoot,
1255
- table > tr {
1256
- vertical-align: top;
1257
- }
1258
- th {
1259
- text-align: left;
1260
- }
1261
- th,
1262
- td {
1263
- padding: 4px;
1264
- border: 1px solid currentColor;
1265
- }
1266
-
1267
- /* src/HtmlReader/styles.css */
1268
- /*# sourceMappingURL=styles.css.map */