X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/blobdiff_plain/7c12f0da2f0ed66c1e88415079157574ea4c9870..a77e0df0de7eb24fa8999ac23c45ee4d0f445c1f:/static/style.css diff --git a/static/style.css b/static/style.css index c6dc21d..f236c92 100644 --- a/static/style.css +++ b/static/style.css @@ -25,6 +25,9 @@ header { header >:not(h1) { font-size: 0.875em; } +header > p { + margin: 0; +} footer { border-top: 1px solid #bbb; font-size: 0.84em; @@ -40,9 +43,6 @@ h1 { h1 + address { margin-top: 0.75em; } -address + p { - margin: 0; -} h2 { font-size: 1.25em; @@ -52,25 +52,17 @@ h3 { } a { - color: #006cdc; + color: #004caa; padding: 0.3em 0; - text-decoration: none; + text-decoration: underline #ccc; } a:hover, a:focus { - transition-property: background; - transition-duration: 0.1s; - background: #f2f8fa; - color: #0054c0; /* #003ea4 */ + 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; @@ -119,14 +120,17 @@ table td:first-child { table td:last-child { padding-right: 0 } -tbody tr:hover { - background: #f2f8fa; /* #f6f6f6; */ +#notes { + margin-top: 0.9em; } .post-list { width: 100%; } +.post-list tr:hover { + background: #fafafa; +} .post-list td { - padding: 0.3em; + padding: 0.25em 0; } .post-list td:nth-child(2) { text-align: right; @@ -169,16 +173,37 @@ ul > li::before { left: 0.5em; } -h2 + ul, h2 + dl, h2 + table { +h2 + ul, h2 + dl, h2 + table, h1 + table, pre + h2 { margin-top: 1em; } -h2 + .post-list, table + h2 { +table + h2, h2 + h3, ul + h3 { margin-top: 0.7em; } 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; }