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