@nypl/web-reader 4.3.0 → 4.3.2
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.
- package/README.md +0 -15
- package/dist/{esm/index.css → index.css} +3 -1
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +532 -0
- package/dist/index.js +9381 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +9378 -0
- package/dist/index.mjs.map +1 -0
- package/dist/injectable-html-styles/ReadiumCSS-after.css +488 -2
- package/dist/injectable-html-styles/ReadiumCSS-after.css.map +1 -7
- package/dist/injectable-html-styles/ReadiumCSS-after.d.ts +2 -0
- package/dist/injectable-html-styles/ReadiumCSS-before.css +648 -2
- package/dist/injectable-html-styles/ReadiumCSS-before.css.map +1 -7
- package/dist/injectable-html-styles/ReadiumCSS-before.d.ts +2 -0
- package/dist/injectable-html-styles/ReadiumCSS-default.css +141 -2
- package/dist/injectable-html-styles/ReadiumCSS-default.css.map +1 -7
- package/dist/injectable-html-styles/ReadiumCSS-default.d.ts +2 -0
- package/package.json +9 -24
- package/dist/cjs/index.css +0 -2
- package/dist/cjs/index.css.map +0 -7
- package/dist/cjs/index.js +0 -340
- package/dist/cjs/index.js.map +0 -7
- package/dist/esm/index.css.map +0 -7
- package/dist/esm/index.js +0 -42173
- package/dist/esm/index.js.map +0 -7
- package/dist/types/HtmlReader/effects.d.ts +0 -22
- package/dist/types/HtmlReader/index.d.ts +0 -3
- package/dist/types/HtmlReader/lib.d.ts +0 -107
- package/dist/types/HtmlReader/reducer.d.ts +0 -8
- package/dist/types/HtmlReader/types.d.ts +0 -116
- package/dist/types/HtmlReader/useIframeLinkClick.d.ts +0 -4
- package/dist/types/HtmlReader/useLocationQuery.d.ts +0 -8
- package/dist/types/HtmlReader/useResource.d.ts +0 -14
- package/dist/types/HtmlReader/useUpdateCSS.d.ts +0 -6
- package/dist/types/HtmlReader/useUpdateScroll.d.ts +0 -6
- package/dist/types/HtmlReader/useWindowResize.d.ts +0 -7
- package/dist/types/PdfReader/ChakraPage.d.ts +0 -3
- package/dist/types/PdfReader/ScrollPage.d.ts +0 -12
- package/dist/types/PdfReader/addTocToManifest.d.ts +0 -10
- package/dist/types/PdfReader/index.d.ts +0 -12
- package/dist/types/PdfReader/lib.d.ts +0 -26
- package/dist/types/PdfReader/reducer.d.ts +0 -3
- package/dist/types/PdfReader/types.d.ts +0 -61
- package/dist/types/PdfReader/useMeasure.d.ts +0 -7
- package/dist/types/Readium/Injectable.d.ts +0 -11
- package/dist/types/Readium/Locator.d.ts +0 -20
- package/dist/types/WebpubManifestTypes/ConformsTo.d.ts +0 -3
- package/dist/types/WebpubManifestTypes/Contributor.d.ts +0 -17
- package/dist/types/WebpubManifestTypes/EpubExtension.d.ts +0 -47
- package/dist/types/WebpubManifestTypes/LanguageMap.d.ts +0 -3
- package/dist/types/WebpubManifestTypes/Metadata.d.ts +0 -47
- package/dist/types/WebpubManifestTypes/OPDSLink.d.ts +0 -63
- package/dist/types/WebpubManifestTypes/PresentationHints.d.ts +0 -53
- package/dist/types/WebpubManifestTypes/ReadiumLink.d.ts +0 -58
- package/dist/types/WebpubManifestTypes/Subject.d.ts +0 -16
- package/dist/types/WebpubManifestTypes/WebpubManifest.d.ts +0 -14
- package/dist/types/constants.d.ts +0 -37
- package/dist/types/index.d.ts +0 -17
- package/dist/types/types.d.ts +0 -123
- package/dist/types/ui/Button.d.ts +0 -9
- package/dist/types/ui/ErrorBoundary.d.ts +0 -16
- package/dist/types/ui/Footer.d.ts +0 -9
- package/dist/types/ui/Header.d.ts +0 -9
- package/dist/types/ui/HtmlSettings.d.ts +0 -9
- package/dist/types/ui/LoadingSkeleton.d.ts +0 -9
- package/dist/types/ui/PageButton.d.ts +0 -7
- package/dist/types/ui/PdfSettings.d.ts +0 -8
- package/dist/types/ui/SettingsButton.d.ts +0 -5
- package/dist/types/ui/TableOfContent.d.ts +0 -7
- package/dist/types/ui/ToggleButton.d.ts +0 -14
- package/dist/types/ui/ToggleGroup.d.ts +0 -8
- package/dist/types/ui/hooks/useColorModeValue.d.ts +0 -7
- package/dist/types/ui/hooks/useContainerWidth.d.ts +0 -6
- package/dist/types/ui/hooks/useEventListener.d.ts +0 -8
- package/dist/types/ui/hooks/useFullScreen.d.ts +0 -7
- package/dist/types/ui/icons/Continuous.d.ts +0 -4
- package/dist/types/ui/icons/Day.d.ts +0 -4
- package/dist/types/ui/icons/EnlargeFont.d.ts +0 -4
- package/dist/types/ui/icons/Night.d.ts +0 -4
- package/dist/types/ui/icons/Paginated.d.ts +0 -4
- package/dist/types/ui/icons/Previous.d.ts +0 -4
- package/dist/types/ui/icons/ReaderSettings.d.ts +0 -4
- package/dist/types/ui/icons/ReduceFont.d.ts +0 -4
- package/dist/types/ui/icons/Reset.d.ts +0 -4
- package/dist/types/ui/icons/Sepia.d.ts +0 -4
- package/dist/types/ui/icons/TableOfContents.d.ts +0 -4
- package/dist/types/ui/icons/ToggleFullScreen.d.ts +0 -4
- package/dist/types/ui/icons/ToggleFullScreenExit.d.ts +0 -4
- package/dist/types/ui/icons/index.d.ts +0 -14
- package/dist/types/ui/manager.d.ts +0 -9
- package/dist/types/ui/menu/index.d.ts +0 -10
- package/dist/types/ui/menu/menu.d.ts +0 -76
- package/dist/types/ui/menu/use-menu.d.ts +0 -2510
- package/dist/types/ui/nypl-base-theme/components/button.d.ts +0 -94
- package/dist/types/ui/nypl-base-theme/components/checkbox.d.ts +0 -41
- package/dist/types/ui/nypl-base-theme/components/form-error.d.ts +0 -14
- package/dist/types/ui/nypl-base-theme/components/form-label.d.ts +0 -14
- package/dist/types/ui/nypl-base-theme/components/form.d.ts +0 -15
- package/dist/types/ui/nypl-base-theme/components/input.d.ts +0 -107
- package/dist/types/ui/nypl-base-theme/components/text-area.d.ts +0 -34
- package/dist/types/ui/nypl-base-theme/foundations/breakpoints.d.ts +0 -8
- package/dist/types/ui/nypl-base-theme/foundations/colors.d.ts +0 -3
- package/dist/types/ui/nypl-base-theme/foundations/global.d.ts +0 -13
- package/dist/types/ui/nypl-base-theme/foundations/radii.d.ts +0 -12
- package/dist/types/ui/nypl-base-theme/foundations/spacing.d.ts +0 -49
- package/dist/types/ui/nypl-base-theme/foundations/typography.d.ts +0 -10
- package/dist/types/ui/nypl-base-theme/index.d.ts +0 -7
- package/dist/types/ui/nypl-base-theme/types.d.ts +0 -1
- package/dist/types/ui/theme/components/alert.d.ts +0 -24
- package/dist/types/ui/theme/components/button.d.ts +0 -93
- package/dist/types/ui/theme/components/text.d.ts +0 -20
- package/dist/types/ui/theme/foundations/colors.d.ts +0 -3
- package/dist/types/ui/theme/foundations/fonts.d.ts +0 -3
- package/dist/types/ui/theme/foundations/typography.d.ts +0 -6
- package/dist/types/ui/theme/index.d.ts +0 -12
- package/dist/types/ui/theme/types.d.ts +0 -1
- package/dist/types/useWebReader.d.ts +0 -7
- package/dist/types/utils/fetch.d.ts +0 -4
- package/dist/types/utils/getColor.d.ts +0 -2
- package/dist/types/utils/localstorage.d.ts +0 -17
|
@@ -1,7 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/HtmlReader/ReadiumCss/ReadiumCSS-after.css"],
|
|
4
|
-
"sourcesContent": ["/* Readium CSS \n Config module\n A file allowing implementers to customize flags for reading modes,\n user settings, etc.\n Repo: https://github.com/readium/readium-css */\n\n/* Custom medias\n Syntax: @custom-media --variable (prop: value) */\n\n/* Responsive columns\n The minimum width for which responsive columns (2 -> 1 and vice versa,\n depending on the current font-size) must be enabled */\n\n/* Mobile columns\n The minimum and maximum width for mobile devices.\n We\u2019re forcing the landscape orientation by default,\n and must still investigate large tablets (iPad Pro, Surface Pro 3, etc.). */\n\n/* Custom selectors\n Syntax: @custom-selector :--variable selector\n The selectors you will use for flags/switches\n You can alternatively use classes or custom data-* attributes */\n\n/* User view = paged | scrolled */\n\n/* Font-family override */\n\n/* Advanced settings */\n\n/* Reading Modes */\n\n/* Filters (images) */\n\n/* Accessibility normalization */\n\n/* Accessibility font. You can add selectors, using \u201C, \u201D as a separator, if you have multiple fonts */\n\n/* Direction i.e. ltr and rtl */\n\n/* Readium CSS\n Namespaces module\n Namespaces to import in all 3 dist stylesheets\n Repo: https://github.com/readium/readium-css */\n\n@namespace url('http://www.w3.org/1999/xhtml');\n\n@namespace epub url('http://www.idpf.org/2007/ops');\n\n@namespace m url('http://www.w3.org/1998/Math/MathML/');\n\n@namespace svg url('http://www.w3.org/2000/svg');\n\n/* Readium CSS\n Pagination module\n A set of styles to paginate ePublications\n Repo: https://github.com/readium/readium-css */\n\n/* Config */\n\n/* Columns are responsive by default, even if column-width is set in pixels,\n which means two-page spread will switch to single page depending on current font-size.\n If you want more control, I\u2019m afraid you\u2019ll have to update colWidth/colGap dynamically,\n which is how a significant amount of RS do at the moment. */\n\n/* Default for smartphone portrait (small screens) */\n\n:root {\n /* Your columns\u2019 width floor */\n --RS__colWidth: 45em; /* The width at which we\u2019ll switch to 2 columns by default. PS: you can\u2019t set it in rem */\n\n /* Ideal number of columns (depending on columns\u2019 width floor) */\n --RS__colCount: 1;\n\n /* Gap between columns (in pixels so that it won\u2019t resize with font-size) */\n --RS__colGap: 0;\n\n /* Optimal line-length (rem will take :root font-size into account, whatever the body\u2019s font-size) */\n --RS__maxLineLength: 40rem;\n\n /* Default page horizontal margins (in pixels so that it won\u2019t resize with font-size) */\n --RS__pageGutter: 20px; /* See if colGap and pageGutter can be the same var */\n}\n\n/* Reset page margins for Forward compatibility */\n\n@page {\n margin: 0 !important;\n}\n\n/* :root selector has same specificity as a class i.e. 0010\n We might have to change that to html / context\n -> https://css-tricks.com/almanac/selectors/r/root/ */\n\n:root {\n /* In case you use left position to scroll, can be removed if using transform: translateX() */\n position: relative;\n\n -webkit-column-width: var(--RS__colWidth);\n -moz-column-width: var(--RS__colWidth);\n column-width: var(--RS__colWidth);\n\n /* Init pagination */\n /* TODO: document columns\u2019 logic cos it might feel weird at first */\n -webkit-column-count: var(--RS__colCount);\n -moz-column-count: var(--RS__colCount);\n column-count: var(--RS__colCount);\n\n -webkit-column-gap: var(--RS__colGap);\n -moz-column-gap: var(--RS__colGap);\n column-gap: var(--RS__colGap);\n\n /* Default is balance and we want columns to be filled entirely (100vh) */\n -moz-column-fill: auto;\n column-fill: auto;\n width: 100%;\n height: 100vh;\n max-width: 100%;\n max-height: 100vh;\n min-width: 100%;\n min-height: 100vh;\n padding: 0 !important;\n margin: 0 !important;\n\n /* Column size will depend on this if we want to make it responsive */\n font-size: 100% !important;\n\n -webkit-text-size-adjust: 100%;\n\n /* Switch to newer box model (not inherited by authors\u2019 styles) */\n box-sizing: border-box;\n\n /* Fix bug for older Chrome */\n -webkit-perspective: 1;\n /* Prevents options pop-up when long tap in webkit */\n -webkit-touch-callout: none;\n}\n\nbody {\n /* overflow: hidden; bugfix: contents won\u2019t paginate in Firefox and one sample in Safari */\n width: 100%;\n\n /* Limit line-length but we have to reset when 2 columns and control the viewport.\n By using max-width + margin auto, margins will shrink when font-size increases,\n which is what would be expected in terms of typography. */\n max-width: var(--RS__maxLineLength) !important;\n padding: 0 var(--RS__pageGutter) !important;\n margin: 0 auto !important;\n\n /* We need a minimum padding on body so that descandants/ascendants in italic/script are not cut-off.\n Drawback: we have to use border-box so that it doesn\u2019t screw the box model,\n which means it impacts colWidth and max-width */\n box-sizing: border-box;\n}\n\n/* We\u2019ll now redefine margins and columns depending on the minimum width available\n The goal is having the simplest model possible and avoid targeting devices */\n\n/* Smartphone landscape */\n\n@media screen and (min-width: 35em) {\n :root {\n --RS__pageGutter: 30px;\n }\n}\n\n/* Tablet portrait */\n\n@media screen and (min-width: 45em) {\n :root {\n --RS__pageGutter: 40px;\n }\n}\n\n/* Desktop + tablet large */\n\n/* We get the previous settings, we just change the margins */\n\n@media screen and (min-width: 75em) {\n :root {\n --RS__pageGutter: 50px;\n }\n}\n\n/* At this point (80em or so), constraining line length must be done at the web view/iframe level, or by limiting the size of :root itself */\n\n/* Responsive columns */\n\n@media screen and (min-width: 60em),\n screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape) {\n :root {\n /* The size at which we want 2 columns to switch to 1 (depending on font-size) */\n --RS__colWidth: 20em; /* 20 * 16 = 320px but 20 * 28 = 560px so it will switch to 1 col @ 175% font-size (user-setting) on an iPad */\n /* We constrain to 2 columns so that we can never get 3 or 4, etc. */\n --RS__colCount: 2;\n --RS__maxLineLength: 39.99rem; /* If we don\u2019t use this, colNumber user setting won\u2019t work in Safari\u2026 */\n }\n}\n\n/* Readium CSS\n Scroll module\n A set of styles to scroll ePublications\n This module overrides pagination\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-scroll-on'] {\n /* Reset columns, auto + auto = columns can\u2019t be created */\n -webkit-columns: auto auto !important;\n -moz-columns: auto auto !important;\n columns: auto auto !important;\n width: auto !important;\n height: auto !important;\n max-width: none !important;\n max-height: none !important;\n /* Reset html size so that the user can scroll */\n min-width: 0 !important;\n min-height: 0 !important;\n}\n\n/* Make sure line-length is limited in all configs */\n\n:root[style*='readium-scroll-on'] body {\n --RS__maxLineLength: 40rem !important;\n}\n\n/* Readium CSS\n Night mode\n A preset theme for night mode\n Repo: https://github.com/readium/readium-css */\n\n/* CONFIG */\n\n/* [style*=\"--USER__appearance\"] can be used to increase specificity but performance hit */\n\n:root[style*='readium-night-on'] {\n --RS__backgroundColor: #000000;\n --RS__textColor: #fefefe;\n\n --RS__linkColor: #63caff;\n --RS__visitedColor: #0099e5;\n\n /* This can be customized but initial will re-use default value of the browser */\n --RS__selectionBackgroundColor: #b4d8fe;\n --RS__selectionTextColor: inherit;\n}\n\n/* we don\u2019t need to redeclare bg-color and color for :root since we will inherit and update from day/default mode */\n\n:root[style*='readium-night-on'] *:not(a) {\n color: inherit !important;\n background-color: transparent !important;\n border-color: currentColor !important;\n}\n\n:root[style*='readium-night-on'] svg text {\n fill: currentColor !important;\n stroke: none !important;\n}\n\n:root[style*='readium-night-on'] a:link,\n:root[style*='readium-night-on'] a:link * {\n color: var(--RS__linkColor) !important;\n}\n\n:root[style*='readium-night-on'] a:visited,\n:root[style*='readium-night-on'] a:visited * {\n color: var(--RS__visitedColor) !important;\n}\n\n/* For epub:type, in case the contents are served as text/html, namespaces won\u2019t work hence why we\u2019re using both syntax */\n\n:root[style*='readium-night-on'] img[class*='gaiji'],\n:root[style*='readium-night-on'] *[epub\\:type~='titlepage'] img:only-child,\n:root[style*='readium-night-on'] *[epub|type~='titlepage'] img:only-child {\n -webkit-filter: invert(100%);\n filter: invert(100%);\n}\n\n/* Darken all images on user\u2019s demand */\n\n:root[style*='readium-night-on'][style*='readium-darken-on'] img {\n -webkit-filter: brightness(80%);\n filter: brightness(80%);\n}\n\n/* Invert all images on user\u2019s demand */\n\n:root[style*='readium-night-on'][style*='readium-invert-on'] img {\n -webkit-filter: invert(100%);\n filter: invert(100%);\n}\n\n/* Darken and invert on user\u2019s demand */\n\n:root[style*='readium-night-on'][style*='readium-darken-on'][style*='readium-invert-on']\n img {\n -webkit-filter: brightness(80%) invert(100%);\n filter: brightness(80%) invert(100%);\n}\n\n/* Readium CSS\n Sepia mode\n A preset theme for sepia mode\n Repo: https://github.com/readium/readium-css */\n\n/* CONFIG */\n\n:root[style*='readium-sepia-on'] {\n --RS__backgroundColor: #faf4e8;\n --RS__textColor: #121212;\n\n --RS__linkColor: #0000ee;\n --RS__visitedColor: #551a8b;\n\n /* This can be customized but initial will re-use default value of the browser */\n --RS__selectionBackgroundColor: #b4d8fe;\n --RS__selectionTextColor: inherit;\n\n --RS__maxLineLength: 40.01rem; /* Forcing a reflow in Blink/Webkit so that blend mode can work */\n}\n\n/* we don\u2019t need to redeclare bg-color and color for :root since we will inherit and update from day/default mode */\n\n:root[style*='readium-sepia-on'] *:not(a) {\n color: inherit !important;\n background-color: transparent !important;\n}\n\n:root[style*='readium-sepia-on'] a:link,\n:root[style*='readium-sepia-on'] a:link * {\n color: var(--RS__linkColor);\n}\n\n:root[style*='readium-sepia-on'] a:visited,\n:root[style*='readium-sepia-on'] a:visited * {\n color: var(--RS__visitedColor);\n}\n\n:root[style*='readium-sepia-on'] svg,\n:root[style*='readium-sepia-on'] img {\n /* Make sure the proper bg-color is used for the blend mode */\n background-color: transparent !important;\n mix-blend-mode: multiply;\n}\n\n/* Readium CSS\n OS Accessibility Modes\n A stylesheet to deal with OS accessibility settings\n Repo: https://github.com/readium/readium-css */\n\n/* Windows high contrast colors are mapped to CSS system color keywords\n See http://www.gwhitworth.com/blog/2017/04/how-to-use-ms-high-contrast */\n\n@media screen and (-ms-high-contrast: active) {\n :root {\n color: windowText !important;\n background-color: window !important;\n }\n\n /* The following selectors are super funky but it makes sure everything is inherited, this is indeed critical for this mode */\n :root :not(#\\#):not(#\\#):not(#\\#),\n :root\n :not(#\\#):not(#\\#):not(#\\#)\n :not(#\\#):not(#\\#):not(#\\#)\n :root\n :not(#\\#):not(#\\#):not(#\\#)\n :not(#\\#):not(#\\#):not(#\\#)\n :not(#\\#):not(#\\#):not(#\\#) {\n color: inherit !important;\n background-color: inherit !important;\n }\n\n .readiumCSS-mo-active-default {\n color: highlightText !important;\n background-color: highlight !important;\n }\n\n /* For links, hyperlink keyword is automatically set */\n\n /* Should we also set user highlights? */\n}\n\n@media screen and (-ms-high-contrast: white-on-black) {\n :root[style*='readium-night-on'] img[class*='gaiji'],\n :root[style*='readium-night-on'] *[epub\\:type~='titlepage'] img:only-child,\n :root[style*='readium-night-on'] *[epub|type~='titlepage'] img:only-child {\n -webkit-filter: none !important;\n filter: none !important;\n }\n :root[style*='readium-night-on'][style*='readium-invert-on'] img {\n -webkit-filter: none !important;\n filter: none !important;\n }\n :root[style*='readium-night-on'][style*='readium-darken-on'][style*='readium-invert-on']\n img {\n -webkit-filter: brightness(80%);\n filter: brightness(80%);\n }\n}\n\n/* Will be true on recent versions of iOS and MacOS if inverted setting enabled by the user */\n\n@media screen and (inverted-colors) {\n :root[style*='readium-night-on'] img[class*='gaiji'],\n :root[style*='readium-night-on'] *[epub\\:type~='titlepage'] img:only-child,\n :root[style*='readium-night-on'] *[epub|type~='titlepage'] img:only-child {\n -webkit-filter: none !important;\n filter: none !important;\n }\n :root[style*='readium-night-on'][style*='readium-invert-on'] img {\n -webkit-filter: none !important;\n filter: none !important;\n }\n :root[style*='readium-night-on'][style*='readium-darken-on'][style*='readium-invert-on']\n img {\n -webkit-filter: brightness(80%);\n filter: brightness(80%);\n }\n}\n\n@media screen and (monochrome) {\n /* Grayscale (Implemented in Safari, what about eInk?) */\n /* Must deal with anything color (contrast) so must be managed at the night/sepia/theme level :( */\n}\n\n@media screen and (prefers-reduced-motion) {\n /* If reduced motion is set on MacOS, in case we have animation/transition */\n}\n\n/* Readium CSS\n Columns number pref\n A submodule managing columns number for user settings\n Part of \u201CChrome Advanced\u201D class \u2013 no flag required.\n Repo: https://github.com/readium/readium-css */\n\n/* Number of columns = 1 | 2 */\n\n/* We still need to see if we allow users to force number of columns for all configs, currently it behaves as an \"auto\" setting */\n\n/* apply col setting except for mobile portrait */\n\n@media screen and (min-width: 60em),\n screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape) {\n :root[style*='--USER__colCount: 1'],\n :root[style*='--USER__colCount:1'],\n :root[style*='--USER__colCount: 2'],\n :root[style*='--USER__colCount:2'] {\n -webkit-column-count: var(--USER__colCount);\n -moz-column-count: var(--USER__colCount);\n column-count: var(--USER__colCount);\n }\n\n /* If one column, make sure we limit line-length */\n :root[style*='--USER__colCount: 1'],\n :root[style*='--USER__colCount:1'] {\n --RS__maxLineLength: 40rem !important; /* This is the only way for the user setting to work in webkit\u2026 */\n --RS__colWidth: 100vw;\n }\n\n /* If smartphone landscape, and 2 columns, col width the same as iPad landscape + desktop */\n :root[style*='--USER__colCount: 2'],\n :root[style*='--USER__colCount:2'] {\n --RS__colWidth: auto; /* User explicitely tells he/she wants 2 columns, we reset floor value */\n }\n}\n\n/* Readium CSS\n Page margins pref\n A submodule managing page margins for user settings\n Part of \u201CChrome Advanced\u201D class \u2013 no flag required.\n Repo: https://github.com/readium/readium-css */\n\n/* Page Margins: the user margin is a factor of the page gutter e.g. 0.5, 0.75, 1, 1.25, 1.5, etc. */\n\n:root[style*='--USER__pageMargins'] body {\n padding: 0 calc(var(--RS__pageGutter) * var(--USER__pageMargins)) !important;\n}\n\n/* Readium CSS\n Custom colors pref\n A submodule managing custom colors for user settings\n Part of \u201CChrome Advanced\u201D class \u2013 no flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='--USER__backgroundColor'] {\n background-color: var(--USER__backgroundColor) !important;\n}\n\n:root[style*='--USER__backgroundColor'] * {\n background-color: transparent !important;\n}\n\n:root[style*='--USER__textColor'] {\n color: var(--USER__textColor) !important;\n}\n\n:root[style*='--USER__textColor']\n *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(pre) {\n color: inherit !important;\n}\n\n/* Readium CSS\n Text align pref\n A submodule managing text-align for user settings\n Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign'] {\n text-align: var(--USER__textAlign);\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign']\n *:not(blockquote):not(figcaption)\n p,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign'] li {\n text-align: inherit !important;\n -moz-text-align-last: auto !important;\n -epub-text-align-last: auto !important;\n text-align-last: auto !important;\n}\n\n/* In case something goes wrong at the programmatic level + rtl for body + rtl in ltr */\n\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign: left'],\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign:left'],\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: left']\n *[dir='rtl'],\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:left']\n *[dir='rtl'] {\n text-align: right;\n}\n\n/* Edge, if logical value is used, think of it as a polyfill. For LTR, it will fall back to the default, which is left */\n\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign: start'],\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign:start'] {\n text-align: right;\n}\n\n/* Readium CSS\n Hyphenation pref\n A submodule managing hyphens for user settings\n Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n Repo: https://github.com/readium/readium-css */\n\n/* Managing hyphenation automatically for text-align values */\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: justify'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:justify'] body {\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n -ms-hyphens: auto;\n -epub-hyphens: auto;\n hyphens: auto;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: left'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:left'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: right'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:right'] body {\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n -epub-hyphens: none;\n hyphens: none;\n}\n\n/* Managing the user override */\n\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] {\n -webkit-hyphens: var(--USER__bodyHyphens) !important;\n -moz-hyphens: var(--USER__bodyHyphens) !important;\n -ms-hyphens: var(--USER__bodyHyphens) !important;\n -epub-hyphens: var(--USER__bodyHyphens) !important;\n hyphens: var(--USER__bodyHyphens) !important;\n}\n\n/* Sorry, we can\u2019t use `:matches`, `:-moz-any` or `:-webkit-any` because MS doesn\u2019t support it yet */\n\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] body,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] p,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] li,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] div,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] dd {\n -webkit-hyphens: inherit;\n -moz-hyphens: inherit;\n -ms-hyphens: inherit;\n -epub-hyphens: inherit;\n hyphens: inherit;\n}\n\n/* Readium CSS\n Font Family pref\n A submodule managing font-family for user settings\n Part of \u201CUser Overrides\u201D class \u2013 \u201Cfont override\u201D flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] {\n font-family: var(--USER__fontFamily) !important;\n}\n\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] body,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] p,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] li,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] div,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] dt,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] dd {\n font-family: inherit !important;\n}\n\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] i:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] i:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] em:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n em:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] cite:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n cite:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] b:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] b:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] strong:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n strong:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] span:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n span:not([xml\\:lang]) {\n font-family: inherit !important;\n}\n\n/* Readium CSS\n A11y font pref\n A submodule managing a11y text normalization for user settings\n Part of \u201CUser Overrides\u201D class \u2013 \u201Cfont override\u201D flag required.\n Repo: https://github.com/readium/readium-css */\n\n/* For AccessibleDfA, we need to normalize font-weight and font-style since only the normal style is available */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'] {\n /* We won\u2019t use the variable there since we need fallbacks for missing characters */\n font-family: AccessibleDfA, Verdana, Tahoma, 'Trebuchet MS', sans-serif !important;\n --RS__lineHeightCompensation: 1.167;\n}\n\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] {\n /* We won\u2019t use the variable there since we need fallbacks for missing characters */\n font-family: 'IA Writer Duospace', Menlo, 'DejaVu Sans Mono',\n 'Bitstream Vera Sans Mono', Courier, monospace !important;\n --RS__lineHeightCompensation: 1.167;\n}\n\n:root[style*='readium-font-on'][style*='readium-a11y-on'] {\n font-family: var(--USER__fontFamily) !important;\n --RS__lineHeightCompensation: 1.167;\n}\n\n/* Maybe users want a setting to normalize any font offered so there is a \u201Ca11y Normalize\u201D flag for it */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'],\n:root[style*='readium-font-on'][style*='IA Writer Duospace'],\n:root[style*='readium-font-on'][style*='readium-a11y-on'] {\n font-style: normal !important;\n font-weight: normal !important;\n}\n\n/* Targeting everything except code. Note that Open Dyslexic has a monospaced font for code */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA']\n *:not(code):not(var):not(kbd):not(samp),\n:root[style*='readium-font-on'][style*='IA Writer Duospace']\n *:not(code):not(var):not(kbd):not(samp),\n:root[style*='readium-font-on'][style*='readium-a11y-on']\n *:not(code):not(var):not(kbd):not(samp) {\n font-family: inherit !important;\n font-style: inherit !important;\n font-weight: inherit !important;\n}\n\n/* Normalizing text-decoration, subs and sups */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'] *,\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] *,\n:root[style*='readium-font-on'][style*='readium-a11y-on'] * {\n text-decoration: none !important;\n font-variant-caps: normal !important;\n font-variant-numeric: normal !important;\n font-variant-position: normal !important;\n}\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'] sup,\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] sup,\n:root[style*='readium-font-on'][style*='readium-a11y-on'] sup,\n:root[style*='readium-font-on'][style*='AccessibleDfA'] sub,\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] sub,\n:root[style*='readium-font-on'][style*='readium-a11y-on'] sub {\n font-size: 1rem !important;\n vertical-align: baseline !important;\n}\n\n/* Readium CSS\n Font size pref\n A submodule managing font-size for user settings\n Part of \u201CUser Overrides\u201D class \u2013 no flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='--USER__fontSize'] {\n font-size: var(--USER__fontSize) !important;\n}\n\n/* Readium CSS\n Line height pref\n A submodule managing line-height for user settings\n Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] {\n line-height: var(--USER__lineHeight) !important;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] body,\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] p,\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] li,\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] div {\n line-height: inherit;\n}\n\n/* Readium CSS\n Para spacing pref\n A submodule managing paragraphs\u2019 top and bottom margins for user settings\n Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__paraSpacing'] p {\n margin-top: var(--USER__paraSpacing) !important;\n margin-bottom: var(--USER__paraSpacing) !important;\n}\n\n/* Readium CSS\n Para indent pref\n A submodule managing paragraphs\u2019 text-indent for user settings\n Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__paraIndent'] p {\n text-indent: var(--USER__paraIndent) !important;\n}\n\n/* If there are inline-block elements in paragraphs, text-indent will inherit so we must reset it */\n\n:root[style*='readium-advanced-on'][style*='--USER__paraIndent'] p *,\n:root[style*='readium-advanced-on'][style*='--USER__paraIndent']\n p:first-letter {\n text-indent: 0 !important;\n}\n\n/* Readium CSS\n Word spacing pref\n A submodule managing word-spacing for user settings\n Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h1,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h2,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h3,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h4,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h5,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h6,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] p,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] li,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] div {\n word-spacing: var(--USER__wordSpacing);\n}\n\n/* Readium CSS\n Letter spacing pref\n A submodule managing letter-spacing for user settings\n Part of \u201CUser Overrides Advanced\u201D class \u2013 \u201Cadvanced settings\u201D flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h1,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h2,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h3,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h4,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h5,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h6,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] p,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] li,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] div {\n letter-spacing: var(--USER__letterSpacing);\n font-variant: none;\n}\n\n/* Readium CSS\n Font size normalize\n A stylesheet to normalize font-size\n Repo: https://github.com/readium/readium-css */\n\n/* STYLES */\n\n/* :root is used so that you can quickly add a class or attribute if you prefer e.g. `:root[data-rs-normalize]` */\n\n/* We create a default so that you don\u2019t need to explicitly set one in the DOM.\n Once the \u201CPublisher\u2019s styles\u201D checkbox is unchecked, the normalize is applied automatically */\n\n:root[style*='readium-advanced-on'] {\n --USER__typeScale: 1.2; /* This is the default type scale you\u2019ll find in most publications */\n}\n\n:root[style*='readium-advanced-on'] p,\n:root[style*='readium-advanced-on'] li,\n:root[style*='readium-advanced-on'] div,\n:root[style*='readium-advanced-on'] pre,\n:root[style*='readium-advanced-on'] dd {\n font-size: 1rem !important;\n}\n\n:root[style*='readium-advanced-on'] h1 {\n /* Fallback if browser doesn\u2019t support vars */\n font-size: 1.75rem !important;\n font-size: calc(\n ((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) *\n var(--USER__typeScale)\n ) !important;\n}\n\n:root[style*='readium-advanced-on'] h2 {\n /* Fallback if browser doesn\u2019t support vars */\n font-size: 1.5rem !important;\n font-size: calc(\n (1rem * var(--USER__typeScale)) * var(--USER__typeScale)\n ) !important;\n}\n\n:root[style*='readium-advanced-on'] h3 {\n /* Fallback if browser doesn\u2019t support vars */\n font-size: 1.25rem !important;\n font-size: calc(1rem * var(--USER__typeScale)) !important;\n}\n\n:root[style*='readium-advanced-on'] h4,\n:root[style*='readium-advanced-on'] h5,\n:root[style*='readium-advanced-on'] h6 {\n font-size: 1rem !important;\n}\n\n:root[style*='readium-advanced-on'] small {\n font-size: smaller !important;\n}\n\n:root[style*='readium-advanced-on'] sub,\n:root[style*='readium-advanced-on'] sup {\n font-size: 67.5% !important;\n}\n\n/* The following styles kick in if you define the typeScale variable in the DOM.\n No need to repeat declarations which don\u2019t make use of the variable */\n\n:root[style*='readium-advanced-on'][style*='--USER__typeScale'] h1 {\n font-size: calc(\n ((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) *\n var(--USER__typeScale)\n ) !important;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__typeScale'] h2 {\n font-size: calc(\n (1rem * var(--USER__typeScale)) * var(--USER__typeScale)\n ) !important;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__typeScale'] h3 {\n font-size: calc(1rem * var(--USER__typeScale)) !important;\n}\n\n/* Readium CSS\n Default highlights\n A stylesheet for user highlights\n Repo: https://github.com/readium/readium-css */\n\n/* User Highlights */\n\n.readiumCSS-yellow-highlight,\n:root[style*='readium-sepia-on'] .readiumCSS-yellow-highlight,\n:root[style*='readium-night-on'] .readiumCSS-yellow-highlight {\n background-color: rgba(255, 255, 0, 0.5) !important;\n}\n\n.readiumCSS-green-highlight,\n:root[style*='readium-sepia-on'] .readiumCSS-green-highlight,\n:root[style*='readium-night-on'] .readiumCSS-green-highlight {\n background-color: rgba(0, 255, 0, 0.5) !important;\n}\n\n.readiumCSS-orange-highlight,\n:root[style*='readium-sepia-on'] .readiumCSS-orange-highlight,\n:root[style*='readium-night-on'] .readiumCSS-orange-highlight {\n background-color: rgba(255, 165, 0, 0.5) !important;\n}\n\n.readiumCSS-pink-highlight,\n:root[style*='readium-sepia-on'] .readiumCSS-pink-highlight,\n:root[style*='readium-night-on'] .readiumCSS-pink-highlight {\n background-color: rgba(255, 105, 180, 0.5) !important;\n}\n\n/* Media overlays */\n\n.readiumCSS-mo-active-default {\n color: black !important;\n background-color: yellow !important;\n}\n/*# sourceMappingURL=ReadiumCSS-after.css.map */\n"],
|
|
5
|
-
"mappings": "AA4CA,6CAEA,kDAEA,sDAEA,+CAgBA,MAEE,qBAGA,kBAGA,gBAGA,2BAGA,uBAKF,MArFA,mBA6FA,MAEE,kBAEA,yCACA,sCACA,iCAIA,yCACA,sCACA,iCAEA,qCACA,kCACA,6BAGA,sBACA,iBACA,WACA,aACA,eACA,iBACA,eACA,iBAvHF,uCA4HE,yBAEA,8BAGA,sBAGA,sBAEA,2BAGF,KAEE,WAKA,6CACA,0CAjJF,wBAuJE,sBAQF,oCACE,MACE,wBAMJ,oCACE,MACE,wBAQJ,oCACE,MACE,wBAQJ,kIAEE,MAEE,qBAEA,kBACA,+BAUJ,gCAEE,oCACA,iCACA,4BACA,qBACA,sBACA,yBACA,0BAEA,sBACA,uBAKF,qCACE,sCAYF,+BACE,+BACA,yBAEA,yBACA,4BAGA,wCACA,kCAKF,wCACE,wBACA,uCACA,oCAGF,wCACE,4BACA,sBAGF,8EAEE,qCAGF,oFAEE,wCAKF,8LAGE,4BACA,oBAKF,6DACE,+BACA,uBAKF,6DACE,4BACA,oBAKF,uFAEE,4CACA,oCAUF,+BACE,+BACA,yBAEA,yBACA,4BAGA,wCACA,kCAEA,8BAKF,wCACE,wBACA,uCAGF,8EAEE,2BAGF,oFAEE,8BAGF,sEAGE,uCACA,wBAWF,8CACE,MACE,2BACA,kCAIF,0LAQE,wBACA,mCAGF,8BACE,8BACA,sCAQJ,sDACE,8LAGE,8BACA,sBAEF,6DACE,8BACA,sBAEF,uFAEE,+BACA,wBAMJ,oCACE,8LAGE,8BACA,sBAEF,6DACE,8BACA,sBAEF,uFAEE,+BACA,wBAyBJ,kIAEE,8IAIE,2CACA,wCACA,mCAIF,uEAEE,sCACA,sBAIF,uEAEE,sBAYJ,uCACE,2EASF,sCACE,wDAGF,wCACE,uCAGF,gCACE,uCAGF,2FAEE,wBASF,4DACE,kCAGF,gOAKE,6BACA,oCACA,qCACA,+BAKF,sTAME,iBAKF,2JAEE,iBAWF,uJAEE,qBACA,kBACA,iBACA,mBACA,aAGF,oSAIE,qBACA,kBACA,iBACA,mBACA,aAKF,8DACE,mDACA,gDACA,+CACA,iDACA,2CAKF,uUAKE,wBACA,qBACA,oBACA,sBACA,gBASF,yDACE,8CAGF,0WAME,8BAGF,04BAgBE,8BAWF,oDAEE,2EACA,oCAGF,2DAEE,2GAEA,oCAGF,sDACE,8CACA,oCAKF,qKAGE,4BACA,0BAKF,6RAME,8BACA,6BACA,8BAKF,2KAGE,+BACA,mCACA,sCACA,uCAGF,kWAME,yBACA,kCASF,+BACE,0CASF,6DACE,8CAGF,kQAIE,oBASF,gEACE,8CACA,iDASF,+DACE,8CAKF,6IAGE,wBASF,ykBASE,sCASF,2lBASE,0CACA,kBAeF,kCACE,uBAGF,0LAKE,yBAGF,qCAEE,4BACA,8GAMF,qCAEE,2BACA,mFAKF,qCAEE,4BACA,wDAGF,+GAGE,yBAGF,wCACE,4BAGF,4EAEE,0BAMF,+DACE,8GAMF,+DACE,mFAKF,+DACE,wDAUF,qJAGE,qCAGF,kJAGE,qCAGF,qJAGE,qCAGF,+IAGE,qCAKF,8BACE,qBACA",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
1
|
+
{"version":3,"sources":["../../src/HtmlReader/ReadiumCss/ReadiumCSS-after.css"],"sourcesContent":["/* Readium CSS \n Config module\n A file allowing implementers to customize flags for reading modes,\n user settings, etc.\n Repo: https://github.com/readium/readium-css */\n\n/* Custom medias\n Syntax: @custom-media --variable (prop: value) */\n\n/* Responsive columns\n The minimum width for which responsive columns (2 -> 1 and vice versa,\n depending on the current font-size) must be enabled */\n\n/* Mobile columns\n The minimum and maximum width for mobile devices.\n We’re forcing the landscape orientation by default,\n and must still investigate large tablets (iPad Pro, Surface Pro 3, etc.). */\n\n/* Custom selectors\n Syntax: @custom-selector :--variable selector\n The selectors you will use for flags/switches\n You can alternatively use classes or custom data-* attributes */\n\n/* User view = paged | scrolled */\n\n/* Font-family override */\n\n/* Advanced settings */\n\n/* Reading Modes */\n\n/* Filters (images) */\n\n/* Accessibility normalization */\n\n/* Accessibility font. You can add selectors, using “, ” as a separator, if you have multiple fonts */\n\n/* Direction i.e. ltr and rtl */\n\n/* Readium CSS\n Namespaces module\n Namespaces to import in all 3 dist stylesheets\n Repo: https://github.com/readium/readium-css */\n\n@namespace url('http://www.w3.org/1999/xhtml');\n\n@namespace epub url('http://www.idpf.org/2007/ops');\n\n@namespace m url('http://www.w3.org/1998/Math/MathML/');\n\n@namespace svg url('http://www.w3.org/2000/svg');\n\n/* Readium CSS\n Pagination module\n A set of styles to paginate ePublications\n Repo: https://github.com/readium/readium-css */\n\n/* Config */\n\n/* Columns are responsive by default, even if column-width is set in pixels,\n which means two-page spread will switch to single page depending on current font-size.\n If you want more control, I’m afraid you’ll have to update colWidth/colGap dynamically,\n which is how a significant amount of RS do at the moment. */\n\n/* Default for smartphone portrait (small screens) */\n\n:root {\n /* Your columns’ width floor */\n --RS__colWidth: 45em; /* The width at which we’ll switch to 2 columns by default. PS: you can’t set it in rem */\n\n /* Ideal number of columns (depending on columns’ width floor) */\n --RS__colCount: 1;\n\n /* Gap between columns (in pixels so that it won’t resize with font-size) */\n --RS__colGap: 0;\n\n /* Optimal line-length (rem will take :root font-size into account, whatever the body’s font-size) */\n --RS__maxLineLength: 40rem;\n\n /* Default page horizontal margins (in pixels so that it won’t resize with font-size) */\n --RS__pageGutter: 20px; /* See if colGap and pageGutter can be the same var */\n}\n\n/* Reset page margins for Forward compatibility */\n\n@page {\n margin: 0 !important;\n}\n\n/* :root selector has same specificity as a class i.e. 0010\n We might have to change that to html / context\n -> https://css-tricks.com/almanac/selectors/r/root/ */\n\n:root {\n /* In case you use left position to scroll, can be removed if using transform: translateX() */\n position: relative;\n\n -webkit-column-width: var(--RS__colWidth);\n -moz-column-width: var(--RS__colWidth);\n column-width: var(--RS__colWidth);\n\n /* Init pagination */\n /* TODO: document columns’ logic cos it might feel weird at first */\n -webkit-column-count: var(--RS__colCount);\n -moz-column-count: var(--RS__colCount);\n column-count: var(--RS__colCount);\n\n -webkit-column-gap: var(--RS__colGap);\n -moz-column-gap: var(--RS__colGap);\n column-gap: var(--RS__colGap);\n\n /* Default is balance and we want columns to be filled entirely (100vh) */\n -moz-column-fill: auto;\n column-fill: auto;\n width: 100%;\n height: 100vh;\n max-width: 100%;\n max-height: 100vh;\n min-width: 100%;\n min-height: 100vh;\n padding: 0 !important;\n margin: 0 !important;\n\n /* Column size will depend on this if we want to make it responsive */\n font-size: 100% !important;\n\n -webkit-text-size-adjust: 100%;\n\n /* Switch to newer box model (not inherited by authors’ styles) */\n box-sizing: border-box;\n\n /* Fix bug for older Chrome */\n -webkit-perspective: 1;\n /* Prevents options pop-up when long tap in webkit */\n -webkit-touch-callout: none;\n}\n\nbody {\n /* overflow: hidden; bugfix: contents won’t paginate in Firefox and one sample in Safari */\n width: 100%;\n\n /* Limit line-length but we have to reset when 2 columns and control the viewport.\n By using max-width + margin auto, margins will shrink when font-size increases,\n which is what would be expected in terms of typography. */\n max-width: var(--RS__maxLineLength) !important;\n padding: 0 var(--RS__pageGutter) !important;\n margin: 0 auto !important;\n\n /* We need a minimum padding on body so that descandants/ascendants in italic/script are not cut-off.\n Drawback: we have to use border-box so that it doesn’t screw the box model,\n which means it impacts colWidth and max-width */\n box-sizing: border-box;\n}\n\n/* We’ll now redefine margins and columns depending on the minimum width available\n The goal is having the simplest model possible and avoid targeting devices */\n\n/* Smartphone landscape */\n\n@media screen and (min-width: 35em) {\n :root {\n --RS__pageGutter: 30px;\n }\n}\n\n/* Tablet portrait */\n\n@media screen and (min-width: 45em) {\n :root {\n --RS__pageGutter: 40px;\n }\n}\n\n/* Desktop + tablet large */\n\n/* We get the previous settings, we just change the margins */\n\n@media screen and (min-width: 75em) {\n :root {\n --RS__pageGutter: 50px;\n }\n}\n\n/* At this point (80em or so), constraining line length must be done at the web view/iframe level, or by limiting the size of :root itself */\n\n/* Responsive columns */\n\n@media screen and (min-width: 60em),\n screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape) {\n :root {\n /* The size at which we want 2 columns to switch to 1 (depending on font-size) */\n --RS__colWidth: 20em; /* 20 * 16 = 320px but 20 * 28 = 560px so it will switch to 1 col @ 175% font-size (user-setting) on an iPad */\n /* We constrain to 2 columns so that we can never get 3 or 4, etc. */\n --RS__colCount: 2;\n --RS__maxLineLength: 39.99rem; /* If we don’t use this, colNumber user setting won’t work in Safari… */\n }\n}\n\n/* Readium CSS\n Scroll module\n A set of styles to scroll ePublications\n This module overrides pagination\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-scroll-on'] {\n /* Reset columns, auto + auto = columns can’t be created */\n -webkit-columns: auto auto !important;\n -moz-columns: auto auto !important;\n columns: auto auto !important;\n width: auto !important;\n height: auto !important;\n max-width: none !important;\n max-height: none !important;\n /* Reset html size so that the user can scroll */\n min-width: 0 !important;\n min-height: 0 !important;\n}\n\n/* Make sure line-length is limited in all configs */\n\n:root[style*='readium-scroll-on'] body {\n --RS__maxLineLength: 40rem !important;\n}\n\n/* Readium CSS\n Night mode\n A preset theme for night mode\n Repo: https://github.com/readium/readium-css */\n\n/* CONFIG */\n\n/* [style*=\"--USER__appearance\"] can be used to increase specificity but performance hit */\n\n:root[style*='readium-night-on'] {\n --RS__backgroundColor: #000000;\n --RS__textColor: #fefefe;\n\n --RS__linkColor: #63caff;\n --RS__visitedColor: #0099e5;\n\n /* This can be customized but initial will re-use default value of the browser */\n --RS__selectionBackgroundColor: #b4d8fe;\n --RS__selectionTextColor: inherit;\n}\n\n/* we don’t need to redeclare bg-color and color for :root since we will inherit and update from day/default mode */\n\n:root[style*='readium-night-on'] *:not(a) {\n color: inherit !important;\n background-color: transparent !important;\n border-color: currentColor !important;\n}\n\n:root[style*='readium-night-on'] svg text {\n fill: currentColor !important;\n stroke: none !important;\n}\n\n:root[style*='readium-night-on'] a:link,\n:root[style*='readium-night-on'] a:link * {\n color: var(--RS__linkColor) !important;\n}\n\n:root[style*='readium-night-on'] a:visited,\n:root[style*='readium-night-on'] a:visited * {\n color: var(--RS__visitedColor) !important;\n}\n\n/* For epub:type, in case the contents are served as text/html, namespaces won’t work hence why we’re using both syntax */\n\n:root[style*='readium-night-on'] img[class*='gaiji'],\n:root[style*='readium-night-on'] *[epub\\:type~='titlepage'] img:only-child,\n:root[style*='readium-night-on'] *[epub|type~='titlepage'] img:only-child {\n -webkit-filter: invert(100%);\n filter: invert(100%);\n}\n\n/* Darken all images on user’s demand */\n\n:root[style*='readium-night-on'][style*='readium-darken-on'] img {\n -webkit-filter: brightness(80%);\n filter: brightness(80%);\n}\n\n/* Invert all images on user’s demand */\n\n:root[style*='readium-night-on'][style*='readium-invert-on'] img {\n -webkit-filter: invert(100%);\n filter: invert(100%);\n}\n\n/* Darken and invert on user’s demand */\n\n:root[style*='readium-night-on'][style*='readium-darken-on'][style*='readium-invert-on']\n img {\n -webkit-filter: brightness(80%) invert(100%);\n filter: brightness(80%) invert(100%);\n}\n\n/* Readium CSS\n Sepia mode\n A preset theme for sepia mode\n Repo: https://github.com/readium/readium-css */\n\n/* CONFIG */\n\n:root[style*='readium-sepia-on'] {\n --RS__backgroundColor: #faf4e8;\n --RS__textColor: #121212;\n\n --RS__linkColor: #0000ee;\n --RS__visitedColor: #551a8b;\n\n /* This can be customized but initial will re-use default value of the browser */\n --RS__selectionBackgroundColor: #b4d8fe;\n --RS__selectionTextColor: inherit;\n\n --RS__maxLineLength: 40.01rem; /* Forcing a reflow in Blink/Webkit so that blend mode can work */\n}\n\n/* we don’t need to redeclare bg-color and color for :root since we will inherit and update from day/default mode */\n\n:root[style*='readium-sepia-on'] *:not(a) {\n color: inherit !important;\n background-color: transparent !important;\n}\n\n:root[style*='readium-sepia-on'] a:link,\n:root[style*='readium-sepia-on'] a:link * {\n color: var(--RS__linkColor);\n}\n\n:root[style*='readium-sepia-on'] a:visited,\n:root[style*='readium-sepia-on'] a:visited * {\n color: var(--RS__visitedColor);\n}\n\n:root[style*='readium-sepia-on'] svg,\n:root[style*='readium-sepia-on'] img {\n /* Make sure the proper bg-color is used for the blend mode */\n background-color: transparent !important;\n mix-blend-mode: multiply;\n}\n\n/* Readium CSS\n OS Accessibility Modes\n A stylesheet to deal with OS accessibility settings\n Repo: https://github.com/readium/readium-css */\n\n/* Windows high contrast colors are mapped to CSS system color keywords\n See http://www.gwhitworth.com/blog/2017/04/how-to-use-ms-high-contrast */\n\n@media screen and (-ms-high-contrast: active) {\n :root {\n color: windowText !important;\n background-color: window !important;\n }\n\n /* The following selectors are super funky but it makes sure everything is inherited, this is indeed critical for this mode */\n :root :not(#\\#):not(#\\#):not(#\\#),\n :root\n :not(#\\#):not(#\\#):not(#\\#)\n :not(#\\#):not(#\\#):not(#\\#)\n :root\n :not(#\\#):not(#\\#):not(#\\#)\n :not(#\\#):not(#\\#):not(#\\#)\n :not(#\\#):not(#\\#):not(#\\#) {\n color: inherit !important;\n background-color: inherit !important;\n }\n\n .readiumCSS-mo-active-default {\n color: highlightText !important;\n background-color: highlight !important;\n }\n\n /* For links, hyperlink keyword is automatically set */\n\n /* Should we also set user highlights? */\n}\n\n@media screen and (-ms-high-contrast: white-on-black) {\n :root[style*='readium-night-on'] img[class*='gaiji'],\n :root[style*='readium-night-on'] *[epub\\:type~='titlepage'] img:only-child,\n :root[style*='readium-night-on'] *[epub|type~='titlepage'] img:only-child {\n -webkit-filter: none !important;\n filter: none !important;\n }\n :root[style*='readium-night-on'][style*='readium-invert-on'] img {\n -webkit-filter: none !important;\n filter: none !important;\n }\n :root[style*='readium-night-on'][style*='readium-darken-on'][style*='readium-invert-on']\n img {\n -webkit-filter: brightness(80%);\n filter: brightness(80%);\n }\n}\n\n/* Will be true on recent versions of iOS and MacOS if inverted setting enabled by the user */\n\n@media screen and (inverted-colors) {\n :root[style*='readium-night-on'] img[class*='gaiji'],\n :root[style*='readium-night-on'] *[epub\\:type~='titlepage'] img:only-child,\n :root[style*='readium-night-on'] *[epub|type~='titlepage'] img:only-child {\n -webkit-filter: none !important;\n filter: none !important;\n }\n :root[style*='readium-night-on'][style*='readium-invert-on'] img {\n -webkit-filter: none !important;\n filter: none !important;\n }\n :root[style*='readium-night-on'][style*='readium-darken-on'][style*='readium-invert-on']\n img {\n -webkit-filter: brightness(80%);\n filter: brightness(80%);\n }\n}\n\n@media screen and (monochrome) {\n /* Grayscale (Implemented in Safari, what about eInk?) */\n /* Must deal with anything color (contrast) so must be managed at the night/sepia/theme level :( */\n}\n\n@media screen and (prefers-reduced-motion) {\n /* If reduced motion is set on MacOS, in case we have animation/transition */\n}\n\n/* Readium CSS\n Columns number pref\n A submodule managing columns number for user settings\n Part of “Chrome Advanced” class – no flag required.\n Repo: https://github.com/readium/readium-css */\n\n/* Number of columns = 1 | 2 */\n\n/* We still need to see if we allow users to force number of columns for all configs, currently it behaves as an \"auto\" setting */\n\n/* apply col setting except for mobile portrait */\n\n@media screen and (min-width: 60em),\n screen and (min-device-width: 36em) and (max-device-width: 47em) and (orientation: landscape) {\n :root[style*='--USER__colCount: 1'],\n :root[style*='--USER__colCount:1'],\n :root[style*='--USER__colCount: 2'],\n :root[style*='--USER__colCount:2'] {\n -webkit-column-count: var(--USER__colCount);\n -moz-column-count: var(--USER__colCount);\n column-count: var(--USER__colCount);\n }\n\n /* If one column, make sure we limit line-length */\n :root[style*='--USER__colCount: 1'],\n :root[style*='--USER__colCount:1'] {\n --RS__maxLineLength: 40rem !important; /* This is the only way for the user setting to work in webkit… */\n --RS__colWidth: 100vw;\n }\n\n /* If smartphone landscape, and 2 columns, col width the same as iPad landscape + desktop */\n :root[style*='--USER__colCount: 2'],\n :root[style*='--USER__colCount:2'] {\n --RS__colWidth: auto; /* User explicitely tells he/she wants 2 columns, we reset floor value */\n }\n}\n\n/* Readium CSS\n Page margins pref\n A submodule managing page margins for user settings\n Part of “Chrome Advanced” class – no flag required.\n Repo: https://github.com/readium/readium-css */\n\n/* Page Margins: the user margin is a factor of the page gutter e.g. 0.5, 0.75, 1, 1.25, 1.5, etc. */\n\n:root[style*='--USER__pageMargins'] body {\n padding: 0 calc(var(--RS__pageGutter) * var(--USER__pageMargins)) !important;\n}\n\n/* Readium CSS\n Custom colors pref\n A submodule managing custom colors for user settings\n Part of “Chrome Advanced” class – no flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='--USER__backgroundColor'] {\n background-color: var(--USER__backgroundColor) !important;\n}\n\n:root[style*='--USER__backgroundColor'] * {\n background-color: transparent !important;\n}\n\n:root[style*='--USER__textColor'] {\n color: var(--USER__textColor) !important;\n}\n\n:root[style*='--USER__textColor']\n *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(pre) {\n color: inherit !important;\n}\n\n/* Readium CSS\n Text align pref\n A submodule managing text-align for user settings\n Part of “User Overrides Advanced” class – “advanced settings” flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign'] {\n text-align: var(--USER__textAlign);\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign']\n *:not(blockquote):not(figcaption)\n p,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign'] li {\n text-align: inherit !important;\n -moz-text-align-last: auto !important;\n -epub-text-align-last: auto !important;\n text-align-last: auto !important;\n}\n\n/* In case something goes wrong at the programmatic level + rtl for body + rtl in ltr */\n\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign: left'],\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign:left'],\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: left']\n *[dir='rtl'],\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:left']\n *[dir='rtl'] {\n text-align: right;\n}\n\n/* Edge, if logical value is used, think of it as a polyfill. For LTR, it will fall back to the default, which is left */\n\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign: start'],\n:root[style*='readium-advanced-on'][dir='rtl'][style*='--USER__textAlign:start'] {\n text-align: right;\n}\n\n/* Readium CSS\n Hyphenation pref\n A submodule managing hyphens for user settings\n Part of “User Overrides Advanced” class – “advanced settings” flag required.\n Repo: https://github.com/readium/readium-css */\n\n/* Managing hyphenation automatically for text-align values */\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: justify'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:justify'] body {\n -webkit-hyphens: auto;\n -moz-hyphens: auto;\n -ms-hyphens: auto;\n -epub-hyphens: auto;\n hyphens: auto;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: left'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:left'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign: right'] body,\n:root[style*='readium-advanced-on'][style*='--USER__textAlign:right'] body {\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n -epub-hyphens: none;\n hyphens: none;\n}\n\n/* Managing the user override */\n\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] {\n -webkit-hyphens: var(--USER__bodyHyphens) !important;\n -moz-hyphens: var(--USER__bodyHyphens) !important;\n -ms-hyphens: var(--USER__bodyHyphens) !important;\n -epub-hyphens: var(--USER__bodyHyphens) !important;\n hyphens: var(--USER__bodyHyphens) !important;\n}\n\n/* Sorry, we can’t use `:matches`, `:-moz-any` or `:-webkit-any` because MS doesn’t support it yet */\n\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] body,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] p,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] li,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] div,\n:root[style*='readium-advanced-on'][style*='--USER__bodyHyphens'] dd {\n -webkit-hyphens: inherit;\n -moz-hyphens: inherit;\n -ms-hyphens: inherit;\n -epub-hyphens: inherit;\n hyphens: inherit;\n}\n\n/* Readium CSS\n Font Family pref\n A submodule managing font-family for user settings\n Part of “User Overrides” class – “font override” flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] {\n font-family: var(--USER__fontFamily) !important;\n}\n\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] body,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] p,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] li,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] div,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] dt,\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] dd {\n font-family: inherit !important;\n}\n\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] i:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] i:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] em:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n em:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] cite:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n cite:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] b:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] b:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] strong:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n strong:not([xml\\:lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily'] span:not([lang]),\n:root[style*='readium-font-on'][style*='--USER__fontFamily']\n span:not([xml\\:lang]) {\n font-family: inherit !important;\n}\n\n/* Readium CSS\n A11y font pref\n A submodule managing a11y text normalization for user settings\n Part of “User Overrides” class – “font override” flag required.\n Repo: https://github.com/readium/readium-css */\n\n/* For AccessibleDfA, we need to normalize font-weight and font-style since only the normal style is available */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'] {\n /* We won’t use the variable there since we need fallbacks for missing characters */\n font-family: AccessibleDfA, Verdana, Tahoma, 'Trebuchet MS', sans-serif !important;\n --RS__lineHeightCompensation: 1.167;\n}\n\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] {\n /* We won’t use the variable there since we need fallbacks for missing characters */\n font-family: 'IA Writer Duospace', Menlo, 'DejaVu Sans Mono',\n 'Bitstream Vera Sans Mono', Courier, monospace !important;\n --RS__lineHeightCompensation: 1.167;\n}\n\n:root[style*='readium-font-on'][style*='readium-a11y-on'] {\n font-family: var(--USER__fontFamily) !important;\n --RS__lineHeightCompensation: 1.167;\n}\n\n/* Maybe users want a setting to normalize any font offered so there is a “a11y Normalize” flag for it */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'],\n:root[style*='readium-font-on'][style*='IA Writer Duospace'],\n:root[style*='readium-font-on'][style*='readium-a11y-on'] {\n font-style: normal !important;\n font-weight: normal !important;\n}\n\n/* Targeting everything except code. Note that Open Dyslexic has a monospaced font for code */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA']\n *:not(code):not(var):not(kbd):not(samp),\n:root[style*='readium-font-on'][style*='IA Writer Duospace']\n *:not(code):not(var):not(kbd):not(samp),\n:root[style*='readium-font-on'][style*='readium-a11y-on']\n *:not(code):not(var):not(kbd):not(samp) {\n font-family: inherit !important;\n font-style: inherit !important;\n font-weight: inherit !important;\n}\n\n/* Normalizing text-decoration, subs and sups */\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'] *,\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] *,\n:root[style*='readium-font-on'][style*='readium-a11y-on'] * {\n text-decoration: none !important;\n font-variant-caps: normal !important;\n font-variant-numeric: normal !important;\n font-variant-position: normal !important;\n}\n\n:root[style*='readium-font-on'][style*='AccessibleDfA'] sup,\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] sup,\n:root[style*='readium-font-on'][style*='readium-a11y-on'] sup,\n:root[style*='readium-font-on'][style*='AccessibleDfA'] sub,\n:root[style*='readium-font-on'][style*='IA Writer Duospace'] sub,\n:root[style*='readium-font-on'][style*='readium-a11y-on'] sub {\n font-size: 1rem !important;\n vertical-align: baseline !important;\n}\n\n/* Readium CSS\n Font size pref\n A submodule managing font-size for user settings\n Part of “User Overrides” class – no flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='--USER__fontSize'] {\n font-size: var(--USER__fontSize) !important;\n}\n\n/* Readium CSS\n Line height pref\n A submodule managing line-height for user settings\n Part of “User Overrides Advanced” class – “advanced settings” flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] {\n line-height: var(--USER__lineHeight) !important;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] body,\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] p,\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] li,\n:root[style*='readium-advanced-on'][style*='--USER__lineHeight'] div {\n line-height: inherit;\n}\n\n/* Readium CSS\n Para spacing pref\n A submodule managing paragraphs’ top and bottom margins for user settings\n Part of “User Overrides Advanced” class – “advanced settings” flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__paraSpacing'] p {\n margin-top: var(--USER__paraSpacing) !important;\n margin-bottom: var(--USER__paraSpacing) !important;\n}\n\n/* Readium CSS\n Para indent pref\n A submodule managing paragraphs’ text-indent for user settings\n Part of “User Overrides Advanced” class – “advanced settings” flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__paraIndent'] p {\n text-indent: var(--USER__paraIndent) !important;\n}\n\n/* If there are inline-block elements in paragraphs, text-indent will inherit so we must reset it */\n\n:root[style*='readium-advanced-on'][style*='--USER__paraIndent'] p *,\n:root[style*='readium-advanced-on'][style*='--USER__paraIndent']\n p:first-letter {\n text-indent: 0 !important;\n}\n\n/* Readium CSS\n Word spacing pref\n A submodule managing word-spacing for user settings\n Part of “User Overrides Advanced” class – “advanced settings” flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h1,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h2,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h3,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h4,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h5,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] h6,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] p,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] li,\n:root[style*='readium-advanced-on'][style*='--USER__wordSpacing'] div {\n word-spacing: var(--USER__wordSpacing);\n}\n\n/* Readium CSS\n Letter spacing pref\n A submodule managing letter-spacing for user settings\n Part of “User Overrides Advanced” class – “advanced settings” flag required.\n Repo: https://github.com/readium/readium-css */\n\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h1,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h2,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h3,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h4,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h5,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] h6,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] p,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] li,\n:root[style*='readium-advanced-on'][style*='--USER__letterSpacing'] div {\n letter-spacing: var(--USER__letterSpacing);\n font-variant: none;\n}\n\n/* Readium CSS\n Font size normalize\n A stylesheet to normalize font-size\n Repo: https://github.com/readium/readium-css */\n\n/* STYLES */\n\n/* :root is used so that you can quickly add a class or attribute if you prefer e.g. `:root[data-rs-normalize]` */\n\n/* We create a default so that you don’t need to explicitly set one in the DOM.\n Once the “Publisher’s styles” checkbox is unchecked, the normalize is applied automatically */\n\n:root[style*='readium-advanced-on'] {\n --USER__typeScale: 1.2; /* This is the default type scale you’ll find in most publications */\n}\n\n:root[style*='readium-advanced-on'] p,\n:root[style*='readium-advanced-on'] li,\n:root[style*='readium-advanced-on'] div,\n:root[style*='readium-advanced-on'] pre,\n:root[style*='readium-advanced-on'] dd {\n font-size: 1rem !important;\n}\n\n:root[style*='readium-advanced-on'] h1 {\n /* Fallback if browser doesn’t support vars */\n font-size: 1.75rem !important;\n font-size: calc(\n ((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) *\n var(--USER__typeScale)\n ) !important;\n}\n\n:root[style*='readium-advanced-on'] h2 {\n /* Fallback if browser doesn’t support vars */\n font-size: 1.5rem !important;\n font-size: calc(\n (1rem * var(--USER__typeScale)) * var(--USER__typeScale)\n ) !important;\n}\n\n:root[style*='readium-advanced-on'] h3 {\n /* Fallback if browser doesn’t support vars */\n font-size: 1.25rem !important;\n font-size: calc(1rem * var(--USER__typeScale)) !important;\n}\n\n:root[style*='readium-advanced-on'] h4,\n:root[style*='readium-advanced-on'] h5,\n:root[style*='readium-advanced-on'] h6 {\n font-size: 1rem !important;\n}\n\n:root[style*='readium-advanced-on'] small {\n font-size: smaller !important;\n}\n\n:root[style*='readium-advanced-on'] sub,\n:root[style*='readium-advanced-on'] sup {\n font-size: 67.5% !important;\n}\n\n/* The following styles kick in if you define the typeScale variable in the DOM.\n No need to repeat declarations which don’t make use of the variable */\n\n:root[style*='readium-advanced-on'][style*='--USER__typeScale'] h1 {\n font-size: calc(\n ((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) *\n var(--USER__typeScale)\n ) !important;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__typeScale'] h2 {\n font-size: calc(\n (1rem * var(--USER__typeScale)) * var(--USER__typeScale)\n ) !important;\n}\n\n:root[style*='readium-advanced-on'][style*='--USER__typeScale'] h3 {\n font-size: calc(1rem * var(--USER__typeScale)) !important;\n}\n\n/* Readium CSS\n Default highlights\n A stylesheet for user highlights\n Repo: https://github.com/readium/readium-css */\n\n/* User Highlights */\n\n.readiumCSS-yellow-highlight,\n:root[style*='readium-sepia-on'] .readiumCSS-yellow-highlight,\n:root[style*='readium-night-on'] .readiumCSS-yellow-highlight {\n background-color: rgba(255, 255, 0, 0.5) !important;\n}\n\n.readiumCSS-green-highlight,\n:root[style*='readium-sepia-on'] .readiumCSS-green-highlight,\n:root[style*='readium-night-on'] .readiumCSS-green-highlight {\n background-color: rgba(0, 255, 0, 0.5) !important;\n}\n\n.readiumCSS-orange-highlight,\n:root[style*='readium-sepia-on'] .readiumCSS-orange-highlight,\n:root[style*='readium-night-on'] .readiumCSS-orange-highlight {\n background-color: rgba(255, 165, 0, 0.5) !important;\n}\n\n.readiumCSS-pink-highlight,\n:root[style*='readium-sepia-on'] .readiumCSS-pink-highlight,\n:root[style*='readium-night-on'] .readiumCSS-pink-highlight {\n background-color: rgba(255, 105, 180, 0.5) !important;\n}\n\n/* Media overlays */\n\n.readiumCSS-mo-active-default {\n color: black !important;\n background-color: yellow !important;\n}\n/*# sourceMappingURL=ReadiumCSS-after.css.map */\n"],"mappings":";AA4CA;AAEA;AAEA;AAEA;AAgBA;AAEE;AAGA;AAGA;AAGA;AAGA;AAAA;AAKF;AACE;AAAA;AAOF;AAEE;AAEA;AACA;AACA;AAIA;AACA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAGA;AAGA;AAEA;AAAA;AAGF;AAEE;AAKA;AACA;AACA;AAKA;AAAA;AAQF;AACE;AACE;AAAA;AAAA;AAMJ;AACE;AACE;AAAA;AAAA;AAQJ;AACE;AACE;AAAA;AAAA;AAQJ;AAEE;AAEE;AAEA;AACA;AAAA;AAAA;AAUJ;AAEE;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAKF;AACE;AAAA;AAYF;AACE;AACA;AAEA;AACA;AAGA;AACA;AAAA;AAKF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAAA;AAEE;AAAA;AAGF;AAAA;AAEE;AAAA;AAKF;AAAA;AAAA;AAGE;AACA;AAAA;AAKF;AACE;AACA;AAAA;AAKF;AACE;AACA;AAAA;AAKF;AAEE;AACA;AAAA;AAUF;AACE;AACA;AAEA;AACA;AAGA;AACA;AAEA;AAAA;AAKF;AACE;AACA;AAAA;AAGF;AAAA;AAEE;AAAA;AAGF;AAAA;AAEE;AAAA;AAGF;AAAA;AAGE;AACA;AAAA;AAWF;AACE;AACE;AACA;AAAA;AAIF;AAAA;AAQE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;AAQJ;AACE;AAAA;AAAA;AAGE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AAEE;AACA;AAAA;AAAA;AAMJ;AACE;AAAA;AAAA;AAGE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AAEE;AACA;AAAA;AAAA;AAIJ;AAAA;AAKA;AAAA;AAgBA;AAEE;AAAA;AAAA;AAAA;AAIE;AACA;AACA;AAAA;AAIF;AAAA;AAEE;AACA;AAAA;AAIF;AAAA;AAEE;AAAA;AAAA;AAYJ;AACE;AAAA;AASF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AAEE;AAAA;AASF;AACE;AAAA;AAGF;AAAA;AAAA;AAKE;AACA;AACA;AACA;AAAA;AAKF;AAAA;AAAA;AAAA;AAME;AAAA;AAKF;AAAA;AAEE;AAAA;AAWF;AAAA;AAEE;AACA;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAAA;AAAA;AAIE;AACA;AACA;AACA;AACA;AAAA;AAKF;AACE;AACA;AACA;AACA;AACA;AAAA;AAKF;AAAA;AAAA;AAAA;AAAA;AAKE;AACA;AACA;AACA;AACA;AAAA;AASF;AACE;AAAA;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AAAA;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBE;AAAA;AAWF;AAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAGF;AAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AACA;AAAA;AAKF;AAAA;AAAA;AAGE;AACA;AAAA;AAKF;AAAA;AAAA;AAME;AACA;AACA;AAAA;AAKF;AAAA;AAAA;AAGE;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AACA;AAAA;AASF;AACE;AAAA;AASF;AACE;AAAA;AAGF;AAAA;AAAA;AAAA;AAIE;AAAA;AASF;AACE;AACA;AAAA;AASF;AACE;AAAA;AAKF;AAAA;AAGE;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AACA;AAAA;AAeF;AACE;AAAA;AAGF;AAAA;AAAA;AAAA;AAAA;AAKE;AAAA;AAGF;AAEE;AACA;AAAA;AAMF;AAEE;AACA;AAAA;AAKF;AAEE;AACA;AAAA;AAGF;AAAA;AAAA;AAGE;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAEE;AAAA;AAMF;AACE;AAAA;AAMF;AACE;AAAA;AAKF;AACE;AAAA;AAUF;AAAA;AAAA;AAGE;AAAA;AAGF;AAAA;AAAA;AAGE;AAAA;AAGF;AAAA;AAAA;AAGE;AAAA;AAGF;AAAA;AAAA;AAGE;AAAA;AAKF;AACE;AACA;AAAA;","names":[]}
|