From 0003c80ad8ff6d0337a47d9b4bf1871a1e1bba2b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sergio=20Mart=C3=ADnez=20Portela?= Date: Mon, 18 Sep 2023 23:55:08 +0200 Subject: [PATCH] Miscellaneous styling changes. --- static/style.css | 39 ++++++++++++++++++++++++++++++++------- 1 file changed, 32 insertions(+), 7 deletions(-) diff --git a/static/style.css b/static/style.css index ee9e8ba..d162727 100644 --- a/static/style.css +++ b/static/style.css @@ -1,7 +1,7 @@ /* Default theme */ html, body { margin: 0; - padding: 0.5ex 1ex; + padding: 0; font-family: 'Atkinson Hyperlegible', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 110%; } @@ -9,6 +9,11 @@ html, body { body { max-width: 80ex; margin: 0 auto; + padding: 0.5ex 1ex; +} + +body.blog { + padding: 0; } body nav { @@ -439,37 +444,51 @@ article.post { } /* Header */ .site-header { - background-color: #F7F7FF; + background-color: #002b36; border-bottom: rgba(0,0,0,0.1) 1px solid; text-align: center; padding: 1ex; + color: #fff; } .site-header h1 { margin-top: 0; font-size: 200%; font-family: monospace, sans; - color: #000; + color: inherit; +} +.site-header .site-links a { + color: #00fdf2; } .site-header .site-links .fancy-link { - border-right: 1px solid #000; + border-right: 1px solid #fff; padding-left: 0.75ex; } + .site-header .site-links .fancy-link:last-of-type { border: none; } /* Post header */ +.post-metadata .post-publication-date { + background-color: #024; + color: #fff; + display: inline-block; + padding: 0 0.5ex; + border-radius: 4px; +} + .post-metadata ul.post-tags { list-style: none; display: inline; padding: 0; } -.post-metadata ul.post-tags li.post-tag::before { +.post-metadata ul.post-tags li.post-tag a::before { content: '#'; } -.post-metadata ul.post-tags li { +.post-metadata ul.post-tags li.post-tag { display: inline; + font-style: italic; } /* Post index. */ @@ -479,7 +498,9 @@ article.post { /* padding: 1ex; */ margin-bottom: 1em; padding-bottom: 1em; - border-bottom: #000 1px dashed; + border-bottom: #000 2px dashed; +} + .index-pages { display: block; margin: 0 auto; @@ -527,6 +548,10 @@ tr.__table-separator { height: auto; } +.connections svg .node polygon, +.connections svg .cluster polygon { + fill: white; +} .connections svg #graph0 > polygon { /* Main box */