]> git.cameronkatri.com Git - mandoc.git/blob - mandoc.css
fix a wrong column number that got fixed as a side effect
[mandoc.git] / mandoc.css
1 /* $Id: mandoc.css,v 1.49 2022/03/17 18:45:49 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 */
10
11 /* Global defaults. */
12
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; }
35
36 .permalink { border-bottom: thin dotted;
37 color: inherit;
38 font: inherit;
39 text-decoration: inherit; }
40 * { clear: both }
41
42 /* Search form and search results. */
43
44 fieldset { border: thin solid silver;
45 border-radius: 1em;
46 text-align: center; }
47 input[name=expr] {
48 width: 25%; }
49
50 table.results { margin-top: 1em;
51 margin-left: 2em;
52 font-size: smaller; }
53
54 /* Header and footer lines. */
55
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; }
63
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; }
69
70 /* Sections and paragraphs. */
71
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 { }
87
88 /* Displays and lists. */
89
90 .Bd { }
91 .Bd-indent { margin-left: 3.8em; }
92
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; }
105
106 .Bl-enum { padding-left: 2em; }
107 .Bl-enum > li { }
108 .Bl-compact > li {
109 margin-top: 0em; }
110
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; }
150
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; }
157
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 { }
177
178 .eqn { }
179 .tbl td { vertical-align: middle; }
180
181 .HP { margin-left: 3.8em;
182 text-indent: -3.8em; }
183
184 /* Semantic markup for command line utilities. */
185
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 flow; }
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; }
207
208 /* Semantic markup for function libraries. */
209
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; }
235
236 /* Various semantic markup. */
237
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 { }
250
251 /* Physical markup. */
252
253 .Bf { display: inline flow; }
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; }
263
264 /* Tooltip support. */
265
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 flow;
271 position: relative; }
272
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"; }
304
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; }
337
338 /* Overrides to avoid excessive margins on small devices. */
339
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; }
352 }
353
354 /* Overrides for a dark color scheme for accessibility. */
355
356 @media (prefers-color-scheme: dark) {
357 html { --bg: #1E1F21;
358 --fg: #EEEFF1; }
359 :link { color: #BAD7FF; }
360 :visited { color: #F6BAFF; }
361 }