X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/blobdiff_plain/e080516ce6defaf997bcc5b54bf380044c65ebd2..ff620ce6ac85cf10600b3da9a640f6ebc3568444:/style.css diff --git a/style.css b/style.css index 9fd35aa..c460723 100644 --- a/style.css +++ b/style.css @@ -4,28 +4,38 @@ article, aside, footer, header, nav, section { } body { - font-family: FreeSans, sans-serif; - text-transform: lowercase; - line-height: 1.4; + font-family: sans-serif; + line-height: 1.6; padding: 1em; } -main { +nav, main, footer { margin: auto; + max-width: 38rem; } -main > header { - margin-bottom: 1em; +nav { + font-size: 0.84em; +} +main { + /* margin-top: 1em; */ + margin-bottom: 3em; + /* margin-top: 2%; */ +} +footer { + border-top: 1px solid #bbb; + padding-top: 1em; +} +footer p { + margin: 0; + font-size: 0.84em; } -#title { - font-size: 2.1em; - font-weight: normal; - margin-bottom: 0; +#hiddentitle { + font-size: 0; } -#title:after { - content: ".eu.org"; - color: #dadada; +h1 { + font-size: 1.5em; } #subtitle { display: inline; @@ -35,8 +45,28 @@ main > header { } a { + color: #295bad; text-decoration: none; - outline: 0; +} +a:hover, a:focus { + transition-property: background; + transition-duration: 0.1s; + background: #f2f8fa; + padding: 0.25em 0; + color: #0745ad; +} +a:active { + color: #a10029; +} +/* +a:active { + color: #06d; + box-shadow: 0 1px 1px #ddd; +} +*/ + +h4 { + margin: 0.75em auto; } article h3 { @@ -44,6 +74,24 @@ 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; +} + code { font-size: 1.15em; text-transform: none; @@ -59,64 +107,40 @@ table td:last-child { padding-right: 0 } -nav ul { - list-style-type: none; - padding: 0; +dl { + margin: 0 0 0.5em 0; } -nav li { - display: inline; +dl:last-child { + margin: 0; } -nav li:after { - content: "\00a0\00b7"; +dt { + margin-bottom: 0.15em; } -nav li:last-child:after { - content: ""; +dd { + font-size: 0.9em; + margin-left: 1.5em; + margin-bottom: 0.75em; } - -main { - display: grid; - grid-template-columns: auto 32em auto; - grid-column-gap: 1.5em; - grid-row-gap: 1em; +.plinks { + font-size: 0.9em; } -main > h3 { - grid-column: 1; - text-align: right; - font-size: 1em; - font-weight: normal; +ul, ol { + list-style: none; + padding-left: 1.5em; + position: relative; } -main > header, main > section { - grid-column: 2; +li { + margin-bottom: 0.25em; } -main > h3, ul:first-child { - margin-top: 0; - margin-bottom: 0; -} -p:first-child { - margin-top: 0; -} -p:last-child { - margin-bottom: 0; +ul > li::before { + content: '•'; + position: absolute; + left: 0.5em; } -#publications section { - text-transform: none; -} -dl { - margin: 0 0 0.5em 0; -} -dl:last-child { - margin: 0; -} -dt { - margin-bottom: 0.5em; -} -#publications dd, .plinks { - font-size: 0.9em; -} /* ol { margin: 0;