asciidoctor-epub3 1.5.0.alpha.16 → 1.5.1

data/data/styles/color-palette.css

@@ -1,14 +1,11 @@
 .palette-grayscale {
-  color: #191918; /* black :: literal, blockquote text */
-  color: #333332; /* off-black :: body text, heading default, chapter header background */
-  color: #4F4F4C; /* deep gray :: h4 */
-  /* what about 40403E or 4C4C4B? for h4 */
-  color: #666665; /* dark gray :: h5, visited link, list bullets, abstract, caption, open quote */
-  color: #80807F; /* medium gray :: table borders */
-  color: #B3B3B1; /* gray :: chapter title, footer subtitle, sidebar border */
-  color: #DCDCDE; /* lighter gray :: footer lines, byline text, pre border, masthead bottom line */
-  /* what about DEDEDC instead of DCDCDE? */
-  color: #F2F2F2; /* off white :: pre background, sidebar background */
+  color: #000000; /* black :: body text, heading default */
+  color: #101010; /* off-black :: code, literal, blockquote text */
+  color: #202020; /* deep gray :: h4 */
+  color: #333332; /* dark gray :: h5, visited link, list bullets, abstract, caption, open quote */
+  color: #707070; /* medium gray :: table borders */
+  color: #C8C8C8; /* gray :: footer subtitle, sidebar border */
+  color: #E0E0E0; /* off white :: pre background, sidebar background */
   color: #FFFFFF; /* white :: chapter subtitle */
 }
 

data/data/styles/epub3-css3-only.css

