1/* $Id: mandoc.css,v 1.45 2019/03/01 10:57:18 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 13html { max-width: 65em; } 14body { font-family: Helvetica,Arial,sans-serif; } 15table { margin-top: 0em; 16 margin-bottom: 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. */ 20tbody { border-color: inherit; } 21tr { border-color: inherit; } 22td { vertical-align: top; 23 padding-left: 0.2em; 24 padding-right: 0.2em; 25 border-color: inherit; } 26ul, ol, dl { margin-top: 0em; 27 margin-bottom: 0em; } 28li, dt { margin-top: 1em; } 29 30.permalink { border-bottom: thin dotted; 31 color: inherit; 32 font: inherit; 33 text-decoration: inherit; } 34* { clear: both } 35 36/* Search form and search results. */ 37 38fieldset { border: thin solid silver; 39 border-radius: 1em; 40 text-align: center; } 41input[name=expr] { 42 width: 25%; } 43 44table.results { margin-top: 1em; 45 margin-left: 2em; 46 font-size: smaller; } 47 48/* Header and footer lines. */ 49 50table.head { width: 100%; 51 border-bottom: 1px dotted #808080; 52 margin-bottom: 1em; 53 font-size: smaller; } 54td.head-vol { text-align: center; } 55td.head-rtitle { 56 text-align: right; } 57 58table.foot { width: 100%; 59 border-top: 1px dotted #808080; 60 margin-top: 1em; 61 font-size: smaller; } 62td.foot-os { text-align: right; } 63 64/* Sections and paragraphs. */ 65 66.manual-text { 67 margin-left: 3.8em; } 68.Nd { } 69section.Sh { } 70h1.Sh { margin-top: 1.2em; 71 margin-bottom: 0.6em; 72 margin-left: -3.2em; 73 font-size: 110%; } 74section.Ss { } 75h2.Ss { margin-top: 1.2em; 76 margin-bottom: 0.6em; 77 margin-left: -1.2em; 78 font-size: 105%; } 79.Pp { margin: 0.6em 0em; } 80.Sx { } 81.Xr { } 82 83/* Displays and lists. */ 84 85.Bd { } 86.Bd-indent { margin-left: 3.8em; } 87 88.Bl-bullet { list-style-type: disc; 89 padding-left: 1em; } 90.Bl-bullet > li { } 91.Bl-dash { list-style-type: none; 92 padding-left: 0em; } 93.Bl-dash > li:before { 94 content: "\2014 "; } 95.Bl-item { list-style-type: none; 96 padding-left: 0em; } 97.Bl-item > li { } 98.Bl-compact > li { 99 margin-top: 0em; } 100 101.Bl-enum { padding-left: 2em; } 102.Bl-enum > li { } 103.Bl-compact > li { 104 margin-top: 0em; } 105 106.Bl-diag { } 107.Bl-diag > dt { 108 font-style: normal; 109 font-weight: bold; } 110.Bl-diag > dd { 111 margin-left: 0em; } 112.Bl-hang { } 113.Bl-hang > dt { } 114.Bl-hang > dd { 115 margin-left: 5.5em; } 116.Bl-inset { } 117.Bl-inset > dt { } 118.Bl-inset > dd { 119 margin-left: 0em; } 120.Bl-ohang { } 121.Bl-ohang > dt { } 122.Bl-ohang > dd { 123 margin-left: 0em; } 124.Bl-tag { margin-top: 0.6em; 125 margin-left: 5.5em; } 126.Bl-tag > dt { 127 float: left; 128 margin-top: 0em; 129 margin-left: -5.5em; 130 padding-right: 0.5em; 131 vertical-align: top; } 132.Bl-tag > dd { 133 clear: right; 134 width: 100%; 135 margin-top: 0em; 136 margin-left: 0em; 137 margin-bottom: 0.6em; 138 vertical-align: top; 139 overflow: auto; } 140.Bl-compact { margin-top: 0em; } 141.Bl-compact > dd { 142 margin-bottom: 0em; } 143.Bl-compact > dt { 144 margin-top: 0em; } 145 146.Bl-column { } 147.Bl-column > tbody > tr { } 148.Bl-column > tbody > tr > td { 149 margin-top: 1em; } 150.Bl-compact > tbody > tr > td { 151 margin-top: 0em; } 152 153.Rs { font-style: normal; 154 font-weight: normal; } 155.RsA { } 156.RsB { font-style: italic; 157 font-weight: normal; } 158.RsC { } 159.RsD { } 160.RsI { font-style: italic; 161 font-weight: normal; } 162.RsJ { font-style: italic; 163 font-weight: normal; } 164.RsN { } 165.RsO { } 166.RsP { } 167.RsQ { } 168.RsR { } 169.RsT { text-decoration: underline; } 170.RsU { } 171.RsV { } 172 173.eqn { } 174.tbl td { vertical-align: middle; } 175 176.HP { margin-left: 3.8em; 177 text-indent: -3.8em; } 178 179/* Semantic markup for command line utilities. */ 180 181table.Nm { } 182code.Nm { font-style: normal; 183 font-weight: bold; 184 font-family: inherit; } 185.Fl { font-style: normal; 186 font-weight: bold; 187 font-family: inherit; } 188.Cm { font-style: normal; 189 font-weight: bold; 190 font-family: inherit; } 191.Ar { font-style: italic; 192 font-weight: normal; } 193.Op { display: inline; } 194.Ic { font-style: normal; 195 font-weight: bold; 196 font-family: inherit; } 197.Ev { font-style: normal; 198 font-weight: normal; 199 font-family: monospace; } 200.Pa { font-style: italic; 201 font-weight: normal; } 202 203/* Semantic markup for function libraries. */ 204 205.Lb { } 206code.In { font-style: normal; 207 font-weight: bold; 208 font-family: inherit; } 209a.In { } 210.Fd { font-style: normal; 211 font-weight: bold; 212 font-family: inherit; } 213.Ft { font-style: italic; 214 font-weight: normal; } 215.Fn { font-style: normal; 216 font-weight: bold; 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; 225 font-weight: normal; 226 font-family: monospace; } 227.Er { font-style: normal; 228 font-weight: normal; 229 font-family: monospace; } 230 231/* Various semantic markup. */ 232 233.An { } 234.Lk { } 235.Mt { } 236.Cd { font-style: normal; 237 font-weight: bold; 238 font-family: inherit; } 239.Ad { font-style: italic; 240 font-weight: normal; } 241.Ms { font-style: normal; 242 font-weight: bold; } 243.St { } 244.Ux { } 245 246/* Physical markup. */ 247 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; 254 font-weight: bold; } 255.Li { font-style: normal; 256 font-weight: normal; 257 font-family: monospace; } 258 259/* Tooltip support. */ 260 261h1.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; } 267 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"; } 282code.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"; } 288code.Nm::before { content: "Nm"; } 289.Pa::before { content: "Pa"; } 290.Rs::before { content: "Rs"; } 291h1.Sh::before { content: "Sh"; } 292h2.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"; } 299 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, 306h1.Sh::before, h2.Ss::before, .St::before, .Sx::before, .Sy::before, 307.Va::before, .Vt::before, .Xr::before { 308 opacity: 0; 309 transition: .15s ease opacity; 310 pointer-events: none; 311 position: absolute; 312 bottom: 100%; 313 box-shadow: 0 0 .35em #000; 314 padding: .15em .25em; 315 white-space: nowrap; 316 font-family: Helvetica,Arial,sans-serif; 317 font-style: normal; 318 font-weight: bold; 319 color: black; 320 background: #fff; } 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, 329.Xr:hover::before { 330 opacity: 1; 331 pointer-events: inherit; } 332 333/* Overrides to avoid excessive margins on small devices. */ 334 335@media (max-width: 37.5em) { 336.manual-text { 337 margin-left: 0.5em; } 338h1.Sh, h2.Ss { margin-left: 0em; } 339.Bd-indent { margin-left: 2em; } 340.Bl-hang > dd { 341 margin-left: 2em; } 342.Bl-tag { margin-left: 2em; } 343.Bl-tag > dt { 344 margin-left: -2em; } 345.HP { margin-left: 2em; 346 text-indent: -2em; } 347} 348