Annotation of mandoc/mandoc.css, Revision 1.44
1.44 ! schwarze 1: /* $Id: mandoc.css,v 1.43 2019/01/10 07:40:10 schwarze Exp $ */
1.1 schwarze 2: /*
1.3 schwarze 3: * Standard style sheet for mandoc(1) -Thtml and man.cgi(8).
1.39 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:
1.3 schwarze 11: /* Global defaults. */
12:
1.30 schwarze 13: html { max-width: 65em; }
1.3 schwarze 14: body { font-family: Helvetica,Arial,sans-serif; }
1.13 schwarze 15: table { margin-top: 0em;
1.40 schwarze 16: margin-bottom: 0em;
17: border-collapse: collapse; }
1.41 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.42 schwarze 22: td { vertical-align: top;
1.40 schwarze 23: padding-left: 0.2em;
1.41 schwarze 24: padding-right: 0.2em;
25: border-color: inherit; }
1.12 schwarze 26: ul, ol, dl { margin-top: 0em;
27: margin-bottom: 0em; }
28: li, dt { margin-top: 1em; }
1.18 schwarze 29:
1.36 schwarze 30: .permalink { border-bottom: thin dotted;
1.18 schwarze 31: color: inherit;
32: font: inherit;
33: text-decoration: inherit; }
1.22 schwarze 34: * { clear: both }
1.3 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:
1.11 schwarze 44: table.results { margin-top: 1em;
1.3 schwarze 45: margin-left: 2em;
46: font-size: smaller; }
47:
1.4 schwarze 48: /* Header and footer lines. */
49:
1.13 schwarze 50: table.head { width: 100%;
51: border-bottom: 1px dotted #808080;
1.4 schwarze 52: margin-bottom: 1em;
53: font-size: smaller; }
54: td.head-vol { text-align: center; }
55: td.head-rtitle {
56: text-align: right; }
57:
1.13 schwarze 58: table.foot { width: 100%;
59: border-top: 1px dotted #808080;
1.4 schwarze 60: margin-top: 1em;
61: font-size: smaller; }
1.13 schwarze 62: td.foot-os { text-align: right; }
1.4 schwarze 63:
1.5 schwarze 64: /* Sections and paragraphs. */
65:
1.36 schwarze 66: .manual-text {
1.30 schwarze 67: margin-left: 3.8em; }
1.44 ! schwarze 68: .Nd { }
1.35 schwarze 69: .Sh { margin-top: 1.2em;
70: margin-bottom: 0.6em;
1.30 schwarze 71: margin-left: -3.2em;
1.5 schwarze 72: font-size: 110%; }
1.35 schwarze 73: .Ss { margin-top: 1.2em;
74: margin-bottom: 0.6em;
1.30 schwarze 75: margin-left: -1.2em;
1.5 schwarze 76: font-size: 105%; }
1.35 schwarze 77: .Pp { margin: 0.6em 0em; }
1.32 schwarze 78: .Sx { }
79: .Xr { }
1.3 schwarze 80:
1.7 schwarze 81: /* Displays and lists. */
82:
1.32 schwarze 83: .Bd { }
1.33 schwarze 84: .Bd-indent { margin-left: 3.8em; }
1.7 schwarze 85:
1.36 schwarze 86: .Bl-bullet { list-style-type: disc;
1.8 schwarze 87: padding-left: 1em; }
1.36 schwarze 88: .Bl-bullet > li { }
89: .Bl-dash { list-style-type: none;
1.8 schwarze 90: padding-left: 0em; }
1.36 schwarze 91: .Bl-dash > li:before {
1.8 schwarze 92: content: "\2014 "; }
1.36 schwarze 93: .Bl-item { list-style-type: none;
1.8 schwarze 94: padding-left: 0em; }
1.36 schwarze 95: .Bl-item > li { }
96: .Bl-compact > li {
1.30 schwarze 97: margin-top: 0em; }
1.8 schwarze 98:
1.36 schwarze 99: .Bl-enum { padding-left: 2em; }
100: .Bl-enum > li { }
101: .Bl-compact > li {
1.30 schwarze 102: margin-top: 0em; }
1.8 schwarze 103:
1.36 schwarze 104: .Bl-diag { }
105: .Bl-diag > dt {
1.25 schwarze 106: font-style: normal;
107: font-weight: bold; }
1.36 schwarze 108: .Bl-diag > dd {
1.30 schwarze 109: margin-left: 0em; }
1.36 schwarze 110: .Bl-hang { }
111: .Bl-hang > dt { }
112: .Bl-hang > dd {
1.30 schwarze 113: margin-left: 5.5em; }
1.36 schwarze 114: .Bl-inset { }
115: .Bl-inset > dt { }
116: .Bl-inset > dd {
1.30 schwarze 117: margin-left: 0em; }
1.36 schwarze 118: .Bl-ohang { }
119: .Bl-ohang > dt { }
120: .Bl-ohang > dd {
1.30 schwarze 121: margin-left: 0em; }
1.43 schwarze 122: .Bl-tag { margin-top: 0.6em;
123: margin-left: 5.5em; }
1.36 schwarze 124: .Bl-tag > dt {
1.25 schwarze 125: float: left;
1.30 schwarze 126: margin-top: 0em;
127: margin-left: -5.5em;
1.37 schwarze 128: padding-right: 0.5em;
1.14 schwarze 129: vertical-align: top; }
1.36 schwarze 130: .Bl-tag > dd {
1.25 schwarze 131: clear: right;
1.22 schwarze 132: width: 100%;
1.30 schwarze 133: margin-top: 0em;
134: margin-left: 0em;
1.43 schwarze 135: margin-bottom: 0.6em;
1.14 schwarze 136: vertical-align: top;
137: overflow: auto; }
1.43 schwarze 138: .Bl-compact { margin-top: 0em; }
139: .Bl-compact > dd {
140: margin-bottom: 0em; }
1.36 schwarze 141: .Bl-compact > dt {
1.30 schwarze 142: margin-top: 0em; }
1.8 schwarze 143:
1.36 schwarze 144: .Bl-column { }
145: .Bl-column > tbody > tr { }
146: .Bl-column > tbody > tr > td {
1.25 schwarze 147: margin-top: 1em; }
1.36 schwarze 148: .Bl-compact > tbody > tr > td {
1.30 schwarze 149: margin-top: 0em; }
1.8 schwarze 150:
1.32 schwarze 151: .Rs { font-style: normal;
1.15 schwarze 152: font-weight: normal; }
1.32 schwarze 153: .RsA { }
154: .RsB { font-style: italic;
155: font-weight: normal; }
156: .RsC { }
157: .RsD { }
158: .RsI { font-style: italic;
159: font-weight: normal; }
160: .RsJ { font-style: italic;
161: font-weight: normal; }
162: .RsN { }
163: .RsO { }
164: .RsP { }
165: .RsQ { }
166: .RsR { }
167: .RsT { text-decoration: underline; }
168: .RsU { }
169: .RsV { }
1.9 schwarze 170:
1.32 schwarze 171: .eqn { }
1.42 schwarze 172: .tbl td { vertical-align: middle; }
1.11 schwarze 173:
1.34 schwarze 174: .HP { margin-left: 3.8em;
175: text-indent: -3.8em; }
176:
1.10 schwarze 177: /* Semantic markup for command line utilities. */
178:
179: table.Nm { }
1.24 schwarze 180: code.Nm { font-style: normal;
181: font-weight: bold;
182: font-family: inherit; }
1.32 schwarze 183: .Fl { font-style: normal;
1.24 schwarze 184: font-weight: bold;
185: font-family: inherit; }
1.32 schwarze 186: .Cm { font-style: normal;
1.24 schwarze 187: font-weight: bold;
188: font-family: inherit; }
1.32 schwarze 189: .Ar { font-style: italic;
1.16 schwarze 190: font-weight: normal; }
1.32 schwarze 191: .Op { display: inline; }
192: .Ic { font-style: normal;
1.24 schwarze 193: font-weight: bold;
194: font-family: inherit; }
1.32 schwarze 195: .Ev { font-style: normal;
1.10 schwarze 196: font-weight: normal;
197: font-family: monospace; }
1.32 schwarze 198: .Pa { font-style: italic;
1.27 schwarze 199: font-weight: normal; }
1.10 schwarze 200:
201: /* Semantic markup for function libraries. */
202:
1.32 schwarze 203: .Lb { }
1.24 schwarze 204: code.In { font-style: normal;
205: font-weight: bold;
206: font-family: inherit; }
1.10 schwarze 207: a.In { }
1.32 schwarze 208: .Fd { font-style: normal;
1.24 schwarze 209: font-weight: bold;
210: font-family: inherit; }
1.32 schwarze 211: .Ft { font-style: italic;
1.16 schwarze 212: font-weight: normal; }
1.32 schwarze 213: .Fn { font-style: normal;
1.24 schwarze 214: font-weight: bold;
215: font-family: inherit; }
1.32 schwarze 216: .Fa { font-style: italic;
1.16 schwarze 217: font-weight: normal; }
1.32 schwarze 218: .Vt { font-style: italic;
1.16 schwarze 219: font-weight: normal; }
1.32 schwarze 220: .Va { font-style: italic;
1.16 schwarze 221: font-weight: normal; }
1.32 schwarze 222: .Dv { font-style: normal;
1.10 schwarze 223: font-weight: normal;
224: font-family: monospace; }
1.32 schwarze 225: .Er { font-style: normal;
1.10 schwarze 226: font-weight: normal;
227: font-family: monospace; }
228:
229: /* Various semantic markup. */
230:
1.32 schwarze 231: .An { }
232: .Lk { }
233: .Mt { }
234: .Cd { font-style: normal;
1.24 schwarze 235: font-weight: bold;
236: font-family: inherit; }
1.32 schwarze 237: .Ad { font-style: italic;
1.28 schwarze 238: font-weight: normal; }
1.32 schwarze 239: .Ms { font-style: normal;
1.29 schwarze 240: font-weight: bold; }
1.32 schwarze 241: .St { }
242: .Ux { }
1.10 schwarze 243:
1.11 schwarze 244: /* Physical markup. */
1.7 schwarze 245:
1.26 schwarze 246: .Bf { display: inline; }
1.11 schwarze 247: .No { font-style: normal;
248: font-weight: normal; }
249: .Em { font-style: italic;
250: font-weight: normal; }
251: .Sy { font-style: normal;
252: font-weight: bold; }
1.7 schwarze 253: .Li { font-style: normal;
254: font-weight: normal;
255: font-family: monospace; }
1.44 ! schwarze 256:
! 257: /* Tooltip support. */
! 258:
! 259: .Sh, .Ss { position: relative; }
! 260: .An, .Ar, .Cd, .Cm, .Dv, .Em, .Er, .Ev, .Fa, .Fd, .Fl, .Fn, .Ft,
! 261: .Ic, code.In, .Lb, .Lk, .Ms, .Mt, .Nd, code.Nm, .Pa, .Rs,
! 262: .St, .Sx, .Sy, .Va, .Vt, .Xr {
! 263: display: inline-block;
! 264: position: relative; }
! 265:
! 266: .An::before { content: "An"; }
! 267: .Ar::before { content: "Ar"; }
! 268: .Cd::before { content: "Cd"; }
! 269: .Cm::before { content: "Cm"; }
! 270: .Dv::before { content: "Dv"; }
! 271: .Em::before { content: "Em"; }
! 272: .Er::before { content: "Er"; }
! 273: .Ev::before { content: "Ev"; }
! 274: .Fa::before { content: "Fa"; }
! 275: .Fd::before { content: "Fd"; }
! 276: .Fl::before { content: "Fl"; }
! 277: .Fn::before { content: "Fn"; }
! 278: .Ft::before { content: "Ft"; }
! 279: .Ic::before { content: "Ic"; }
! 280: code.In::before { content: "In"; }
! 281: .Lb::before { content: "Lb"; }
! 282: .Lk::before { content: "Lk"; }
! 283: .Ms::before { content: "Ms"; }
! 284: .Mt::before { content: "Mt"; }
! 285: .Nd::before { content: "Nd"; }
! 286: code.Nm::before { content: "Nm"; }
! 287: .Pa::before { content: "Pa"; }
! 288: .Rs::before { content: "Rs"; }
! 289: .Sh::before { content: "Sh"; }
! 290: .Ss::before { content: "Ss"; }
! 291: .St::before { content: "St"; }
! 292: .Sx::before { content: "Sx"; }
! 293: .Sy::before { content: "Sy"; }
! 294: .Va::before { content: "Va"; }
! 295: .Vt::before { content: "Vt"; }
! 296: .Xr::before { content: "Xr"; }
! 297:
! 298: .An::before, .Ar::before, .Cd::before, .Cm::before,
! 299: .Dv::before, .Em::before, .Er::before, .Ev::before,
! 300: .Fa::before, .Fd::before, .Fl::before, .Fn::before, .Ft::before,
! 301: .Ic::before, code.In::before, .Lb::before, .Lk::before,
! 302: .Ms::before, .Mt::before, .Nd::before, code.Nm::before,
! 303: .Pa::before, .Rs::before,
! 304: .Sh::before, .Ss::before, .St::before, .Sx::before, .Sy::before,
! 305: .Va::before, .Vt::before, .Xr::before {
! 306: opacity: 0;
! 307: transition: .15s ease opacity;
! 308: pointer-events: none;
! 309: position: absolute;
! 310: bottom: 100%;
! 311: box-shadow: 0 0 .35em #000;
! 312: padding: .15em .25em;
! 313: white-space: nowrap;
! 314: font-family: Helvetica,Arial,sans-serif;
! 315: font-style: normal;
! 316: font-weight: bold;
! 317: color: black;
! 318: background: #fff; }
! 319: .An:hover::before, .Ar:hover::before, .Cd:hover::before, .Cm:hover::before,
! 320: .Dv:hover::before, .Em:hover::before, .Er:hover::before, .Ev:hover::before,
! 321: .Fa:hover::before, .Fd:hover::before, .Fl:hover::before, .Fn:hover::before,
! 322: .Ft:hover::before, .Ic:hover::before, code.In:hover::before,
! 323: .Lb:hover::before, .Lk:hover::before, .Ms:hover::before, .Mt:hover::before,
! 324: .Nd:hover::before, code.Nm:hover::before, .Pa:hover::before,
! 325: .Rs:hover::before, .Sh:hover::before, .Ss:hover::before, .St:hover::before,
! 326: .Sx:hover::before, .Sy:hover::before, .Va:hover::before, .Vt:hover::before,
! 327: .Xr:hover::before {
! 328: opacity: 1;
! 329: pointer-events: inherit; }
1.31 schwarze 330:
331: /* Overrides to avoid excessive margins on small devices. */
332:
333: @media (max-width: 37.5em) {
1.36 schwarze 334: .manual-text {
1.31 schwarze 335: margin-left: 0.5em; }
1.32 schwarze 336: .Sh, .Ss { margin-left: 0em; }
1.33 schwarze 337: .Bd-indent { margin-left: 2em; }
1.36 schwarze 338: .Bl-hang > dd {
1.31 schwarze 339: margin-left: 2em; }
1.36 schwarze 340: .Bl-tag { margin-left: 2em; }
341: .Bl-tag > dt {
1.31 schwarze 342: margin-left: -2em; }
1.34 schwarze 343: .HP { margin-left: 2em;
344: text-indent: -2em; }
1.31 schwarze 345: }
CVSweb