diff options
author | Martin Ashby <martin@ashbysoft.com> | 2024-03-04 16:24:45 +0000 |
---|---|---|
committer | Martin Ashby <martin@ashbysoft.com> | 2024-03-10 22:03:45 +0000 |
commit | e12c0d23ad72ffa9389d90311453db535f57e450 (patch) | |
tree | 00e8caf78140dee2c9af4568d7d2fb083b80b906 /static/css/style.css | |
parent | 5ed483825a50cadb1d3d2dd55f9e4ebc52716660 (diff) | |
download | mfashby.net-e12c0d23ad72ffa9389d90311453db535f57e450.tar.gz mfashby.net-e12c0d23ad72ffa9389d90311453db535f57e450.tar.bz2 mfashby.net-e12c0d23ad72ffa9389d90311453db535f57e450.tar.xz mfashby.net-e12c0d23ad72ffa9389d90311453db535f57e450.zip |
Prepare to move to zine static site generator instead of hugo
https://zine-ssg.io/documentation/
Diffstat (limited to 'static/css/style.css')
-rw-r--r-- | static/css/style.css | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..6288f17 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,63 @@ +body { + max-width: 800px; + margin: auto; + padding: 1em; + line-height: 1.5em; +} + +/* header and footer areas */ +.menu { padding: 0; } +.menu li { display: inline-block; } +.article-meta, .menu a { + text-decoration: none; + background: #eee; + padding: 5px; + border-radius: 5px; +} +.menu, .article-meta { text-align: center; } +.title { font-size: 1.1em; } +footer a { text-decoration: none; } +hr { + border-style: dashed; + color: #ddd; +} + +/* code */ +pre { + border: 1px solid #ddd; + box-shadow: 5px 5px 5px #eee; + padding: 1em; + overflow-x: auto; +} +code { background: #f9f9f9; } +pre code { background: none; } + +/* misc elements */ +img, iframe, video { max-width: 100%; } +main { hyphens: auto; } +blockquote { + background: #f9f9f9; + border-left: 5px solid #ccc; + padding: 3px 1em 3px; +} + +table { + margin: auto; + border-top: 1px solid #666; + border-bottom: 1px solid #666; +} +table thead th { border-bottom: 1px solid #ddd; } +th, td { padding: 5px; } +thead, tfoot, tr:nth-child(even) { background: #eee; } + +ul.comments { + list-style: square inside + margin: 0; + padding: 0; +} +span.comment.author { + font-weight: bold +} +span.comment.timestamp { + color: grey +} |