mandoc.css

   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
  13 html {          max-width: 65em; }
  14 body {          font-family: Helvetica,Arial,sans-serif; }
  15 table {         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. */
  20 tbody {         border-color: inherit; }
  21 tr {            border-color: inherit; }
  22 td {            vertical-align: top;
  23                 padding-left: 0.2em;
  24                 padding-right: 0.2em;
  25                 border-color: inherit; }
  26 ul, ol, dl {    margin-top: 0em;
  27                 margin-bottom: 0em; }
  28 li, 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
  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
  66 .manual-text {
  67                 margin-left: 3.8em; }
  68 .Nd { }
  69 section.Sh { }
  70 h1.Sh {         margin-top: 1.2em;
  71                 margin-bottom: 0.6em;
  72                 margin-left: -3.2em;
  73                 font-size: 110%; }
  74 section.Ss { }
  75 h2.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
 181 table.Nm { }
 182 code.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 { }
 206 code.In {       font-style: normal;
 207                 font-weight: bold;
 208                 font-family: inherit; }
 209 a.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
 261 h1.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"; }
 282 code.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"; }
 288 code.Nm::before { content: "Nm"; }
 289 .Pa::before {   content: "Pa"; }
 290 .Rs::before {   content: "Rs"; }
 291 h1.Sh::before { content: "Sh"; }
 292 h2.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,
 306 h1.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; }
 338 h1.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 }