X-Git-Url: https://git.shemshak.org/gitweb.cgi/~bandali/bndl.org/blobdiff_plain/6a44c94eb4b68fe69aa8a7a02a1258ffc6b7ac8c..e44ce5d3d4a0a31fcfae64c1b77e67e7d0bdf1df:/static/style.css?ds=sidebyside diff --git a/static/style.css b/static/style.css index a13d2b0..f236c92 100644 --- a/static/style.css +++ b/static/style.css @@ -52,25 +52,17 @@ h3 { } a { - color: #0063dc; - padding: 0.2em 0; - text-decoration: none; - transition: all .2s ease-out; + color: #004caa; + padding: 0.3em 0; + text-decoration: underline #ccc; } a:hover, a:focus { - transition: all .2s ease-out; - background: #f2f8fa; - color: #0054c0; /* #003ea4 / #0036a4 */ + text-decoration: underline #666; } a:active { color: #a10029; + outline: 0; } -/* -a:active { - color: #06d; - box-shadow: 0 1px 1px #ddd; -} -*/ h4 { margin: 0.75em auto; @@ -99,9 +91,18 @@ article h3 { bottom: 0.05em; } +pre, code { + background: #f3f3f3; + padding: 1em; +} +pre > code { + padding: 0; + background: initial; +} code { font: 1.15em monospace; text-transform: none; + padding: .2em .3em; } strong { font-weight: bold; @@ -111,7 +112,7 @@ em { } table td { - padding: 0.2em 0.3em; + padding: 0.125em 0.3em; } table td:first-child { padding-left: 0; @@ -126,10 +127,10 @@ table td:last-child { width: 100%; } .post-list tr:hover { - background: #f2f8fa; /* #f6f6f6; */ + background: #fafafa; } .post-list td { - padding: 0.3em; + padding: 0.25em 0; } .post-list td:nth-child(2) { text-align: right; @@ -172,7 +173,7 @@ ul > li::before { left: 0.5em; } -h2 + ul, h2 + dl, h2 + table, h1 + table { +h2 + ul, h2 + dl, h2 + table, h1 + table, pre + h2 { margin-top: 1em; } table + h2, h2 + h3, ul + h3 { @@ -182,6 +183,27 @@ p + table { margin-top: -0.3em; } +.feed-icon { + margin-right: 3px +} +.feed-icon-h2 { + margin-left: 5px; + position: relative; + top: 2px +} + +.tag-list { + padding-left: 0; +} +.tag-list li { + margin-right: 0.75em; + white-space: nowrap; + display: inline-block; +} +.tag-list > li::before { + content: ''; +} + sup, sub { font-size: 0.85em; } sup { vertical-align: super; } sub { vertical-align: sub; }