X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/blobdiff_plain/85314da0ba587c12c25c8d0fb9ca2708adb487ca..4c4f1c9985c1b7b434cc721f353bc54b57e47d35:/static/style.css diff --git a/static/style.css b/static/style.css index ea05296..af65a18 100644 --- a/static/style.css +++ b/static/style.css @@ -1,27 +1,48 @@ body { + /* background: #fffffa; */ font-family: sans-serif; line-height: 1.6; 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; } -main { - margin-bottom: 2em; +body > header h1 { + margin: 0; + font-size: 100%; } -p { - margin: 1em 0; +header a { + color: inherit; } -header { - font-size: 0.875em; +nav ul { + margin: 0; + padding: 0; +} +nav li { + display: inline; + 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; @@ -34,13 +55,6 @@ footer p { h1 { font-size: 1.5em; } -h1 + address { - margin-top: 0.75em; -} -address + p { - margin: 0; -} - h2 { font-size: 1.25em; } @@ -49,25 +63,16 @@ h3 { } a { - color: #295bad; - text-decoration: none; + color: #036; } +/* a:hover, a:focus { - transition-property: background; - transition-duration: 0.1s; - background: #f2f8fa; - padding: 0.25em 0; - color: #0745ad; -} -a:active { - color: #a10029; + color: #005a6a; } -/* +*/ a:active { - color: #06d; - box-shadow: 0 1px 1px #ddd; + outline-offset: 2px; } -*/ h4 { margin: 0.75em auto; @@ -96,19 +101,98 @@ article h3 { bottom: 0.05em; } +.center { + text-align: center; +} +.justify { + text-align: justify; +} + +details { + margin: 1em 0; + padding: 0.5em; +} +details summary { + cursor: pointer; +} + +sup, sub { + position: relative; + top: -0.4em; + vertical-align: baseline; +} +sub { + top: 0.4em; +} + +/* TeX logos */ +.t-logo { + font-family: "Tex Gyre Termes", serif; + /* letter-spacing: 1px; */ + white-space: nowrap; +} +.t-logo sup { + font-size: 0.85em; + letter-spacing: 1px; + margin-left: -0.36em; + margin-right: -0.15em; + text-transform: uppercase; + vertical-align: 0.15em; + top: 0; +} +.t-logo sub { + font-size: 1em; + margin-left: -0.1667em; + margin-right: -0.125em; + text-transform: uppercase; + vertical-align: -0.5ex; + top: 0; +} + +blockquote#abstract { + font-size: 0.95em; + text-align: justify; +} + +pre { + display: inline-block; + margin: 0.5em 0; + min-width: 100%; + padding: 1em; +} +pre:first-of-type { + margin-top: 0; +} +pre > code { + padding: 0; + background: initial; +} code { - font: 1.15em monospace; text-transform: none; + padding: .2em .3em; +} + +/* box effect */ +.box, details, pre, code { + background-color: #f8f8f8; + border: 1px solid #e6e6e6; + border-radius: 4px; + box-sizing: border-box; } -strong { - font-weight: bold; +details pre { + border: none; } -em { - font-style: italic; +p.box { + font-size: 0.95em; + padding: 0.3em 0.6em; } table td { - padding: 0 0.3em; + padding: 0.125em 0.3em; +} +#publications td { + padding-top: 0.4em; + padding-bottom: 0.4em; } table td:first-child { padding-left: 0; @@ -116,42 +200,53 @@ table td:first-child { table td:last-child { padding-right: 0 } - -dt { - margin-bottom: 0.15em; +#notes { + margin-top: 0.9em; } -dd { - font-size: 0.9em; - margin-left: 1.5em; - margin-bottom: 0.75em; +.post-list { + width: 100%; } -dd:last-child { - margin-bottom: 1em; +.post-list tr:hover { + background: #fafafa; +} +.post-list td { + padding: 0.25em 0; } -.plinks { - font-size: 0.9em; +.post-list td:nth-child(2) { + text-align: right; } -ul, ol { - list-style: none; - padding-left: 1.5em; - position: relative; +small, dd, .small, .bibtexnumber, .bibtexitem, .bibtex2html { + font-size: 0.875em; +} +.muted { + color: #666; +} +.inbox, .bibtex2html { + margin-top: 2em; } -li { +li, dd { margin-bottom: 0.25em; } -ul > li::before { - content: '•'; - position: absolute; - left: 0.5em; +.feed-icon { + margin-right: 3px } - -h2 + ul, h3 + ul, h2 + dl, h3 + dl { - margin-top: 1em; +.feed-icon-h2 { + margin-left: 5px; + position: relative; + top: 2px +} +.smly { + display: inline-block; + transform: rotate(90deg); + margin-left: 0.2em; +} +.warn { + color: #a10029; } -sup, sub { font-size: 0.85em; } -sup { vertical-align: super; } -sub { vertical-align: sub; } +#bandali-bib > a { + display: block +}