A new Riff-radio.org site with a static approach.

rst_base.css 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516
  1. /* Minimal style sheet for the HTML output of Docutils. */
  2. /* */
  3. /* :Author: Günter Milde, based on html4css1.css by David Goodger */
  4. /* :Id: $Id: minimal.css 9079 2022-06-19 14:00:56Z milde $ */
  5. /* :Copyright: © 2015, 2021 Günter Milde. */
  6. /* :License: Released under the terms of the `2-Clause BSD license`_, */
  7. /* in short: */
  8. /* */
  9. /* Copying and distribution of this file, with or without modification, */
  10. /* are permitted in any medium without royalty provided the copyright */
  11. /* notice and this notice are preserved. */
  12. /* */
  13. /* This file is offered as-is, without any warranty. */
  14. /* */
  15. /* .. _2-Clause BSD license: http://www.spdx.org/licenses/BSD-2-Clause */
  16. /* This CSS3 stylesheet defines rules for Docutils elements without */
  17. /* HTML equivalent. It is required to make the document semantics visible. */
  18. /* */
  19. /* .. _validates: http://jigsaw.w3.org/css-validator/validator$link */
  20. /* titles */
  21. p.topic-title,
  22. p.admonition-title,
  23. p.system-message-title {
  24. font-weight: bold;
  25. }
  26. p.sidebar-title,
  27. p.rubric {
  28. font-weight: bold;
  29. font-size: larger;
  30. }
  31. p.rubric {
  32. color: maroon;
  33. }
  34. p.subtitle,
  35. p.section-subtitle,
  36. p.sidebar-subtitle {
  37. font-weight: bold;
  38. margin-top: -0.5em;
  39. }
  40. h1 + p.subtitle {
  41. font-size: 1.6em;
  42. }
  43. a.toc-backref {
  44. color: inherit;
  45. text-decoration: none;
  46. }
  47. /* Warnings, Errors */
  48. .system-messages h2,
  49. .system-message-title,
  50. span.problematic {
  51. color: red;
  52. }
  53. /* Inline Literals */
  54. .docutils.literal {
  55. font-family: monospace;
  56. white-space: pre-wrap;
  57. }
  58. /* do not wrap at hyphens and similar: */
  59. .literal > span.pre { white-space: nowrap; }
  60. /* Lists */
  61. /* compact and simple lists: no margin between items */
  62. .simple li, .simple ul, .simple ol,
  63. .compact li, .compact ul, .compact ol,
  64. .simple > li p, dl.simple > dd,
  65. .compact > li p, dl.compact > dd {
  66. margin-top: 0;
  67. margin-bottom: 0;
  68. }
  69. /* Nested Paragraphs */
  70. p:first-child { margin-top: 0; }
  71. p:last-child { margin-bottom: 0; }
  72. details > p:last-child { margin-bottom: 1em; }
  73. /* Table of Contents */
  74. .contents ul.auto-toc { /* section numbers present */
  75. list-style-type: none;
  76. }
  77. /* Enumerated Lists */
  78. ol.arabic { list-style: decimal }
  79. ol.loweralpha { list-style: lower-alpha }
  80. ol.upperalpha { list-style: upper-alpha }
  81. ol.lowerroman { list-style: lower-roman }
  82. ol.upperroman { list-style: upper-roman }
  83. /* Definition Lists and Derivatives */
  84. dt .classifier { font-style: italic }
  85. dt .classifier:before {
  86. font-style: normal;
  87. margin: 0.5em;
  88. content: ":";
  89. }
  90. /* Field Lists and similar */
  91. /* bold field name, content starts on the same line */
  92. dl.field-list,
  93. dl.option-list,
  94. dl.docinfo,
  95. dl.footnote,
  96. dl.citation {
  97. display: flow-root;
  98. }
  99. dl.field-list > dt,
  100. dl.option-list > dt,
  101. dl.docinfo > dt,
  102. dl.footnote > dt,
  103. dl.citation > dt {
  104. font-weight: bold;
  105. clear: left;
  106. float: left;
  107. margin: 0;
  108. padding: 0;
  109. padding-right: 0.2em;
  110. }
  111. /* Offset for field content (corresponds to the --field-name-limit option) */
  112. dl.field-list > dd,
  113. dl.option-list > dd,
  114. dl.docinfo > dd {
  115. margin-left: 9em; /* ca. 14 chars in the test examples, fit all Docinfo fields */
  116. }
  117. /* start nested lists on new line */
  118. dd > dl:first-child,
  119. dd > ul:first-child,
  120. dd > ol:first-child {
  121. clear: left;
  122. }
  123. /* start field-body on a new line after long field names */
  124. dl.field-list > dd > *:first-child,
  125. dl.option-list > dd > *:first-child
  126. {
  127. display: inline-block;
  128. width: 100%;
  129. margin: 0;
  130. }
  131. /* Bibliographic Fields (docinfo) */
  132. dl.docinfo pre.address {
  133. font: inherit;
  134. margin: 0.5em 0;
  135. }
  136. dl.docinfo > dd.authors > p { margin: 0; }
  137. /* Option Lists */
  138. dl.option-list > dt { font-weight: normal; }
  139. span.option { white-space: nowrap; }
  140. /* Footnotes and Citations */
  141. .footnote, .citation { margin: 1em 0; } /* default paragraph skip (Firefox) */
  142. /* hanging indent */
  143. .citation { padding-left: 2em; }
  144. .footnote { padding-left: 1.7em; }
  145. .footnote.superscript { padding-left: 1.0em; }
  146. .citation > .label { margin-left: -2em; }
  147. .footnote > .label { margin-left: -1.7em; }
  148. .footnote.superscript > .label { margin-left: -1.0em; }
  149. .footnote > .label + *,
  150. .citation > .label + * {
  151. display: inline-block;
  152. margin-top: 0;
  153. vertical-align: top;
  154. }
  155. .footnote > .backrefs + *,
  156. .citation > .backrefs + * {
  157. margin-top: 0;
  158. }
  159. .footnote > .label + p, .footnote > .backrefs + p,
  160. .citation > .label + p, .citation > .backrefs + p {
  161. display: inline;
  162. vertical-align: inherit;
  163. }
  164. .backrefs { user-select: none; }
  165. .backrefs > a { font-style: italic; }
  166. /* superscript footnotes */
  167. a[role="doc-noteref"].superscript,
  168. .footnote.superscript > .label,
  169. .footnote.superscript > .backrefs {
  170. vertical-align: super;
  171. font-size: smaller;
  172. line-height: 1;
  173. }
  174. a[role="doc-noteref"].superscript > .fn-bracket,
  175. .footnote.superscript > .label > .fn-bracket {
  176. /* hide brackets in display but leave for copy/paste */
  177. display: inline-block;
  178. width: 0;
  179. overflow: hidden;
  180. }
  181. [role="doc-noteref"].superscript + [role="doc-noteref"].superscript {
  182. padding-left: 0.15em; /* separate consecutive footnote references */
  183. /* TODO: unfortunately, "+" also selects with text between the references. */
  184. }
  185. /* Legacy Footnotes and Citations */
  186. dl.footnote.superscript > dd { margin-left: 1em; }
  187. dl.footnote.brackets > dd { margin-left: 2em; }
  188. dl.footnote > dt { font-weight: normal; }
  189. dt.label > span.brackets:before { content: "["; }
  190. dt.label > span.brackets:after { content: "]"; }
  191. a.footnote-reference.superscript,
  192. dl.footnote.superscript > dt.label {
  193. vertical-align: super;
  194. font-size: small;
  195. }
  196. dt.label > span.fn-backref {
  197. margin-left: 0.2em;
  198. font-weight: normal;
  199. }
  200. dt.label > span.fn-backref > a { font-style: italic; }
  201. /* Alignment */
  202. .align-left {
  203. text-align: left;
  204. margin-right: auto;
  205. }
  206. .align-center {
  207. text-align: center;
  208. margin-left: auto;
  209. margin-right: auto;
  210. }
  211. .align-right {
  212. text-align: right;
  213. margin-left: auto;
  214. }
  215. .align-top { vertical-align: top; }
  216. .align-middle { vertical-align: middle; }
  217. .align-bottom { vertical-align: bottom; }
  218. img.align-left, img.align-center, img.align-right,
  219. .figure.align-left, .figure.align-center, .figure.align-right,
  220. object.align-left, object.align-center, object.align-right {
  221. display: block;
  222. }
  223. /* reset inner alignment in figures and tables */
  224. figure.align-left, figure.align-right,
  225. table.align-left, table.align-center, table.align-right {
  226. text-align: inherit;
  227. }
  228. /* Text Blocks */
  229. .topic { margin: 1em 2em; }
  230. .sidebar,
  231. .admonition,
  232. .system-message {
  233. margin: 1em 2em;
  234. border: thin solid;
  235. padding: 0.5em 1em;
  236. }
  237. div.line-block { display: block; }
  238. div.line-block div.line-block, pre { margin-left: 2em; }
  239. /* Code line numbers: dropped when copying text from the page */
  240. pre.code .ln { display: none; }
  241. pre.code code:before {
  242. content: attr(data-lineno); /* …, none) fallback not supported by any browser */
  243. color: gray;
  244. }
  245. /* Tables */
  246. td > p:first-child, th > p:first-child { margin-top: 0; }
  247. td > p, th > p { margin-bottom: 0; }
  248. .borderless td, .borderless th {
  249. border: 0;
  250. padding: 0;
  251. padding-right: 0.5em /* separate table cells */
  252. }
  253. table > caption {
  254. text-align: left;
  255. margin-top: 0.2em;
  256. margin-bottom: 0.2em;
  257. }
  258. table.captionbelow {
  259. caption-side: bottom;
  260. }
  261. /* CSS31_ style sheet for the output of Docutils HTML writers. */
  262. /* Rules for easy reading and pre-defined style variants. */
  263. /* */
  264. /* :Author: Günter Milde, based on html4css1.css by David Goodger */
  265. /* :Id: $Id: plain.css 9081 2022-06-19 20:23:12Z milde $ */
  266. /* :Copyright: © 2015 Günter Milde. */
  267. /* :License: Released under the terms of the `2-Clause BSD license`_, */
  268. /* in short: */
  269. /* */
  270. /* Copying and distribution of this file, with or without modification, */
  271. /* are permitted in any medium without royalty provided the copyright */
  272. /* notice and this notice are preserved. */
  273. /* */
  274. /* This file is offered as-is, without any warranty. */
  275. /* */
  276. /* .. _2-Clause BSD license: http://www.spdx.org/licenses/BSD-2-Clause */
  277. /* .. _CSS3: https://www.w3.org/Style/CSS/ */
  278. /* Document Structure */
  279. /* ****************** */
  280. /* Table of Contents */
  281. ul.auto-toc > li > p {
  282. padding-left: 1em;
  283. text-indent: -1em;
  284. }
  285. nav.contents ul {
  286. padding-left: 1em;
  287. }
  288. main > nav.contents ul ul ul ul:not(.auto-toc) {
  289. list-style-type: '\2B29\ ';
  290. }
  291. main > nav.contents ul ul ul ul ul:not(.auto-toc) {
  292. list-style-type: '\2B1D\ ';
  293. }
  294. /* Transitions */
  295. hr.docutils {
  296. width: 80%;
  297. margin-top: 1em;
  298. margin-bottom: 1em;
  299. clear: both;
  300. }
  301. dl > dd {
  302. margin-bottom: 0.5em;
  303. }
  304. /* Lists */
  305. /* ===== */
  306. /* Definition Lists */
  307. /* Indent lists nested in definition lists */
  308. dd > ul:only-child, dd > ol:only-child { padding-left: 1em; }
  309. /* Description Lists */
  310. /* styled like in most dictionaries, encyclopedias etc. */
  311. dl.description {
  312. display: flow-root;
  313. }
  314. dl.description > dt {
  315. font-weight: bold;
  316. clear: left;
  317. float: left;
  318. margin: 0;
  319. padding: 0;
  320. padding-right: 0.3em;
  321. }
  322. dl.description > dd:after {
  323. display: table;
  324. content: "";
  325. clear: left; /* clearfix for empty descriptions */
  326. }
  327. /* Field Lists */
  328. dl.field-list > dd,
  329. dl.docinfo > dd {
  330. margin-left: var(--field-indent); /* adapted in media queries or HTML */
  331. }
  332. /* example for custom field-name width */
  333. dl.field-list.narrow > dd {
  334. --field-indent: 5em;
  335. }
  336. /* run-in: start field-body on same line after long field names */
  337. dl.field-list.run-in > dd p {
  338. display: block;
  339. }
  340. /* Bibliographic Fields */
  341. /* generally, bibliographic fields use dl.docinfo */
  342. /* but dedication and abstract are placed into divs */
  343. div.abstract p.topic-title {
  344. text-align: center;
  345. }
  346. div.dedication {
  347. margin: 2em 5em;
  348. text-align: center;
  349. font-style: italic;
  350. }
  351. div.dedication p.topic-title {
  352. font-style: normal;
  353. }
  354. /* disclosures */
  355. details { padding-left: 1em; }
  356. summary { margin-left: -1em; }
  357. /* Text Blocks */
  358. /* =========== */
  359. /* Literal Blocks */
  360. pre.literal-block, pre.doctest-block,
  361. pre.math, pre.code {
  362. font-family: monospace;
  363. }
  364. /* Block Quotes and Topics */
  365. blockquote p.attribution,
  366. .topic p.attribution {
  367. text-align: right;
  368. margin-left: 20%;
  369. }
  370. /* Tables */
  371. /* ====== */
  372. /* th { vertical-align: bottom; } */
  373. table tr { text-align: left; }
  374. /* "booktabs" style (no vertical lines) */
  375. table.booktabs {
  376. border: 0;
  377. border-top: 2px solid;
  378. border-bottom: 2px solid;
  379. border-collapse: collapse;
  380. }
  381. table.booktabs * {
  382. border: 0;
  383. }
  384. table.booktabs th {
  385. border-bottom: thin solid;
  386. }
  387. /* numbered tables (counter defined in div.document) */
  388. table.numbered > caption:before {
  389. counter-increment: table;
  390. content: "Table " counter(table) ": ";
  391. font-weight: bold;
  392. }
  393. /* Explicit Markup Blocks */
  394. /* ====================== */
  395. /* Footnotes and Citations */
  396. /* ----------------------- */
  397. /* line on the left */
  398. .footnote-list {
  399. border-left: solid thin;
  400. padding-left: 0.25em;
  401. }
  402. /* same thing for old docutils versions */
  403. dl.footnote {
  404. padding-left: 1ex;
  405. border-left: solid;
  406. border-left-width: thin;
  407. }
  408. /* Directives */
  409. /* ---------- */
  410. /* Body Elements */
  411. /* ~~~~~~~~~~~~~ */
  412. /* Images and Figures */
  413. /* let content flow to the side of aligned images and figures */
  414. figure.align-left,
  415. img.align-left,
  416. video.align-left,
  417. object.align-left {
  418. clear: left;
  419. float: left;
  420. margin-right: 1em;
  421. }
  422. figure.align-right,
  423. img.align-right,
  424. video.align-right,
  425. object.align-right {
  426. clear: right;
  427. float: right;
  428. margin-left: 1em;
  429. }
  430. /* Numbered figures */
  431. figure.numbered > figcaption > p:before {
  432. counter-increment: figure;
  433. content: "Figure " counter(figure) ": ";
  434. font-weight: bold;
  435. }
  436. /* Admonitions and System Messages */
  437. .caution p.admonition-title,
  438. .attention p.admonition-title,
  439. .danger p.admonition-title,
  440. .error p.admonition-title,
  441. .warning p.admonition-title,
  442. div.error {
  443. color: red;
  444. }
  445. /* Sidebar */
  446. /* Move right. In a layout with fixed margins, */
  447. /* it can be moved into the margin. */
  448. aside.sidebar {
  449. width: 30%;
  450. max-width: 26em;
  451. float: right;
  452. clear: right;
  453. margin-left: 1em;
  454. margin-right: -1%;
  455. background-color: #fffffa;
  456. }