style.css (3549B)
1 @font-face { 2 font-family: "Inter"; 3 font-style: normal; 4 font-weight: 100 900; 5 font-display: swap; 6 src: url("/fonts/InterVariable.woff2") format("woff2-variations"); 7 } 8 @font-face { 9 font-family: "Inter"; 10 font-style: italic; 11 font-weight: 100 900; 12 font-display: swap; 13 src: url("/fonts/InterVariable-Italic.woff2") format("woff2-variations"); 14 } 15 @font-face { 16 font-family: "Monaspace Neon"; 17 font-style: normal; 18 font-weight: 200 800; 19 font-display: swap; 20 src: url("/fonts/MonaspaceNeon.var.woff2") format("woff2-variations"); 21 } 22 23 html { color-scheme: light dark; } 24 body { 25 font-family: "Monaspace Neon", ui-monospace, "SF Mono", Menlo, Consolas, monospace; 26 font-feature-settings: "calt", "ss01"; 27 margin: 2em auto; 28 max-width: 70em; 29 padding: 0 1em; 30 color: #222; 31 } 32 a { color: #06c; text-decoration: none; } 33 a:hover { text-decoration: underline; } 34 h1, h2 { font-weight: normal; } 35 table { border-collapse: collapse; } 36 td, th { padding: 0.15em 0.6em; text-align: left; vertical-align: top; } 37 hr { border: 0; border-top: 1px solid #ddd; margin: 1em 0; } 38 pre { overflow-x: auto; } 39 #blob { white-space: pre; } 40 .desc { color: #666; } 41 .url { color: #888; font-size: 0.9em; } 42 .linecount { color: #888; padding-right: 1em; text-align: right; } 43 #files tr > td:first-child { display: none; } 44 #filetree summary { 45 cursor: pointer; 46 list-style: none; 47 padding: 0.05em 0; 48 } 49 #filetree summary::-webkit-details-marker { display: none; } 50 #filetree summary::before { content: "\25b8\00a0"; color: #888; } 51 #filetree details[open] > summary::before { content: "\25be\00a0"; } 52 #filetree .tree { margin-left: 1.1em; } 53 #filetree .f { 54 display: flex; 55 justify-content: space-between; 56 gap: 2em; 57 padding: 0.05em 0; 58 } 59 #filetree .sz { color: #888; white-space: nowrap; } 60 .A { color: #080; } 61 .D { color: #a00; } 62 .H { font-weight: bold; background: #f4f4f4; } 63 .O { color: #666; } 64 img { max-width: 100%; } 65 #md { 66 font-family: "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; 67 line-height: 1.5; 68 } 69 #md h1, #md h2, #md h3, #md h4 { font-weight: 600; margin: 1.2em 0 0.4em; } 70 #md h1 { font-size: 1.6em; border-bottom: 1px solid #ddd; padding-bottom: 0.2em; } 71 #md h2 { font-size: 1.3em; border-bottom: 1px solid #eee; padding-bottom: 0.2em; } 72 #md code { 73 font-family: "Monaspace Neon", ui-monospace, "SF Mono", Menlo, Consolas, monospace; 74 font-feature-settings: "calt", "ss01"; 75 background: #f4f4f4; 76 padding: 0.1em 0.3em; 77 border-radius: 3px; 78 font-size: 0.9em; 79 } 80 #md pre { background: #f4f4f4; padding: 0.8em; border-radius: 3px; } 81 #md pre code { background: none; padding: 0; font-size: 0.9em; } 82 #md blockquote { border-left: 3px solid #ddd; margin: 0; padding: 0 1em; color: #666; } 83 #md table { margin: 0.6em 0; } 84 #md th, #md td { border: 1px solid #ddd; } 85 #md hr { margin: 1.5em 0; } 86 87 @media (prefers-color-scheme: dark) { 88 body { background: #111; color: #ddd; } 89 a { color: #6db3ff; } 90 hr { border-top-color: #333; } 91 .desc { color: #999; } 92 .url, .linecount, .O { color: #777; } 93 #filetree .sz, #filetree summary::before { color: #777; } 94 .A { color: #7ee787; } 95 .D { color: #ff7b72; } 96 .H { background: #222; } 97 #md h1 { border-bottom-color: #333; } 98 #md h2 { border-bottom-color: #2a2a2a; } 99 #md code { background: #1d1d1d; } 100 #md pre { background: #1d1d1d; } 101 #md blockquote { border-left-color: #333; color: #999; } 102 #md th, #md td { border-color: #333; } 103 img { opacity: 0.9; } 104 }