data/styles/epub3.css in asciidoctor-epub3-1.5.0.alpha.7 vs data/styles/epub3.css in asciidoctor-epub3-1.5.0.alpha.8

- old
+ new

@@ -79,11 +79,11 @@ font-weight: bold; } b.button { font-weight: normal; - text-shadow: 1px 0 0 #B3B3B1; + text-shadow: 1px 0 0 #666665; color: #191918; white-space: nowrap; } b.button .label { @@ -136,10 +136,11 @@ padding-right: 0.15em; } img { border: 0; + max-width: 100%; } mark { background-color: #FFC14F; color: #191918; @@ -566,11 +567,11 @@ margin-bottom: -1em; */ font-size: 0.9em; font-weight: 700; - text-transform: uppercase; + text-transform: uppercase; /* not supported in Adobe Digital Editions */ margin-top: 1.11em; /* 1rem */ margin-bottom: -0.972em; /* -0.875rem */ } h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { @@ -581,14 +582,16 @@ text-transform: none; } /* Kindle strips (or unwraps) <header> tags, so we use an inner div to style */ .chapter-header { - background-color: #333332; /* NOTE div must have at least 1px top padding for background to fill */ - padding: 0.75em 1.5em 0.25em 1.5em; /* would like to use 1.5vh 1.5em */ + /* would like to use vh units for top and bottom padding */ + /*padding: 0.75em 1.5em 0.25em 1.5em;*/ + padding: 0.25em 0; margin-bottom: 2.5em; + border-bottom: 1px solid #666665; /* TODO maybe what we need to get articles to start in left column -webkit-column-break-before: left; page-break-before: left; */ } @@ -597,20 +600,19 @@ font-weight: 200; font-size: 1.2em; margin-top: 3.5em; /* 4.2rem - would like to use 9vh */ margin-bottom: 0; padding-bottom: 0.8333em; /* 1.2rem */ - color: #B3B3B1; - text-transform: uppercase; + color: #666665; + text-transform: uppercase; /* not supported in Adobe Digital Editions */ word-spacing: -0.075em; letter-spacing: -0.01em; - border-bottom: 1px solid #DCDCDE; } h1.chapter-title .subtitle { font-weight: 400; - color: #FFFFFF; + color: #333332; display: block; font-size: 1.5em; margin: 0 0 0 0.75em; /* would like to use 2vw */ line-height: 1.2; /* line-height will remain 1.4 on Kindle, see hack in media query */ } @@ -623,11 +625,11 @@ h1.chapter-title b { font-weight: inherit; } .chapter-header p.byline { - color: #DCDCDE; + color: #333332; /* float left and height 0 takes this line out of the flow */ float: left; height: 0; width: 100%; text-align: right; @@ -726,11 +728,12 @@ -webkit-column-break-inside: avoid; page-break-inside: avoid; } figure.image img { - max-width: 100%; + display: block; + margin: 0 auto; } figure.coalesce { -webkit-column-break-inside: avoid; page-break-inside: avoid; @@ -792,11 +795,11 @@ aside.sidebar.titled { margin-top: 2em; } aside.sidebar > h2 { - /*text-transform: uppercase;*/ /* uppercase done manually to support Aldiko */ + text-transform: uppercase; /* not supported in Adobe Digital Editions */ font-size: 1em; /* font-weight: 700; */ font-weight: 400; @@ -895,21 +898,9 @@ blockquote footer .context { font-size: 0.9em; letter-spacing: -0.05em; color: #666665; -} - -/* Kindle requires text-align: center on surrounding div to align image to center */ -figure.image div.content { - text-align: center; -} - -/* in the event the viewer adds display: block to the image */ -figure.image img { - /* max-width not supported in Kindle, need to use a media query to add */ - /*max-width: 95%;*/ - margin: 0 auto; } pre { text-align: left; /* fix for Namo */ margin-top: 1em; /* 0.85rem */