diff options
Diffstat (limited to 'static/css')
-rw-r--r-- | static/css/common.css | 77 | ||||
-rw-r--r-- | static/css/styles.css | 8 |
2 files changed, 54 insertions, 31 deletions
diff --git a/static/css/common.css b/static/css/common.css index 0a248e5..e30f323 100644 --- a/static/css/common.css +++ b/static/css/common.css @@ -1,6 +1,7 @@ html { max-width: 70ch; - padding: 3em 1em; + padding-left: 1em; + padding-right: 1em; margin: auto; line-height: 1.75; font-size: 1.25em; @@ -40,10 +41,6 @@ html { padding: 0; } -a { - color: inherit; -} - time { color: gray; margin-left: 1rem; @@ -90,13 +87,18 @@ body { /* header */ #header { - align-items: center; + align-items: end; display: flex; - flex-direction: column; + flex-direction: row; } #header > h1 { - text-align: center; + line-height: 1; +} + +#header > h1 a { + text-decoration: none; + color: inherit; } @media screen and (min-width: 768px) { @@ -118,9 +120,18 @@ body { flex-wrap: wrap; max-width: 768px; width: 100%; - margin: 1rem; } +.nav-bar-item a { + border: 1px solid black; + border-radius: 4px; + margin: 0.2rem; + padding: 0.2rem; + text-decoration: none; + color: inherit; +} + + #header > nav > span > a { font-size: 1.2rem; } @@ -150,9 +161,13 @@ footer { margin-bottom: 0; } -.content a { - color: #AA0000; - text-decoration: underline; +hr { + margin-bottom: 1rem; + width: 100% +} + +footer .links a { + margin: 0.5rem; } .content a.footnote-ref::before { @@ -195,27 +210,31 @@ footer { .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { - line-height: 1.5; + line-height: 1; +} + +h1.title { + font-size: 2rem; } .content h1 { - font-size: 2.4rem; + font-size: 1.8rem; } .content h2 { - font-size: 1.8rem; + font-size: 1.2rem; } .content h3 { - font-size: 1.4rem; + font-size: 1.1rem; } .content h4 { - font-size: 1.2rem; + font-size: 1rem; } .content h5 { - font-size: 1.1rem; + font-size: 1rem; } .content h6 { @@ -228,6 +247,7 @@ footer { .content p { text-align: justify; + padding: 0.2rem; } .content pre { @@ -270,19 +290,30 @@ footer { margin-left: 1.5rem; } +li { + margin-bottom: 0.5rem; +} + +.email::after { + content: "@marks.kitchen"; +} + dl > dt { font-weight: bold; } dd { + margin-bottom: 1em; + margin-left: 2em; padding-left: 2em; padding-bottom: 1em; } -li { - margin-bottom: 0.5rem; +li.post summary { + list-style: none; } -.email::after { - content: "@marks.kitchen"; -} +li.post p { + padding-left: 1.5rem; + padding-right: 1.5rem; +}
\ No newline at end of file diff --git a/static/css/styles.css b/static/css/styles.css index 2d42220..e69de29 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1,8 +0,0 @@ -dl > dt { - font-weight: bold; -} - -dd { - margin-bottom: 1em; - margin-left: 2em; -} |