Repos / hi.imnhan.com / b3ba3f5bce
commit b3ba3f5bce0a3101b8e41f0b85b9a8dd67bf4518
Author: Bùi Thành Nhân <hi@imnhan.com>
Date: Thu Nov 4 19:39:46 2021 +0700
tighter, lighter
diff --git a/nhanb-theme/static/css/main.css b/nhanb-theme/static/css/main.css
index 95aa4a1..51fc2e3 100644
--- a/nhanb-theme/static/css/main.css
+++ b/nhanb-theme/static/css/main.css
@@ -1,13 +1,11 @@
html {
--bg-color: cornsilk;
- --bg-color2: palegoldenrod;
--fg-color: black;
--link-color: black;
--hr-border: 2px solid var(--link-color);
font-size: 100%;
- background-color: var(--bg-color2);
- background: linear-gradient(var(--bg-color), var(--bg-color2));
+ background-color: var(--bg-color);
/* make sure background color covers the whole vertical space: */
min-height: 100%;
color: var(--fg-color);
@@ -15,11 +13,15 @@ html {
overflow-y: scroll;
font-family: sans-serif;
}
-body {
+* {
margin: 0;
padding: 0;
}
+button {
+ padding: 0.2rem;
+}
+
a {
color: var(--link-color);
text-decoration-skip-ink: none;
@@ -106,6 +108,13 @@ ul {
padding-left: 2rem;
}
+h1,
+h2,
+h3,
+h4 {
+ margin: 1.5rem 0;
+}
+
hr {
border: 0;
border-top: 1px solid black;
@@ -150,9 +159,9 @@ .highlight .err {
/* site-specific stuff follows */
#main {
- max-width: 700px;
+ max-width: 600px;
margin: 0 auto;
- padding: 0 0.5rem;
+ padding: 0 0.6rem;
}
nav {
@@ -179,6 +188,7 @@ footer a {
#site-name {
font-size: 1.5rem;
+ margin-top: 0.5rem;
margin-bottom: 0;
}
diff --git a/nhanb-theme/templates/base.html b/nhanb-theme/templates/base.html
index c3ce938..1889aec 100644
--- a/nhanb-theme/templates/base.html
+++ b/nhanb-theme/templates/base.html
@@ -49,7 +49,7 @@ <h2 id="site-subtitle">{{ SITESUBTITLE}}</h2>
{{ FOOTER_TEXT }}
<p
class="easter-egg"
- style="display: none; font-size: .7em; margin: 0; color: var(--bg-color2);">
+ style="display: none; font-size: .7em; margin: 0; color: var(--bg-color);">
Bored? Try entering the Konami code from your keyboard.
</p>
<script>