105 lines
1.8 KiB
CSS
105 lines
1.8 KiB
CSS
@import url("https://chinese-fonts-cdn.deno.dev/packages/jhlst/dist/京華老宋体v1_007/result.css");
|
|
@import url("https://chinese-fonts-cdn.deno.dev/packages/syst/dist/SourceHanSerifCN/result.css");
|
|
|
|
:root {
|
|
--font: "Source Han Serif CN VF";
|
|
--title-font: "KingHwa_OldSong";
|
|
--font-scale: 1em;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--background-color: #fff;
|
|
/* 背景颜色 */
|
|
--heading-color: #222;
|
|
--nav-color: #222;
|
|
--text-color: #333;
|
|
/* 主要字体颜色 */
|
|
--sub-color: #666;
|
|
--gray-color: #999;
|
|
--link-color: #444;
|
|
--code-color: #222;
|
|
--border-color: #ddd;
|
|
--line-color: #f1f1f1;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background-color: #0f0f0f;
|
|
/* 背景颜色 */
|
|
--heading-color: #f2f2f2;
|
|
--nav-color: #f2f2f2;
|
|
--text-color: #f3f5fd;
|
|
/* 主要字体颜色 */
|
|
--sub-color: #999;
|
|
--gray-color: #bbb;
|
|
--link-color: #bbb;
|
|
--code-color: #999;
|
|
--border-color: #ddd;
|
|
--line-color: #f1f1f1;
|
|
}
|
|
}
|
|
|
|
* {
|
|
color: var(--heading-color);
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: auto;
|
|
height: 100%;
|
|
width: 500px;
|
|
background-color: var(--background-color);
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: var(--title-font);
|
|
}
|
|
|
|
.header {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.header h1 {
|
|
margin: 0.5em 0 0 0;
|
|
}
|
|
|
|
.header .desc {
|
|
font-family: var(--font);
|
|
font-style: italic;
|
|
}
|
|
|
|
.card .card-title {
|
|
font-family: var(--title-font);
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.card .desc {
|
|
font-family: var(--font);
|
|
}
|
|
|
|
.card .link-span {
|
|
float: right;
|
|
}
|
|
|
|
.card a {
|
|
font-family: var(--font);
|
|
font-size: 1em;
|
|
margin: 0.5em 0 0 0;
|
|
}
|
|
|
|
.footer {
|
|
width:100%;
|
|
}
|
|
|
|
.footer span {
|
|
margin: auto;
|
|
font-family: var(--font);
|
|
}
|