diff options
| author | uint <abhinav.prsai@gmail.com> | 2025-12-03 19:59:18 +0000 |
|---|---|---|
| committer | uint <abhinav.prsai@gmail.com> | 2025-12-03 19:59:27 +0000 |
| commit | e2221254889351c32b5f4f8608c95b17f0213c48 (patch) | |
| tree | 9eb79120ee03c4761e8a530d13fb7d66901445f2 /style.css | |
initial commit
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 153 |
1 files changed, 153 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..46db2ef --- /dev/null +++ b/style.css @@ -0,0 +1,153 @@ +:root { + --bg: #646c7f; + /* --bg: #717394; */ + --fg: #fffde0; + --fg-link: #fff18f; +} + +/* global */ +body { + margin: 0; + padding: 0; + background: var(--bg); + color: var(--fg); + font-family: "Libertinus Serif", serif; + font-size: 20px; + line-height: 1.2; +} + +/* header */ +header { + padding: 20px; +} + +header h1 { + margin: 0; + font-size: 35px; + font-weight: normal; + font-style: italic; +} + +.h_mallocd { + color: var(--fg); +} + +header a { + color: var(--fg); + text-decoration: none; +} + +/* special tag */ +.uint { + background-color: var(--fg); + color: var(--bg); +} + +/* sidebar */ +#side-bar { + position: absolute; + top: 80px; + left: 0; + width: 200px; + padding-left: 20px; +} + +.side-title { + font-size: 25px; + margin: 20px 0 8px 0; + color: var(--fg); +} + +#side-bar ul { + margin: 0 0 0 20px; + padding: 0px; + list-style: none; +} + +#side-bar li { + margin: 6px 0; +} + +/* links */ +a { + color: var(--fg-link); + text-decoration: none; + padding: 1px 2px; +} + +a:hover { + background: var(--fg); + color: var(--bg); +} + +/* article */ +article { + margin: 80px 0 0 0; + max-width: 800px; +} + +.birb9 { + image-rendering: pixelated; + image-rendering: crisp-edges; + image-rendering: -moz-crisp-edges; + max-width: 200px; + height: auto; +} + +h3 { + margin-top: 30px; + font-size: 25px; + color: var(--fg); + font-weight: normal; +} + +/* footer */ +footer { + padding-top: 80px; + font-style: italic; + font-size: 17px; +} + +/* article + footer alignment */ +article, footer { + margin-left: 240px; + margin-top: 0px; +} + +/* font */ +.libertinus-serif-regular { + font-family: "Libertinus Serif", serif; + font-weight: 400; + font-style: normal; +} + +.libertinus-serif-semibold { + font-family: "Libertinus Serif", serif; + font-weight: 600; + font-style: normal; +} + +.libertinus-serif-bold { + font-family: "Libertinus Serif", serif; + font-weight: 700; + font-style: normal; +} + +.libertinus-serif-regular-italic { + font-family: "Libertinus Serif", serif; + font-weight: 400; + font-style: italic; +} + +.libertinus-serif-semibold-italic { + font-family: "Libertinus Serif", serif; + font-weight: 600; + font-style: italic; +} + +.libertinus-serif-bold-italic { + font-family: "Libertinus Serif", serif; + font-weight: 700; + font-style: italic; +} + |
