71 lines
1.5 KiB
CSS
71 lines
1.5 KiB
CSS
/* ===== Custom Fonts ===== */
|
|
|
|
/* iA Writer Quattro S — self-hosted */
|
|
@font-face {
|
|
font-family: "iA Writer Quattro S";
|
|
src: url("/fonts/iAWriterQuattroSRegular.ttf") format("truetype");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
/* Global font stack: English → Chinese → system fallback */
|
|
html,
|
|
body {
|
|
font-family: "iA Writer Quattro S", "Noto Sans SC", sans-serif;
|
|
}
|
|
|
|
/* Code blocks keep monospace */
|
|
code,
|
|
pre,
|
|
kbd {
|
|
font-family:
|
|
"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Noto Sans SC",
|
|
monospace;
|
|
}
|
|
|
|
/* Remove navbar bottom border shadow */
|
|
.hextra-nav-container-blur {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Shift logo left to compensate for internal whitespace */
|
|
nav a:first-of-type img {
|
|
margin-left: -10px;
|
|
}
|
|
|
|
/* Unified widths — all sections aligned at 76rem */
|
|
:root {
|
|
--hx-color-dark: #000;
|
|
--hextra-max-page-width: 76rem;
|
|
--hextra-max-content-width: 76rem;
|
|
--hextra-max-navbar-width: 76rem;
|
|
--hextra-max-footer-width: 76rem;
|
|
}
|
|
|
|
/* Narrow left sidebar to half width — desktop only */
|
|
@media (min-width: 48rem) {
|
|
.hextra-sidebar-container {
|
|
width: 8rem !important;
|
|
}
|
|
}
|
|
|
|
.dark body,
|
|
body:where(.dark) {
|
|
background-color: #000;
|
|
}
|
|
|
|
/* Theme toggle icon visibility */
|
|
.theme-toggle-dark {
|
|
display: none;
|
|
}
|
|
.theme-toggle-light {
|
|
display: inline;
|
|
}
|
|
html.dark .theme-toggle-dark {
|
|
display: inline;
|
|
}
|
|
html.dark .theme-toggle-light {
|
|
display: none;
|
|
}
|