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 */