131 lines
2.5 KiB
CSS
131 lines
2.5 KiB
CSS
:root {
|
|
--bs-body-font-family: Georgia, "Iowan Old Style", "Palatino Linotype",
|
|
"Times New Roman", serif;
|
|
}
|
|
|
|
/* Both of these are links to their own id. They keep the text colour they
|
|
had as plain numbers, since an underlined blue verse number in the middle
|
|
of a sentence reads as part of the text. */
|
|
.v,
|
|
.chapter-number a {
|
|
color: var(--bs-secondary-color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.v:hover,
|
|
.chapter-number a:hover {
|
|
color: var(--bs-emphasis-color);
|
|
}
|
|
|
|
.v {
|
|
font-size: .7em;
|
|
font-weight: 700;
|
|
vertical-align: super;
|
|
line-height: 0;
|
|
margin-right: .15em;
|
|
user-select: none;
|
|
}
|
|
|
|
.v:focus-visible,
|
|
.chapter-number a:focus-visible {
|
|
outline: 2px solid var(--bs-primary);
|
|
outline-offset: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.chapter-number {
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
color: var(--bs-secondary-color);
|
|
margin: 2rem 0 .75rem;
|
|
}
|
|
|
|
/* The export marks these up as list items but hides the marker, indenting the
|
|
first line instead, which is how a printed Bible sets them -- Ezra 10:18-44
|
|
and the like are prose, not a bulleted list. Only the glossary and front
|
|
matter items it actually marks, with a square. The list markup is worth
|
|
keeping for what it means; the bullet is not. */
|
|
.list {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.list .li { text-indent: 2em; }
|
|
|
|
.list .ili {
|
|
list-style: square;
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.poetry { margin-bottom: 1rem; }
|
|
.poetry .line {
|
|
margin: 0;
|
|
padding-left: 1.5em;
|
|
text-indent: -1.5em;
|
|
}
|
|
.poetry .line[data-indent="2"] { padding-left: 3em; }
|
|
.poetry .line[data-indent="3"] { padding-left: 4.5em; }
|
|
|
|
.d {
|
|
font-style: italic;
|
|
color: var(--bs-secondary-color);
|
|
}
|
|
|
|
.footnotes {
|
|
font-size: .875rem;
|
|
color: var(--bs-secondary-color);
|
|
}
|
|
.footnotes-title { font-size: 1rem; }
|
|
.marker { font-weight: 700; }
|
|
|
|
.noteref,
|
|
.marker { font-variant-emoji: text; }
|
|
|
|
.chapter,
|
|
.v { scroll-margin-top: 4.5rem; }
|
|
|
|
.reference .form-select {
|
|
width: auto;
|
|
padding-right: 2rem;
|
|
}
|
|
|
|
.index ul {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.index .count { display: none; }
|
|
|
|
.book .p,
|
|
.book .m,
|
|
.book .pi,
|
|
.book .ip,
|
|
.book .li,
|
|
.book .ili,
|
|
.footnotes .note {
|
|
text-align: justify;
|
|
text-justify: inter-word;
|
|
-webkit-hyphens: auto;
|
|
hyphens: auto;
|
|
text-wrap: pretty;
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.book { line-height: 1.45; }
|
|
.book .p,
|
|
.book .m,
|
|
.book .pi,
|
|
.book .ip,
|
|
.book .li,
|
|
.book .ili,
|
|
.footnotes .note { word-spacing: -.04em; }
|
|
}
|
|
|
|
.poetry .line,
|
|
.book .sp,
|
|
.book .d {
|
|
text-align: left;
|
|
-webkit-hyphens: manual;
|
|
hyphens: manual;
|
|
}
|