Blob


1 /* $OpenBSD: mandoc.css,v 1.35 2021/03/30 19:23:50 schwarze Exp $ */
2 /*
3 * Standard style sheet for mandoc(1) -Thtml and man.cgi(8).
4 *
5 * Written by Ingo Schwarze <schwarze@openbsd.org>.
6 * I place this file into the public domain.
7 * Permission to use, copy, modify, and distribute it for any purpose
8 * with or without fee is hereby granted, without any conditions.
9 */
11 /* Global defaults. */
13 html { max-width: 65em;
14 --bg: #FFFFFF;
15 --fg: #000000; }
16 body { background: var(--bg);
17 color: var(--fg);
18 font-family: Helvetica,Arial,sans-serif; }
19 h1 { font-size: 110%; }
20 table { margin-top: 0em;
21 margin-bottom: 0em;
22 border-collapse: collapse; }
23 /* Some browsers set border-color in a browser style for tbody,
24 * but not for table, resulting in inconsistent border styling. */
25 tbody { border-color: inherit; }
26 tr { border-color: inherit; }
27 td { vertical-align: top;
28 padding-left: 0.2em;
29 padding-right: 0.2em;
30 border-color: inherit; }
31 ul, ol, dl { margin-top: 0em;
32 margin-bottom: 0em; }
33 li, dt { margin-top: 1em; }
34 pre { font-family: inherit; }
36 .permalink { border-bottom: thin dotted;
37 color: inherit;
38 font: inherit;
39 text-decoration: inherit; }
40 * { clear: both }
42 /* Search form and search results. */
44 fieldset { border: thin solid silver;
45 border-radius: 1em;
46 text-align: center; }
47 input[name=expr] {
48 width: 25%; }
50 table.results { margin-top: 1em;
51 margin-left: 2em;
52 font-size: smaller; }
54 /* Header and footer lines. */
56 table.head { width: 100%;
57 border-bottom: 1px dotted #808080;
58 margin-bottom: 1em;
59 font-size: smaller; }
60 td.head-vol { text-align: center; }
61 td.head-rtitle {
62 text-align: right; }
64 table.foot { width: 100%;
65 border-top: 1px dotted #808080;
66 margin-top: 1em;
67 font-size: smaller; }
68 td.foot-os { text-align: right; }
70 /* Sections and paragraphs. */
72 .manual-text {
73 margin-left: 3.8em; }
74 .Nd { }
75 section.Sh { }
76 h1.Sh { margin-top: 1.2em;
77 margin-bottom: 0.6em;
78 margin-left: -3.2em; }
79 section.Ss { }
80 h2.Ss { margin-top: 1.2em;
81 margin-bottom: 0.6em;
82 margin-left: -1.2em;
83 font-size: 105%; }
84 .Pp { margin: 0.6em 0em; }
85 .Sx { }
86 .Xr { }
88 /* Displays and lists. */
90 .Bd { }
91 .Bd-indent { margin-left: 3.8em; }
93 .Bl-bullet { list-style-type: disc;
94 padding-left: 1em; }
95 .Bl-bullet > li { }
96 .Bl-dash { list-style-type: none;
97 padding-left: 0em; }
98 .Bl-dash > li:before {
99 content: "\2014 "; }
100 .Bl-item { list-style-type: none;
101 padding-left: 0em; }
102 .Bl-item > li { }
103 .Bl-compact > li {
104 margin-top: 0em; }
106 .Bl-enum { padding-left: 2em; }
107 .Bl-enum > li { }
108 .Bl-compact > li {
109 margin-top: 0em; }
111 .Bl-diag { }
112 .Bl-diag > dt {
113 font-style: normal;
114 font-weight: bold; }
115 .Bl-diag > dd {
116 margin-left: 0em; }
117 .Bl-hang { }
118 .Bl-hang > dt { }
119 .Bl-hang > dd {
120 margin-left: 5.5em; }
121 .Bl-inset { }
122 .Bl-inset > dt { }
123 .Bl-inset > dd {
124 margin-left: 0em; }
125 .Bl-ohang { }
126 .Bl-ohang > dt { }
127 .Bl-ohang > dd {
128 margin-left: 0em; }
129 .Bl-tag { margin-top: 0.6em;
130 margin-left: 5.5em; }
131 .Bl-tag > dt {
132 float: left;
133 margin-top: 0em;
134 margin-left: -5.5em;
135 padding-right: 0.5em;
136 vertical-align: top; }
137 .Bl-tag > dd {
138 clear: right;
139 column-count: 1; /* Force block formatting context. */
140 width: 100%;
141 margin-top: 0em;
142 margin-left: 0em;
143 margin-bottom: 0.6em;
144 vertical-align: top; }
145 .Bl-compact { margin-top: 0em; }
146 .Bl-compact > dd {
147 margin-bottom: 0em; }
148 .Bl-compact > dt {
149 margin-top: 0em; }
151 .Bl-column { }
152 .Bl-column > tbody > tr { }
153 .Bl-column > tbody > tr > td {
154 margin-top: 1em; }
155 .Bl-compact > tbody > tr > td {
156 margin-top: 0em; }
158 .Rs { font-style: normal;
159 font-weight: normal; }
160 .RsA { }
161 .RsB { font-style: italic;
162 font-weight: normal; }
163 .RsC { }
164 .RsD { }
165 .RsI { font-style: italic;
166 font-weight: normal; }
167 .RsJ { font-style: italic;
168 font-weight: normal; }
169 .RsN { }
170 .RsO { }
171 .RsP { }
172 .RsQ { }
173 .RsR { }
174 .RsT { text-decoration: underline; }
175 .RsU { }
176 .RsV { }
178 .eqn { }
179 .tbl td { vertical-align: middle; }
181 .HP { margin-left: 3.8em;
182 text-indent: -3.8em; }
184 /* Semantic markup for command line utilities. */
186 table.Nm { }
187 code.Nm { font-style: normal;
188 font-weight: bold;
189 font-family: inherit; }
190 .Fl { font-style: normal;
191 font-weight: bold;
192 font-family: inherit; }
193 .Cm { font-style: normal;
194 font-weight: bold;
195 font-family: inherit; }
196 .Ar { font-style: italic;
197 font-weight: normal; }
198 .Op { display: inline; }
199 .Ic { font-style: normal;
200 font-weight: bold;
201 font-family: inherit; }
202 .Ev { font-style: normal;
203 font-weight: normal;
204 font-family: monospace; }
205 .Pa { font-style: italic;
206 font-weight: normal; }
208 /* Semantic markup for function libraries. */
210 .Lb { }
211 code.In { font-style: normal;
212 font-weight: bold;
213 font-family: inherit; }
214 a.In { }
215 .Fd { font-style: normal;
216 font-weight: bold;
217 font-family: inherit; }
218 .Ft { font-style: italic;
219 font-weight: normal; }
220 .Fn { font-style: normal;
221 font-weight: bold;
222 font-family: inherit; }
223 .Fa { font-style: italic;
224 font-weight: normal; }
225 .Vt { font-style: italic;
226 font-weight: normal; }
227 .Va { font-style: italic;
228 font-weight: normal; }
229 .Dv { font-style: normal;
230 font-weight: normal;
231 font-family: monospace; }
232 .Er { font-style: normal;
233 font-weight: normal;
234 font-family: monospace; }
236 /* Various semantic markup. */
238 .An { }
239 .Lk { }
240 .Mt { }
241 .Cd { font-style: normal;
242 font-weight: bold;
243 font-family: inherit; }
244 .Ad { font-style: italic;
245 font-weight: normal; }
246 .Ms { font-style: normal;
247 font-weight: bold; }
248 .St { }
249 .Ux { }
251 /* Physical markup. */
253 .Bf { display: inline; }
254 .No { font-style: normal;
255 font-weight: normal; }
256 .Em { font-style: italic;
257 font-weight: normal; }
258 .Sy { font-style: normal;
259 font-weight: bold; }
260 .Li { font-style: normal;
261 font-weight: normal;
262 font-family: monospace; }
264 /* Tooltip support. */
266 h1.Sh, h2.Ss { position: relative; }
267 .An, .Ar, .Cd, .Cm, .Dv, .Em, .Er, .Ev, .Fa, .Fd, .Fl, .Fn, .Ft,
268 .Ic, code.In, .Lb, .Lk, .Ms, .Mt, .Nd, code.Nm, .Pa, .Rs,
269 .St, .Sx, .Sy, .Va, .Vt, .Xr {
270 display: inline-block;
271 position: relative; }
273 .An::before { content: "An"; }
274 .Ar::before { content: "Ar"; }
275 .Cd::before { content: "Cd"; }
276 .Cm::before { content: "Cm"; }
277 .Dv::before { content: "Dv"; }
278 .Em::before { content: "Em"; }
279 .Er::before { content: "Er"; }
280 .Ev::before { content: "Ev"; }
281 .Fa::before { content: "Fa"; }
282 .Fd::before { content: "Fd"; }
283 .Fl::before { content: "Fl"; }
284 .Fn::before { content: "Fn"; }
285 .Ft::before { content: "Ft"; }
286 .Ic::before { content: "Ic"; }
287 code.In::before { content: "In"; }
288 .Lb::before { content: "Lb"; }
289 .Lk::before { content: "Lk"; }
290 .Ms::before { content: "Ms"; }
291 .Mt::before { content: "Mt"; }
292 .Nd::before { content: "Nd"; }
293 code.Nm::before { content: "Nm"; }
294 .Pa::before { content: "Pa"; }
295 .Rs::before { content: "Rs"; }
296 h1.Sh::before { content: "Sh"; }
297 h2.Ss::before { content: "Ss"; }
298 .St::before { content: "St"; }
299 .Sx::before { content: "Sx"; }
300 .Sy::before { content: "Sy"; }
301 .Va::before { content: "Va"; }
302 .Vt::before { content: "Vt"; }
303 .Xr::before { content: "Xr"; }
305 .An::before, .Ar::before, .Cd::before, .Cm::before,
306 .Dv::before, .Em::before, .Er::before, .Ev::before,
307 .Fa::before, .Fd::before, .Fl::before, .Fn::before, .Ft::before,
308 .Ic::before, code.In::before, .Lb::before, .Lk::before,
309 .Ms::before, .Mt::before, .Nd::before, code.Nm::before,
310 .Pa::before, .Rs::before,
311 h1.Sh::before, h2.Ss::before, .St::before, .Sx::before, .Sy::before,
312 .Va::before, .Vt::before, .Xr::before {
313 opacity: 0;
314 transition: .15s ease opacity;
315 pointer-events: none;
316 position: absolute;
317 bottom: 100%;
318 box-shadow: 0 0 .35em var(--fg);
319 padding: .15em .25em;
320 white-space: nowrap;
321 font-family: Helvetica,Arial,sans-serif;
322 font-style: normal;
323 font-weight: bold;
324 background: var(--bg);
325 color: var(--fg); }
326 .An:hover::before, .Ar:hover::before, .Cd:hover::before, .Cm:hover::before,
327 .Dv:hover::before, .Em:hover::before, .Er:hover::before, .Ev:hover::before,
328 .Fa:hover::before, .Fd:hover::before, .Fl:hover::before, .Fn:hover::before,
329 .Ft:hover::before, .Ic:hover::before, code.In:hover::before,
330 .Lb:hover::before, .Lk:hover::before, .Ms:hover::before, .Mt:hover::before,
331 .Nd:hover::before, code.Nm:hover::before, .Pa:hover::before,
332 .Rs:hover::before, h1.Sh:hover::before, h2.Ss:hover::before, .St:hover::before,
333 .Sx:hover::before, .Sy:hover::before, .Va:hover::before, .Vt:hover::before,
334 .Xr:hover::before {
335 opacity: 1;
336 pointer-events: inherit; }
338 /* Overrides to avoid excessive margins on small devices. */
340 @media (max-width: 37.5em) {
341 .manual-text {
342 margin-left: 0.5em; }
343 h1.Sh, h2.Ss { margin-left: 0em; }
344 .Bd-indent { margin-left: 2em; }
345 .Bl-hang > dd {
346 margin-left: 2em; }
347 .Bl-tag { margin-left: 2em; }
348 .Bl-tag > dt {
349 margin-left: -2em; }
350 .HP { margin-left: 2em;
351 text-indent: -2em; }
354 /* Overrides for a dark color scheme for accessibility. */
356 @media (prefers-color-scheme: dark) {
357 html { --bg: #1E1F21;
358 --fg: #EEEFF1; }
359 :link { color: #BAD7FF; }
360 :visited { color: #F6BAFF; }
362 /* $OpenBSD: mandoc.css,v 1.35 2021/03/30 19:23:50 schwarze Exp $ */
363 /*
364 * Standard style sheet for mandoc(1) -Thtml and man.cgi(8).
366 * Written by Ingo Schwarze <schwarze@openbsd.org>.
367 * I place this file into the public domain.
368 * Permission to use, copy, modify, and distribute it for any purpose
369 * with or without fee is hereby granted, without any conditions.
370 */
372 /* Global defaults. */
374 html { max-width: 65em;
375 --bg: #FFFFFF;
376 --fg: #000000; }
377 body { background: var(--bg);
378 color: var(--fg);
379 font-family: Helvetica,Arial,sans-serif; }
380 h1 { font-size: 110%; }
381 table { margin-top: 0em;
382 margin-bottom: 0em;
383 border-collapse: collapse; }
384 /* Some browsers set border-color in a browser style for tbody,
385 * but not for table, resulting in inconsistent border styling. */
386 tbody { border-color: inherit; }
387 tr { border-color: inherit; }
388 td { vertical-align: top;
389 padding-left: 0.2em;
390 padding-right: 0.2em;
391 border-color: inherit; }
392 ul, ol, dl { margin-top: 0em;
393 margin-bottom: 0em; }
394 li, dt { margin-top: 1em; }
395 pre { font-family: inherit; }
397 .permalink { border-bottom: thin dotted;
398 color: inherit;
399 font: inherit;
400 text-decoration: inherit; }
401 * { clear: both }
403 /* Search form and search results. */
405 fieldset { border: thin solid silver;
406 border-radius: 1em;
407 text-align: center; }
408 input[name=expr] {
409 width: 25%; }
411 table.results { margin-top: 1em;
412 margin-left: 2em;
413 font-size: smaller; }
415 /* Header and footer lines. */
417 table.head { width: 100%;
418 border-bottom: 1px dotted #808080;
419 margin-bottom: 1em;
420 font-size: smaller; }
421 td.head-vol { text-align: center; }
422 td.head-rtitle {
423 text-align: right; }
425 table.foot { width: 100%;
426 border-top: 1px dotted #808080;
427 margin-top: 1em;
428 font-size: smaller; }
429 td.foot-os { text-align: right; }
431 /* Sections and paragraphs. */
433 .manual-text {
434 margin-left: 3.8em; }
435 .Nd { }
436 section.Sh { }
437 h1.Sh { margin-top: 1.2em;
438 margin-bottom: 0.6em;
439 margin-left: -3.2em; }
440 section.Ss { }
441 h2.Ss { margin-top: 1.2em;
442 margin-bottom: 0.6em;
443 margin-left: -1.2em;
444 font-size: 105%; }
445 .Pp { margin: 0.6em 0em; }
446 .Sx { }
447 .Xr { }
449 /* Displays and lists. */
451 .Bd { }
452 .Bd-indent { margin-left: 3.8em; }
454 .Bl-bullet { list-style-type: disc;
455 padding-left: 1em; }
456 .Bl-bullet > li { }
457 .Bl-dash { list-style-type: none;
458 padding-left: 0em; }
459 .Bl-dash > li:before {
460 content: "\2014 "; }
461 .Bl-item { list-style-type: none;
462 padding-left: 0em; }
463 .Bl-item > li { }
464 .Bl-compact > li {
465 margin-top: 0em; }
467 .Bl-enum { padding-left: 2em; }
468 .Bl-enum > li { }
469 .Bl-compact > li {
470 margin-top: 0em; }
472 .Bl-diag { }
473 .Bl-diag > dt {
474 font-style: normal;
475 font-weight: bold; }
476 .Bl-diag > dd {
477 margin-left: 0em; }
478 .Bl-hang { }
479 .Bl-hang > dt { }
480 .Bl-hang > dd {
481 margin-left: 5.5em; }
482 .Bl-inset { }
483 .Bl-inset > dt { }
484 .Bl-inset > dd {
485 margin-left: 0em; }
486 .Bl-ohang { }
487 .Bl-ohang > dt { }
488 .Bl-ohang > dd {
489 margin-left: 0em; }
490 .Bl-tag { margin-top: 0.6em;
491 margin-left: 5.5em; }
492 .Bl-tag > dt {
493 float: left;
494 margin-top: 0em;
495 margin-left: -5.5em;
496 padding-right: 0.5em;
497 vertical-align: top; }
498 .Bl-tag > dd {
499 clear: right;
500 column-count: 1; /* Force block formatting context. */
501 width: 100%;
502 margin-top: 0em;
503 margin-left: 0em;
504 margin-bottom: 0.6em;
505 vertical-align: top; }
506 .Bl-compact { margin-top: 0em; }
507 .Bl-compact > dd {
508 margin-bottom: 0em; }
509 .Bl-compact > dt {
510 margin-top: 0em; }
512 .Bl-column { }
513 .Bl-column > tbody > tr { }
514 .Bl-column > tbody > tr > td {
515 margin-top: 1em; }
516 .Bl-compact > tbody > tr > td {
517 margin-top: 0em; }
519 .Rs { font-style: normal;
520 font-weight: normal; }
521 .RsA { }
522 .RsB { font-style: italic;
523 font-weight: normal; }
524 .RsC { }
525 .RsD { }
526 .RsI { font-style: italic;
527 font-weight: normal; }
528 .RsJ { font-style: italic;
529 font-weight: normal; }
530 .RsN { }
531 .RsO { }
532 .RsP { }
533 .RsQ { }
534 .RsR { }
535 .RsT { text-decoration: underline; }
536 .RsU { }
537 .RsV { }
539 .eqn { }
540 .tbl td { vertical-align: middle; }
542 .HP { margin-left: 3.8em;
543 text-indent: -3.8em; }
545 /* Semantic markup for command line utilities. */
547 table.Nm { }
548 code.Nm { font-style: normal;
549 font-weight: bold;
550 font-family: inherit; }
551 .Fl { font-style: normal;
552 font-weight: bold;
553 font-family: inherit; }
554 .Cm { font-style: normal;
555 font-weight: bold;
556 font-family: inherit; }
557 .Ar { font-style: italic;
558 font-weight: normal; }
559 .Op { display: inline; }
560 .Ic { font-style: normal;
561 font-weight: bold;
562 font-family: inherit; }
563 .Ev { font-style: normal;
564 font-weight: normal;
565 font-family: monospace; }
566 .Pa { font-style: italic;
567 font-weight: normal; }
569 /* Semantic markup for function libraries. */
571 .Lb { }
572 code.In { font-style: normal;
573 font-weight: bold;
574 font-family: inherit; }
575 a.In { }
576 .Fd { font-style: normal;
577 font-weight: bold;
578 font-family: inherit; }
579 .Ft { font-style: italic;
580 font-weight: normal; }
581 .Fn { font-style: normal;
582 font-weight: bold;
583 font-family: inherit; }
584 .Fa { font-style: italic;
585 font-weight: normal; }
586 .Vt { font-style: italic;
587 font-weight: normal; }
588 .Va { font-style: italic;
589 font-weight: normal; }
590 .Dv { font-style: normal;
591 font-weight: normal;
592 font-family: monospace; }
593 .Er { font-style: normal;
594 font-weight: normal;
595 font-family: monospace; }
597 /* Various semantic markup. */
599 .An { }
600 .Lk { }
601 .Mt { }
602 .Cd { font-style: normal;
603 font-weight: bold;
604 font-family: inherit; }
605 .Ad { font-style: italic;
606 font-weight: normal; }
607 .Ms { font-style: normal;
608 font-weight: bold; }
609 .St { }
610 .Ux { }
612 /* Physical markup. */
614 .Bf { display: inline; }
615 .No { font-style: normal;
616 font-weight: normal; }
617 .Em { font-style: italic;
618 font-weight: normal; }
619 .Sy { font-style: normal;
620 font-weight: bold; }
621 .Li { font-style: normal;
622 font-weight: normal;
623 font-family: monospace; }
625 /* Tooltip support. */
627 h1.Sh, h2.Ss { position: relative; }
628 .An, .Ar, .Cd, .Cm, .Dv, .Em, .Er, .Ev, .Fa, .Fd, .Fl, .Fn, .Ft,
629 .Ic, code.In, .Lb, .Lk, .Ms, .Mt, .Nd, code.Nm, .Pa, .Rs,
630 .St, .Sx, .Sy, .Va, .Vt, .Xr {
631 display: inline-block;
632 position: relative; }
634 .An::before { content: "An"; }
635 .Ar::before { content: "Ar"; }
636 .Cd::before { content: "Cd"; }
637 .Cm::before { content: "Cm"; }
638 .Dv::before { content: "Dv"; }
639 .Em::before { content: "Em"; }
640 .Er::before { content: "Er"; }
641 .Ev::before { content: "Ev"; }
642 .Fa::before { content: "Fa"; }
643 .Fd::before { content: "Fd"; }
644 .Fl::before { content: "Fl"; }
645 .Fn::before { content: "Fn"; }
646 .Ft::before { content: "Ft"; }
647 .Ic::before { content: "Ic"; }
648 code.In::before { content: "In"; }
649 .Lb::before { content: "Lb"; }
650 .Lk::before { content: "Lk"; }
651 .Ms::before { content: "Ms"; }
652 .Mt::before { content: "Mt"; }
653 .Nd::before { content: "Nd"; }
654 code.Nm::before { content: "Nm"; }
655 .Pa::before { content: "Pa"; }
656 .Rs::before { content: "Rs"; }
657 h1.Sh::before { content: "Sh"; }
658 h2.Ss::before { content: "Ss"; }
659 .St::before { content: "St"; }
660 .Sx::before { content: "Sx"; }
661 .Sy::before { content: "Sy"; }
662 .Va::before { content: "Va"; }
663 .Vt::before { content: "Vt"; }
664 .Xr::before { content: "Xr"; }
666 .An::before, .Ar::before, .Cd::before, .Cm::before,
667 .Dv::before, .Em::before, .Er::before, .Ev::before,
668 .Fa::before, .Fd::before, .Fl::before, .Fn::before, .Ft::before,
669 .Ic::before, code.In::before, .Lb::before, .Lk::before,
670 .Ms::before, .Mt::before, .Nd::before, code.Nm::before,
671 .Pa::before, .Rs::before,
672 h1.Sh::before, h2.Ss::before, .St::before, .Sx::before, .Sy::before,
673 .Va::before, .Vt::before, .Xr::before {
674 opacity: 0;
675 transition: .15s ease opacity;
676 pointer-events: none;
677 position: absolute;
678 bottom: 100%;
679 box-shadow: 0 0 .35em var(--fg);
680 padding: .15em .25em;
681 white-space: nowrap;
682 font-family: Helvetica,Arial,sans-serif;
683 font-style: normal;
684 font-weight: bold;
685 background: var(--bg);
686 color: var(--fg); }
687 .An:hover::before, .Ar:hover::before, .Cd:hover::before, .Cm:hover::before,
688 .Dv:hover::before, .Em:hover::before, .Er:hover::before, .Ev:hover::before,
689 .Fa:hover::before, .Fd:hover::before, .Fl:hover::before, .Fn:hover::before,
690 .Ft:hover::before, .Ic:hover::before, code.In:hover::before,
691 .Lb:hover::before, .Lk:hover::before, .Ms:hover::before, .Mt:hover::before,
692 .Nd:hover::before, code.Nm:hover::before, .Pa:hover::before,
693 .Rs:hover::before, h1.Sh:hover::before, h2.Ss:hover::before, .St:hover::before,
694 .Sx:hover::before, .Sy:hover::before, .Va:hover::before, .Vt:hover::before,
695 .Xr:hover::before {
696 opacity: 1;
697 pointer-events: inherit; }
699 /* Overrides to avoid excessive margins on small devices. */
701 @media (max-width: 37.5em) {
702 .manual-text {
703 margin-left: 0.5em; }
704 h1.Sh, h2.Ss { margin-left: 0em; }
705 .Bd-indent { margin-left: 2em; }
706 .Bl-hang > dd {
707 margin-left: 2em; }
708 .Bl-tag { margin-left: 2em; }
709 .Bl-tag > dt {
710 margin-left: -2em; }
711 .HP { margin-left: 2em;
712 text-indent: -2em; }
715 /* Overrides for a dark color scheme for accessibility. */
717 @media (prefers-color-scheme: dark) {
718 html { --bg: #1E1F21;
719 --fg: #EEEFF1; }
720 :link { color: #BAD7FF; }
721 :visited { color: #F6BAFF; }