commit: 08e6a75c6053ef9ac3858db5a994c866b5325356
parent 229a7059f814f7244420f439d8acaf9ed3147957
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date: Sun, 20 Feb 2022 22:35:27 +0100
css/mandoc.css: Clean & adapt to own style
Diffstat:
| M | css/mandoc.css | 637 | ++++++++++++++++++++++++++++++++++++++----------------------------------------- |
1 file changed, 310 insertions(+), 327 deletions(-)
diff --git a/css/mandoc.css b/css/mandoc.css
@@ -1,361 +1,344 @@
-/* $Id: mandoc.css,v 1.48 2021/03/30 19:26:20 schwarze Exp $ */
-/*
- * Standard style sheet for mandoc(1) -Thtml and man.cgi(8).
- *
- * Written by Ingo Schwarze <schwarze@openbsd.org>.
- * 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.
- */
+/* BEGIN css/colorscheme.css */
+:root {
+ /* gruvbox dark */
+ --dark-ansi00: #282828;
+ --dark-ansi00-hard: #1d2021;
+ --dark-ansi00-soft: #32302f;
+ --dark-ansi01: #cc241d;
+ --dark-ansi02: #98971a;
+ --dark-ansi03: #d79921;
+ --dark-ansi04: #458588;
+ --dark-ansi05: #b16286;
+ --dark-ansi06: #689d6a;
+ --dark-ansi07: #a89984;
+ --dark-ansi08: #928374;
+ --dark-ansi09: #fb4934;
+ --dark-ansi10: #b8bb26;
+ --dark-ansi11: #fabd2f;
+ --dark-ansi12: #83a598;
+ --dark-ansi13: #d3869b;
+ --dark-ansi14: #8ec07c;
+ --dark-ansi15: #ebdbb2;
+ /* gruvbox light */
+ --light-ansi-00: #fbf1c7;
+ --light-ansi-00-hard: #f9f5d7;
+ --light-ansi-00-soft: #f2e5bc;
+ --light-ansi-01: #cc241d;
+ --light-ansi-02: #98971a;
+ --light-ansi-03: #d79921;
+ --light-ansi-04: #458588;
+ --light-ansi-05: #b16286;
+ --light-ansi-06: #689d6a;
+ --light-ansi-07: #7c6f64;
+ --light-ansi-08: #928374;
+ --light-ansi-09: #9d0006;
+ --light-ansi-10: #79740e;
+ --light-ansi-11: #b57614;
+ --light-ansi-12: #076678;
+ --light-ansi-13: #8f3f71;
+ --light-ansi-14: #427b58;
+ --light-ansi-15: #3c3836;
+}
+/* END css/colorscheme.css */
/* Global defaults. */
+a[href] {
+ color: var(--dark-ansi13);
+}
+
+a {
+ outline-color: invert;
+ outline-color: var(--dark-ansi11);
+ text-decoration: underline;
+}
+summary { cursor: pointer; } /* for some reason this isn't in webkit */
+
+body, html {
+ background-color: var(--dark-ansi00-hard);
+ color: var(--dark-ansi15);
+ margin: auto;
+ padding: 0;
+ max-width: 100ch;
+ font-family: sans-serif;
+}
-html { max-width: 65em;
- --bg: #FFFFFF;
- --fg: #000000; }
-body { background: var(--bg);
- color: var(--fg);
- font-family: Helvetica,Arial,sans-serif; }
-h1 { font-size: 110%; }
-table { margin-top: 0em;
- margin-bottom: 0em;
- border-collapse: collapse; }
+table {
+ margin-top: 0;
+ margin-bottom: 0;
+ 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; }
+
+tbody {
+ border-color: inherit;
+}
+
+tr {
+ border-color: inherit;
+}
+
+td {
+ vertical-align: top;
+ padding-left: 0.2rem;
+ padding-right: 0.2rem;
+ border-color: inherit;
+}
+
+ul, ol, dl {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+li, dt {
+ margin-top: 1rem;
+}
+
+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%;
+ border-bottom: 1px dotted #808080;
+ margin-bottom: 1rem;
+ font-size: smaller;
+}
+
+td.head-vol {
+ text-align: center;
+}
-table.head { width: 100%;
- border-bottom: 1px dotted #808080;
- margin-bottom: 1em;
- font-size: smaller; }
-td.head-vol { text-align: center; }
td.head-rtitle {
- text-align: right; }
+ text-align: right;
+}
+
+table.foot {
+ width: 100%;
+ border-top: 1px dotted #808080;
+ margin-top: 1rem;
+ font-size: smaller;
+}
-table.foot { width: 100%;
- border-top: 1px dotted #808080;
- margin-top: 1em;
- font-size: smaller; }
-td.foot-os { text-align: right; }
+td.foot-os {
+ text-align: right;
+}
/* Sections and paragraphs. */
-
.manual-text {
- margin-left: 3.8em; }
-.Nd { }
-section.Sh { }
-h1.Sh { 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 { }
+ margin-left: 3.8rem;
+}
+
+.Nd {
+ display: inline;
+}
+
+h1.Sh {
+ margin-top: 1.2rem;
+ margin-bottom: 0.6rem;
+ margin-left: -3.2rem;
+}
+
+h2.Ss {
+ margin-top: 1.2rem;
+ margin-bottom: 0.6rem;
+ margin-left: -1.2rem;
+}
+
+.Pp {
+ margin: 0.6rem 0;
+}
/* Displays and lists. */
+.Bd-indent {
+ margin-left: 3.8rem;
+}
+
+.Bl-bullet {
+ list-style-type: disc;
+ padding-left: 1rem;
+}
-.Bd { }
-.Bd-indent { margin-left: 3.8em; }
+.Bl-dash {
+ list-style-type: none;
+ padding-left: 0;
+}
-.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; }
+ content: "\2014 ";
+}
+
+.Bl-item {
+ list-style-type: none;
+ padding-left: 0;
+}
-.Bl-enum { padding-left: 2em; }
-.Bl-enum > li { }
.Bl-compact > li {
- margin-top: 0em; }
+ margin-top: 0;
+}
+
+.Bl-enum {
+ padding-left: 2rem;
+}
-.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 { }
+ font-style: normal;
+ font-weight: bold;
+}
+
+.Bl-diag > dd,
+.Bl-ohang > dd,
.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; }
+ margin-left: 0;
+}
+
+.Bl-hang > dd {
+ margin-left: 5.5rem;
+}
+
+.Bl-tag {
+ margin-top: 0.6rem;
+ margin-left: 5.5rem;
+}
+
.Bl-tag > dt {
- float: left;
- margin-top: 0em;
- margin-left: -5.5em;
- padding-right: 0.5em;
- vertical-align: top; }
+ float: left;
+ margin-top: 0;
+ margin-left: -5.5rem;
+ padding-right: 0.5rem;
+ 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; }
+ clear: right;
+ column-count: 1;
+ /* Force block formatting context. */
+ width: 100%;
+ margin-top: 0;
+ margin-left: 0;
+ margin-bottom: 0.6rem;
+ vertical-align: top;
+}
+
+.Bl-compact,
+.Bl-compact > dt,
+.Bl-compact > tbody > tr > td {
+ margin-top: 0;
+}
+
.Bl-compact > dd {
- margin-bottom: 0em; }
-.Bl-compact > dt {
- margin-top: 0em; }
+ margin-bottom: 0;
+}
-.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; }
-.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; }
-.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-block;
- 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"; }
-h1.Sh::before { content: "Sh"; }
-h2.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,
-h1.Sh::before, h2.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, h1.Sh:hover::before, h2.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; }
+ margin-top: 1rem;
+}
-/* Overrides to avoid excessive margins on small devices. */
+.Rs,
+.No {
+ font-style: normal;
+ font-weight: normal;
+}
-@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; }
+.RsB, .RsI, .RsJ {
+ font-style: italic;
+ font-weight: normal;
+}
+
+.RsT {
+ text-decoration: underline;
+}
+
+.tbl td {
+ vertical-align: middle;
+}
+
+.HP {
+ margin-left: 3.8rem;
+ text-indent: -3.8rem;
}
-/* Overrides for a dark color scheme for accessibility. */
+.Fl, .Cm, .Ic, code.Nm,
+code.In, .Fd, .Fn,
+.Cd {
+ font-style: normal;
+ font-weight: bold;
+ font-family: inherit;
+}
+
+.Ar, .Pa, .Ft, .Fa, .Vt, .Va,
+.Ad,
+.Em {
+ font-style: italic;
+ font-weight: normal;
+ color: var(--dark-ansi10);
+}
-@media (prefers-color-scheme: dark) {
-html { --bg: #1E1F21;
- --fg: #EEEFF1; }
-:link { color: #BAD7FF; }
-:visited { color: #F6BAFF; }
+.Op {
+ display: inline;
+}
+
+.Ev, .Dv, .Er,
+.Li {
+ font-style: normal;
+ font-weight: normal;
+ font-family: monospace;
+}
+
+.Ms,
+.Sy {
+ font-style: normal;
+ font-weight: bold;
+}
+
+.Bf {
+ display: inline;
+}
+
+.Xr {
+ font-style: monospace;
+}
+
+/* Overrides to avoid excessive margins on small devices. */
+@media (max-width: 37.5rem) {
+ .manual-text {
+ margin-left: 0.5rem;
+ }
+
+ h1.Sh, h2.Ss {
+ margin-left: 0;
+ }
+
+ .Bd-indent {
+ margin-left: 2rem;
+ }
+
+ .Bl-hang > dd {
+ margin-left: 2rem;
+ }
+
+ .Bl-tag {
+ margin-left: 2rem;
+ }
+
+ .Bl-tag > dt {
+ margin-left: -2rem;
+ }
+
+ .HP {
+ margin-left: 2rem;
+ text-indent: -2rem;
+ }
}
