X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/blobdiff_plain/85314da0ba587c12c25c8d0fb9ca2708adb487ca..a77e0df0de7eb24fa8999ac23c45ee4d0f445c1f:/static/style.css diff --git a/static/style.css b/static/style.css index ea05296..f236c92 100644 --- a/static/style.css +++ b/static/style.css @@ -1,4 +1,5 @@ body { + /* background: #fffffa; */ font-family: sans-serif; line-height: 1.6; padding: 2em; @@ -19,9 +20,14 @@ p { margin: 1em 0; } header { - font-size: 0.875em; margin-bottom: 1.5em; } +header >:not(h1) { + font-size: 0.875em; +} +header > p { + margin: 0; +} footer { border-top: 1px solid #bbb; font-size: 0.84em; @@ -37,9 +43,6 @@ h1 { h1 + address { margin-top: 0.75em; } -address + p { - margin: 0; -} h2 { font-size: 1.25em; @@ -49,25 +52,17 @@ h3 { } a { - color: #295bad; - text-decoration: none; + color: #004caa; + padding: 0.3em 0; + text-decoration: underline #ccc; } a:hover, a:focus { - transition-property: background; - transition-duration: 0.1s; - background: #f2f8fa; - padding: 0.25em 0; - color: #0745ad; + 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; @@ -96,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; @@ -108,7 +112,7 @@ em { } table td { - padding: 0 0.3em; + padding: 0.125em 0.3em; } table td:first-child { padding-left: 0; @@ -116,20 +120,41 @@ table td:first-child { table td:last-child { padding-right: 0 } +#notes { + margin-top: 0.9em; +} +.post-list { + width: 100%; +} +.post-list tr:hover { + background: #fafafa; +} +.post-list td { + padding: 0.25em 0; +} +.post-list td:nth-child(2) { + text-align: right; +} dt { margin-bottom: 0.15em; } dd { - font-size: 0.9em; + font-size: 0.875em; margin-left: 1.5em; margin-bottom: 0.75em; } dd:last-child { margin-bottom: 1em; } -.plinks { - font-size: 0.9em; +small { + font-size: 0.875em; +} +.muted { + color: #666; +} +.inbox { + margin-top: 2em; } ul, ol { @@ -148,9 +173,36 @@ ul > li::before { left: 0.5em; } -h2 + ul, h3 + ul, h2 + dl, h3 + dl { +h2 + ul, h2 + dl, h2 + table, h1 + table, pre + h2 { margin-top: 1em; } +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; }