1 /* $Id: mandoc.css,v 1.45 2019/03/01 10:57:18 schwarze Exp $ */
3 * Standard style sheet for mandoc(1) -Thtml and man.cgi(8).
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.
11 /* Global defaults. */
13 html { max-width: 65em; }
14 body { font-family: Helvetica,Arial,sans-serif; }
15 table { margin-top: 0em;
17 border-collapse: collapse; }
18 /* Some browsers set border-color in a browser style for tbody,
19 * but not for table, resulting in inconsistent border styling. */
20 tbody { border-color: inherit; }
21 tr { border-color: inherit; }
22 td { vertical-align: top;
25 border-color: inherit; }
26 ul, ol, dl { margin-top: 0em;
28 li, dt { margin-top: 1em; }
30 .permalink { border-bottom: thin dotted;
33 text-decoration: inherit; }
36 /* Search form and search results. */
38 fieldset { border: thin solid silver;
44 table.results { margin-top: 1em;
48 /* Header and footer lines. */
50 table.head { width: 100%;
51 border-bottom: 1px dotted #808080;
54 td.head-vol { text-align: center; }
58 table.foot { width: 100%;
59 border-top: 1px dotted #808080;
62 td.foot-os { text-align: right; }
64 /* Sections and paragraphs. */
70 h1.Sh { margin-top: 1.2em;
75 h2.Ss { margin-top: 1.2em;
79 .Pp { margin: 0.6em 0em; }
83 /* Displays and lists. */
86 .Bd-indent { margin-left: 3.8em; }
88 .Bl-bullet { list-style-type: disc;
91 .Bl-dash { list-style-type: none;
93 .Bl-dash > li:before {
95 .Bl-item { list-style-type: none;
101 .Bl-enum { padding-left: 2em; }
115 margin-left: 5.5em; }
124 .Bl-tag { margin-top: 0.6em;
125 margin-left: 5.5em; }
130 padding-right: 0.5em;
131 vertical-align: top; }
137 margin-bottom: 0.6em;
140 .Bl-compact { margin-top: 0em; }
142 margin-bottom: 0em; }
147 .Bl-column > tbody > tr { }
148 .Bl-column > tbody > tr > td {
150 .Bl-compact > tbody > tr > td {
153 .Rs { font-style: normal;
154 font-weight: normal; }
156 .RsB { font-style: italic;
157 font-weight: normal; }
160 .RsI { font-style: italic;
161 font-weight: normal; }
162 .RsJ { font-style: italic;
163 font-weight: normal; }
169 .RsT { text-decoration: underline; }
174 .tbl td { vertical-align: middle; }
176 .HP { margin-left: 3.8em;
177 text-indent: -3.8em; }
179 /* Semantic markup for command line utilities. */
182 code.Nm { font-style: normal;
184 font-family: inherit; }
185 .Fl { font-style: normal;
187 font-family: inherit; }
188 .Cm { font-style: normal;
190 font-family: inherit; }
191 .Ar { font-style: italic;
192 font-weight: normal; }
193 .Op { display: inline; }
194 .Ic { font-style: normal;
196 font-family: inherit; }
197 .Ev { font-style: normal;
199 font-family: monospace; }
200 .Pa { font-style: italic;
201 font-weight: normal; }
203 /* Semantic markup for function libraries. */
206 code.In { font-style: normal;
208 font-family: inherit; }
210 .Fd { font-style: normal;
212 font-family: inherit; }
213 .Ft { font-style: italic;
214 font-weight: normal; }
215 .Fn { font-style: normal;
217 font-family: inherit; }
218 .Fa { font-style: italic;
219 font-weight: normal; }
220 .Vt { font-style: italic;
221 font-weight: normal; }
222 .Va { font-style: italic;
223 font-weight: normal; }
224 .Dv { font-style: normal;
226 font-family: monospace; }
227 .Er { font-style: normal;
229 font-family: monospace; }
231 /* Various semantic markup. */
236 .Cd { font-style: normal;
238 font-family: inherit; }
239 .Ad { font-style: italic;
240 font-weight: normal; }
241 .Ms { font-style: normal;
246 /* Physical markup. */
248 .Bf { display: inline; }
249 .No { font-style: normal;
250 font-weight: normal; }
251 .Em { font-style: italic;
252 font-weight: normal; }
253 .Sy { font-style: normal;
255 .Li { font-style: normal;
257 font-family: monospace; }
259 /* Tooltip support. */
261 h1.Sh, h2.Ss { position: relative; }
262 .An, .Ar, .Cd, .Cm, .Dv, .Em, .Er, .Ev, .Fa, .Fd, .Fl, .Fn, .Ft,
263 .Ic, code.In, .Lb, .Lk, .Ms, .Mt, .Nd, code.Nm, .Pa, .Rs,
264 .St, .Sx, .Sy, .Va, .Vt, .Xr {
265 display: inline-block;
266 position: relative; }
268 .An::before { content: "An"; }
269 .Ar::before { content: "Ar"; }
270 .Cd::before { content: "Cd"; }
271 .Cm::before { content: "Cm"; }
272 .Dv::before { content: "Dv"; }
273 .Em::before { content: "Em"; }
274 .Er::before { content: "Er"; }
275 .Ev::before { content: "Ev"; }
276 .Fa::before { content: "Fa"; }
277 .Fd::before { content: "Fd"; }
278 .Fl::before { content: "Fl"; }
279 .Fn::before { content: "Fn"; }
280 .Ft::before { content: "Ft"; }
281 .Ic::before { content: "Ic"; }
282 code.In::before { content: "In"; }
283 .Lb::before { content: "Lb"; }
284 .Lk::before { content: "Lk"; }
285 .Ms::before { content: "Ms"; }
286 .Mt::before { content: "Mt"; }
287 .Nd::before { content: "Nd"; }
288 code.Nm::before { content: "Nm"; }
289 .Pa::before { content: "Pa"; }
290 .Rs::before { content: "Rs"; }
291 h1.Sh::before { content: "Sh"; }
292 h2.Ss::before { content: "Ss"; }
293 .St::before { content: "St"; }
294 .Sx::before { content: "Sx"; }
295 .Sy::before { content: "Sy"; }
296 .Va::before { content: "Va"; }
297 .Vt::before { content: "Vt"; }
298 .Xr::before { content: "Xr"; }
300 .An::before, .Ar::before, .Cd::before, .Cm::before,
301 .Dv::before, .Em::before, .Er::before, .Ev::before,
302 .Fa::before, .Fd::before, .Fl::before, .Fn::before, .Ft::before,
303 .Ic::before, code.In::before, .Lb::before, .Lk::before,
304 .Ms::before, .Mt::before, .Nd::before, code.Nm::before,
305 .Pa::before, .Rs::before,
306 h1.Sh::before, h2.Ss::before, .St::before, .Sx::before, .Sy::before,
307 .Va::before, .Vt::before, .Xr::before {
309 transition: .15s ease opacity;
310 pointer-events: none;
313 box-shadow: 0 0 .35em #000;
314 padding: .15em .25em;
316 font-family: Helvetica,Arial,sans-serif;
321 .An:hover::before, .Ar:hover::before, .Cd:hover::before, .Cm:hover::before,
322 .Dv:hover::before, .Em:hover::before, .Er:hover::before, .Ev:hover::before,
323 .Fa:hover::before, .Fd:hover::before, .Fl:hover::before, .Fn:hover::before,
324 .Ft:hover::before, .Ic:hover::before, code.In:hover::before,
325 .Lb:hover::before, .Lk:hover::before, .Ms:hover::before, .Mt:hover::before,
326 .Nd:hover::before, code.Nm:hover::before, .Pa:hover::before,
327 .Rs:hover::before, h1.Sh:hover::before, h2.Ss:hover::before, .St:hover::before,
328 .Sx:hover::before, .Sy:hover::before, .Va:hover::before, .Vt:hover::before,
331 pointer-events: inherit; }
333 /* Overrides to avoid excessive margins on small devices. */
335 @media (max-width: 37.5em) {
337 margin-left: 0.5em; }
338 h1.Sh, h2.Ss { margin-left: 0em; }
339 .Bd-indent { margin-left: 2em; }
342 .Bl-tag { margin-left: 2em; }
345 .HP { margin-left: 2em;