Assists music production by grouping standalone programs into sessions. Community version of "Non Session Manager".
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

450 lines
6.8KB

  1. /* Example CSS Style for MUP */
  2. a:link {
  3. color: yellow;
  4. }
  5. a:visited {
  6. color: olive;
  7. }
  8. a:active {
  9. color: white;
  10. }
  11. a:link:hover {
  12. text-decoration: underline;
  13. }
  14. /* #(url) */
  15. a.ext:link {
  16. color: red;
  17. text-decoration: none;
  18. border-bottom: dashed silver 1;
  19. }
  20. a.ext:visited {
  21. color: darkred;
  22. border-bottom: dashed silver 1;
  23. text-decoration: none;
  24. }
  25. /* #(ref) */
  26. a.int:link {
  27. border-bottom: dashed silver 0.15em;
  28. }
  29. a.int:link:hover {
  30. text-decoration: none;
  31. color: white;
  32. }
  33. /*
  34. a[href^="#"]:link {
  35. border-bottom: dashed silver 0.15em;
  36. }
  37. a[href^="#"]:link:hover {
  38. text-decoration: none;
  39. color: white;
  40. }
  41. */
  42. p:contains("Warning:") {
  43. background: #d00;
  44. color: white;
  45. border: dotted gray 0.5em;
  46. display: block;
  47. }
  48. /* First letter of first paragraph of every chapter */
  49. /*
  50. h1 + p:first-letter {
  51. text-transform: uppercase;
  52. float: left;
  53. line-height: 0.8em;
  54. font-size: 350%;
  55. font-family: Serif;
  56. letter-spacing: 0;
  57. margin-right: 0.1em;
  58. margin-top: 0.1em;
  59. border: solid gray 1px;
  60. padding: 1px;
  61. color: #d00;
  62. text-shadow: #666 3px 3px 3px;
  63. }
  64. */
  65. /* First paragraph of every chapter */
  66. /*
  67. h1 + p {
  68. text-indent: 0;
  69. }
  70. */
  71. /* cover */
  72. #cover * {
  73. background: transparent;
  74. }
  75. #cover {
  76. position: relative;
  77. background: #da0;
  78. color: black;
  79. text-align: center;
  80. margin: 0;
  81. padding: 0.5em;
  82. }
  83. #cover h1, #cover h3 {
  84. text-shadow: #444 0.2em 0.2em 0.2em;
  85. color: white;
  86. border: none;
  87. letter-spacing: 0.2em;
  88. line-height: 0.8em;
  89. margin-left: 2em;
  90. margin-right: 2em;
  91. }
  92. #cover h1:before, #cover h1:after {
  93. content: "::";
  94. font-size: 300%;
  95. color: black;
  96. }
  97. #cover h1:before {
  98. position: absolute;
  99. top: 0.2em;
  100. left: 0.1em;
  101. }
  102. #cover h1:after {
  103. position: absolute;
  104. top: 0.2em;
  105. right: 0.1em;
  106. }
  107. #cover hr {
  108. display: none;
  109. }
  110. hr:first-child {
  111. display: none;
  112. }
  113. hr {
  114. height: 0.2em;
  115. background: #555;
  116. color: #555;
  117. margin-left: 0.5em;
  118. }
  119. #cover a:visited {
  120. color: black;
  121. }
  122. /* endnote */
  123. #endnote {
  124. color: black;
  125. }
  126. /* TOC */
  127. #toc {
  128. position: relative;
  129. }
  130. #toc hr {
  131. }
  132. #toc h1 {
  133. }
  134. #toc ul {
  135. font-size: 125%;
  136. font-weight: bold;
  137. margin-bottom: 1em;
  138. }
  139. #toc ul ul {
  140. font-size: 90%;
  141. font-weight: normal;
  142. margin-bottom: 0;
  143. }
  144. #toc li {
  145. list-style: none;
  146. }
  147. #toc a:link {
  148. border-bottom: 0;
  149. }
  150. body {
  151. margin: 0;
  152. background: #222;
  153. color: white;
  154. font-family: Arial, sans-serif;
  155. }
  156. /* */
  157. #body {
  158. position: relative;
  159. margin: 0.5em;
  160. padding: 0.5em;
  161. }
  162. /* ;, : */
  163. h1 {
  164. color: #ff0;
  165. border-bottom: solid #444 0.1em;
  166. }
  167. /* ::, :::, ::::, :::::, :::::: */
  168. h2, h3, h4, h5, h6 {
  169. color: #dd0;
  170. }
  171. /* tables, figures */
  172. .fig caption {
  173. color: gray;
  174. text-align: center;
  175. /* Required for Mozilla */
  176. margin: auto;
  177. }
  178. .fig table {
  179. border: none;
  180. margin: auto;
  181. /* border-collapse: collapse; */
  182. }
  183. /* / */
  184. .fig.table th {
  185. border: none;
  186. background: gray;
  187. color: black;
  188. }
  189. /* [ */
  190. .fig.table td {
  191. border: none;
  192. background: silver;
  193. color: black;
  194. padding-left: 1em;
  195. padding-right: 1em;
  196. padding-top: 0.2em;
  197. padding-bottom: 0.2em;
  198. }
  199. /* < */
  200. .fig.image table {
  201. border: dashed silver 0.2em;
  202. background: transparent;
  203. /* Every browser should support border radii */
  204. -moz-border-radius: 0.5em;
  205. border-radius: 0.5em;
  206. }
  207. .fig.image tr, .fig.image td {
  208. border: none;
  209. background: transparent;
  210. padding: 0;
  211. }
  212. /* */
  213. p {
  214. margin-right: 2%;
  215. text-align: justify;
  216. text-indent: 1em;
  217. }
  218. /* > */
  219. .example *
  220. {
  221. background: transparent;
  222. }
  223. .example table
  224. {
  225. margin: 0;
  226. padding: 0;
  227. table-layout: fixed;
  228. width: 100%;
  229. caption-side: top;
  230. overflow: auto;
  231. }
  232. .example caption
  233. {
  234. caption-side: top;
  235. }
  236. .example {
  237. }
  238. .example p {
  239. display: inline;
  240. margin: 0;
  241. padding: 0;
  242. text-align: center;
  243. }
  244. .example pre {
  245. margin-top: 0;
  246. font-family: Monospace;
  247. padding: 1em;
  248. border: dashed 0.3em gray;
  249. background: #111;
  250. color: white;
  251. display: block;
  252. overflow: auto;
  253. /* Every browser should support border radii */
  254. -moz-border-radius: 0.5em;
  255. border-radius: 0.5em;
  256. }
  257. /* " */
  258. /*
  259. .quote:before {
  260. float: left;
  261. font-size: 500%;
  262. content: "\201C";
  263. }
  264. */
  265. /*
  266. blockquote:after {
  267. content: "\201D";
  268. }*/
  269. .quote blockquote {
  270. padding: 0.5em;
  271. margin-left: 0.5em;
  272. font-family: Serif;
  273. border-left: solid 0.4em gray;
  274. /* background: #333; */
  275. color: white;
  276. }
  277. /* ^ */
  278. small {
  279. /*
  280. color: silver;
  281. font-size: 50%;
  282. */
  283. }
  284. .footnote p {
  285. color: silver;
  286. margin: 0;
  287. }
  288. /* Popup footnotes */
  289. .footnote p {
  290. display: none;
  291. }
  292. .footnote p:target {
  293. display: block;
  294. overflow: auto;
  295. position: fixed;
  296. left: auto;
  297. bottom: 0;
  298. right: 0;
  299. max-width: 50%;
  300. border: solid 0.3em white;
  301. -moz-border-radius: 0.5em;
  302. background: black;
  303. padding: 0.2em;
  304. }
  305. /* { */
  306. .admonition * {
  307. background: transparent;
  308. color: white;
  309. }
  310. .admonition dl
  311. {
  312. display: table;
  313. margin: 0;
  314. padding: 0;
  315. background: #333;
  316. border: dotted black 0.3em;
  317. width: 90%
  318. margin-top: 0.5em;
  319. margin-bottom: 0.5em;
  320. }
  321. .admonition dt
  322. {
  323. display: table-cell;
  324. vertical-align: center;
  325. border-right: solid silver 0.4em;
  326. font-weight: bold;
  327. font-size: 115%;
  328. font-family: Serif;
  329. background: gray;
  330. width: 0;
  331. text-shadow: black 0.15em 0.15em 0.15em;
  332. }
  333. .admonition dd
  334. {
  335. padding-left: 0.4em;
  336. display: table-cell;
  337. width: 100%;
  338. text-align: justify;
  339. }
  340. .admonition table
  341. {
  342. margin: 0;
  343. padding: 0;
  344. background: #333;
  345. border: dotted black 0.3em;
  346. width: 90%
  347. margin-top: 0.5em;
  348. margin-bottom: 0.5em;
  349. }
  350. .admonition td {
  351. width: 100%;
  352. text-align: justify;
  353. }
  354. .admonition td:first-child:contains("Warning:") {
  355. background: #900;
  356. }
  357. .admonition td:first-child:contains("Caution:") {
  358. background: #960;
  359. }
  360. .admonition td:first-child:contains("Note:") {
  361. background: #690;
  362. }
  363. .admonition td:first-child {
  364. border-right: solid silver 0.4em;
  365. font-weight: bold;
  366. font-size: 115%;
  367. font-family: Serif;
  368. background: gray;
  369. width: 0;
  370. text-shadow: black 0.15em 0.15em 0.15em;
  371. }
  372. /* #(b) */
  373. /* b { color: olive; } */
  374. /* #(c) */
  375. tt {
  376. color: #7f0;
  377. }
  378. /* ! keywords ... */
  379. p em {
  380. color: gray;
  381. font-style: normal;
  382. font-weight: bold;
  383. }
  384. /* *, + */
  385. /* Bullet, numbe */
  386. li {
  387. color: #f0f;
  388. }
  389. /* Text */
  390. li span, li p {
  391. color: white;
  392. }
  393. li p {
  394. color: red;
  395. display: block;
  396. }
  397. ul {
  398. list-style-type: square;
  399. }
  400. dl {
  401. margin-left: 2%;
  402. margin-top: 1em;
  403. }
  404. /* = */
  405. dt {
  406. background: #181818;
  407. padding: 0.2em;
  408. /* font-variant: small-caps; */
  409. font-weight: bold;
  410. color: #f0f;
  411. }
  412. dd {
  413. color: white;
  414. text-align: justify;
  415. margin-right: 5%;
  416. }
  417. dt a:link, dt a:visited {
  418. color: #f0f;
  419. }
  420. dt a:link:hover {
  421. color: silver;
  422. text-decoration: underline;
  423. }