diff options
Diffstat (limited to 'served/styles')
-rwxr-xr-x | served/styles/common.css | 4 | ||||
-rwxr-xr-x | served/styles/home.css | 2 | ||||
-rwxr-xr-x | served/styles/post.css | 2 | ||||
-rw-r--r-- | served/styles/writing.css | 77 |
4 files changed, 81 insertions, 4 deletions
diff --git a/served/styles/common.css b/served/styles/common.css index 9d2385e..64067cb 100755 --- a/served/styles/common.css +++ b/served/styles/common.css @@ -19,7 +19,7 @@ --text-dim: #bbb; --text-link: #ddf; --text-link-visited: #fed; - --background: #001; + --background: #112; --background-dim: #333; --color-a: #3a8; --color-a-dim: rgb(158, 228, 208); @@ -35,7 +35,7 @@ body { body { font-size: 1.1rem; line-height: 1.4; - font-family: sans-serif; + font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; padding: 2rem 5vw; color: var(--text); diff --git a/served/styles/home.css b/served/styles/home.css index be276b2..d48471a 100755 --- a/served/styles/home.css +++ b/served/styles/home.css @@ -121,7 +121,7 @@ ul.thing-list { } #greeting p { - max-width: 25rem; + max-width: 26rem; } p#notice { diff --git a/served/styles/post.css b/served/styles/post.css index 946336f..f7111dd 100755 --- a/served/styles/post.css +++ b/served/styles/post.css @@ -1,5 +1,5 @@ .sized { - --page-width: 34rem; + --page-width: 35rem; max-width: var(--page-width); margin: 0 auto; } diff --git a/served/styles/writing.css b/served/styles/writing.css new file mode 100644 index 0000000..527d434 --- /dev/null +++ b/served/styles/writing.css @@ -0,0 +1,77 @@ +.sized { + --page-width: 36rem; +} + +body { + line-height: 1.6; +} + +h1 { + line-height: 1; +} + +h2, +h3 { + line-height: 1; + margin-top: 2rem; +} + +a { + color: var(--text-link); +} + +a:visited { + color: var(--text-link-visited); +} + +aside { + border: 1px dashed var(--text); + border-radius: 1rem; + padding: .25rem .5rem; + width: 90%; + margin: 1.25rem auto; +} + +img { + display: block; + width: 100%; + + margin: 1.25rem auto; +} + +code { + font-size: 1rem; +} + +details { + position: relative; + padding: 0.5rem 1rem; + width: 80%; + margin: 1.25rem auto; +} + +details::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 2rem; + height: 1rem; + border-width: 1px 0 0 1px; + border-color: var(--text); + border-style: solid; + z-index: -1; +} + +details::after { + content: ''; + position: absolute; + bottom: 0; + right: 0; + width: 2rem; + height: 1rem; + border-width: 0 1px 1px 0; + border-color: var(--text); + border-style: solid; + z-index: -1; +} \ No newline at end of file |