X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/blobdiff_plain/60d1cae9374d09398e12f0b6239092e4d0b3eb76..191fccfd5435763f15669b3418429095e1087965:/style.css diff --git a/style.css b/style.css index 163c9cf..8d43f66 100644 --- a/style.css +++ b/style.css @@ -1,42 +1,81 @@ -/* for old browsers */ -article, aside, footer, header, nav, section { - display: block; -} - body { - font-family: FreeSans, sans-serif; - text-transform: lowercase; - line-height: 1.4; - padding: 1em; + /* background: #fffffa; */ + font-family: sans-serif; + line-height: 1.6; + padding: 2em; } -main { +header, nav, main, footer { margin: auto; + max-width: 38rem; } -main > header { - margin-bottom: 1em; +body > header { + 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: ".eu.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 { @@ -44,13 +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; @@ -58,65 +130,49 @@ table td:first-child { table td:last-child { padding-right: 0 } - -nav ul { - list-style-type: none; - padding: 0; +#notes { + margin-top: 0.9em; } -nav li { - display: inline; -} -nav li:after { - content: "\00a0\00b7"; +.post-list { + width: 100%; } -nav li:last-child:after { - content: ""; +.post-list tr:hover { + background: #fafafa; } - -main { - display: grid; - grid-template-columns: auto 32em auto; - grid-column-gap: 1.5em; - grid-row-gap: 1em; +.post-list td { + padding: 0.25em 0; } - -main > h3 { - grid-column: 1; +.post-list td:nth-child(2) { text-align: right; - font-size: 1em; - font-weight: normal; -} - -main > header, main > section { - grid-column: 2; } -main > h3, ul:first-child { - margin-top: 0; - margin-bottom: 0; +small, dd { + font-size: 0.875em; } -p:first-child { - margin-top: 0; +.muted { + color: #666; } -p:last-child { - margin-bottom: 0; +.inbox { + margin-top: 2em; } -#publications section { - text-transform: none; +li, dd { + margin-bottom: 0.25em; } -dl { - margin: 0; + +.feed-icon { + margin-right: 3px } -/* -ol { - margin: 0; - padding: 0; +.feed-icon-h2 { + margin-left: 5px; + position: relative; + top: 2px } -ol li { - margin-top: 0.5em; +.smly { + display: inline-block; + transform: rotate(90deg); + margin-left: 0.2em; } -ol li:first-child { - margin-top: 0; +.warn { + color: #a10029; } -*/