epubinator/build/textfiles/stylestext.css

NPM package to generate epub files out of url

/* :root {*/
/*    --close-button-hover: #d94141;*/
/* }*/
body {
  --toolbar-bgcolor: #fbfbfb;
  --toolbar-border: #b5b5b5;
  --toolbar-hover: #ebebeb;
  --popup-bgcolor: #fbfbfb;
  --popup-border: #b5b5b5;
  --font-color: #4c4c4c;
  --icon-fill: #808080;
  font-family: "Open Sans", Tahoma, sans-serif;
  font-size: 16px;
  /* light colours */
}
/* */
/* body.dark {*/
/*   --toolbar-bgcolor: #2a2a2d;*/
/*   --toolbar-border: #4B4A50;*/
/*   --toolbar-hover: #737373;*/
/*   --popup-bgcolor: #4b4a50;*/
/*   --popup-border: #65646a;*/
/*   --font-color: #fff;*/
/*   --icon-fill: #fff;*/
/*   /* dark colours */*/
/* }*/
/* */
body {
  padding: 64px 51px;
}
.content {
  font-size: 4rem;
}
/* */
/* body.loaded {*/
/*   transition: color 0.4s, background-color 0.4s;*/
/* }*/
/* */
/* body.light {*/
/*   color: #333333;*/
/*   background-color: #ffffff;*/
/* }*/
/* */
/* body.dark {*/
/*   color: #eeeeee;*/
/*   background-color: #333333;*/
/* }*/
/* */
/* body.dark *::-moz-selection {*/
/*   background-color: #FFFFFF;*/
/*   color: #0095DD;*/
/* }*/
/* body.dark a::-moz-selection {*/
/*   color: #DD4800;*/
/* }*/
/* */
/* body.sepia {*/
/*   color: #5b4636;*/
/*   background-color: #f4ecd8;*/
/* }*/
/* */
/* body.sans-serif,*/
/* body.sans-serif .remove-button {*/
/*   font-family: Helvetica, Arial, sans-serif;*/
/* }*/
/* */
/* body.serif,*/
/* body.serif .remove-button  {*/
/*   font-family: Georgia, "Times New Roman", serif;*/
/* }*/
/* */
/* .container {*/
/*   --font-size: 12;*/
/*   max-width: 30em;*/
/*   margin: 0 auto;*/
/*   font-size: var(--font-size);*/
/* }*/
/* */
/* .container.content-width1 {*/
/*   max-width: 20em;*/
/* }*/
/* */
/* .container.content-width2 {*/
/*   max-width: 25em;*/
/* }*/
/* */
/* .container.content-width3 {*/
/*   max-width: 30em;*/
/* }*/
/* */
/* .container.content-width4  {*/
/*   max-width: 35em;*/
/* }*/
/* */
/* .container.content-width5 {*/
/*   max-width: 40em;*/
/* }*/
/* */
/* .container.content-width6 {*/
/*   max-width: 45em;*/
/* }*/
/* */
/* .container.content-width7 {*/
/*   max-width: 50em;*/
/* }*/
/* */
/* .container.content-width8 {*/
/*   max-width: 55em;*/
/* }*/
/* */
/* .container.content-width9 {*/
/*   max-width: 60em;*/
/* }*/
/* */
/* body.light > .container > .header > .domain {*/
/*   border-bottom-color: #333333 !important;*/
/* }*/
/* */
/* body.sepia > .container > .header > .domain {*/
/*   border-bottom-color: #5b4636 !important;*/
/* }*/
/* */
/* body.dark > .container > .header > .domain {*/
/*   border-bottom-color: #eeeeee !important;*/
/* }*/
/* */
/* body.sepia > .container > .footer {*/
/*   background-color: #dedad4 !important;*/
/* }*/
/* */
/* body.light blockquote {*/
/*   border-inline-start: 2px solid #333333 !important;*/
/* }*/
/* */
/* body.sepia blockquote {*/
/*   border-inline-start: 2px solid #5b4636 !important;*/
/* }*/
/* */
/* body.dark blockquote {*/
/*   border-inline-start: 2px solid #eeeeee !important;*/
/* }*/
/* */
/* /* Add toolbar transition base on loaded class  */*/
/* */
/* body.loaded .toolbar {*/
/*   transition: transform 0.3s ease-out;*/
/* }*/
/* */
/* body:not(.loaded) .toolbar:-moz-locale-dir(ltr) {*/
/*   transform: translateX(-100%);*/
/* }*/
/* */
/* body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {*/
/*   transform: translateX(100%);*/
/* }*/
/* */
/* .light-button {*/
/*   color: #333333;*/
/*   background-color: #ffffff;*/
/* }*/
/* */
/* .dark-button {*/
/*   color: #eeeeee;*/
/*   background-color: #333333;*/
/* }*/
/* */
/* .sepia-button {*/
/*   color: #5b4636;*/
/*   background-color: #f4ecd8;*/
/* }*/
/* */
/* .sans-serif-button {*/
/*   font-family: Helvetica, Arial, sans-serif;*/
/* }*/
/* */
/* .serif-button {*/
/*   font-family: Georgia, "Times New Roman", serif;*/
/* }*/
/* */
/* /* Loading/error message */*/
/* */
/* .reader-message {*/
/*   margin-top: 40px;*/
/*   display: none;*/
/*   text-align: center;*/
/*   width: 100%;*/
/*   font-size: 0.9em;*/
/* }*/
/* */
/* .header {*/
/*   text-align: start;*/
/*   display: none;*/
/* }*/
/* */
/* .domain {*/
/*   font-size: 0.9em;*/
/*   line-height: 1.48em;*/
/*   padding-bottom: 4px;*/
/*   font-family: Helvetica, Arial, sans-serif;*/
/*   text-decoration: none;*/
/*   border-bottom: 1px solid;*/
/*   color: #0095dd;*/
/* }*/
/* */
/* .header > h1 {*/
/*   font-size: 1.6em;*/
/*   line-height: 1.25em;*/
/*   width: 100%;*/
/*   margin: 30px 0;*/
/*   padding: 0;*/
/* }*/
/* */
/* .header > .credits {*/
/*   font-size: 0.9em;*/
/*   line-height: 1.48em;*/
/*   margin: 0 0 10px 0;*/
/*   padding: 0;*/
/*   font-style: italic;*/
/* }*/
/* */
/* .header > .meta-data {*/
/*   font-size: 0.65em;*/
/*   margin: 0 0 15px 0;*/
/* }*/
/* */
/* .toolbar {*/
/*   font-family: Helvetica, Arial, sans-serif;*/
/*   position: fixed;*/
/*   height: 100%;*/
/*   top: 0;*/
/*   left: 0;*/
/*   margin: 0;*/
/*   padding: 0;*/
/*   list-style: none;*/
/*   background-color:  var(--toolbar-bgcolor);*/
/*   -moz-user-select: none;*/
/*   border-right: 1px solid  var(--toolbar-border);*/
/*   z-index: 1;*/
/* }*/
/* */
/* .button {*/
/*   display: block;*/
/*   background-size: 24px 24px;*/
/*   background-repeat: no-repeat;*/
/*   color: #333;*/
/*   background-color: var(--toolbar-bgcolor);*/
/*   height: 40px;*/
/*   padding: 0;*/
/* }*/
/* */
/* button {*/
/*   -moz-context-properties: fill;*/
/*   color: var(--font-color);*/
/*   fill: var(--icon-fill);*/
/* }*/
/* */
/* .toolbar .button {*/
/*   width: 40px;*/
/*   background-position: center;*/
/*   margin-right: -1px;*/
/*   border-top: 0;*/
/*   border-left: 0;*/
/*   border-right: 1px solid var(--toolbar-border);*/
/*   border-bottom: 1px solid var(--toolbar-border);*/
/*   background-color:  var(--toolbar-bgcolor);*/
/* }*/
/* */
/* .button[hidden] {*/
/*   display: none;*/
/* }*/
/* */
/* .dropdown {*/
/*   text-align: center;*/
/*   list-style: none;*/
/*   margin: 0;*/
/*   padding: 0;*/
/* }*/
/* */
/* .dropdown li {*/
/*   margin: 0;*/
/*   padding: 0;*/
/* }*/
/* */
/* .dropdown-popup {*/
/*   min-width: 300px;*/
/*   text-align: start;*/
/*   position: absolute;*/
/*   left: 48px; /* offset to account for toolbar width */*/
/*   z-index: 1000;*/
/*   background-color: var(--popup-bgcolor);*/
/*   visibility: hidden;*/
/*   border-radius: 4px;*/
/*   border: 1px solid var(--popup-border);*/
/*   border-bottom-width: 0;*/
/*   box-shadow: 0 1px 3px #c1c1c1;*/
/* }*/
/* */
/* .keep-open .dropdown-popup {*/
/*   z-index: initial;*/
/* }*/
/* */
/* .dropdown-popup > hr {*/
/*   display: none;*/
/* }*/
/* */
/* .open > .dropdown-popup {*/
/*   visibility: visible;*/
/* }*/
/* */
/* .dropdown-arrow {*/
/*   position: absolute;*/
/*   top: 30px; /* offset arrow from top of popup */*/
/*   left: -16px;*/
/*   width: 16px;*/
/*   height: 24px;*/
/*   background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg");*/
/*   display: block;*/
/*   -moz-context-properties:  fill, stroke;*/
/*   fill: var(--popup-bgcolor);*/
/*   stroke: var(--popup-border);*/
/* }*/
/* */
/* */
/* .font-type-buttons,*/
/* .font-size-buttons,*/
/* .color-scheme-buttons,*/
/* .content-width-buttons,*/
/* .line-height-buttons {*/
/*   display: flex;*/
/*   flex-direction: row;*/
/* }*/
/* */
/* .font-type-buttons > button:first-child {*/
/*   border-top-left-radius: 3px;*/
/* }*/
/* .font-type-buttons > button:last-child {*/
/*   border-top-right-radius: 3px;*/
/* }*/
/* .color-scheme-buttons > button:first-child {*/
/*   border-bottom-left-radius: 3px;*/
/* }*/
/* .color-scheme-buttons > button:last-child {*/
/*   border-bottom-right-radius: 3px;*/
/* }*/
/* */
/* .font-type-buttons > button,*/
/* .font-size-buttons > button,*/
/* .color-scheme-buttons > button,*/
/* .content-width-buttons > button,*/
/* .line-height-buttons > button {*/
/*   text-align: center;*/
/*   border: 0;*/
/* }*/
/* */
/* .font-type-buttons > button,*/
/* .font-size-buttons > button,*/
/* .content-width-buttons > button,*/
/* .line-height-buttons > button {*/
/*   width: 50%;*/
/*   background-color: transparent;*/
/*   border-left: 1px solid var(--popup-border);*/
/*   border-bottom: 1px solid var(--popup-border);*/
/* }*/
/* */
/* .color-scheme-buttons > button {*/
/*   width: 33.33%;*/
/*   font-size: 14px;*/
/* }*/
/* */
/* .color-scheme-buttons > .dark-button {*/
/*   margin-top: -1px;*/
/*   height: 61px;*/
/* }*/
/* */
/* .font-type-buttons > button:first-child,*/
/* .font-size-buttons > button:first-child,*/
/* .content-width-buttons > button:first-child,*/
/* .line-height-buttons > button:first-child {*/
/*   border-left: 0;*/
/* }*/
/* */
/* .font-type-buttons > button {*/
/*   display: inline-block;*/
/*   font-size: 62px;*/
/*   height: 100px;*/
/* }*/
/* */
/* .font-size-buttons > button,*/
/* .color-scheme-buttons > button,*/
/* .content-width-buttons > button,*/
/* .line-height-buttons > button {*/
/*   height: 60px;*/
/* }*/
/* */
/* .font-type-buttons > button:active:hover,*/
/* .font-type-buttons > button.selected,*/
/* .color-scheme-buttons > button:active:hover,*/
/* .color-scheme-buttons > button.selected {*/
/*   box-shadow: inset 0 -3px 0 0 #fc6420;*/
/* }*/
/* */
/* .font-type-buttons > button:active:hover,*/
/* .font-type-buttons > button.selected {*/
/*   border-bottom: 1px solid #FC6420;*/
/* }*/
/* */
/* .font-type-buttons > button > .description {*/
/*   font-size: 12px;*/
/*   margin-top: -5px;*/
/* }*/
/* */
/* .font-type-buttons > .sans-serif-button > .name {*/
/*   margin-top: 10px;*/
/* }*/
/* */
/* .font-type-buttons > .sans-serif-button > .description {*/
/*   margin-top: -4px;*/
/* }*/
/* */
/* .font-type-buttons > .serif-button > .name {*/
/*   font-size: 63px;*/
/* }*/
/* */
/* .button:hover,*/
/* .font-size-buttons > button:hover,*/
/* .font-type-buttons > button:hover,*/
/* .content-width-buttons > button:hover,*/
/* .line-height-buttons > button:hover {*/
/*   background-color: var(--toolbar-hover);*/
/* }*/
/* */
/* .dropdown.open,*/
/* .button:active,*/
/* .font-size-buttons > button:active,*/
/* .font-size-buttons > button.selected,*/
/* .content-width-buttons > button:active,*/
/* .content-width-buttons > button.selected,*/
/* .line-height-buttons > button:active,*/
/* .line-height-buttons > button.selected {*/
/*   background-color: #dadada;*/
/* }*/
/* */
/* /* Only used on Android */*/
/* .font-size-sample {*/
/*   display: none;*/
/* }*/
/* */
/* .minus-button,*/
/* .plus-button,*/
/* .content-width-minus-button,*/
/* .content-width-plus-button,*/
/* .line-height-minus-button,*/
/* .line-height-plus-button {*/
/*   background-color: transparent;*/
/*   border: 0;*/
/*   background-size: 18px 18px;*/
/*   background-repeat: no-repeat;*/
/*   background-position: center;*/
/* }*/
/* */
/* .close-button {*/
/*   background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg");*/
/*   height: 68px;*/
/*   background-position: center 8px;*/
/* }*/
/* */
/* .close-button:hover {*/
/*   fill: #fff;*/
/*   background-color: var(--close-button-hover);*/
/*   border-bottom: 1px solid var(--close-button-hover);*/
/*   border-right: 1px solid var(--close-button-hover);*/
/* }*/
/* */
/* .close-button:hover:active {*/
/*   background-color: #AE2325;*/
/*   border-bottom: 1px solid #AE2325;*/
/*   border-right: 1px solid #AE2325;*/
/* }*/
/* */
/* .style-button {*/
/*   background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg");*/
/* }*/
/* */
/* .minus-button {*/
/*   background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg");*/
/* }*/
/* */
/* .plus-button {*/
/*   background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");*/
/* }*/
/* */
/* .content-width-minus-button {*/
/*   background-size: 42px 16px;*/
/*   background-image: url("chrome://global/skin/reader/RM-Content-Width-Minus-42x16.svg");*/
/* }*/
/* */
/* .content-width-plus-button {*/
/*   background-size: 44px 16px;*/
/*   background-image: url("chrome://global/skin/reader/RM-Content-Width-Plus-44x16.svg");*/
/* }*/
/* */
/* .line-height-minus-button {*/
/*   background-size: 34px 14px;*/
/*   background-image: url("chrome://global/skin/reader/RM-Line-Height-Minus-38x14.svg");*/
/* }*/
/* */
/* .line-height-plus-button {*/
/*   background-size: 34px 24px;*/
/*   background-image: url("chrome://global/skin/reader/RM-Line-Height-Plus-38x24.svg");*/
/* }*/
/* */
/* @media print {*/
/*   .toolbar {*/
/*     display: none !important;*/
/*   }*/
/* }*/
/* */
/*  {*/
/*   display: none;*/
/*   font-size: 1em;*/
/*   line-height: 1.6em;*/
/* }*/
/* */
/* .line-height1 {*/
/*   line-height: 1em;*/
/* }*/
/* */
/* .line-height2 {*/
/*   line-height: 1.2em;*/
/* }*/
/* */
/* .line-height3 {*/
/*   line-height: 1.4em;*/
/* }*/
/* */
/* .line-height4 {*/
/*   line-height: 1.6em;*/
/* }*/
/* */
/* .line-height5 {*/
/*   line-height: 1.8em;*/
/* }*/
/* */
/* .line-height6 {*/
/*   line-height: 2.0em;*/
/* }*/
/* */
/* .line-height7 {*/
/*   line-height: 2.2em;*/
/* }*/
/* */
/* .line-height8 {*/
/*   line-height: 2.4em;*/
/* }*/
/* */
/* .line-height9 {*/
/*   line-height: 2.6em;*/
/* }*/
/* */

