logo

blog

My little blog can’t be this cute!

mandoc.css (8835B)


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