Annotation of src/usr.bin/mandoc/mandoc.css, Revision 1.28
1.28 ! schwarze 1: /* $OpenBSD: mandoc.css,v 1.27 2018/11/26 21:05:54 schwarze Exp $ */
1.1 schwarze 2: /*
3: * Standard style sheet for mandoc(1) -Thtml and man.cgi(8).
1.26 schwarze 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.
1.1 schwarze 9: */
10:
11: /* Global defaults. */
12:
1.17 schwarze 13: html { max-width: 65em; }
1.1 schwarze 14: body { font-family: Helvetica,Arial,sans-serif; }
15: table { margin-top: 0em;
1.27 schwarze 16: margin-bottom: 0em;
17: border-collapse: collapse; }
1.28 ! schwarze 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; }
1.27 schwarze 22: td { vertical-align: middle;
23: padding-left: 0.2em;
1.28 ! schwarze 24: padding-right: 0.2em;
! 25: border-color: inherit; }
1.1 schwarze 26: ul, ol, dl { margin-top: 0em;
27: margin-bottom: 0em; }
28: li, dt { margin-top: 1em; }
1.5 schwarze 29:
1.23 schwarze 30: .permalink { border-bottom: thin dotted;
1.5 schwarze 31: color: inherit;
32: font: inherit;
33: text-decoration: inherit; }
1.9 schwarze 34: * { clear: both }
1.1 schwarze 35:
36: /* Search form and search results. */
37:
38: fieldset { border: thin solid silver;
39: border-radius: 1em;
40: text-align: center; }
41: input[name=expr] {
42: width: 25%; }
43:
44: table.results { margin-top: 1em;
45: margin-left: 2em;
46: font-size: smaller; }
47:
48: /* Header and footer lines. */
49:
50: table.head { width: 100%;
51: border-bottom: 1px dotted #808080;
52: margin-bottom: 1em;
53: font-size: smaller; }
54: td.head-vol { text-align: center; }
55: td.head-rtitle {
56: text-align: right; }
57:
58: table.foot { width: 100%;
59: border-top: 1px dotted #808080;
60: margin-top: 1em;
61: font-size: smaller; }
62: td.foot-os { text-align: right; }
63:
64: /* Sections and paragraphs. */
65:
1.23 schwarze 66: .manual-text {
1.17 schwarze 67: margin-left: 3.8em; }
1.19 schwarze 68: .Nd { display: inline; }
1.22 schwarze 69: .Sh { margin-top: 1.2em;
70: margin-bottom: 0.6em;
1.17 schwarze 71: margin-left: -3.2em;
1.1 schwarze 72: font-size: 110%; }
1.22 schwarze 73: .Ss { margin-top: 1.2em;
74: margin-bottom: 0.6em;
1.17 schwarze 75: margin-left: -1.2em;
1.1 schwarze 76: font-size: 105%; }
1.22 schwarze 77: .Pp { margin: 0.6em 0em; }
1.19 schwarze 78: .Sx { }
79: .Xr { }
1.1 schwarze 80:
81: /* Displays and lists. */
82:
1.19 schwarze 83: .Bd { }
1.20 schwarze 84: .Bd-indent { margin-left: 3.8em; }
1.1 schwarze 85:
1.23 schwarze 86: .Bl-bullet { list-style-type: disc;
1.1 schwarze 87: padding-left: 1em; }
1.23 schwarze 88: .Bl-bullet > li { }
89: .Bl-dash { list-style-type: none;
1.1 schwarze 90: padding-left: 0em; }
1.23 schwarze 91: .Bl-dash > li:before {
1.1 schwarze 92: content: "\2014 "; }
1.23 schwarze 93: .Bl-item { list-style-type: none;
1.1 schwarze 94: padding-left: 0em; }
1.23 schwarze 95: .Bl-item > li { }
96: .Bl-compact > li {
1.17 schwarze 97: margin-top: 0em; }
1.1 schwarze 98:
1.23 schwarze 99: .Bl-enum { padding-left: 2em; }
100: .Bl-enum > li { }
101: .Bl-compact > li {
1.17 schwarze 102: margin-top: 0em; }
1.1 schwarze 103:
1.23 schwarze 104: .Bl-diag { }
105: .Bl-diag > dt {
1.12 schwarze 106: font-style: normal;
107: font-weight: bold; }
1.23 schwarze 108: .Bl-diag > dd {
1.17 schwarze 109: margin-left: 0em; }
1.23 schwarze 110: .Bl-hang { }
111: .Bl-hang > dt { }
112: .Bl-hang > dd {
1.17 schwarze 113: margin-left: 5.5em; }
1.23 schwarze 114: .Bl-inset { }
115: .Bl-inset > dt { }
116: .Bl-inset > dd {
1.17 schwarze 117: margin-left: 0em; }
1.23 schwarze 118: .Bl-ohang { }
119: .Bl-ohang > dt { }
120: .Bl-ohang > dd {
1.17 schwarze 121: margin-left: 0em; }
1.23 schwarze 122: .Bl-tag { margin-left: 5.5em; }
123: .Bl-tag > dt {
1.12 schwarze 124: float: left;
1.17 schwarze 125: margin-top: 0em;
126: margin-left: -5.5em;
1.24 schwarze 127: padding-right: 0.5em;
1.1 schwarze 128: vertical-align: top; }
1.23 schwarze 129: .Bl-tag > dd {
1.12 schwarze 130: clear: right;
1.9 schwarze 131: width: 100%;
1.17 schwarze 132: margin-top: 0em;
133: margin-left: 0em;
1.1 schwarze 134: vertical-align: top;
135: overflow: auto; }
1.23 schwarze 136: .Bl-compact > dt {
1.17 schwarze 137: margin-top: 0em; }
1.1 schwarze 138:
1.23 schwarze 139: .Bl-column { }
140: .Bl-column > tbody > tr { }
141: .Bl-column > tbody > tr > td {
1.12 schwarze 142: margin-top: 1em; }
1.23 schwarze 143: .Bl-compact > tbody > tr > td {
1.17 schwarze 144: margin-top: 0em; }
1.1 schwarze 145:
1.19 schwarze 146: .Rs { font-style: normal;
1.2 schwarze 147: font-weight: normal; }
1.19 schwarze 148: .RsA { }
149: .RsB { font-style: italic;
150: font-weight: normal; }
151: .RsC { }
152: .RsD { }
153: .RsI { font-style: italic;
154: font-weight: normal; }
155: .RsJ { font-style: italic;
156: font-weight: normal; }
157: .RsN { }
158: .RsO { }
159: .RsP { }
160: .RsQ { }
161: .RsR { }
162: .RsT { text-decoration: underline; }
163: .RsU { }
164: .RsV { }
1.1 schwarze 165:
1.19 schwarze 166: .eqn { }
167: .tbl { }
1.1 schwarze 168:
1.21 schwarze 169: .HP { margin-left: 3.8em;
170: text-indent: -3.8em; }
171:
1.1 schwarze 172: /* Semantic markup for command line utilities. */
173:
174: table.Nm { }
1.11 schwarze 175: code.Nm { font-style: normal;
176: font-weight: bold;
177: font-family: inherit; }
1.19 schwarze 178: .Fl { font-style: normal;
1.11 schwarze 179: font-weight: bold;
180: font-family: inherit; }
1.19 schwarze 181: .Cm { font-style: normal;
1.11 schwarze 182: font-weight: bold;
183: font-family: inherit; }
1.19 schwarze 184: .Ar { font-style: italic;
1.3 schwarze 185: font-weight: normal; }
1.19 schwarze 186: .Op { display: inline; }
187: .Ic { font-style: normal;
1.11 schwarze 188: font-weight: bold;
189: font-family: inherit; }
1.19 schwarze 190: .Ev { font-style: normal;
1.1 schwarze 191: font-weight: normal;
192: font-family: monospace; }
1.19 schwarze 193: .Pa { font-style: italic;
1.14 schwarze 194: font-weight: normal; }
1.1 schwarze 195:
196: /* Semantic markup for function libraries. */
197:
1.19 schwarze 198: .Lb { }
1.11 schwarze 199: code.In { font-style: normal;
200: font-weight: bold;
201: font-family: inherit; }
1.1 schwarze 202: a.In { }
1.19 schwarze 203: .Fd { font-style: normal;
1.11 schwarze 204: font-weight: bold;
205: font-family: inherit; }
1.19 schwarze 206: .Ft { font-style: italic;
1.3 schwarze 207: font-weight: normal; }
1.19 schwarze 208: .Fn { font-style: normal;
1.11 schwarze 209: font-weight: bold;
210: font-family: inherit; }
1.19 schwarze 211: .Fa { font-style: italic;
1.3 schwarze 212: font-weight: normal; }
1.19 schwarze 213: .Vt { font-style: italic;
1.3 schwarze 214: font-weight: normal; }
1.19 schwarze 215: .Va { font-style: italic;
1.3 schwarze 216: font-weight: normal; }
1.19 schwarze 217: .Dv { font-style: normal;
1.1 schwarze 218: font-weight: normal;
219: font-family: monospace; }
1.19 schwarze 220: .Er { font-style: normal;
1.1 schwarze 221: font-weight: normal;
222: font-family: monospace; }
223:
224: /* Various semantic markup. */
225:
1.19 schwarze 226: .An { }
227: .Lk { }
228: .Mt { }
229: .Cd { font-style: normal;
1.11 schwarze 230: font-weight: bold;
231: font-family: inherit; }
1.19 schwarze 232: .Ad { font-style: italic;
1.15 schwarze 233: font-weight: normal; }
1.19 schwarze 234: .Ms { font-style: normal;
1.16 schwarze 235: font-weight: bold; }
1.19 schwarze 236: .St { }
237: .Ux { }
1.1 schwarze 238:
239: /* Physical markup. */
240:
1.13 schwarze 241: .Bf { display: inline; }
1.1 schwarze 242: .No { font-style: normal;
243: font-weight: normal; }
244: .Em { font-style: italic;
245: font-weight: normal; }
246: .Sy { font-style: normal;
247: font-weight: bold; }
248: .Li { font-style: normal;
249: font-weight: normal;
250: font-family: monospace; }
1.18 schwarze 251:
252: /* Overrides to avoid excessive margins on small devices. */
253:
254: @media (max-width: 37.5em) {
1.23 schwarze 255: .manual-text {
1.18 schwarze 256: margin-left: 0.5em; }
1.19 schwarze 257: .Sh, .Ss { margin-left: 0em; }
1.20 schwarze 258: .Bd-indent { margin-left: 2em; }
1.23 schwarze 259: .Bl-hang > dd {
1.18 schwarze 260: margin-left: 2em; }
1.23 schwarze 261: .Bl-tag { margin-left: 2em; }
262: .Bl-tag > dt {
1.18 schwarze 263: margin-left: -2em; }
1.21 schwarze 264: .HP { margin-left: 2em;
265: text-indent: -2em; }
1.18 schwarze 266: }