aboutsummaryrefslogtreecommitdiff
path: root/template.html
blob: 24b2372bf6cb785355fa5a5e0a742bd932f2a3d6 (plain)
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>$title$</title>
  6. <style type="text/css">
  7. body { font-family: Helvetica, arial, freesans, clean, sans-serif;
  8. line-height: 1.4;
  9. max-width: 48em;
  10. margin: auto;
  11. color: #333333;
  12. background-color: #fff;
  13. font-size: 13pt;
  14. }
  15. div#TOC ul { list-style: none; }
  16. h1 { font-size: 140%; font-weight: bold; border-top: 1px solid gray; padding-top: 0.5em; }
  17. h2 { font-size: 120%; font-weight: bold; }
  18. h3 { font-size: 110%; font-weight: bold; }
  19. h4 { font-size: 100%; font-weight: bold; }
  20. span.space { position: relative; }
  21. span.space:after {
  22. content: "";
  23. position: absolute;
  24. /* create a mark that indicates a space (trick from D. Greenspan) */
  25. top: 3px; bottom: 3px; left: 1px; right: 1px;
  26. border: 1px solid #999;
  27. }
  28. div.example { overflow: hidden; }
  29. p { text-align: justify; }
  30. pre { padding: 0.5em; margin-left: 0; margin-right: 0; margin-top: 0.2em;
  31. margin-bottom: 0.5em; font-size: 88%; }
  32. pre {
  33. white-space: pre-wrap; /* css-3 */
  34. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  35. white-space: -pre-wrap; /* Opera 4-6 */
  36. white-space: -o-pre-wrap; /* Opera 7 */
  37. word-wrap: break-word; /* Internet Explorer 5.5+ */
  38. }
  39. code { font-family: monospace; background-color: #D3E1E4; }
  40. pre > code { background-color: transparent; }
  41. div.example > pre { float:left; width: 48%; }
  42. div.example > pre.markdown { clear:left; }
  43. pre.tree { font-weight: bold; color: #777; }
  44. pre.markdown { background-color: #D3E1E4; }
  45. pre.html { background-color: #C9CaCE; }
  46. pre.html span.space:after {
  47. border: 1px solid #666;
  48. }
  49. #watermark {
  50. position:fixed;
  51. bottom:0px;
  52. left:0px;
  53. padding: 1em;
  54. width: 100%;
  55. font-size: 120%;
  56. opacity:0.7;
  57. z-index:99;
  58. background-color: black;
  59. color: white;
  60. }
  61. #watermark a { color: white; }
  62. div.examplenum { font-size: 82%; text-align: left; }
  63. a.dingus { color: red; cursor: pointer; }
  64. a.footnoteRef > sup:before {
  65. content: "[";
  66. }
  67. a.footnoteRef > sup:after {
  68. content: "]";
  69. }
  70. a.footnoteRef > sup {
  71. vertical-align: baseline;
  72. font-size: 100%;
  73. }
  74. </style>
  75. <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  76. <script type="text/javascript">
  77. $$(document).ready(function() {
  78. $$("div.example").each(function(e) {
  79. var t = $$(this).find('pre.markdown > code').text();
  80. $$(this).find('a.dingus').click(function(f) {
  81. window.open('/dingus.html?text=' +
  82. encodeURIComponent(t.replace(/→/g,"\t")));
  83. });
  84. });
  85. $$("pre.markdown").dblclick(function(e) { window.open('/dingus.html?text=' +
  86. encodeURIComponent($$(this).find('code').text()));
  87. });
  88. });
  89. </script>
  90. </head>
  91. <body>
  92. $if(title)$
  93. <h1 class="title">$title$</h1>
  94. $endif$
  95. $if(version)$
  96. <div class="version">Version $version$ ($date$)</div>
  97. $endif$
  98. <div class="authors">
  99. $for(author)$<span class="author">$author$</span>$sep$; $endfor$
  100. </div>
  101. <div id="TOC">
  102. $toc$
  103. </div>
  104. <div id="watermark"></div>
  105. $body$
  106. </body>
  107. </html>