1
0

plain.css 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  1. /* CSS31_ style sheet for the output of Docutils HTML writers. */
  2. /* Rules for easy reading and pre-defined style variants. */
  3. /* */
  4. /* :Author: Günter Milde, based on html4css1.css by David Goodger */
  5. /* :Id: $Id: plain.css 9081 2022-06-19 20:23:12Z milde $ */
  6. /* :Copyright: © 2015 Günter Milde. */
  7. /* :License: Released under the terms of the `2-Clause BSD license`_, */
  8. /* in short: */
  9. /* */
  10. /* Copying and distribution of this file, with or without modification, */
  11. /* are permitted in any medium without royalty provided the copyright */
  12. /* notice and this notice are preserved. */
  13. /* */
  14. /* This file is offered as-is, without any warranty. */
  15. /* */
  16. /* .. _2-Clause BSD license: http://www.spdx.org/licenses/BSD-2-Clause */
  17. /* .. _CSS3: https://www.w3.org/Style/CSS/ */
  18. /* Document Structure */
  19. /* ****************** */
  20. /* "page layout" */
  21. body {
  22. margin: 0;
  23. background-color: #dbdbdb;
  24. --field-indent: 9em; /* default indent of fields in field lists */
  25. }
  26. main, footer, header {
  27. line-height:1.6;
  28. /* avoid long lines --> better reading */
  29. /* optimum is 45…75 characters/line <http://webtypography.net/2.1.2> */
  30. /* OTOH: lines should not be too short because of missing hyphenation, */
  31. max-width: 50rem;
  32. padding: 1px 2%; /* 1px on top avoids grey bar above title (mozilla) */
  33. margin: auto;
  34. }
  35. main {
  36. counter-reset: table figure;
  37. background-color: white;
  38. }
  39. footer, header {
  40. font-size: smaller;
  41. padding: 0.5em 2%;
  42. border: none;
  43. }
  44. /* Table of Contents */
  45. ul.auto-toc > li > p {
  46. padding-left: 1em;
  47. text-indent: -1em;
  48. }
  49. nav.contents ul {
  50. padding-left: 1em;
  51. }
  52. main > nav.contents ul ul ul ul:not(.auto-toc) {
  53. list-style-type: '\2B29\ ';
  54. }
  55. main > nav.contents ul ul ul ul ul:not(.auto-toc) {
  56. list-style-type: '\2B1D\ ';
  57. }
  58. /* Transitions */
  59. hr.docutils {
  60. width: 80%;
  61. margin-top: 1em;
  62. margin-bottom: 1em;
  63. clear: both;
  64. }
  65. /* Paragraphs */
  66. /* vertical space (parskip) */
  67. p, ol, ul, dl, li,
  68. div.line-block,
  69. .footnote, .citation,
  70. div > math,
  71. table {
  72. margin-top: 0.5em;
  73. margin-bottom: 0.5em;
  74. }
  75. h1, h2, h3, h4, h5, h6,
  76. dd, details > p:last-child {
  77. margin-bottom: 0.5em;
  78. }
  79. /* Lists */
  80. /* ===== */
  81. /* Definition Lists */
  82. /* Indent lists nested in definition lists */
  83. dd > ul:only-child, dd > ol:only-child { padding-left: 1em; }
  84. /* Description Lists */
  85. /* styled like in most dictionaries, encyclopedias etc. */
  86. dl.description {
  87. display: flow-root;
  88. }
  89. dl.description > dt {
  90. font-weight: bold;
  91. clear: left;
  92. float: left;
  93. margin: 0;
  94. padding: 0;
  95. padding-right: 0.3em;
  96. }
  97. dl.description > dd:after {
  98. display: table;
  99. content: "";
  100. clear: left; /* clearfix for empty descriptions */
  101. }
  102. /* Field Lists */
  103. dl.field-list > dd,
  104. dl.docinfo > dd {
  105. margin-left: var(--field-indent); /* adapted in media queries or HTML */
  106. }
  107. /* example for custom field-name width */
  108. dl.field-list.narrow > dd {
  109. --field-indent: 5em;
  110. }
  111. /* run-in: start field-body on same line after long field names */
  112. dl.field-list.run-in > dd p {
  113. display: block;
  114. }
  115. /* Bibliographic Fields */
  116. /* generally, bibliographic fields use dl.docinfo */
  117. /* but dedication and abstract are placed into divs */
  118. div.abstract p.topic-title {
  119. text-align: center;
  120. }
  121. div.dedication {
  122. margin: 2em 5em;
  123. text-align: center;
  124. font-style: italic;
  125. }
  126. div.dedication p.topic-title {
  127. font-style: normal;
  128. }
  129. /* disclosures */
  130. details { padding-left: 1em; }
  131. summary { margin-left: -1em; }
  132. /* Text Blocks */
  133. /* =========== */
  134. /* Literal Blocks */
  135. pre.literal-block, pre.doctest-block,
  136. pre.math, pre.code {
  137. font-family: monospace;
  138. }
  139. /* Block Quotes and Topics */
  140. bockquote { margin: 1em 2em; }
  141. blockquote p.attribution,
  142. .topic p.attribution {
  143. text-align: right;
  144. margin-left: 20%;
  145. }
  146. /* Tables */
  147. /* ====== */
  148. /* th { vertical-align: bottom; } */
  149. table tr { text-align: left; }
  150. /* "booktabs" style (no vertical lines) */
  151. table.booktabs {
  152. border: 0;
  153. border-top: 2px solid;
  154. border-bottom: 2px solid;
  155. border-collapse: collapse;
  156. }
  157. table.booktabs * {
  158. border: 0;
  159. }
  160. table.booktabs th {
  161. border-bottom: thin solid;
  162. }
  163. /* numbered tables (counter defined in div.document) */
  164. table.numbered > caption:before {
  165. counter-increment: table;
  166. content: "Table " counter(table) ": ";
  167. font-weight: bold;
  168. }
  169. /* Explicit Markup Blocks */
  170. /* ====================== */
  171. /* Footnotes and Citations */
  172. /* ----------------------- */
  173. /* line on the left */
  174. .footnote-list {
  175. border-left: solid thin;
  176. padding-left: 0.25em;
  177. }
  178. /* Directives */
  179. /* ---------- */
  180. /* Body Elements */
  181. /* ~~~~~~~~~~~~~ */
  182. /* Images and Figures */
  183. /* let content flow to the side of aligned images and figures */
  184. figure.align-left,
  185. img.align-left,
  186. video.align-left,
  187. object.align-left {
  188. clear: left;
  189. float: left;
  190. margin-right: 1em;
  191. }
  192. figure.align-right,
  193. img.align-right,
  194. video.align-right,
  195. object.align-right {
  196. clear: right;
  197. float: right;
  198. margin-left: 1em;
  199. }
  200. /* Stop floating sidebars, images and figures */
  201. h1, h2, h3, h4, footer, header { clear: both; }
  202. /* Numbered figures */
  203. figure.numbered > figcaption > p:before {
  204. counter-increment: figure;
  205. content: "Figure " counter(figure) ": ";
  206. font-weight: bold;
  207. }
  208. /* Admonitions and System Messages */
  209. .caution p.admonition-title,
  210. .attention p.admonition-title,
  211. .danger p.admonition-title,
  212. .error p.admonition-title,
  213. .warning p.admonition-title,
  214. div.error {
  215. color: red;
  216. }
  217. /* Sidebar */
  218. /* Move right. In a layout with fixed margins, */
  219. /* it can be moved into the margin. */
  220. aside.sidebar {
  221. width: 30%;
  222. max-width: 26em;
  223. float: right;
  224. clear: right;
  225. margin-left: 1em;
  226. margin-right: -1%;
  227. background-color: #fffffa;
  228. }
  229. /* Code */
  230. pre.code { padding: 0.7ex }
  231. pre.code, code { background-color: #eeeeee }
  232. /* basic highlighting: for a complete scheme, see */
  233. /* https://docutils.sourceforge.io/sandbox/stylesheets/ */
  234. pre.code .comment, code .comment { color: #5C6576 }
  235. pre.code .keyword, code .keyword { color: #3B0D06; font-weight: bold }
  236. pre.code .literal.string, code .literal.string { color: #0C5404 }
  237. pre.code .name.builtin, code .name.builtin { color: #352B84 }
  238. pre.code .deleted, code .deleted { background-color: #DEB0A1}
  239. pre.code .inserted, code .inserted { background-color: #A3D289}
  240. /* Math */
  241. /* for math-output=MathML (for math-output=HTML, see math.css) */
  242. math .boldsymbol {
  243. font-weight: bold;
  244. }
  245. mstyle.mathscr, mi.mathscr {
  246. font-family: STIX;
  247. }
  248. /* Epigraph */
  249. /* Highlights */
  250. /* Pull-Quote */
  251. /* Compound Paragraph */
  252. /* Container */
  253. /* Inline Markup */
  254. /* ============= */
  255. sup, sub { line-height: 0.8; } /* do not add leading for lines with sup/sub */
  256. /* Inline Literals */
  257. /* possible values: normal, nowrap, pre, pre-wrap, pre-line */
  258. /* span.docutils.literal { white-space: pre-wrap; } */
  259. /* Hyperlink References */
  260. a { text-decoration: none; }
  261. /* External Targets */
  262. /* span.target.external */
  263. /* Internal Targets */
  264. /* span.target.internal */
  265. /* Footnote References */
  266. /* a[role="doc-noteref"] */
  267. /* Citation References */
  268. /* a.citation-reference */