-
-
Save moeyua/71018b1554c4051520193fca5d20c3c2 to your computer and use it in GitHub Desktop.
heti for logseq
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
* Project: Heti | |
* URL: https://github.com/sivan/heti | |
* Author: Sivan [sun.sivan@gmail.com] | |
*/ | |
@font-face { | |
font-family: "Heti Hei"; | |
src: "Heti Hei SC", "Heti Hei TC", "Heti Hei JP", "Heti Hei KR"; | |
} | |
@font-face { | |
font-family: "Heti Hei SC"; | |
src: local("PingFang SC Regular"), local("Heiti SC Regular"), | |
local("Microsoft YaHei"), local("Source Han Sans CN Regular"), | |
local("Noto Sans CJK SC Regular"), local("WenQuanYi Micro Hei"), | |
local("Droid Sans Fallback"); | |
} | |
@font-face { | |
font-family: "Heti Hei TC"; | |
src: local("PingFang TC Regular"), local("Heiti TC Regular"), | |
local("Microsoft Jhenghei"), local("Source Han Sans HK Regular"), | |
local("Source Han Sans TW Regular"), local("Noto Sans CJK TC Regular"), | |
local("WenQuanYi Micro Hei"), local("Droid Sans Fallback"); | |
} | |
@font-face { | |
font-family: "Heti Hei JP"; | |
src: local("Hiragino Sans GB W3"), local("Source Han Sans JP Regular"), | |
local("Noto Sans CJK JP Regular"), local("Droid Sans Fallback"); | |
} | |
@font-face { | |
font-family: "Heti Hei KR"; | |
src: local("Source Han Sans KR Regular"), local("Noto Sans CJK KR Regular"), | |
local("Droid Sans Fallback"); | |
} | |
@font-face { | |
font-family: "Heti Hei"; | |
font-weight: 200; | |
src: "Heti Hei SC Light", "Heti Hei TC Light", "Heti Hei JP Light", | |
"Heti Hei KR Light"; | |
} | |
@font-face { | |
font-family: "Heti Hei SC Light"; | |
font-weight: 200; | |
src: local("PingFang SC Light"), local("Heiti SC Light"), | |
"Heti Hei SC Light Fallback", local("Source Han Sans CN Light"), | |
local("Noto Sans CJK SC Light"); | |
} | |
@font-face { | |
font-family: "Heti Hei TC Light"; | |
font-weight: 200; | |
src: local("PingFang TC Light"), local("Heiti TC Light"), | |
local("Microsoft Jhenghei Light"), local("Source Han Sans HK Light"), | |
local("Source Han Sans TW Light"), local("Noto Sans CJK TC Light"); | |
} | |
@font-face { | |
font-family: "Heti Hei JP Light"; | |
font-weight: 200; | |
src: local("Source Han Sans JP Light"), local("Noto Sans CJK JP Light"); | |
} | |
@font-face { | |
font-family: "Heti Hei KR Light"; | |
font-weight: 200; | |
src: local("Source Han Sans KR Light"), local("Noto Sans CJK KR Light"); | |
} | |
@font-face { | |
font-family: "Heti Hei SC Light Fallback"; | |
font-weight: 200; | |
src: local("Microsoft YaHei"), local("Droid Sans Fallback"); | |
} | |
@font-face { | |
font-family: "Heti Hei"; | |
font-weight: 600; | |
src: "Heti Hei SC Bold", "Heti Hei TC Bold", "Heti Hei JP Bold", | |
"Heti Hei KR Bold"; | |
} | |
@font-face { | |
font-family: "Heti Hei SC Bold"; | |
font-weight: 600; | |
src: local("PingFang SC Medium"), local("Heiti SC Medium"), | |
"Heti Hei SC Bold Fallback", local("Source Han Sans CN Bold"), | |
local("Noto Sans CJK SC Bold"); | |
} | |
@font-face { | |
font-family: "Heti Hei TC Bold"; | |
font-weight: 600; | |
src: local("PingFang TC Medium"), local("Heiti TC Medium"), | |
local("Microsoft Jhenghei Bold"), local("Source Han Sans HK Bold"), | |
local("Source Han Sans TW Bold"), local("Noto Sans CJK TC Bold"); | |
} | |
@font-face { | |
font-family: "Heti Hei JP Bold"; | |
font-weight: 600; | |
src: local("Hiragino Sans GB W6"), local("Source Han Sans JP Bold"), | |
local("Noto Sans CJK JP Bold"); | |
} | |
@font-face { | |
font-family: "Heti Hei KR Bold"; | |
font-weight: 600; | |
src: local("Source Han Sans KR Bold"), local("Noto Sans CJK KR Bold"); | |
} | |
@font-face { | |
font-family: "Heti Hei SC Bold Fallback"; | |
font-weight: 600; | |
src: local("Microsoft YaHei"), local("Droid Sans Fallback"); | |
} | |
@font-face { | |
font-family: "Heti Hei Black"; | |
font-weight: 800; | |
src: "Heti Hei SC Black", "Heti Hei TC Black", "Heti Hei JP Black", | |
"Heti Hei KR Black"; | |
} | |
@font-face { | |
font-family: "Heti Hei SC Black"; | |
font-weight: 800; | |
src: local("Lantinghei SC Heavy"), local("PingFang SC Semibold"), | |
local("Heiti SC Medium"), "Heti Hei SC Black Fallback", | |
local("Source Han Sans CN Heavy"), local("Noto Sans CJK SC Heavy"); | |
} | |
@font-face { | |
font-family: "Heti Hei TC Black"; | |
font-weight: 800; | |
src: local("Lantinghei TC Heavy"), local("PingFang TC Semibold"), | |
local("Heiti TC Medium"), local("Microsoft Jhenghei Bold"), | |
local("Source Han Sans HK Heavy"), local("Source Han Sans TW Heavy"), | |
local("Noto Sans CJK TC Heavy"); | |
} | |
@font-face { | |
font-family: "Heti Hei JP Black"; | |
font-weight: 800; | |
src: local("Hiragino Sans GB W6"), local("Source Han Sans JP Heavy"), | |
local("Noto Sans CJK JP Heavy"); | |
} | |
@font-face { | |
font-family: "Heti Hei KR Black"; | |
font-weight: 800; | |
src: local("Source Han Sans KR Heavy"), local("Noto Sans CJK KR Heavy"); | |
} | |
@font-face { | |
font-family: "Heti Hei SC Black Fallback"; | |
font-weight: 800; | |
src: local("Microsoft YaHei"), local("Droid Sans Fallback"); | |
} | |
@font-face { | |
font-family: "Heti Song"; | |
src: local("Songti SC Regular"), local("Songti TC Regular"), local("SimSun"); | |
} | |
@font-face { | |
font-family: "Heti Song"; | |
font-weight: 200; | |
src: local("Songti SC Light"), local("Songti TC Light"), | |
"Heti Song Light Fallback"; | |
} | |
@font-face { | |
font-family: "Heti Song Light Fallback"; | |
font-weight: 200; | |
src: local("SimSun"); | |
} | |
@font-face { | |
font-family: "Heti Song"; | |
font-weight: 600; | |
src: local("Songti SC Bold"), local("Songti TC Bold"), | |
"Heti Song Bold Fallback"; | |
} | |
@font-face { | |
font-family: "Heti Song Bold Fallback"; | |
font-weight: 600; | |
src: local("SimSun"); | |
} | |
@font-face { | |
font-family: "Heti Song Black"; | |
font-weight: 800; | |
src: local("Songti SC Black"), local("SimSun"); | |
} | |
@font-face { | |
font-family: "Heti Kai"; | |
src: local("Kaiti SC Regular"), local("Kaiti TC Regular"), local("STKaiti"), | |
local("Kaiti"), local("BiauKai"); | |
} | |
@font-face { | |
font-family: "Heti Kai"; | |
font-weight: 600; | |
src: local("Kaiti SC Bold"), local("Kaiti TC Bold"); | |
} | |
@font-face { | |
font-family: "Heti Kai Bold Fallback"; | |
font-weight: 600; | |
src: local("STKaiti"), local("Kaiti") local("BiauKai"); | |
} | |
@font-face { | |
font-family: "Heti Kai Black"; | |
font-weight: 800; | |
src: local("Kaiti SC Black"), local("Kaiti TC Black"), local("STKaiti"), | |
local("Kaiti"); | |
} | |
.page { | |
max-width: 42em; | |
font-size: 16px; | |
font-weight: 400; | |
-webkit-font-smoothing: subpixel-antialiased; | |
line-height: 1.5; | |
overflow-wrap: break-word; | |
word-wrap: break-word; | |
hyphens: auto; | |
letter-spacing: 0.02em; | |
} | |
.page::before, | |
.page::after { | |
content: ""; | |
display: table; | |
} | |
.page::after { | |
clear: both; | |
} | |
.page > *:first-child, | |
.page section > *:first-child, | |
.page td > *:first-child { | |
margin-block-start: 0 !important; | |
} | |
.page > *:last-child, | |
.page section > *:last-child, | |
.page td > *:last-child { | |
margin-block-end: 0 !important; | |
} | |
.page blockquote { | |
margin-block-start: 12px; | |
margin-block-end: 24px; | |
margin-inline-start: 32px; | |
margin-inline-end: 32px; | |
padding-block-start: 12px; | |
padding-block-end: 12px; | |
padding-inline-start: 16px; | |
padding-inline-end: 16px; | |
background-color: rgba(0, 0, 0, 0.054); | |
} | |
@media (prefers-color-scheme: dark) { | |
.page blockquote { | |
background-color: rgba(255, 255, 255, 0.054); | |
} | |
} | |
.page figure { | |
display: block; | |
text-align: center; | |
} | |
.page figure > img { | |
display: block; | |
margin-inline-start: auto; | |
margin-inline-end: auto; | |
} | |
.page hr { | |
width: 30%; | |
height: 1px; | |
margin-block-start: 48px; | |
margin-block-end: 47px; | |
margin-inline-start: auto; | |
margin-inline-end: auto; | |
border: 0; | |
background-color: #ccc; | |
} | |
@media (prefers-color-scheme: dark) { | |
.page hr { | |
background-color: #404040; | |
} | |
} | |
.page p { | |
margin-block-start: 12px; | |
margin-block-end: 24px; | |
text-align: justify; | |
} | |
.page p:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page p:not(:lang(zh)) { | |
text-align: start; | |
} | |
.page pre { | |
margin-block-start: 12px; | |
margin-block-end: 12px; | |
margin-inline-start: 0; | |
margin-inline-end: 0; | |
padding-block-start: 12px; | |
padding-block-end: 12px; | |
padding-inline-start: 16px; | |
padding-inline-end: 16px; | |
overflow: auto; | |
font-family: "SFMono-Regular", consolas, "Liberation Mono", menlo, courier, | |
monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
white-space: pre; | |
word-wrap: normal; | |
border-radius: 4px; | |
background-color: rgba(0, 0, 0, 0.054); | |
} | |
@media (prefers-color-scheme: dark) { | |
.page pre { | |
background-color: rgba(255, 255, 255, 0.054); | |
} | |
} | |
.page pre code { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
border-radius: 0; | |
background-color: rgba(0, 0, 0, 0); | |
color: inherit; | |
} | |
.page:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page:not(:lang(zh)) { | |
letter-spacing: 0; | |
} | |
.page a, | |
.page abbr, | |
.page code, | |
.page heti-spacing, | |
.page [lang="en-US"] { | |
letter-spacing: normal; | |
} | |
.page h1, | |
.page h2, | |
.page h3, | |
.page h4, | |
.page h5, | |
.page h6 { | |
position: relative; | |
margin: 0; | |
margin-block-start: 24px; | |
margin-block-end: 12px; | |
font-weight: 600; | |
} | |
.page h1 { | |
margin-block-end: 24px; | |
font-size: 32px; | |
line-height: 48px; | |
} | |
.page h2 { | |
font-size: 24px; | |
line-height: 36px; | |
} | |
.page h3 { | |
font-size: 20px; | |
line-height: 36px; | |
} | |
.page h4 { | |
font-size: 18px; | |
line-height: 24px; | |
} | |
.page h5 { | |
font-size: 16px; | |
line-height: 24px; | |
} | |
.page h6 { | |
font-size: 14px; | |
line-height: 24px; | |
} | |
.page h1, | |
.page h2, | |
.page h3 { | |
letter-spacing: 0.05em; | |
} | |
.page h1:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page h1:not(:lang(zh)), | |
.page h2:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page h2:not(:lang(zh)), | |
.page h3:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page h3:not(:lang(zh)) { | |
letter-spacing: 0; | |
} | |
.page h1 + h2, | |
.page h2 + h3, | |
.page h3 + h4, | |
.page h4 + h5, | |
.page h5 + h6 { | |
margin-block-start: 12px; | |
} | |
.page ul, | |
.page ol, | |
.page dl { | |
margin-block-start: 12px; | |
margin-block-end: 24px; | |
} | |
.page ul, | |
.page ol { | |
padding-inline-start: 32px; | |
} | |
.page ul ul, | |
.page ul ol, | |
.page ol ul, | |
.page ol ol { | |
margin-block-start: 0; | |
margin-block-end: 0; | |
} | |
.page ul { | |
list-style-type: disc; | |
} | |
.page ol { | |
list-style-type: decimal; | |
} | |
.page ul ul, | |
.page ol ul { | |
list-style-type: circle; | |
} | |
.page ul ul ul, | |
.page ul ol ul, | |
.page ol ul ul, | |
.page ol ol ul { | |
list-style-type: square; | |
} | |
.page li { | |
list-style-type: unset; | |
} | |
.page table { | |
box-sizing: border-box; | |
table-layout: fixed; | |
margin-block-start: 12px; | |
margin-block-end: 24px; | |
margin-inline-start: auto; | |
margin-inline-end: auto; | |
border-collapse: collapse; | |
border-width: 1px; | |
border-style: solid; | |
border-color: #ccc; | |
word-break: break-word; | |
} | |
@media (prefers-color-scheme: dark) { | |
.page table { | |
border-color: #404040; | |
} | |
} | |
.page th, | |
.page td { | |
padding-block-start: 6px; | |
padding-block-end: 6px; | |
padding-inline-start: 8px; | |
padding-inline-end: 8px; | |
border-width: 1px; | |
border-style: solid; | |
border-color: #ccc; | |
} | |
@media (prefers-color-scheme: dark) { | |
.page th, | |
.page td { | |
border-color: #404040; | |
} | |
} | |
.page caption { | |
caption-side: bottom; | |
margin-block-start: 2px; | |
margin-block-end: -4px; | |
font-size: 14px; | |
line-height: 24px; | |
} | |
.page a { | |
text-decoration: none; | |
} | |
.page a:hover { | |
padding-block-end: 1px; | |
border-block-end: 1px solid currentColor; | |
text-decoration: none; | |
} | |
.page abbr[title] { | |
padding-block-end: 1px; | |
border-block-end: 1px dotted; | |
text-decoration: none; | |
cursor: help; | |
} | |
.page b, | |
.page strong { | |
font-weight: 600; | |
} | |
.page code { | |
margin-inline-start: 0.25em; | |
margin-inline-end: 0.25em; | |
font-family: "SFMono-Regular", consolas, "Liberation Mono", menlo, courier, | |
monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
font-size: 0.875em; | |
} | |
.page dfn { | |
font-weight: 600; | |
} | |
.page dfn:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page dfn:not(:lang(zh)) { | |
font-weight: 400; | |
} | |
.page em { | |
font-weight: 600; | |
} | |
.page figcaption { | |
display: inline-block; | |
vertical-align: top; | |
font-size: 14px; | |
text-align: start; | |
} | |
.page i { | |
font-style: italic; | |
} | |
.page ins, | |
.page u { | |
padding-block-end: 1px; | |
border-block-end: 1px solid; | |
text-decoration: none; | |
} | |
.page mark { | |
padding-block-start: 2px; | |
padding-block-end: 2px; | |
padding-inline-start: 1px; | |
padding-inline-end: 1px; | |
margin-inline-start: 1px; | |
margin-inline-end: 1px; | |
background-color: rgba(255, 247, 0, 0.88); | |
color: inherit; | |
} | |
@media (prefers-color-scheme: dark) { | |
.page mark { | |
background-color: rgba(77, 74, 0, 0.88); | |
} | |
} | |
.page q { | |
quotes: "「" "」" "『" "』"; | |
} | |
.page q:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page q:not(:lang(zh)) { | |
quotes: initial; | |
quotes: auto; | |
} | |
.page rt { | |
font-size: 0.875em; | |
font-weight: 400; | |
} | |
.page small { | |
font-size: 0.875em; | |
} | |
.page strong { | |
font-weight: 600; | |
} | |
.page sub, | |
.page sup { | |
position: relative; | |
margin-inline-start: 0.25em; | |
margin-inline-end: 0.25em; | |
font-size: 0.75em; | |
font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
font-style: normal; | |
line-height: 1; | |
vertical-align: baseline; | |
} | |
.page sub { | |
bottom: -0.25em; | |
} | |
.page sup { | |
top: -0.5em; | |
} | |
.page sup:target, | |
.page sup a:target { | |
background-color: #dbedff; | |
} | |
@media (prefers-color-scheme: dark) { | |
.page sup:target, | |
.page sup a:target { | |
background-color: #3a6188; | |
} | |
} | |
.page summary { | |
padding-inline-start: 1em; | |
outline: 0; | |
cursor: pointer; | |
} | |
.page summary::-webkit-details-marker { | |
width: 0.6em; | |
margin-inline-end: 0.4em; | |
} | |
.page u[title] { | |
cursor: help; | |
border-block-end-width: 3px; | |
border-block-end-style: double; | |
border-block-end-color: rgba(0, 0, 0, 0.54); | |
} | |
@media (prefers-color-scheme: dark) { | |
.page u[title] { | |
border-block-end-color: rgba(255, 255, 255, 0.54); | |
} | |
} | |
.page address, | |
.page cite, | |
.page dfn, | |
.page dt, | |
.page em { | |
font-style: normal; | |
} | |
.page address:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page address:not(:lang(zh)), | |
.page cite:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page cite:not(:lang(zh)), | |
.page dfn:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page dfn:not(:lang(zh)), | |
.page dt:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page dt:not(:lang(zh)), | |
.page em:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page em:not(:lang(zh)) { | |
font-style: italic; | |
} | |
.page abbr[title], | |
.page del, | |
.page ins, | |
.page s, | |
.page u { | |
margin-inline-start: 1px; | |
margin-inline-end: 1px; | |
} | |
.page, | |
.page--sans { | |
font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
.page--serif { | |
font-family: "Times New Roman", times, "Heti Song", serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
.page--classic { | |
font-family: "Times New Roman", times, "Heti Song", serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
.page--classic h1, | |
.page--classic h2, | |
.page--classic h3, | |
.page--classic h4, | |
.page--classic h5, | |
.page--classic h6 { | |
font-family: "Times New Roman", times, "Heti Kai Black", serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
font-weight: 800; | |
} | |
.page--classic blockquote, | |
.page--classic cite, | |
.page--classic q { | |
font-family: "Times New Roman", times, "Heti Kai", serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
.page--classic figcaption, | |
.page--classic caption, | |
.page--classic th { | |
font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
.page--hei { | |
font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
.page--song { | |
font-family: "Times New Roman", times, "Heti Song", serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
.page--kai { | |
font-family: "Times New Roman", times, "Heti Kai", serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
.page--columns-1, | |
.page--columns-2, | |
.page--columns-3, | |
.page--columns-4, | |
.page--columns-16em, | |
.page--columns-20em, | |
.page--columns-24em, | |
.page--columns-28em, | |
.page--columns-32em, | |
.page--columns-36em, | |
.page--columns-40em, | |
.page--columns-44em, | |
.page--columns-48em, | |
.page comma { | |
max-width: none; | |
column-gap: 2em; | |
} | |
.page--columns-1 p, | |
.page--columns-2 p, | |
.page--columns-3 p, | |
.page--columns-4 p, | |
.page--columns-16em p, | |
.page--columns-20em p, | |
.page--columns-24em p, | |
.page--columns-28em p, | |
.page--columns-32em p, | |
.page--columns-36em p, | |
.page--columns-40em p, | |
.page--columns-44em p, | |
.page--columns-48em p, | |
.page comma p { | |
margin-block-start: 6px; | |
margin-block-end: 12px; | |
text-indent: 2em; | |
} | |
.page--columns-1 { | |
column-count: 1; | |
} | |
.page--columns-2 { | |
column-count: 2; | |
} | |
.page--columns-3 { | |
column-count: 3; | |
} | |
.page--columns-4 { | |
column-count: 4; | |
} | |
.page--columns-16em { | |
column-width: 16em; | |
} | |
.page--columns-20em { | |
column-width: 20em; | |
} | |
.page--columns-24em { | |
column-width: 24em; | |
} | |
.page--columns-28em { | |
column-width: 28em; | |
} | |
.page--columns-32em { | |
column-width: 32em; | |
} | |
.page--columns-36em { | |
column-width: 36em; | |
} | |
.page--columns-40em { | |
column-width: 40em; | |
} | |
.page--columns-44em { | |
column-width: 44em; | |
} | |
.page--columns-48em { | |
column-width: 48em; | |
} | |
.page--vertical { | |
max-width: none; | |
max-height: 42em; | |
writing-mode: vertical-rl; | |
letter-spacing: 0.125em; | |
} | |
.page--vertical h1, | |
.page--vertical h2, | |
.page--vertical h3, | |
.page--vertical h4, | |
.page--vertical h5, | |
.page--vertical h6 { | |
text-align: start; | |
} | |
.page--vertical q { | |
quotes: "「" "」" "『" "』"; | |
} | |
.page--ancient, | |
.page--poetry { | |
font-family: "Times New Roman", times, "Heti Song", serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
.page--ancient h1, | |
.page--ancient h2, | |
.page--ancient h3, | |
.page--ancient h4, | |
.page--ancient h5, | |
.page--ancient h6, | |
.page--poetry h1, | |
.page--poetry h2, | |
.page--poetry h3, | |
.page--poetry h4, | |
.page--poetry h5, | |
.page--poetry h6 { | |
font-family: "Times New Roman", times, "Heti Kai Black", serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
font-weight: 800; | |
text-align: center; | |
} | |
.page--ancient h1 .page-meta, | |
.page--ancient h2 .page-meta, | |
.page--ancient h3 .page-meta, | |
.page--ancient h4 .page-meta, | |
.page--ancient h5 .page-meta, | |
.page--ancient h6 .page-meta, | |
.page--poetry h1 .page-meta, | |
.page--poetry h2 .page-meta, | |
.page--poetry h3 .page-meta, | |
.page--poetry h4 .page-meta, | |
.page--poetry h5 .page-meta, | |
.page--poetry h6 .page-meta { | |
font-weight: 400; | |
} | |
@media screen and (min-width: 640px) { | |
.page--ancient h1 .page-meta, | |
.page--ancient h2 .page-meta, | |
.page--ancient h3 .page-meta, | |
.page--ancient h4 .page-meta, | |
.page--ancient h5 .page-meta, | |
.page--ancient h6 .page-meta, | |
.page--poetry h1 .page-meta, | |
.page--poetry h2 .page-meta, | |
.page--poetry h3 .page-meta, | |
.page--poetry h4 .page-meta, | |
.page--poetry h5 .page-meta, | |
.page--poetry h6 .page-meta { | |
position: absolute; | |
line-height: inherit; | |
text-indent: 0; | |
display: inline; | |
margin-block-start: 4px; | |
margin-inline-start: 8px; | |
} | |
} | |
.page--ancient .page-meta, | |
.page--poetry .page-meta { | |
line-height: 24px; | |
text-align: center; | |
text-indent: 0; | |
} | |
.page--ancient p { | |
text-indent: 2em; | |
} | |
.page--poetry p { | |
text-align: center; | |
text-indent: 0; | |
} | |
.page--annotation p { | |
margin-block-start: 0; | |
margin-block-end: 0; | |
line-height: 2.25; | |
text-indent: 2em; | |
} | |
.page--annotation em { | |
-webkit-text-emphasis: filled circle; | |
-webkit-text-emphasis-position: under; | |
text-emphasis: filled circle; | |
text-emphasis-position: under right; | |
font-weight: 400; | |
} | |
.page--annotation em:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page--annotation em:not(:lang(zh)) { | |
-webkit-text-emphasis: none; | |
text-emphasis: none; | |
} | |
.page--annotation .page-meta { | |
margin-block-start: 12px; | |
margin-block-end: 24px; | |
} | |
.page .page-meta { | |
display: block; | |
text-indent: 0; | |
} | |
.page .page-verse { | |
text-align: center; | |
text-indent: 0; | |
} | |
.page .page-large { | |
font-size: 18px; | |
line-height: 24px; | |
} | |
.page .page-x-large { | |
font-size: 20px; | |
line-height: 30px; | |
letter-spacing: 0.05em; | |
} | |
.page .page-small { | |
font-size: 14px; | |
line-height: 24px; | |
} | |
.page .page-x-small { | |
font-size: 12px; | |
line-height: 18px; | |
} | |
.page .page-list-latin { | |
list-style-type: upper-latin; | |
} | |
.page .page-list-latin ol { | |
list-style-type: lower-roman; | |
} | |
.page .page-list-latin ol ol { | |
list-style-type: lower-latin; | |
} | |
.page .page-list-han { | |
list-style-type: cjk-ideographic; | |
} | |
.page .page-list-han ol { | |
list-style-type: decimal; | |
} | |
.page .page-list-han ol ol { | |
list-style-type: decimal-leading-zero; | |
} | |
.page .page-fn { | |
margin-block-start: 59px; | |
border-block-start: 1px solid; | |
border-block-start-color: #ccc; | |
font-size: 14px; | |
font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, | |
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
line-height: 24px; | |
} | |
@media (prefers-color-scheme: dark) { | |
.page .page-fn { | |
border-block-start-color: #404040; | |
} | |
} | |
.page .page-fn ol { | |
margin-block-start: 12px; | |
margin-block-end: 0; | |
} | |
.page .page-fn li:target { | |
background-color: #dbedff; | |
} | |
@media (prefers-color-scheme: dark) { | |
.page .page-fn li:target { | |
background-color: #3a6188; | |
} | |
} | |
.page .page-hang { | |
position: absolute; | |
line-height: inherit; | |
text-indent: 0; | |
} | |
.page .page-em { | |
-webkit-text-emphasis: filled circle; | |
-webkit-text-emphasis-position: under; | |
text-emphasis: filled circle; | |
text-emphasis-position: under right; | |
} | |
.page .page-em:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), | |
.page .page-em:not(:lang(zh)) { | |
-webkit-text-emphasis: none; | |
text-emphasis: none; | |
} | |
.page .page-ruby--inline { | |
display: inline-flex; | |
flex-direction: column-reverse; | |
height: 1.5em; | |
vertical-align: top; | |
} | |
.page .page-ruby--inline rt { | |
display: inline; | |
margin-bottom: -0.25em; | |
line-height: 1; | |
text-align: center; | |
} | |
.page heti-spacing { | |
display: inline; | |
} | |
.page heti-spacing + sup, | |
.page heti-spacing + sub { | |
margin-inline-start: 0; | |
} | |
.page .page-spacing-start { | |
margin-inline-end: 0.25em; | |
} | |
.page .page-spacing-end { | |
margin-inline-start: 0.25em; | |
} | |
.page heti-adjacent { | |
display: inline; | |
} | |
.page .page-adjacent-half { | |
margin-inline-end: -0.5em; | |
} | |
.page .page-adjacent-quarter { | |
margin-inline-end: -0.25em; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment