Files
Hugo/assets/css/custom.css
T
fukunee 2452f74805 Redesign homepage layout and update content
Align homepage content to center, adjust sidebar width and page
max-width, update hero text to Chinese, and apply dark background
for the site.
2026-05-13 22:32:45 +08:00

55 lines
1.2 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 (128px) */
.hextra-sidebar-container {
width: 8rem !important;
}
.dark body,
body:where(.dark) {
background-color: #000;
}