2020-07-30 11:25:40 +03:00
|
|
|
/* $Id: example.style.css,v 1.49 2011/12/15 12:18:57 kristaps Exp $ */
|
|
|
|
/*
|
|
|
|
* This is an example style-sheet provided for mandoc(1) and the -Thtml
|
|
|
|
* or -Txhtml output mode.
|
|
|
|
* It mimics the appearance of the legacy man.cgi output.
|
|
|
|
* See mdoc(7) and man(7) for macro explanations.
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*
|
|
|
|
.Bd pre {
|
|
|
|
background: teal;
|
|
|
|
color: white;
|
|
|
|
padding: 5px;
|
|
|
|
border-color: teal;
|
|
|
|
border: 2px solid #486262;
|
|
|
|
border-left-width: 5px;
|
|
|
|
overflow-x: auto;
|
|
|
|
}
|
|
|
|
*/
|
|
|
|
|
|
|
|
:root {
|
|
|
|
--color-cm: #0b5b00;
|
|
|
|
--color-pa: green;
|
|
|
|
--color-ar: #b0141a;
|
|
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
:root {
|
|
|
|
--color-cm: #63ff2b;
|
|
|
|
--color-pa: #0f0;
|
|
|
|
--color-ar: #fbb7ba;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
table.Nm tbody tr > * {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.permalink {
|
|
|
|
text-decoration: none;
|
|
|
|
color: var(--color-text);
|
|
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
a.permalink {
|
|
|
|
text-decoration: dotted underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
h1.Sh {
|
|
|
|
font-size: 10pt;
|
|
|
|
margin: 20px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
section.Sh {
|
|
|
|
border-left: 1px dashed #979696;
|
2020-07-30 13:35:35 +03:00
|
|
|
padding-left: 5px;;
|
|
|
|
padding-left: min(2rem, 2vw);
|
2020-07-30 11:25:40 +03:00
|
|
|
overflow-x: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.Nd {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
dl.Bl-tag {
|
|
|
|
/*display: flex;
|
|
|
|
flex-wrap: wrap;*/
|
|
|
|
display: grid;
|
|
|
|
width: 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
overflow-x: auto;
|
|
|
|
grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr);
|
|
|
|
grid-template-rows: auto;
|
|
|
|
}
|
|
|
|
dt {
|
|
|
|
margin: .5rem 0;
|
|
|
|
overflow-x: auto;
|
|
|
|
grid-column: 1 / span 1;
|
|
|
|
}
|
|
|
|
dd {
|
|
|
|
margin-left: auto;
|
|
|
|
margin: .5rem 0;
|
|
|
|
overflow-x: auto;
|
|
|
|
grid-column: 2 / span 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.Cm {
|
|
|
|
color: var(--color-cm);
|
|
|
|
}
|
|
|
|
|
|
|
|
.Ar {
|
|
|
|
color: var(--color-ar);
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.Em {
|
|
|
|
font-style: normal;
|
|
|
|
color: var(--color-pa);
|
|
|
|
}
|
|
|
|
|
|
|
|
.Pa {
|
|
|
|
color: var(--color-pa);
|
|
|
|
}
|
|
|
|
|
|
|
|
.Pa::after {
|
|
|
|
content: " 📁";
|
|
|
|
filter: grayscale();
|
|
|
|
white-space: pre;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
.Pa::after {
|
|
|
|
filter: invert(100%) grayscale(100%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.Pa:hover::after {
|
|
|
|
content: " 📂";
|
|
|
|
white-space: pre;
|
|
|
|
display: inline-block;
|
|
|
|
user-select: none;
|
|
|
|
cursor:pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.Bd.Pp {
|
2020-07-30 13:35:35 +03:00
|
|
|
max-width: min(100%, 85vw);
|
|
|
|
}
|
|
|
|
|
|
|
|
.manual-text {
|
|
|
|
max-width: 95vw;
|
|
|
|
width: 100%;
|
2020-07-30 11:25:40 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.Bd.Bd-indent {
|
|
|
|
margin: 0 2rem;
|
|
|
|
background: darksalmon;
|
|
|
|
padding: .7rem;
|
|
|
|
border: 2px inset #792323;
|
|
|
|
color: #3c0303;
|
|
|
|
box-shadow: inset 2px 2px #c83333;
|
|
|
|
overflow-x:auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.Xr {
|
|
|
|
font-weight: 800;
|
|
|
|
}
|
|
|
|
|
|
|
|
code.Nm::after {
|
|
|
|
white-space: pre;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul.Bl-compact {
|
|
|
|
list-style: inside lower-greek;
|
|
|
|
}
|
|
|
|
|
|
|
|
ol.Bl-enum li {
|
|
|
|
margin: .2rem 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.Bd pre {
|
|
|
|
background: #ecbc2a;
|
|
|
|
color: #3c2b0c;
|
|
|
|
padding: 20px;
|
|
|
|
border: solid #b79328;
|
|
|
|
overflow-x: auto;
|
|
|
|
max-width: max-content;
|
|
|
|
margin: auto;
|
2020-07-30 13:35:35 +03:00
|
|
|
margin-bottom: 5px;
|
2020-07-30 11:25:40 +03:00
|
|
|
box-shadow: 5px 5px #737373;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tbl {
|
|
|
|
border-spacing: 0;
|
|
|
|
border: solid black;
|
|
|
|
border-width: 1px 1px 0px 0px;
|
|
|
|
margin: auto;
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
box-shadow: 1px 1px grey;
|
|
|
|
}
|
|
|
|
|
|
|
|
table.tbl td {
|
|
|
|
border: solid #000;
|
|
|
|
border-width: 0 0 1px 1px;
|
|
|
|
border-spacing: 0;
|
|
|
|
padding: 0.2rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
hr {
|
|
|
|
margin: initial;
|
|
|
|
max-width: 50em;
|
|
|
|
margin-bottom:1rem;
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
.foot {
|
|
|
|
width: 100%;
|
|
|
|
font-size: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.foot .foot-date {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.foot .foot-os {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.head {
|
|
|
|
width: 100%;
|
|
|
|
font-size: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.head .head-ltitle {
|
|
|
|
text-align:left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.head .head-vol {
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.head .head-rtitle {
|
|
|
|
text-align:right;
|
|
|
|
}
|
|
|
|
|
|
|
|
code.Li {
|
|
|
|
background: revert;
|
|
|
|
border: revert;
|
|
|
|
text-align: revert;
|
|
|
|
margin: revert;
|
|
|
|
color: revert;
|
|
|
|
}
|
2020-07-30 13:35:35 +03:00
|
|
|
|
|
|
|
|
|
|
|
/* Documentation */
|
|
|
|
|
|
|
|
span.notice-info {
|
|
|
|
padding: .5rem;
|
|
|
|
border: 2px dashed grey;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
background: var(--color-bg);
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div.mandoc {
|
|
|
|
max-width: 100vw;
|
|
|
|
min-width: 100vw;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav.nav-doc {
|
|
|
|
/* fallback in case max-content is not supported by the browser */
|
|
|
|
max-width: 100%;
|
|
|
|
max-width: max-content;
|
|
|
|
border: 1px solid black;
|
|
|
|
padding: .4rem 1rem .4rem 2rem;
|
|
|
|
background: var(--color-bg);
|
|
|
|
box-shadow: 5px 5px darkgrey;
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
grid-column: 3 / span 1 !important;
|
|
|
|
grid-row: 1;
|
|
|
|
height: max-content;
|
|
|
|
max-height: max-content;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav.nav-doc.sticky {
|
|
|
|
display: none;
|
|
|
|
top: 2rem;
|
|
|
|
position:sticky;
|
|
|
|
overflow: hidden;
|
|
|
|
margin-left: 2rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 75em) {
|
|
|
|
nav.nav-doc {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
nav.nav-doc.sticky {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
nav.nav-doc ul {
|
|
|
|
list-style: square;
|
|
|
|
}
|
|
|
|
|
|
|
|
main.article-doc {
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 1fr minmax(auto, 50em) 1fr;
|
|
|
|
grid-auto-rows: minmax(auto, 0fr);
|
|
|
|
width: 100%;
|
|
|
|
place-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
main.article-doc > * {
|
|
|
|
grid-column: 2 / span 1;
|
|
|
|
width: 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
article.article-doc {
|
|
|
|
max-width: 50em;
|
|
|
|
background: var(--color-bg);
|
|
|
|
}
|
|
|
|
|
|
|
|
article.article-doc2 {
|
|
|
|
margin: 0 auto;
|
|
|
|
background: var(--color-bg);
|
|
|
|
}
|
|
|
|
|