X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/blobdiff_plain/f9e7c27738608755d80d450252f1ca079551d02e..79d486cb111a13ce1d2858373188ea94252cf057:/static/style.css diff --git a/static/style.css b/static/style.css index f891207..8d43f66 100644 --- a/static/style.css +++ b/static/style.css @@ -5,28 +5,43 @@ body { padding: 2em; } -nav, main, footer { +header, nav, main, footer { margin: auto; max-width: 38rem; } -nav { - font-size: 0.84em; +body > header { + margin-bottom: 0.25em; +} +body > header h1 { + margin: 0; + font-size: 100%; +} +header a { + color: inherit; +} +nav ul { + margin: 0; + padding: 0; +} +nav li { + display: inline; + text-transform: lowercase; } -main { - margin-bottom: 2em; +nav li + li { + margin-left: 0.5em; } -p { - margin: 1em 0; +nav a { + color: #333; } -header { +nav, main { margin-bottom: 1.5em; } header >:not(h1) { font-size: 0.875em; } -header > p { - margin: 0; +header > h1 + p { + margin-top: -1em; } footer { border-top: 1px solid #bbb; @@ -40,10 +55,6 @@ footer p { h1 { font-size: 1.5em; } -h1 + address { - margin-top: 0.75em; -} - h2 { font-size: 1.25em; } @@ -52,16 +63,15 @@ h3 { } a { - color: #004caa; - padding: 0.3em 0; - text-decoration: underline #ccc; + color: #036; } +/* a:hover, a:focus { - text-decoration: underline #666; + color: #005a6a; } +*/ a:active { - color: #a10029; - outline: 0; + outline-offset: 2px; } h4 { @@ -91,9 +101,18 @@ article h3 { bottom: 0.05em; } -code { +pre, code { + background: #f6f6f6; font: 1.15em monospace; + padding: 1em; +} +pre > code { + padding: 0; + background: initial; +} +code { text-transform: none; + padding: .2em .3em; } strong { font-weight: bold; @@ -127,18 +146,7 @@ table td:last-child { text-align: right; } -dt { - margin-bottom: 0.15em; -} -dd { - font-size: 0.875em; - margin-left: 1.5em; - margin-bottom: 0.75em; -} -dd:last-child { - margin-bottom: 1em; -} -small { +small, dd { font-size: 0.875em; } .muted { @@ -148,32 +156,23 @@ small { margin-top: 2em; } -ul, ol { - list-style: none; - padding-left: 1.5em; - position: relative; -} - -li { +li, dd { margin-bottom: 0.25em; } -ul > li::before { - content: '•'; - position: absolute; - left: 0.5em; +.feed-icon { + margin-right: 3px } - -h2 + ul, h2 + dl, h2 + table, h1 + table { - margin-top: 1em; +.feed-icon-h2 { + margin-left: 5px; + position: relative; + top: 2px } -table + h2, h2 + h3, ul + h3 { - margin-top: 0.7em; +.smly { + display: inline-block; + transform: rotate(90deg); + margin-left: 0.2em; } -p + table { - margin-top: -0.3em; +.warn { + color: #a10029; } - -sup, sub { font-size: 0.85em; } -sup { vertical-align: super; } -sub { vertical-align: sub; }