mandoc.css

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