From 8d203f6cb812b4d336627cf5e8ef637ef7ae9e03 Mon Sep 17 00:00:00 2001 From: Jordan Bancino Date: Sat, 19 Nov 2022 00:34:41 +0000 Subject: [PATCH] Pull OpenBSD 7.2 mandoc.css Somewhere between OpenBSD 7.1 and 7.2, mandoc changed the way it does a lot of things. This commit pulls the base mandoc.css, and then includes it in the Telodendria sylesheet. It is no longer feasable to customize the mandoc stylesheet much, so luckily the default style is good enough. --- site/mandoc.css | 368 +++++++++++++++++++++++++++++++++++ site/style.css | 502 ++---------------------------------------------- 2 files changed, 379 insertions(+), 491 deletions(-) create mode 100644 site/mandoc.css diff --git a/site/mandoc.css b/site/mandoc.css new file mode 100644 index 0000000..6bfce46 --- /dev/null +++ b/site/mandoc.css @@ -0,0 +1,368 @@ +/* $OpenBSD: mandoc.css,v 1.39 2022/07/06 14:27:55 schwarze Exp $ */ +/* + * Standard style sheet for mandoc(1) -Thtml and man.cgi(8). + * + * Written by Ingo Schwarze . + * I place this file into the public domain. + * Permission to use, copy, modify, and distribute it for any purpose + * with or without fee is hereby granted, without any conditions. + */ + +/* Global defaults. */ + +html { max-width: 65em; + --bg: #FFFFFF; + --fg: #000000; } +body { background: var(--bg); + color: var(--fg); + font-family: Helvetica,Arial,sans-serif; } +h1, h2 { font-size: 110%; } +table { margin-top: 0em; + margin-bottom: 0em; + border-collapse: collapse; } +/* Some browsers set border-color in a browser style for tbody, + * but not for table, resulting in inconsistent border styling. */ +tbody { border-color: inherit; } +tr { border-color: inherit; } +td { vertical-align: top; + padding-left: 0.2em; + padding-right: 0.2em; + border-color: inherit; } +ul, ol, dl { margin-top: 0em; + margin-bottom: 0em; } +li, dt { margin-top: 1em; } +pre { font-family: inherit; } + +.permalink { border-bottom: thin dotted; + color: inherit; + font: inherit; + text-decoration: inherit; } +* { clear: both } + +/* Search form and search results. */ + +fieldset { border: thin solid silver; + border-radius: 1em; + text-align: center; } +input[name=expr] { + width: 25%; } + +table.results { margin-top: 1em; + margin-left: 2em; + font-size: smaller; } + +/* Header and footer lines. */ + +div[role=doc-pageheader] { + display: flex; + border-bottom: 1px dotted #808080; + margin-bottom: 1em; + font-size: smaller; } +.head-ltitle { flex: 1; } +.head-vol { flex: 0 1 auto; + text-align: center; } +.head-rtitle { flex: 1; + text-align: right; } + +div[role=doc-pagefooter] { + display: flex; + justify-content: space-between; + border-top: 1px dotted #808080; + margin-top: 1em; + font-size: smaller; } +.foot-left { flex: 1; } +.foot-date { flex: 0 1 auto; + text-align: center; } +.foot-os { flex: 1; + text-align: right; } + +/* Sections and paragraphs. */ + +main { margin-left: 3.8em; } +.Nd { } +section.Sh { } +h2.Sh { margin-top: 1.2em; + margin-bottom: 0.6em; + margin-left: -3.2em; } +section.Ss { } +h3.Ss { margin-top: 1.2em; + margin-bottom: 0.6em; + margin-left: -1.2em; + font-size: 105%; } +.Pp { margin: 0.6em 0em; } +.Sx { } +.Xr { } + +/* Displays and lists. */ + +.Bd { } +.Bd-indent { margin-left: 3.8em; } + +.Bl-bullet { list-style-type: disc; + padding-left: 1em; } +.Bl-bullet > li { } +.Bl-dash { list-style-type: none; + padding-left: 0em; } +.Bl-dash > li:before { + content: "\2014 "; } +.Bl-item { list-style-type: none; + padding-left: 0em; } +.Bl-item > li { } +.Bl-compact > li { + margin-top: 0em; } + +.Bl-enum { padding-left: 2em; } +.Bl-enum > li { } +.Bl-compact > li { + margin-top: 0em; } + +.Bl-diag { } +.Bl-diag > dt { + font-style: normal; + font-weight: bold; } +.Bl-diag > dd { + margin-left: 0em; } +.Bl-hang { } +.Bl-hang > dt { } +.Bl-hang > dd { + margin-left: 5.5em; } +.Bl-inset { } +.Bl-inset > dt { } +.Bl-inset > dd { + margin-left: 0em; } +.Bl-ohang { } +.Bl-ohang > dt { } +.Bl-ohang > dd { + margin-left: 0em; } +.Bl-tag { margin-top: 0.6em; + margin-left: 5.5em; } +.Bl-tag > dt { + float: left; + margin-top: 0em; + margin-left: -5.5em; + padding-right: 0.5em; + vertical-align: top; } +.Bl-tag > dd { + clear: right; + column-count: 1; /* Force block formatting context. */ + width: 100%; + margin-top: 0em; + margin-left: 0em; + margin-bottom: 0.6em; + vertical-align: top; } +.Bl-compact { margin-top: 0em; } +.Bl-compact > dd { + margin-bottom: 0em; } +.Bl-compact > dt { + margin-top: 0em; } + +.Bl-column { } +.Bl-column > tbody > tr { } +.Bl-column > tbody > tr > td { + margin-top: 1em; } +.Bl-compact > tbody > tr > td { + margin-top: 0em; } + +.Rs { font-style: normal; + font-weight: normal; } +.RsA { } +.RsB { font-style: italic; + font-weight: normal; } +.RsC { } +.RsD { } +.RsI { font-style: italic; + font-weight: normal; } +.RsJ { font-style: italic; + font-weight: normal; } +.RsN { } +.RsO { } +.RsP { } +.RsQ { } +.RsR { } +.RsT { text-decoration: underline; } +.RsU { } +.RsV { } + +.eqn { } +.tbl td { vertical-align: middle; } + +.HP { margin-left: 3.8em; + text-indent: -3.8em; } + +/* Semantic markup for command line utilities. */ + +table.Nm { } +code.Nm { font-style: normal; + font-weight: bold; + font-family: inherit; } +.Fl { font-style: normal; + font-weight: bold; + font-family: inherit; } +.Cm { font-style: normal; + font-weight: bold; + font-family: inherit; } +.Ar { font-style: italic; + font-weight: normal; } +.Op { display: inline flow; } +.Ic { font-style: normal; + font-weight: bold; + font-family: inherit; } +.Ev { font-style: normal; + font-weight: normal; + font-family: monospace; } +.Pa { font-style: italic; + font-weight: normal; } + +/* Semantic markup for function libraries. */ + +.Lb { } +code.In { font-style: normal; + font-weight: bold; + font-family: inherit; } +a.In { } +.Fd { font-style: normal; + font-weight: bold; + font-family: inherit; } +.Ft { font-style: italic; + font-weight: normal; } +.Fn { font-style: normal; + font-weight: bold; + font-family: inherit; } +.Fa { font-style: italic; + font-weight: normal; } +.Vt { font-style: italic; + font-weight: normal; } +.Va { font-style: italic; + font-weight: normal; } +.Dv { font-style: normal; + font-weight: normal; + font-family: monospace; } +.Er { font-style: normal; + font-weight: normal; + font-family: monospace; } + +/* Various semantic markup. */ + +.An { } +.Lk { } +.Mt { } +.Cd { font-style: normal; + font-weight: bold; + font-family: inherit; } +.Ad { font-style: italic; + font-weight: normal; } +.Ms { font-style: normal; + font-weight: bold; } +.St { } +.Ux { } + +/* Physical markup. */ + +.Bf { display: inline flow; } +.No { font-style: normal; + font-weight: normal; } +.Em { font-style: italic; + font-weight: normal; } +.Sy { font-style: normal; + font-weight: bold; } +.Li { font-style: normal; + font-weight: normal; + font-family: monospace; } + +/* Tooltip support. */ + +h2.Sh, h3.Ss { position: relative; } +.An, .Ar, .Cd, .Cm, .Dv, .Em, .Er, .Ev, .Fa, .Fd, .Fl, .Fn, .Ft, +.Ic, code.In, .Lb, .Lk, .Ms, .Mt, .Nd, code.Nm, .Pa, .Rs, +.St, .Sx, .Sy, .Va, .Vt, .Xr { + display: inline flow; + position: relative; } + +.An::before { content: "An"; } +.Ar::before { content: "Ar"; } +.Cd::before { content: "Cd"; } +.Cm::before { content: "Cm"; } +.Dv::before { content: "Dv"; } +.Em::before { content: "Em"; } +.Er::before { content: "Er"; } +.Ev::before { content: "Ev"; } +.Fa::before { content: "Fa"; } +.Fd::before { content: "Fd"; } +.Fl::before { content: "Fl"; } +.Fn::before { content: "Fn"; } +.Ft::before { content: "Ft"; } +.Ic::before { content: "Ic"; } +code.In::before { content: "In"; } +.Lb::before { content: "Lb"; } +.Lk::before { content: "Lk"; } +.Ms::before { content: "Ms"; } +.Mt::before { content: "Mt"; } +.Nd::before { content: "Nd"; } +code.Nm::before { content: "Nm"; } +.Pa::before { content: "Pa"; } +.Rs::before { content: "Rs"; } +h2.Sh::before { content: "Sh"; } +h3.Ss::before { content: "Ss"; } +.St::before { content: "St"; } +.Sx::before { content: "Sx"; } +.Sy::before { content: "Sy"; } +.Va::before { content: "Va"; } +.Vt::before { content: "Vt"; } +.Xr::before { content: "Xr"; } + +.An::before, .Ar::before, .Cd::before, .Cm::before, +.Dv::before, .Em::before, .Er::before, .Ev::before, +.Fa::before, .Fd::before, .Fl::before, .Fn::before, .Ft::before, +.Ic::before, code.In::before, .Lb::before, .Lk::before, +.Ms::before, .Mt::before, .Nd::before, code.Nm::before, +.Pa::before, .Rs::before, +h2.Sh::before, h3.Ss::before, .St::before, .Sx::before, .Sy::before, +.Va::before, .Vt::before, .Xr::before { + opacity: 0; + transition: .15s ease opacity; + pointer-events: none; + position: absolute; + bottom: 100%; + box-shadow: 0 0 .35em var(--fg); + padding: .15em .25em; + white-space: nowrap; + font-family: Helvetica,Arial,sans-serif; + font-style: normal; + font-weight: bold; + background: var(--bg); + color: var(--fg); } +.An:hover::before, .Ar:hover::before, .Cd:hover::before, .Cm:hover::before, +.Dv:hover::before, .Em:hover::before, .Er:hover::before, .Ev:hover::before, +.Fa:hover::before, .Fd:hover::before, .Fl:hover::before, .Fn:hover::before, +.Ft:hover::before, .Ic:hover::before, code.In:hover::before, +.Lb:hover::before, .Lk:hover::before, .Ms:hover::before, .Mt:hover::before, +.Nd:hover::before, code.Nm:hover::before, .Pa:hover::before, +.Rs:hover::before, h2.Sh:hover::before, h3.Ss:hover::before, .St:hover::before, +.Sx:hover::before, .Sy:hover::before, .Va:hover::before, .Vt:hover::before, +.Xr:hover::before { + opacity: 1; + pointer-events: inherit; } + +/* Overrides to avoid excessive margins on small devices. */ + +@media (max-width: 37.5em) { +main { margin-left: 0.5em; } +h2.Sh, h3.Ss { margin-left: 0em; } +.Bd-indent { margin-left: 2em; } +.Bl-hang > dd { + margin-left: 2em; } +.Bl-tag { margin-left: 2em; } +.Bl-tag > dt { + margin-left: -2em; } +.HP { margin-left: 2em; + text-indent: -2em; } +} + +/* Overrides for a dark color scheme for accessibility. */ + +@media (prefers-color-scheme: dark) { +html { --bg: #1E1F21; + --fg: #EEEFF1; } +:link { color: #BAD7FF; } +:visited { color: #F6BAFF; } +} diff --git a/site/style.css b/site/style.css index da8e698..564c578 100644 --- a/site/style.css +++ b/site/style.css @@ -1,31 +1,22 @@ +@import "mandoc.css"; + :root { --border-radius: 10px; - --color-snippet: #f6f8fa; - --color-link: #5c6434; - --color-bg: #ffffff; - --color-text: #24292f; + --color-snippet: #161b22; + --color-link: #7b8333; + --color-bg: #0d1117; + --color-text: #c9d1d9; - --color-table-border: #d0d7de; - --color-table-accent: #f6f8fa; + --color-table-border: #30363d; + --color-table-accent: #161b22; - --color-error-bg: #7b8333; + --color-error-bg: #5c6434; --color-error: white; } -@media(prefers-color-scheme: dark) { - :root { - --color-snippet: #161b22; - --color-link: #7b8333; - --color-bg: #0d1117; - --color-text: #c9d1d9; - - --color-table-border: #30363d; - --color-table-accent: #161b22; - - --color-error-bg: #5c6434; - --color-error: white; - } +html { + max-width: 100%; } body { @@ -132,474 +123,3 @@ tr:nth-child(even) { max-width: 400px; } -/**************************************** - * MAN PAGE STYLES - ***************************************/ - -dl { - margin-top: 0em; - margin-bottom: 0em; -} -dt { - margin-top: 1em; -} -pre { - font-family: inherit; -} - -.permalink { - border-bottom: thin dotted; - color: inherit; - font: inherit; - text-decoration: inherit; -} -* { - clear: both; -} - -/* Header and footer lines. */ - -table.head { - width: 100%; - margin-bottom: 1em; - font-size: smaller; -} - -td.head-vol { - text-align: center; -} - -td.head-rtitle { - text-align: right; -} - -.head td, .foot td { - border: none; -} - -table.foot { - width: 100%; - margin-top: 1em; - font-size: smaller; - border: none; -} -td.foot-os { - text-align: right; -} - -/* Sections and paragraphs. */ - -.manual-text { - margin-left: 3.8em; -} -.Nd { -} -section.Sh { -} -h1.Sh { - text-align: left; - border-bottom: none; - margin-top: 1.2em; - margin-bottom: 0.6em; - margin-left: -3.2em; -} -section.Ss { -} -h2.Ss { - margin-top: 1.2em; - margin-bottom: 0.6em; - margin-left: -1.2em; - font-size: 105%; -} -.Pp { - margin: 0.6em 0em; -} -.Sx { -} - -.Xr { - color: var(--color-text); - font-weight: bold; -} - -.Xr:hover { - text-decoration: none; -} - -/* Displays and lists. */ - -.Bd { -} -.Bd-indent { - margin-left: 3.8em; -} - -.Bl-bullet { - list-style-type: disc; - padding-left: 1em; -} -.Bl-bullet > li { -} -.Bl-dash { - list-style-type: none; - padding-left: 0em; -} -.Bl-dash > li:before { - content: "\2014 "; -} -.Bl-item { - list-style-type: none; - padding-left: 0em; -} -.Bl-item > li { -} -.Bl-compact > li { - margin-top: 0em; -} - -.Bl-enum { - padding-left: 2em; -} -.Bl-enum > li { -} -.Bl-compact > li { - margin-top: 0em; -} - -.Bl-diag { -} -.Bl-diag > dt { - font-style: normal; - font-weight: bold; -} -.Bl-diag > dd { - margin-left: 0em; -} -.Bl-hang { -} -.Bl-hang > dt { -} -.Bl-hang > dd { - margin-left: 5.5em; -} -.Bl-inset { -} -.Bl-inset > dt { -} -.Bl-inset > dd { - margin-left: 0em; -} -.Bl-ohang { -} -.Bl-ohang > dt { -} -.Bl-ohang > dd { - margin-left: 0em; -} -.Bl-tag { - margin-top: 0.6em; - margin-left: 5.5em; -} -.Bl-tag > dt { - float: left; - margin-top: 0em; - margin-left: -5.5em; - padding-right: 0.5em; - vertical-align: top; -} -.Bl-tag > dd { - clear: right; - column-count: 1; /* Force block formatting context. */ - width: 100%; - margin-top: 0em; - margin-left: 0em; - margin-bottom: 0.6em; - vertical-align: top; -} -.Bl-compact { - margin-top: 0em; -} -.Bl-compact > dd { - margin-bottom: 0em; -} -.Bl-compact > dt { - margin-top: 0em; -} - -.Bl-column { -} -.Bl-column > tbody > tr { -} -.Bl-column > tbody > tr > td { - margin-top: 1em; -} -.Bl-compact > tbody > tr > td { - margin-top: 0em; -} - -.Rs { - font-style: normal; - font-weight: normal; -} -.RsA { -} -.RsB { - font-style: italic; - font-weight: normal; -} -.RsC { -} -.RsD { -} -.RsI { - font-style: italic; - font-weight: normal; -} -.RsJ { - font-style: italic; - font-weight: normal; -} -.RsN { -} -.RsO { -} -.RsP { -} -.RsQ { -} -.RsR { -} -.RsT { - text-decoration: underline; -} -.RsU { -} -.RsV { -} - -.eqn { -} - -.tbl { - border: none; - border-style: none !important; -} - -.tbl td { - vertical-align: middle; -} - -.HP { - margin-left: 3.8em; - text-indent: -3.8em; -} - -/* Semantic markup for command line utilities. */ - -table.Nm, -table.Nm td { - border: none; - width: fit-content; -} - -code.Nm { - font-style: normal; - font-weight: bold; - font-family: inherit; -} -.Fl { - font-style: normal; - font-weight: bold; - font-family: inherit; -} -.Cm { - font-style: normal; - font-weight: bold; - font-family: inherit; -} -.Ar { - font-style: italic; - font-weight: normal; -} -.Op { - display: inline flow; -} -.Ic { - font-style: normal; - font-weight: bold; - font-family: inherit; -} -.Ev { - font-style: normal; - font-weight: normal; - font-family: monospace; -} -.Pa { - font-style: italic; - font-weight: normal; -} - -/* Semantic markup for function libraries. */ - -.Lb { -} -code.In { - font-style: normal; - font-weight: bold; - font-family: inherit; -} -a.In { -} -.Fd { - font-style: normal; - font-weight: bold; - font-family: inherit; -} -.Ft { - font-style: italic; - font-weight: normal; -} -.Fn { - font-style: normal; - font-weight: bold; - font-family: inherit; -} -.Fa { - font-style: italic; - font-weight: normal; -} -.Vt { - font-style: italic; - font-weight: normal; -} -.Va { - font-style: italic; - font-weight: normal; -} -.Dv { - font-style: normal; - font-weight: normal; - font-family: monospace; -} -.Er { - font-style: normal; - font-weight: normal; - font-family: monospace; -} - -/* Various semantic markup. */ - -.An { -} -.Lk { -} -.Mt { -} -.Cd { - font-style: normal; - font-weight: bold; - font-family: inherit; -} -.Ad { - font-style: italic; - font-weight: normal; -} -.Ms { - font-style: normal; - font-weight: bold; -} -.St { -} -.Ux { -} - -/* Physical markup. */ - -.Bf { - display: inline flow; -} -.No { - font-style: normal; - font-weight: normal; -} -.Em { - font-style: italic; - font-weight: normal; -} -.Sy { - font-style: normal; - font-weight: bold; -} -.Li { - font-style: normal; - font-weight: normal; - font-family: monospace; -} - -/* Tooltip support. */ - -h1.Sh, -h2.Ss { - position: relative; -} -.An, -.Ar, -.Cd, -.Cm, -.Dv, -.Em, -.Er, -.Ev, -.Fa, -.Fd, -.Fl, -.Fn, -.Ft, -.Ic, -code.In, -.Lb, -.Lk, -.Ms, -.Mt, -.Nd, -code.Nm, -.Pa, -.Rs, -.St, -.Sx, -.Sy, -.Va, -.Vt, -.Xr { - display: inline flow; - position: relative; -} - -/* Overrides to avoid excessive margins on small devices. */ - -@media (max-width: 37.5em) { - .manual-text { - margin-left: 0.5em; - } - h1.Sh, - h2.Ss { - margin-left: 0em; - } - .Bd-indent { - margin-left: 2em; - } - .Bl-hang > dd { - margin-left: 2em; - } - .Bl-tag { - margin-left: 2em; - } - .Bl-tag > dt { - margin-left: -2em; - } - .HP { - margin-left: 2em; - text-indent: -2em; - } -} -