asciidoctor-epub3 1.5.0.alpha.13 → 1.5.0.alpha.18
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.adoc +63 -0
- data/Gemfile +6 -7
- data/LICENSE +21 -0
- data/NOTICE.adoc +3 -3
- data/README.adoc +80 -162
- data/asciidoctor-epub3.gemspec +10 -4
- data/data/fonts/awesome/LICENSE.txt +34 -0
- data/data/fonts/awesome/fa-solid-900.ttf +0 -0
- data/data/fonts/awesome/icons.yml +20935 -0
- data/data/fonts/awesome/shims.yml +298 -0
- data/data/styles/color-palette.css +7 -10
- data/data/styles/epub3-css3-only.css +1 -56
- data/data/styles/epub3-fonts.css +1 -1
- data/data/styles/epub3.css +93 -74
- data/lib/asciidoctor-epub3.rb +0 -1
- data/lib/asciidoctor-epub3/converter.rb +1163 -271
- data/lib/asciidoctor-epub3/ext/asciidoctor.rb +1 -0
- data/lib/asciidoctor-epub3/ext/asciidoctor/document.rb +19 -0
- data/lib/asciidoctor-epub3/font_icon_map.rb +22 -371
- data/lib/asciidoctor-epub3/version.rb +1 -1
- metadata +104 -13
- data/.yardopts +0 -12
- data/LICENSE.adoc +0 -25
- data/data/fonts/fontawesome-icons.ttf +0 -0
- data/lib/asciidoctor-epub3/packager.rb +0 -722
- data/lib/asciidoctor-epub3/spine_item_processor.rb +0 -92
@@ -0,0 +1,298 @@
|
|
1
|
+
area-chart:
|
2
|
+
name: chart-area
|
3
|
+
arrow-circle-o-down:
|
4
|
+
name: arrow-alt-circle-down
|
5
|
+
prefix: far
|
6
|
+
arrow-circle-o-left:
|
7
|
+
name: arrow-alt-circle-left
|
8
|
+
prefix: far
|
9
|
+
arrow-circle-o-right:
|
10
|
+
name: arrow-alt-circle-right
|
11
|
+
prefix: far
|
12
|
+
arrow-circle-o-up:
|
13
|
+
name: arrow-alt-circle-up
|
14
|
+
prefix: far
|
15
|
+
arrows:
|
16
|
+
name: arrows-alt
|
17
|
+
arrows-alt:
|
18
|
+
name: expand-arrows-alt
|
19
|
+
arrows-h:
|
20
|
+
name: arrows-alt-h
|
21
|
+
arrows-v:
|
22
|
+
name: arrows-alt-v
|
23
|
+
bar-chart:
|
24
|
+
name: chart-bar
|
25
|
+
prefix: far
|
26
|
+
bitbucket-square:
|
27
|
+
name: bitbucket
|
28
|
+
prefix: fab
|
29
|
+
calendar:
|
30
|
+
name: calendar-alt
|
31
|
+
calendar-o:
|
32
|
+
name: calendar
|
33
|
+
prefix: far
|
34
|
+
caret-square-o-down:
|
35
|
+
name: caret-square-down
|
36
|
+
prefix: far
|
37
|
+
caret-square-o-left:
|
38
|
+
name: caret-square-left
|
39
|
+
prefix: far
|
40
|
+
caret-square-o-right:
|
41
|
+
name: caret-square-right
|
42
|
+
prefix: far
|
43
|
+
caret-square-o-up:
|
44
|
+
name: caret-square-up
|
45
|
+
prefix: far
|
46
|
+
cc:
|
47
|
+
name: closed-captioning
|
48
|
+
prefix: far
|
49
|
+
chain-broken:
|
50
|
+
name: unlink
|
51
|
+
circle-o-notch:
|
52
|
+
name: circle-notch
|
53
|
+
circle-thin:
|
54
|
+
name: circle
|
55
|
+
prefix: far
|
56
|
+
clipboard:
|
57
|
+
prefix: far
|
58
|
+
clone:
|
59
|
+
prefix: far
|
60
|
+
cloud-download:
|
61
|
+
name: cloud-download-alt
|
62
|
+
cloud-upload:
|
63
|
+
name: cloud-upload-alt
|
64
|
+
code-fork:
|
65
|
+
name: code-branch
|
66
|
+
comment-alt:
|
67
|
+
name: comment-dots
|
68
|
+
prefix: far
|
69
|
+
commenting:
|
70
|
+
name: comment-dots
|
71
|
+
compass:
|
72
|
+
prefix: far
|
73
|
+
compress:
|
74
|
+
name: compress-alt
|
75
|
+
copyright:
|
76
|
+
prefix: far
|
77
|
+
creative-commons:
|
78
|
+
prefix: fab
|
79
|
+
credit-card:
|
80
|
+
prefix: far
|
81
|
+
credit-card-alt:
|
82
|
+
name: credit-card
|
83
|
+
cutlery:
|
84
|
+
name: utensils
|
85
|
+
diamond:
|
86
|
+
name: gem
|
87
|
+
prefix: far
|
88
|
+
eercast:
|
89
|
+
name: sellcast
|
90
|
+
prefix: fab
|
91
|
+
eur:
|
92
|
+
name: euro-sign
|
93
|
+
exchange:
|
94
|
+
name: exchange-alt
|
95
|
+
expand:
|
96
|
+
name: expand-alt
|
97
|
+
external-link:
|
98
|
+
name: external-link-alt
|
99
|
+
external-link-square:
|
100
|
+
name: external-link-square-alt
|
101
|
+
eye:
|
102
|
+
prefix: far
|
103
|
+
eye-dropper:
|
104
|
+
name: eye-dropper
|
105
|
+
prefix: far
|
106
|
+
eye-slash:
|
107
|
+
prefix: far
|
108
|
+
eyedropper:
|
109
|
+
name: eye-dropper
|
110
|
+
facebook:
|
111
|
+
name: facebook-f
|
112
|
+
prefix: fab
|
113
|
+
facebook-official:
|
114
|
+
name: facebook
|
115
|
+
prefix: fab
|
116
|
+
file-text:
|
117
|
+
name: file-alt
|
118
|
+
files-o:
|
119
|
+
name: copy
|
120
|
+
prefix: far
|
121
|
+
floppy-o:
|
122
|
+
name: save
|
123
|
+
prefix: far
|
124
|
+
gbp:
|
125
|
+
name: pound-sign
|
126
|
+
glass:
|
127
|
+
name: glass-martini
|
128
|
+
google-plus:
|
129
|
+
name: google-plus-g
|
130
|
+
prefix: fab
|
131
|
+
google-plus-circle:
|
132
|
+
name: google-plus
|
133
|
+
prefix: fab
|
134
|
+
google-plus-official:
|
135
|
+
name: google-plus
|
136
|
+
prefix: fab
|
137
|
+
hand-o-down:
|
138
|
+
name: hand-point-down
|
139
|
+
prefix: far
|
140
|
+
hand-o-left:
|
141
|
+
name: hand-point-left
|
142
|
+
prefix: far
|
143
|
+
hand-o-right:
|
144
|
+
name: hand-point-right
|
145
|
+
prefix: far
|
146
|
+
hand-o-up:
|
147
|
+
name: hand-point-up
|
148
|
+
prefix: far
|
149
|
+
header:
|
150
|
+
name: heading
|
151
|
+
id-badge:
|
152
|
+
prefix: far
|
153
|
+
ils:
|
154
|
+
name: shekel-sign
|
155
|
+
inr:
|
156
|
+
name: rupee-sign
|
157
|
+
intersex:
|
158
|
+
name: transgender
|
159
|
+
jpy:
|
160
|
+
name: yen-sign
|
161
|
+
krw:
|
162
|
+
name: won-sign
|
163
|
+
level-down:
|
164
|
+
name: level-down-alt
|
165
|
+
level-up:
|
166
|
+
name: level-up-alt
|
167
|
+
life-ring:
|
168
|
+
prefix: far
|
169
|
+
line-chart:
|
170
|
+
name: chart-line
|
171
|
+
linkedin:
|
172
|
+
name: linkedin-in
|
173
|
+
prefix: fab
|
174
|
+
linkedin-square:
|
175
|
+
name: linkedin
|
176
|
+
prefix: fab
|
177
|
+
list-alt:
|
178
|
+
prefix: far
|
179
|
+
long-arrow-down:
|
180
|
+
name: long-arrow-alt-down
|
181
|
+
long-arrow-left:
|
182
|
+
name: long-arrow-alt-left
|
183
|
+
long-arrow-right:
|
184
|
+
name: long-arrow-alt-right
|
185
|
+
long-arrow-up:
|
186
|
+
name: long-arrow-alt-up
|
187
|
+
map-marker:
|
188
|
+
name: map-marker-alt
|
189
|
+
meanpath:
|
190
|
+
name: font-awesome
|
191
|
+
prefix: fab
|
192
|
+
mobile:
|
193
|
+
name: mobile-alt
|
194
|
+
money:
|
195
|
+
name: money-bill-alt
|
196
|
+
prefix: far
|
197
|
+
object-group:
|
198
|
+
prefix: far
|
199
|
+
object-ungroup:
|
200
|
+
prefix: far
|
201
|
+
paste:
|
202
|
+
prefix: far
|
203
|
+
pencil:
|
204
|
+
name: pencil-alt
|
205
|
+
pencil-square:
|
206
|
+
name: pen-square
|
207
|
+
pencil-square-o:
|
208
|
+
name: edit
|
209
|
+
prefix: far
|
210
|
+
picture:
|
211
|
+
name: image
|
212
|
+
pie-chart:
|
213
|
+
name: chart-pie
|
214
|
+
refresh:
|
215
|
+
name: sync
|
216
|
+
registered:
|
217
|
+
prefix: far
|
218
|
+
repeat:
|
219
|
+
name: redo
|
220
|
+
rub:
|
221
|
+
name: ruble-sign
|
222
|
+
scissors:
|
223
|
+
name: cut
|
224
|
+
shield:
|
225
|
+
name: shield-alt
|
226
|
+
sign-in:
|
227
|
+
name: sign-in-alt
|
228
|
+
sign-out:
|
229
|
+
name: sign-out-alt
|
230
|
+
sliders:
|
231
|
+
name: sliders-h
|
232
|
+
sort-alpha-asc:
|
233
|
+
name: sort-alpha-down
|
234
|
+
sort-alpha-desc:
|
235
|
+
name: sort-alpha-down-alt
|
236
|
+
sort-amount-asc:
|
237
|
+
name: sort-amount-down
|
238
|
+
sort-amount-desc:
|
239
|
+
name: sort-amount-down-alt
|
240
|
+
sort-asc:
|
241
|
+
name: sort-up
|
242
|
+
sort-desc:
|
243
|
+
name: sort-down
|
244
|
+
sort-numeric-asc:
|
245
|
+
name: sort-numeric-down
|
246
|
+
sort-numeric-desc:
|
247
|
+
name: sort-numeric-down-alt
|
248
|
+
spoon:
|
249
|
+
name: utensil-spoon
|
250
|
+
star-half-empty:
|
251
|
+
name: star-half
|
252
|
+
star-half-full:
|
253
|
+
name: star-half
|
254
|
+
support:
|
255
|
+
name: life-ring
|
256
|
+
prefix: far
|
257
|
+
tablet:
|
258
|
+
name: tablet-alt
|
259
|
+
tachometer:
|
260
|
+
name: tachometer-alt
|
261
|
+
television:
|
262
|
+
name: tv
|
263
|
+
thumb-tack:
|
264
|
+
name: thumbtack
|
265
|
+
thumbs-o-down:
|
266
|
+
name: thumbs-down
|
267
|
+
prefix: far
|
268
|
+
thumbs-o-up:
|
269
|
+
name: thumbs-up
|
270
|
+
prefix: far
|
271
|
+
ticket:
|
272
|
+
name: ticket-alt
|
273
|
+
trash:
|
274
|
+
name: trash-alt
|
275
|
+
trash-o:
|
276
|
+
name: trash-alt
|
277
|
+
prefix: far
|
278
|
+
try:
|
279
|
+
name: lira-sign
|
280
|
+
usd:
|
281
|
+
name: dollar-sign
|
282
|
+
video-camera:
|
283
|
+
name: video
|
284
|
+
vimeo:
|
285
|
+
name: vimeo-v
|
286
|
+
prefix: fab
|
287
|
+
volume-control-phone:
|
288
|
+
name: phone-volume
|
289
|
+
wheelchair-alt:
|
290
|
+
name: accessible-icon
|
291
|
+
prefix: fab
|
292
|
+
window-maximize:
|
293
|
+
prefix: far
|
294
|
+
window-restore:
|
295
|
+
prefix: far
|
296
|
+
youtube-play:
|
297
|
+
name: youtube
|
298
|
+
prefix: fab
|
@@ -1,14 +1,11 @@
|
|
1
1
|
.palette-grayscale {
|
2
|
-
color: #
|
3
|
-
color: #
|
4
|
-
color: #
|
5
|
-
/*
|
6
|
-
color: #
|
7
|
-
color: #
|
8
|
-
color: #
|
9
|
-
color: #DCDCDE; /* lighter gray :: footer lines, byline text, pre border, masthead bottom line */
|
10
|
-
/* what about DEDEDC instead of DCDCDE? */
|
11
|
-
color: #F2F2F2; /* off white :: pre background, sidebar background */
|
2
|
+
color: #000000; /* black :: body text, heading default */
|
3
|
+
color: #101010; /* off-black :: code, literal, blockquote text */
|
4
|
+
color: #202020; /* deep gray :: h4 */
|
5
|
+
color: #333332; /* dark gray :: h5, visited link, list bullets, abstract, caption, open quote */
|
6
|
+
color: #707070; /* medium gray :: table borders */
|
7
|
+
color: #C8C8C8; /* gray :: footer subtitle, sidebar border */
|
8
|
+
color: #E0E0E0; /* off white :: pre background, sidebar background */
|
12
9
|
color: #FFFFFF; /* white :: chapter subtitle */
|
13
10
|
}
|
14
11
|
|
@@ -28,8 +28,7 @@ body.gitden-reader {
|
|
28
28
|
}*/
|
29
29
|
|
30
30
|
/* Use tighter margins and smaller font (18px) on phones (Nexus 4 and smaller) */
|
31
|
-
@media only screen and (max-device-width: 768px) and (max-device-height: 1280px),
|
32
|
-
only screen and (max-device-width: 1280px) and (max-device-height: 768px) {
|
31
|
+
@media only screen and (max-device-width: 768px) and (max-device-height: 1280px), only screen and (max-device-width: 1280px) and (max-device-height: 768px) {
|
33
32
|
body.gitden-reader,
|
34
33
|
body.namo-epub-library {
|
35
34
|
font-size: 112.5%;
|
@@ -38,7 +37,6 @@ only screen and (max-device-width: 1280px) and (max-device-height: 768px) {
|
|
38
37
|
/*body.gitden-reader {
|
39
38
|
margin: 0 5pt !important;
|
40
39
|
}*/
|
41
|
-
|
42
40
|
/*body.namo-epub-library > section.chapter {
|
43
41
|
margin: 0 5pt;
|
44
42
|
}*/
|
@@ -69,7 +67,6 @@ body code, body kbd, body pre, pre :not(code) {
|
|
69
67
|
/*body {
|
70
68
|
margin: 0 !important;
|
71
69
|
}*/
|
72
|
-
|
73
70
|
/* text-rendering is the only way to enable kerning in Kindle (and Calibre, though it seems to kern automatically) */
|
74
71
|
/* personally, I think Kindle overdoes kerning, but we're running with it for now */
|
75
72
|
/* text-rendering: optimizeLegibility kills certain Kindle eInk devices */
|
@@ -79,24 +76,6 @@ body code, body kbd, body pre, pre :not(code) {
|
|
79
76
|
text-rendering: optimizeLegibility;
|
80
77
|
}*/
|
81
78
|
|
82
|
-
/* hack line height of subtitle using floats on Kindle */
|
83
|
-
h1.chapter-title .subtitle {
|
84
|
-
margin-top: -0.2em;
|
85
|
-
margin-bottom: 0.3em; /* compensate for reduced line height */
|
86
|
-
}
|
87
|
-
|
88
|
-
/* NOTE using b instead of span since Firefox ePubReader applies immutable styles to span */
|
89
|
-
h1.chapter-title .subtitle > b {
|
90
|
-
float: left;
|
91
|
-
display: inline-block;
|
92
|
-
margin-bottom: -0.3em; /* reduce the line height */
|
93
|
-
padding-right: 0.2em; /* spacing between words */
|
94
|
-
}
|
95
|
-
|
96
|
-
h1.chapter-title .subtitle > b:last-child {
|
97
|
-
padding-right: 0;
|
98
|
-
}
|
99
|
-
|
100
79
|
h1.chapter-title .subtitle::after {
|
101
80
|
display: table;
|
102
81
|
content: ' ';
|
@@ -104,40 +83,6 @@ body code, body kbd, body pre, pre :not(code) {
|
|
104
83
|
}
|
105
84
|
}
|
106
85
|
|
107
|
-
/* Use darker font colors on Kindle Paperwhite */
|
108
|
-
@media amzn-kf8 and (device-height: 1024px) and (device-width: 758px),
|
109
|
-
amzn-kf8 and (device-height: 758px) and (device-width: 1024px) {
|
110
|
-
body p,
|
111
|
-
div.abstract > p,
|
112
|
-
ul, ol, li, dl, dt, dd, footer,
|
113
|
-
div.verse .attribution, table.table th, table.table td,
|
114
|
-
figcaption, caption,
|
115
|
-
h1, h2, h3, h4, h5 {
|
116
|
-
color: #000000;
|
117
|
-
}
|
118
|
-
|
119
|
-
body a:link,
|
120
|
-
div.abstract > p a:link {
|
121
|
-
color: #000000;
|
122
|
-
-webkit-text-fill-color: #000000;
|
123
|
-
}
|
124
|
-
|
125
|
-
body a:visited {
|
126
|
-
color: #333332;
|
127
|
-
-webkit-text-fill-color: #333332;
|
128
|
-
}
|
129
|
-
|
130
|
-
.chapter-header {
|
131
|
-
color: #191918;
|
132
|
-
border-bottom-color: #191918;
|
133
|
-
}
|
134
|
-
|
135
|
-
h1.chapter-title .subtitle,
|
136
|
-
.chapter-header p.byline {
|
137
|
-
color: #000000;
|
138
|
-
}
|
139
|
-
}
|
140
|
-
|
141
86
|
.chapter-header p.byline {
|
142
87
|
height: auto; /* Aldiko requires this value to be 0; reset it for all others */
|
143
88
|
}
|
data/data/styles/epub3-fonts.css
CHANGED
data/data/styles/epub3.css
CHANGED
@@ -81,8 +81,8 @@ b, strong {
|
|
81
81
|
|
82
82
|
b.button {
|
83
83
|
font-weight: normal;
|
84
|
-
text-shadow: 1px 0 0 #
|
85
|
-
color: #
|
84
|
+
text-shadow: 1px 0 0 #333332;
|
85
|
+
color: #101010;
|
86
86
|
white-space: nowrap;
|
87
87
|
}
|
88
88
|
|
@@ -143,7 +143,7 @@ img {
|
|
143
143
|
|
144
144
|
mark {
|
145
145
|
background-color: #FFC14F;
|
146
|
-
color: #
|
146
|
+
color: #101010;
|
147
147
|
}
|
148
148
|
|
149
149
|
small {
|
@@ -198,14 +198,36 @@ td, th {
|
|
198
198
|
padding: 0;
|
199
199
|
}
|
200
200
|
|
201
|
+
/* We need to apply text-align to <p> too in order to override global text-align:justify */
|
202
|
+
th.halign-left, td.halign-left, th.halign-left > p, td.halign-left > p {
|
203
|
+
text-align: left
|
204
|
+
}
|
205
|
+
|
206
|
+
th.halign-right, td.halign-right, th.halign-right > p, td.halign-right > p {
|
207
|
+
text-align: right
|
208
|
+
}
|
209
|
+
|
210
|
+
th.halign-center, td.halign-center, th.halign-center > p, td.halign-center > p {
|
211
|
+
text-align: center
|
212
|
+
}
|
213
|
+
|
214
|
+
th.valign-top, td.valign-top, th.valign-top > p, td.valign-top > p {
|
215
|
+
vertical-align: top
|
216
|
+
}
|
217
|
+
|
218
|
+
th.valign-bottom, td.valign-bottom, th.valign-bottom > p, td.valign-bottom > p {
|
219
|
+
vertical-align: bottom
|
220
|
+
}
|
221
|
+
|
222
|
+
th.valign-middle, td.valign-middle, th.valign-middle > p, td.valign-middle > p {
|
223
|
+
vertical-align: middle
|
224
|
+
}
|
225
|
+
|
201
226
|
body a:link {
|
202
|
-
color: #333332;
|
203
|
-
/* hack for font color in iBooks and Gitden (though Gitden would accept color !important too) */
|
204
|
-
-webkit-text-fill-color: #333332;
|
205
227
|
/* Kindle requires the !important on text-decoration */
|
206
228
|
/* In night mode, the only indicator of a link is the underline, so we need it or a background image */
|
207
229
|
text-decoration: none !important;
|
208
|
-
border-bottom: 1px dashed #
|
230
|
+
border-bottom: 1px dashed #333332;
|
209
231
|
/* allow URLs to break anywhere if they don't fit on a line; but how do we know it's a URL? */
|
210
232
|
/*
|
211
233
|
word-break: break-all;
|
@@ -215,16 +237,16 @@ body a:link {
|
|
215
237
|
body:first-of-type a:link {
|
216
238
|
border-bottom: none;
|
217
239
|
background-repeat: no-repeat;
|
218
|
-
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #666665 5%, #666665 95%, rgba(255,255,255,0) 100%);
|
219
|
-
background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, #666665 5%, #666665 95%, rgba(255,255,255,0) 100%);
|
240
|
+
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #666665 5%, #666665 95%, rgba(255, 255, 255, 0) 100%);
|
241
|
+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #666665 5%, #666665 95%, rgba(255, 255, 255, 0) 100%);
|
220
242
|
background-size: 100% 1px;
|
221
243
|
background-position: 0 1.2em;
|
222
244
|
}
|
223
245
|
|
224
246
|
body a:visited {
|
225
|
-
color: #
|
247
|
+
color: #333332;
|
226
248
|
/* hack for font color in iBooks */
|
227
|
-
-webkit-text-fill-color: #
|
249
|
+
-webkit-text-fill-color: #333332;
|
228
250
|
}
|
229
251
|
|
230
252
|
code.literal {
|
@@ -270,7 +292,6 @@ body p,
|
|
270
292
|
ul, ol, li, dl, dt, dd, footer,
|
271
293
|
div.verse .attribution, table.table th, table.table td,
|
272
294
|
figcaption, caption {
|
273
|
-
color: #333332;
|
274
295
|
/* NOTE iBooks will forcefully override font-family of text inside div, p and span elements when font other than Original is selected */
|
275
296
|
/* NOTE iBooks honors Original font for prose text if declared in display-options.xml */
|
276
297
|
font-family: "Noto Serif", serif;
|
@@ -281,7 +302,7 @@ body p, li, dt, dd, footer {
|
|
281
302
|
}
|
282
303
|
|
283
304
|
code, kbd, pre {
|
284
|
-
color: #
|
305
|
+
color: #101010;
|
285
306
|
font-family: "M+ 1mn", monospace;
|
286
307
|
-webkit-hyphens: none; /* disable hyphenation where supported (e.g., iBooks) */
|
287
308
|
}
|
@@ -357,6 +378,11 @@ dl dd {
|
|
357
378
|
margin-top: 0.25em;
|
358
379
|
}
|
359
380
|
|
381
|
+
td.hdlist1 {
|
382
|
+
font-weight: bold;
|
383
|
+
padding-right: 0.625em;
|
384
|
+
}
|
385
|
+
|
360
386
|
div.callout-list {
|
361
387
|
margin-top: 0.5em;
|
362
388
|
}
|
@@ -457,7 +483,7 @@ ul > li::before {
|
|
457
483
|
|
458
484
|
ul > li::before {
|
459
485
|
content: "\25AA"; /* small black square */
|
460
|
-
color: #
|
486
|
+
color: #333332;
|
461
487
|
}
|
462
488
|
|
463
489
|
ul ul > li::before {
|
@@ -467,7 +493,7 @@ ul ul > li::before {
|
|
467
493
|
|
468
494
|
ul ul ul > li::before {
|
469
495
|
content: "\2022"; /* small black circle */
|
470
|
-
color: #
|
496
|
+
color: #333332;
|
471
497
|
}
|
472
498
|
|
473
499
|
ul ul ul ul > li::before {
|
@@ -529,7 +555,6 @@ ul.references > li > span.principal {
|
|
529
555
|
|
530
556
|
/* sized based on the major third modular scale (4:5, 16px, 24px) */
|
531
557
|
h1, h2 {
|
532
|
-
color: #333332;
|
533
558
|
font-size: 1.5em;
|
534
559
|
word-spacing: -0.075em;
|
535
560
|
margin-top: 1em; /* 1.5rem */
|
@@ -537,14 +562,13 @@ h1, h2 {
|
|
537
562
|
}
|
538
563
|
|
539
564
|
h3 {
|
540
|
-
color: #333332;
|
541
565
|
font-size: 1.25em;
|
542
566
|
margin-top: 0.84em; /* 1.05rem */
|
543
567
|
margin-bottom: -0.5em; /* -0.625rem, 0.375rem to content */
|
544
568
|
}
|
545
569
|
|
546
570
|
h4 {
|
547
|
-
color: #
|
571
|
+
color: #202020;
|
548
572
|
font-weight: 200;
|
549
573
|
|
550
574
|
font-size: 1.1em;
|
@@ -559,7 +583,7 @@ h4 {
|
|
559
583
|
}
|
560
584
|
|
561
585
|
h5 {
|
562
|
-
color: #
|
586
|
+
color: #333332;
|
563
587
|
/*
|
564
588
|
font-size: 1em;
|
565
589
|
text-transform: uppercase;
|
@@ -589,7 +613,7 @@ h5 code {
|
|
589
613
|
/*padding: 0.75em 1.5em 0.25em 1.5em;*/
|
590
614
|
padding: 0.25em 0;
|
591
615
|
margin-bottom: 2.5em;
|
592
|
-
border-bottom: 1px solid #
|
616
|
+
border-bottom: 1px solid #333332;
|
593
617
|
/* TODO maybe what we need to get articles to start in left column
|
594
618
|
-webkit-column-break-before: left;
|
595
619
|
page-break-before: left;
|
@@ -602,7 +626,7 @@ h1.chapter-title {
|
|
602
626
|
margin-top: 3.5em; /* 4.2rem - would like to use 9vh */
|
603
627
|
margin-bottom: 0;
|
604
628
|
padding-bottom: 0.8333em; /* 1.2rem */
|
605
|
-
color: #
|
629
|
+
color: #333332;
|
606
630
|
text-transform: uppercase; /* not supported in Adobe Digital Editions */
|
607
631
|
word-spacing: -0.075em;
|
608
632
|
letter-spacing: -0.01em;
|
@@ -610,7 +634,6 @@ h1.chapter-title {
|
|
610
634
|
|
611
635
|
h1.chapter-title .subtitle {
|
612
636
|
font-weight: 400;
|
613
|
-
color: #333332;
|
614
637
|
display: block;
|
615
638
|
font-size: 1.5em;
|
616
639
|
margin: 0 0 0 0.75em; /* would like to use 2vw */
|
@@ -627,7 +650,6 @@ h1.chapter-title b {
|
|
627
650
|
}
|
628
651
|
|
629
652
|
.chapter-header p.byline {
|
630
|
-
color: #333332;
|
631
653
|
/* float left and height 0 takes this line out of the flow */
|
632
654
|
float: left;
|
633
655
|
height: 0;
|
@@ -658,15 +680,15 @@ div.abstract {
|
|
658
680
|
}
|
659
681
|
|
660
682
|
div.abstract > p {
|
661
|
-
color: #
|
683
|
+
color: #333332;
|
662
684
|
font-size: 1.05em; /* or 1.1em? */
|
663
685
|
line-height: 1.75;
|
664
686
|
}
|
665
687
|
|
666
688
|
div.abstract > p a:link {
|
667
|
-
color: #
|
689
|
+
color: #333332;
|
668
690
|
/* hack for font color in iBooks */
|
669
|
-
-webkit-text-fill-color: #
|
691
|
+
-webkit-text-fill-color: #333332;
|
670
692
|
}
|
671
693
|
|
672
694
|
div.abstract > p:first-child::first-line {
|
@@ -743,7 +765,7 @@ figcaption,
|
|
743
765
|
caption {
|
744
766
|
font-size: 0.9em;
|
745
767
|
font-style: italic;
|
746
|
-
color: #
|
768
|
+
color: #333332;
|
747
769
|
letter-spacing: -0.01em;
|
748
770
|
line-height: 1.4;
|
749
771
|
text-align: left;
|
@@ -775,10 +797,10 @@ figure.listing > figcaption + pre {
|
|
775
797
|
}
|
776
798
|
|
777
799
|
aside.sidebar {
|
778
|
-
border: 1px solid #
|
800
|
+
border: 1px solid #C8C8C8;
|
779
801
|
padding: 0 1.5em;
|
780
802
|
font-size: 0.9em;
|
781
|
-
background-color: #
|
803
|
+
background-color: #E0E0E0;
|
782
804
|
text-align: right; /* aligns heading to right */
|
783
805
|
/*
|
784
806
|
-webkit-box-shadow: 0px 1px 1px rgba(102, 102, 101, 0.15);
|
@@ -806,7 +828,7 @@ aside.sidebar > h2 {
|
|
806
828
|
letter-spacing: 0;
|
807
829
|
display: inline-block;
|
808
830
|
white-space: nowrap; /* for some reason it's wrapping prematurely */
|
809
|
-
border: 1px solid #
|
831
|
+
border: 1px solid #C8C8C8;
|
810
832
|
padding: 1.5em .75em .5em .75em;
|
811
833
|
margin: -1em 0.5em -0.25em 0.5em;
|
812
834
|
background-color: #FFFFFF;
|
@@ -843,7 +865,7 @@ div[class~="blockquote"] {
|
|
843
865
|
}
|
844
866
|
|
845
867
|
blockquote > p {
|
846
|
-
color: #
|
868
|
+
color: #101010;
|
847
869
|
font-style: italic;
|
848
870
|
|
849
871
|
/*
|
@@ -860,7 +882,7 @@ blockquote > p {
|
|
860
882
|
|
861
883
|
blockquote > p:first-of-type::before {
|
862
884
|
display: inline-block;
|
863
|
-
color: #
|
885
|
+
color: #333332;
|
864
886
|
text-shadow: 0 1px 2px rgba(102, 102, 101, 0.3);
|
865
887
|
|
866
888
|
/* using serif quote from entypo */
|
@@ -893,7 +915,7 @@ blockquote footer {
|
|
893
915
|
blockquote footer .context {
|
894
916
|
font-size: 0.9em;
|
895
917
|
letter-spacing: -0.05em;
|
896
|
-
color: #
|
918
|
+
color: #333332;
|
897
919
|
}
|
898
920
|
|
899
921
|
pre {
|
@@ -904,14 +926,10 @@ pre {
|
|
904
926
|
overflow-wrap: break-word; /* break in middle of long word if no other break opportunities are available */
|
905
927
|
font-size: 0.85em;
|
906
928
|
line-height: 1.4; /* matches what Kindle uses and can't go less */
|
907
|
-
background-color: #
|
908
|
-
padding: 0.5rem 0.75rem
|
909
|
-
|
910
|
-
border-
|
911
|
-
*/
|
912
|
-
/* QUESTION #B3B3B1? */
|
913
|
-
border-top: 1px solid #DCDCDE;
|
914
|
-
border-right: 1px solid #DCDCDE;
|
929
|
+
background-color: #E0E0E0;
|
930
|
+
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) */
|
931
|
+
border-top: 1px solid #C8C8C8;
|
932
|
+
border-right: 1px solid #C8C8C8;
|
915
933
|
}
|
916
934
|
|
917
935
|
body:first-of-type pre {
|
@@ -1023,23 +1041,23 @@ aside[class~="admonition"] > div[class~="content"] {
|
|
1023
1041
|
}
|
1024
1042
|
|
1025
1043
|
aside.note::before {
|
1026
|
-
content: "\
|
1044
|
+
content: "\f303"; /* fa-pencil-alt */
|
1027
1045
|
color: #FFC14F;
|
1028
1046
|
}
|
1029
1047
|
|
1030
1048
|
aside[class~="note"] > div[class~="content"] {
|
1031
|
-
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 42.5%, #FFC14F 45%, #FFC14F 55%, rgba(255,255,255,0) 57.5%);
|
1032
|
-
background-image: linear-gradient(to right, rgba(255,255,255,0) 42.5%, #FFC14F 45%, #FFC14F 55%, rgba(255,255,255,0) 57.5%);
|
1049
|
+
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 42.5%, #FFC14F 45%, #FFC14F 55%, rgba(255, 255, 255, 0) 57.5%);
|
1050
|
+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 42.5%, #FFC14F 45%, #FFC14F 55%, rgba(255, 255, 255, 0) 57.5%);
|
1033
1051
|
}
|
1034
1052
|
|
1035
1053
|
aside.tip::before {
|
1036
|
-
content: "\f0eb"; /* fa-lightbulb
|
1054
|
+
content: "\f0eb"; /* fa-lightbulb */
|
1037
1055
|
color: #40403E;
|
1038
1056
|
}
|
1039
1057
|
|
1040
1058
|
aside[class~="tip"] > div[class~="content"] {
|
1041
|
-
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 42.5%, #40403E 45%, #40403E 55%, rgba(255,255,255,0) 57.5%);
|
1042
|
-
background-image: linear-gradient(to right, rgba(255,255,255,0) 42.5%, #40403E 45%, #40403E 55%, rgba(255,255,255,0) 57.5%);
|
1059
|
+
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 42.5%, #40403E 45%, #40403E 55%, rgba(255, 255, 255, 0) 57.5%);
|
1060
|
+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 42.5%, #40403E 45%, #40403E 55%, rgba(255, 255, 255, 0) 57.5%);
|
1043
1061
|
}
|
1044
1062
|
|
1045
1063
|
aside.caution::before {
|
@@ -1048,8 +1066,8 @@ aside.caution::before {
|
|
1048
1066
|
}
|
1049
1067
|
|
1050
1068
|
aside[class~="caution"] > div[class~="content"] {
|
1051
|
-
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 42.5%, #7F7F7D 45%, #7F7F7D 55%, rgba(255,255,255,0) 57.5%);
|
1052
|
-
background-image: linear-gradient(to right, rgba(255,255,255,0) 42.5%, #7F7F7D 45%, #7F7F7D 55%, rgba(255,255,255,0) 57.5%);
|
1069
|
+
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 42.5%, #7F7F7D 45%, #7F7F7D 55%, rgba(255, 255, 255, 0) 57.5%);
|
1070
|
+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 42.5%, #7F7F7D 45%, #7F7F7D 55%, rgba(255, 255, 255, 0) 57.5%);
|
1053
1071
|
}
|
1054
1072
|
|
1055
1073
|
aside.warning::before {
|
@@ -1058,8 +1076,8 @@ aside.warning::before {
|
|
1058
1076
|
}
|
1059
1077
|
|
1060
1078
|
aside[class~="warning"] > div[class~="content"] {
|
1061
|
-
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 42.5%, #C83737 45%, #C83737 55%, rgba(255,255,255,0) 57.5%);
|
1062
|
-
background-image: linear-gradient(to right, rgba(255,255,255,0) 42.5%, #C83737 45%, #C83737 55%, rgba(255,255,255,0) 57.5%);
|
1079
|
+
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 42.5%, #C83737 45%, #C83737 55%, rgba(255, 255, 255, 0) 57.5%);
|
1080
|
+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 42.5%, #C83737 45%, #C83737 55%, rgba(255, 255, 255, 0) 57.5%);
|
1063
1081
|
}
|
1064
1082
|
|
1065
1083
|
aside.important::before {
|
@@ -1068,8 +1086,8 @@ aside.important::before {
|
|
1068
1086
|
}
|
1069
1087
|
|
1070
1088
|
aside[class~="important"] > div[class~="content"] {
|
1071
|
-
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 42.5%, #F2642A 45%, #F2642A 55%, rgba(255,255,255,0) 57.5%);
|
1072
|
-
background-image: linear-gradient(to right, rgba(255,255,255,0) 42.5%, #F2642A 45%, #F2642A 55%, rgba(255,255,255,0) 57.5%);
|
1089
|
+
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 42.5%, #F2642A 45%, #F2642A 55%, rgba(255, 255, 255, 0) 57.5%);
|
1090
|
+
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 42.5%, #F2642A 45%, #F2642A 55%, rgba(255, 255, 255, 0) 57.5%);
|
1073
1091
|
}
|
1074
1092
|
|
1075
1093
|
aside.admonition > h2 {
|
@@ -1104,8 +1122,6 @@ table.table th,
|
|
1104
1122
|
table.table td {
|
1105
1123
|
line-height: 1.4;
|
1106
1124
|
padding: 0.5em 0.5em 1em 0.1em;
|
1107
|
-
vertical-align: top;
|
1108
|
-
text-align: left;
|
1109
1125
|
-webkit-column-break-inside: avoid;
|
1110
1126
|
page-break-inside: avoid;
|
1111
1127
|
}
|
@@ -1115,7 +1131,7 @@ table.table th {
|
|
1115
1131
|
}
|
1116
1132
|
|
1117
1133
|
table.table thead th {
|
1118
|
-
border-bottom: 1px solid #
|
1134
|
+
border-bottom: 1px solid #707070;
|
1119
1135
|
}
|
1120
1136
|
|
1121
1137
|
table.table td > p,
|
@@ -1123,47 +1139,43 @@ table.table div.embed > * {
|
|
1123
1139
|
margin-top: 0;
|
1124
1140
|
}
|
1125
1141
|
|
1126
|
-
table.table td > p {
|
1127
|
-
text-align: left;
|
1128
|
-
}
|
1129
|
-
|
1130
1142
|
/* REVIEW */
|
1131
1143
|
table.table td > p + p,
|
1132
1144
|
table.table div.embed > * + * {
|
1133
1145
|
margin-top: 1em;
|
1134
1146
|
}
|
1135
1147
|
|
1136
|
-
table.table-framed {
|
1148
|
+
table.table-framed-all {
|
1137
1149
|
border-width: 1px;
|
1138
1150
|
border-style: solid;
|
1139
|
-
border-color: #
|
1151
|
+
border-color: #707070;
|
1140
1152
|
}
|
1141
1153
|
|
1142
1154
|
table.table-framed-topbot {
|
1143
1155
|
border-width: 1px 0;
|
1144
1156
|
border-style: solid;
|
1145
|
-
border-color: #
|
1157
|
+
border-color: #707070;
|
1146
1158
|
}
|
1147
1159
|
|
1148
1160
|
table.table-framed-sides {
|
1149
1161
|
border-width: 0 1px;
|
1150
1162
|
border-style: solid;
|
1151
|
-
border-color: #
|
1163
|
+
border-color: #707070;
|
1152
1164
|
}
|
1153
1165
|
|
1154
|
-
table.table-grid th,
|
1155
|
-
table.table-grid td {
|
1156
|
-
border-width:
|
1166
|
+
table.table-grid-all th,
|
1167
|
+
table.table-grid-all td {
|
1168
|
+
border-width: 1px 1px 1px 1px;
|
1157
1169
|
border-style: solid;
|
1158
|
-
border-color: #
|
1170
|
+
border-color: #707070;
|
1159
1171
|
}
|
1160
1172
|
|
1161
|
-
table.table-grid thead tr > *:last-child {
|
1173
|
+
table.table-grid-all thead tr > *:last-child {
|
1162
1174
|
border-right-width: 0;
|
1163
1175
|
}
|
1164
1176
|
|
1165
|
-
table.table-grid tbody tr:last-child > th,
|
1166
|
-
table.table-grid tbody tr:last-child > td {
|
1177
|
+
table.table-grid-all tbody tr:last-child > th,
|
1178
|
+
table.table-grid-all tbody tr:last-child > td {
|
1167
1179
|
border-bottom-width: 0;
|
1168
1180
|
}
|
1169
1181
|
|
@@ -1171,14 +1183,14 @@ table.table-grid-rows tbody th,
|
|
1171
1183
|
table.table-grid-rows tbody td {
|
1172
1184
|
border-width: 1px 0 0 0;
|
1173
1185
|
border-style: solid;
|
1174
|
-
border-color: #
|
1186
|
+
border-color: #707070;
|
1175
1187
|
}
|
1176
1188
|
|
1177
1189
|
table.table-grid-cols th,
|
1178
1190
|
table.table-grid-cols td {
|
1179
1191
|
border-width: 0 1px 0 0;
|
1180
1192
|
border-style: solid;
|
1181
|
-
border-color: #
|
1193
|
+
border-color: #707070;
|
1182
1194
|
}
|
1183
1195
|
|
1184
1196
|
table.table-grid-cols thead th:last-child {
|
@@ -1209,7 +1221,7 @@ hr.pagebreak + * {
|
|
1209
1221
|
|
1210
1222
|
img.headshot {
|
1211
1223
|
float: left;
|
1212
|
-
border: 1px solid #
|
1224
|
+
border: 1px solid #707070;
|
1213
1225
|
padding: 1px;
|
1214
1226
|
margin: 0.35em 1em 0.15em 0;
|
1215
1227
|
height: 5em !important;
|
@@ -1247,6 +1259,11 @@ nav#toc ol {
|
|
1247
1259
|
list-style-type: none;
|
1248
1260
|
}
|
1249
1261
|
|
1262
|
+
/* Calibre doesn't hide <nav hidden="hidden"> for some reason */
|
1263
|
+
nav[hidden~="hidden"] {
|
1264
|
+
display: none;
|
1265
|
+
}
|
1266
|
+
|
1250
1267
|
.icon {
|
1251
1268
|
display: none;
|
1252
1269
|
}
|
@@ -1257,9 +1274,11 @@ nav#toc ol {
|
|
1257
1274
|
table.table th, table.table td, div.verse .attribution {
|
1258
1275
|
font-family: serif;
|
1259
1276
|
}
|
1277
|
+
|
1260
1278
|
h1, h2, h3, h4, h5, h6 {
|
1261
1279
|
font-family: sans-serif;
|
1262
1280
|
}
|
1281
|
+
|
1263
1282
|
code, kbd, pre, i.conum {
|
1264
1283
|
font-family: monospace;
|
1265
1284
|
}
|