diff options
| author | David Luevano Alvarado <david@luevano.xyz> | 2023-05-05 03:16:06 -0600 |
|---|---|---|
| committer | David Luevano Alvarado <david@luevano.xyz> | 2023-05-05 03:16:06 -0600 |
| commit | 70e783628b1bf863da45cc8879b06288a498840b (patch) | |
| tree | 6a61d3134fbb100f0fc04e9e96782d29e24bb5ed /live/static/css/style.css | |
| parent | ec2aa74d36670d74c153aa0022ab22e79502a061 (diff) | |
update css, make articles more uniform, add toc and add functionality to scroll to the top
Diffstat (limited to 'live/static/css/style.css')
| -rw-r--r-- | live/static/css/style.css | 51 |
1 files changed, 49 insertions, 2 deletions
diff --git a/live/static/css/style.css b/live/static/css/style.css index 5a18881..161da3d 100644 --- a/live/static/css/style.css +++ b/live/static/css/style.css @@ -13,6 +13,46 @@ h2 { text-align: center; } +h1 a.headerlink, +h2 a.headerlink, +h3 a.headerlink, +h4 a.headerlink, +h5 a.headerlink, +h5 a.headerlink { + display: none; + padding-left: 0.3em; +} + +h1:hover a.headerlink, +h2:hover a.headerlink, +h3:hover a.headerlink, +h4:hover a.headerlink, +h5:hover a.headerlink, +h6:hover a.headerlink{ + display: inline; +} + +div.return-top { + position: fixed; + bottom: 1em; + right: 1em; +} + +button.return-top { + display: none; + border: none; + font: inherit; + cursor: pointer; + position: relative; + border-radius: 5px; + min-width: 1em; + padding-top: 0.2em; + padding-bottom: 0.2em; + padding-left: 0.4em; + padding-right: 0.4em; +} + + body, html { margin: 0; @@ -77,6 +117,12 @@ main.art p { width: clamp(30ch, calc(100% - 1em), 75ch); } +/* TOC */ + +div.toc { + border-radius: 5px; + overflow-wrap: anywhere; +} /* article/art elements */ div.article-info, @@ -243,7 +289,6 @@ img { display: block; margin-left: auto; margin-right: auto; - vertical-align: middle; } img.wrap-right { @@ -377,7 +422,9 @@ div.page-nav > span { padding-left: 0.4em; padding-right: 0.4em; margin-left: 0.2em; - margin-right: 0.2em; + margin-right: 0.2em + + ; } div.art-nav > span span, |