X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/blobdiff_plain/ef72be3ee52390f8929973262b4c1a114c828b04..191fccfd5435763f15669b3418429095e1087965:/style.css diff --git a/style.css b/style.css index e5d2862..8d43f66 100644 --- a/style.css +++ b/style.css @@ -1,35 +1,81 @@ -/* for old browsers */ -article, aside, footer, header, nav, section { - display: block; +body { + /* background: #fffffa; */ + font-family: sans-serif; + line-height: 1.6; + padding: 2em; } -body { - font-family: FreeSans, sans-serif; - padding: 1em; +header, nav, main, footer { + margin: auto; + max-width: 38rem; } body > header { - margin-bottom: 2em !important; + margin-bottom: 0.25em; } -#title { - font-size: 2.1em; - font-weight: normal; - margin-bottom: 0; +body > header h1 { + margin: 0; + font-size: 100%; } -#title:after { - content: ".org"; - color: #dadada; +header a { + color: inherit; } -#subtitle { +nav ul { + margin: 0; + padding: 0; +} +nav li { display: inline; - font-weight: normal; - font-size: 1.2em; - color: #444; + text-transform: lowercase; +} +nav li + li { + margin-left: 0.5em; +} +nav a { + color: #333; +} +nav, main { + margin-bottom: 1.5em; +} +header >:not(h1) { + font-size: 0.875em; +} +header > h1 + p { + margin-top: -1em; +} +footer { + border-top: 1px solid #bbb; + font-size: 0.84em; + padding-top: 1em; +} +footer p { + margin: 0; +} + +h1 { + font-size: 1.5em; +} +h2 { + font-size: 1.25em; +} +h3 { + font-size: 1.125em; } a { - text-decoration: none; - outline: 0; + color: #036; +} +/* +a:hover, a:focus { + color: #005a6a; +} +*/ +a:active { + outline-offset: 2px; +} + +h4 { + margin: 0.75em auto; } article h3 { @@ -37,12 +83,46 @@ article h3 { color: #777; } +.notice { + background-color: #efefef; + text-align: center; + position: relative; +} +.notice::before { + content: "↪"; + position: absolute; + left: 0.5em; + bottom: 0.05em; +} +.notice::after { + content: "↩"; + position: absolute; + right: 0.5em; + bottom: 0.05em; +} + +pre, code { + background: #f6f6f6; + font: 1.15em monospace; + padding: 1em; +} +pre > code { + padding: 0; + background: initial; +} code { - font-size: 1.15em; + text-transform: none; + padding: .2em .3em; +} +strong { + font-weight: bold; +} +em { + font-style: italic; } table td { - padding: 0 0.3em; + padding: 0.125em 0.3em; } table td:first-child { padding-left: 0; @@ -50,40 +130,49 @@ 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; +} -nav ul { - list-style-type: none; - padding: 0; +small, dd { + font-size: 0.875em; } -nav li { - display: inline; +.muted { + color: #666; } -nav li:after { - content: "\00a0\00b7"; +.inbox { + margin-top: 2em; } -nav li:last-child:after { - content: ""; + +li, dd { + margin-bottom: 0.25em; } -section { +.feed-icon { + margin-right: 3px +} +.feed-icon-h2 { + margin-left: 5px; position: relative; + top: 2px } -section > h3 { - position: absolute; - right: 75%; - width: 25%; - margin: 0; - padding: 0 1em 0 0; /* 1.75 */ - font-weight: normal; - font-size: 1em; - text-align: right; - white-space: nowrap; +.smly { + display: inline-block; + transform: rotate(90deg); + margin-left: 0.2em; } -section > .section, article > .section, body > header { - position: relative; - left: 25%; - width: 50%; - margin: 0; - padding: 0; - max-width: 38em; +.warn { + color: #a10029; }