@@ -75,23 +75,6 @@ body code, body kbd, body pre, pre :not(code) {
   th, td, figcaption, caption {
     text-rendering: optimizeLegibility;
   }*/
-  /* hack line height of subtitle using floats on Kindle */
-  h1.chapter-title .subtitle {
-    margin-top: -0.2em;
-    margin-bottom: 0.3em; /* compensate for reduced line height */
-  }
-
-  /* NOTE using b instead of span since Firefox ePubReader applies immutable styles to span */
-  h1.chapter-title .subtitle > b {
-    float: left;
-    display: inline-block;
-    margin-bottom: -0.3em; /* reduce the line height */
-    padding-right: 0.2em; /* spacing between words */
-  }
-
-  h1.chapter-title .subtitle > b:last-child {
-    padding-right: 0;
-  }
 
   h1.chapter-title .subtitle::after {
     display: table;
@@ -100,39 +83,6 @@ body code, body kbd, body pre, pre :not(code) {
   }
 }
 
-/* Use darker font colors on Kindle Paperwhite */
-@media amzn-kf8 and (device-height: 1024px) and (device-width: 758px), amzn-kf8 and (device-height: 758px) and (device-width: 1024px) {
-  body p,
-  div.abstract > p,
-  ul, ol, li, dl, dt, dd, footer,
-  div.verse .attribution, table.table th, table.table td,
-  figcaption, caption,
-  h1, h2, h3, h4, h5 {
-    color: #000000;
-  }
-
-  body a:link,
-  div.abstract > p a:link {
-    color: #000000;
-    -webkit-text-fill-color: #000000;
-  }
-
-  body a:visited {
-    color: #333332;
-    -webkit-text-fill-color: #333332;
-  }
-
-  .chapter-header {
-    color: #191918;
-    border-bottom-color: #191918;
-  }
-
-  h1.chapter-title .subtitle,
-  .chapter-header p.byline {
-    color: #000000;
-  }
-}
-
 .chapter-header p.byline {
   height: auto; /* Aldiko requires this value to be 0; reset it for all others */
 }

data/data/styles/epub3.css

@@ -17,7 +17,6 @@ html {
   /* set the em base (and relative em anchor) by setting the font-size on html */
   /* TODO set font-size > 100% except for Kindle */
   font-size: 100%;
-  -webkit-text-size-adjust: 100%;
 }
 
 /* don't set margin on body as that's how many readers frame reading area */
@@ -81,8 +80,8 @@ b, strong {
 
 b.button {
   font-weight: normal;
-  text-shadow: 1px 0 0 #666665;
-  color: #191918;
+  text-shadow: 1px 0 0 #333332;
+  color: #101010;
   white-space: nowrap;
 }
 
@@ -143,7 +142,7 @@ img {
 
 mark {
   background-color: #FFC14F;
-  color: #191918;
+  color: #101010;
 }
 
 small {
@@ -198,14 +197,36 @@ td, th {
   padding: 0;
 }
 
+/* We need to apply text-align to <p> too in order to override global text-align:justify */
+th.halign-left, td.halign-left, th.halign-left > p, td.halign-left > p {
+  text-align: left
+}
+
+th.halign-right, td.halign-right, th.halign-right > p, td.halign-right > p {
+  text-align: right
+}
+
+th.halign-center, td.halign-center, th.halign-center > p, td.halign-center > p {
+  text-align: center
+}
+
+th.valign-top, td.valign-top, th.valign-top > p, td.valign-top > p {
+  vertical-align: top
+}
+
+th.valign-bottom, td.valign-bottom, th.valign-bottom > p, td.valign-bottom > p {
+  vertical-align: bottom
+}
+
+th.valign-middle, td.valign-middle, th.valign-middle > p, td.valign-middle > p {
+  vertical-align: middle
+}
+
 body a:link {
-  color: #333332;
-  /* hack for font color in iBooks and Gitden (though Gitden would accept color !important too) */
-  -webkit-text-fill-color: #333332;
   /* Kindle requires the !important on text-decoration */
   /* In night mode, the only indicator of a link is the underline, so we need it or a background image */
   text-decoration: none !important;
-  border-bottom: 1px dashed #666665;
+  border-bottom: 1px dashed #333332;
   /* allow URLs to break anywhere if they don't fit on a line; but how do we know it's a URL? */
   /*
   word-break: break-all;
@@ -221,12 +242,6 @@ body:first-of-type a:link {
   background-position: 0 1.2em;
 }
 
-body a:visited {
-  color: #666665;
-  /* hack for font color in iBooks */
-  -webkit-text-fill-color: #666665;
-}
-
 code.literal {
   /* don't let it affect line spacing */
   /* disable since M+ 1mn won't interrupt line height */
@@ -270,7 +285,6 @@ body p,
 ul, ol, li, dl, dt, dd, footer,
 div.verse .attribution, table.table th, table.table td,
 figcaption, caption {
-  color: #333332;
   /* NOTE iBooks will forcefully override font-family of text inside div, p and span elements when font other than Original is selected */
   /* NOTE iBooks honors Original font for prose text if declared in display-options.xml */
   font-family: "Noto Serif", serif;
@@ -281,7 +295,7 @@ body p, li, dt, dd, footer {
 }
 
 code, kbd, pre {
-  color: #191918;
+  color: #101010;
   font-family: "M+ 1mn", monospace;
   -webkit-hyphens: none; /* disable hyphenation where supported (e.g., iBooks) */
 }
@@ -462,7 +476,7 @@ ul > li::before {
 
 ul > li::before {
   content: "\25AA"; /* small black square */
-  color: #666665;
+  color: #333332;
 }
 
 ul ul > li::before {
@@ -472,7 +486,7 @@ ul ul > li::before {
 
 ul ul ul > li::before {
   content: "\2022"; /* small black circle */
-  color: #666665;
+  color: #333332;
 }
 
 ul ul ul ul > li::before {
@@ -534,7 +548,6 @@ ul.references > li > span.principal {
 
 /* sized based on the major third modular scale (4:5, 16px, 24px) */
 h1, h2 {
-  color: #333332;
   font-size: 1.5em;
   word-spacing: -0.075em;
   margin-top: 1em; /* 1.5rem */
@@ -542,14 +555,13 @@ h1, h2 {
 }
 
 h3 {
-  color: #333332;
   font-size: 1.25em;
   margin-top: 0.84em; /* 1.05rem */
   margin-bottom: -0.5em; /* -0.625rem, 0.375rem to content */
 }
 
 h4 {
-  color: #4F4F4C;
+  color: #202020;
   font-weight: 200;
 
   font-size: 1.1em;
@@ -564,7 +576,7 @@ h4 {
 }
 
 h5 {
-  color: #666665;
+  color: #333332;
   /*
   font-size: 1em;
   text-transform: uppercase;
@@ -594,7 +606,7 @@ h5 code {
   /*padding: 0.75em 1.5em 0.25em 1.5em;*/
   padding: 0.25em 0;
   margin-bottom: 2.5em;
-  border-bottom: 1px solid #666665;
+  border-bottom: 1px solid #333332;
   /* TODO maybe what we need to get articles to start in left column
   -webkit-column-break-before: left;
   page-break-before: left;
@@ -607,7 +619,7 @@ h1.chapter-title {
   margin-top: 3.5em; /* 4.2rem - would like to use 9vh */
   margin-bottom: 0;
   padding-bottom: 0.8333em; /* 1.2rem */
-  color: #666665;
+  color: #333332;
   text-transform: uppercase; /* not supported in Adobe Digital Editions */
   word-spacing: -0.075em;
   letter-spacing: -0.01em;
@@ -615,7 +627,6 @@ h1.chapter-title {
 
 h1.chapter-title .subtitle {
   font-weight: 400;
-  color: #333332;
   display: block;
   font-size: 1.5em;
   margin: 0 0 0 0.75em; /* would like to use 2vw */
@@ -632,7 +643,6 @@ h1.chapter-title b {
 }
 
 .chapter-header p.byline {
-  color: #333332;
   /* float left and height 0 takes this line out of the flow */
   float: left;
   height: 0;
@@ -663,17 +673,11 @@ div.abstract {
 }
 
 div.abstract > p {
-  color: #666665;
+  color: #333332;
   font-size: 1.05em; /* or 1.1em? */
   line-height: 1.75;
 }
 
-div.abstract > p a:link {
-  color: #666665;
-  /* hack for font color in iBooks */
-  -webkit-text-fill-color: #666665;
-}
-
 div.abstract > p:first-child::first-line {
   font-weight: bold;
   -webkit-font-feature-settings: "kern" off;
@@ -748,7 +752,7 @@ figcaption,
 caption {
   font-size: 0.9em;
   font-style: italic;
-  color: #666665;
+  color: #333332;
   letter-spacing: -0.01em;
   line-height: 1.4;
   text-align: left;
@@ -780,10 +784,10 @@ figure.listing > figcaption + pre {
 }
 
 aside.sidebar {
-  border: 1px solid #B3B3B1;
+  border: 1px solid #C8C8C8;
   padding: 0 1.5em;
   font-size: 0.9em;
-  background-color: #F2F2F2;
+  background-color: #E0E0E0;
   text-align: right; /* aligns heading to right */
   /*
   -webkit-box-shadow: 0px 1px 1px rgba(102, 102, 101, 0.15);
@@ -811,7 +815,7 @@ aside.sidebar > h2 {
   letter-spacing: 0;
   display: inline-block;
   white-space: nowrap; /* for some reason it's wrapping prematurely */
-  border: 1px solid #B3B3B1;
+  border: 1px solid #C8C8C8;
   padding: 1.5em .75em .5em .75em;
   margin: -1em 0.5em -0.25em 0.5em;
   background-color: #FFFFFF;
@@ -848,7 +852,7 @@ div[class~="blockquote"] {
 }
 
 blockquote > p {
-  color: #191918;
+  color: #101010;
   font-style: italic;
 
   /*
@@ -865,7 +869,7 @@ blockquote > p {
 
 blockquote > p:first-of-type::before {
   display: inline-block;
-  color: #666665;
+  color: #333332;
   text-shadow: 0 1px 2px rgba(102, 102, 101, 0.3);
 
   /* using serif quote from entypo */
@@ -898,7 +902,7 @@ blockquote footer {
 blockquote footer .context {
   font-size: 0.9em;
   letter-spacing: -0.05em;
-  color: #666665;
+  color: #333332;
 }
 
 pre {
@@ -909,14 +913,10 @@ pre {
   overflow-wrap: break-word; /* break in middle of long word if no other break opportunities are available */
   font-size: 0.85em;
   line-height: 1.4; /* matches what Kindle uses and can't go less */
-  background-color: #F2F2F2;
+  background-color: #E0E0E0;
   padding: 0.6em 0.9em; /* this is supposed to be '0.5rem 0.75rem' but Sony Readers crash when see that (at least, PRS-350, PRS-505, PRS-T1) */
-  /*
-  border-top: 3px solid #DCDCDE;
-  */
-  /* QUESTION #B3B3B1? */
-  border-top: 1px solid #DCDCDE;
-  border-right: 1px solid #DCDCDE;
+  border-top: 1px solid #C8C8C8;
+  border-right: 1px solid #C8C8C8;
 }
 
 body:first-of-type pre {
@@ -1109,8 +1109,6 @@ table.table th,
 table.table td {
   line-height: 1.4;
   padding: 0.5em 0.5em 1em 0.1em;
-  vertical-align: top;
-  text-align: left;
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
 }
@@ -1120,7 +1118,7 @@ table.table th {
 }
 
 table.table thead th {
-  border-bottom: 1px solid #80807F;
+  border-bottom: 1px solid #707070;
 }
 
 table.table td > p,
@@ -1128,47 +1126,43 @@ table.table div.embed > * {
   margin-top: 0;
 }
 
-table.table td > p {
-  text-align: left;
-}
-
 /* REVIEW */
 table.table td > p + p,
 table.table div.embed > * + * {
   margin-top: 1em;
 }
 
-table.table-framed {
+table.table-framed-all {
   border-width: 1px;
   border-style: solid;
-  border-color: #80807F;
+  border-color: #707070;
 }
 
 table.table-framed-topbot {
   border-width: 1px 0;
   border-style: solid;
-  border-color: #80807F;
+  border-color: #707070;
 }
 
 table.table-framed-sides {
   border-width: 0 1px;
   border-style: solid;
-  border-color: #80807F;
+  border-color: #707070;
 }
 
-table.table-grid th,
-table.table-grid td {
-  border-width: 0 1px 1px 0;
+table.table-grid-all th,
+table.table-grid-all td {
+  border-width: 1px 1px 1px 1px;
   border-style: solid;
-  border-color: #80807F;
+  border-color: #707070;
 }
 
-table.table-grid thead tr > *:last-child {
+table.table-grid-all thead tr > *:last-child {
   border-right-width: 0;
 }
 
-table.table-grid tbody tr:last-child > th,
-table.table-grid tbody tr:last-child > td {
+table.table-grid-all tbody tr:last-child > th,
+table.table-grid-all tbody tr:last-child > td {
   border-bottom-width: 0;
 }
 
@@ -1176,14 +1170,14 @@ table.table-grid-rows tbody th,
 table.table-grid-rows tbody td {
   border-width: 1px 0 0 0;
   border-style: solid;
-  border-color: #80807F;
+  border-color: #707070;
 }
 
 table.table-grid-cols th,
 table.table-grid-cols td {
   border-width: 0 1px 0 0;
   border-style: solid;
-  border-color: #80807F;
+  border-color: #707070;
 }
 
 table.table-grid-cols thead th:last-child {
@@ -1214,7 +1208,7 @@ hr.pagebreak + * {
 
 img.headshot {
   float: left;
-  border: 1px solid #80807F;
+  border: 1px solid #707070;
   padding: 1px;
   margin: 0.35em 1em 0.15em 0;
   height: 5em !important;
@@ -1252,6 +1246,11 @@ nav#toc ol {
   list-style-type: none;
 }
 
+/* Calibre doesn't hide <nav hidden="hidden"> for some reason */
+nav[hidden~="hidden"] {
+  display: none;
+}
+
 .icon {
   display: none;
 }