div {
  font-family: "Open Sans", Tahoma, sans-serif;
}

p, li, td {
  font-family: "Open Sans", Tahoma, sans-serif;
  font-size: 0.8rem;
}

p,
code,
pre,
blockquote,
ul,
ol,
li,
figure {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

h1,
h2,
h3 {
  font-weight: bold;
  font-family: "serif";
}

h1 {
  font-size: 1.6em;
  line-height: 1.25em;
}

h2 {
  font-size: 1.2em;
  line-height: 1.51em;
}

h3 {
  font-size: 1em;
  line-height: 1.66em;
}

a:link {
  text-decoration: underline;
  font-weight: normal;
}

 a:link,
 a:link:hover,
 a:link:active {
  color: #0095dd;
}

a:visited {
  color: #c2e;
}

 * {
  max-width: 100%;
  height: auto;
}

 p,
 code,
 pre,
 blockquote,
 ul,
 ol,
 li,
 figure,
 .wp-caption {
  margin-bottom: 1rem;
  padding: 0.5rem;
  border-radius: 5px;
}

 li {
  margin-bottom: 0;
}

/*  li > ul, */
/*  li > ol { */
/*   margin-bottom: -10px; */
/* } */

 p > img:only-child,
 p > a:only-child > img:only-child,
 .wp-caption img,
 figure img {
  display: block;
}

 img[moz-reader-center] {
  margin-left: auto;
  margin-right: auto;
}

 .caption,
 .wp-caption-text
 figcaption {
  font-size: 0.9em;
  line-height: 1.48em;
  font-style: italic;
}

 code,
 pre {
  white-space: pre-wrap;
}

 blockquote {
  padding: 0;
  padding-inline-start: 16px;
}

 ul,
 ol {
  padding: 0;
}

 ul {
  padding-inline-start: 30px;
  list-style: disc;
}

 ol {
  padding-inline-start: 30px;
  list-style: decimal;
}

table,
th,
td {
  border: 1px solid currentColor;
  border-collapse: collapse;
  padding: 6px;
  vertical-align: top;
}

table {
  margin: 1rem 0.5rem;
}

 .visually-hidden,
 .visuallyhidden,
 .sr-only {
  display: inline-block;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  border-width: 0;
}

 .hidden,
 .invisible {
  display: none;
}

 img.wp-smiley,
 img.emoji {
  display: inline-block;
  border-width: 0;
  /* height: auto is implied from ` *
        ` rule. */
  width: 1em;
  margin: 0 .07em;
  padding: 0;
}

.reader-show-element {
  display: initial;
}

footer {
  width: 100vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.5rem;
  margin-top: 1rem;
}