gitweb.ps.run Git - ps-cgit/blob - filters/html-converters/md2html

   1 #!/bin/sh
   2 cat <<_EOF
   3 <style>
   4 .markdown-body {
   5     font-size: 14px;
   6     line-height: 1.6;
   7     overflow: hidden;
   8 }
   9 .markdown-body>*:first-child {
  10     margin-top: 0 !important;
  11 }
  12 .markdown-body>*:last-child {
  13     margin-bottom: 0 !important;
  14 }
  15 .markdown-body a.absent {
  16     color: #c00;
  17 }
  18 .markdown-body a.anchor {
  19     display: block;
  20     padding-left: 30px;
  21     margin-left: -30px;
  22     cursor: pointer;
  23     position: absolute;
  24     top: 0;
  25     left: 0;
  26     bottom: 0;
  27 }
  28 .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  29     margin: 20px 0 10px;
  30     padding: 0;
  31     font-weight: bold;
  32     -webkit-font-smoothing: antialiased;
  33     cursor: text;
  34     position: relative;
  35 }
  36 .markdown-body h1 .mini-icon-link, .markdown-body h2 .mini-icon-link, .markdown-body h3 .mini-icon-link, .markdown-body h4 .mini-icon-link, .markdown-body h5 .mini-icon-link, .markdown-body h6 .mini-icon-link {
  37     display: none;
  38     color: #000;
  39 }
  40 .markdown-body h1:hover a.anchor, .markdown-body h2:hover a.anchor, .markdown-body h3:hover a.anchor, .markdown-body h4:hover a.anchor, .markdown-body h5:hover a.anchor, .markdown-body h6:hover a.anchor {
  41     text-decoration: none;
  42     line-height: 1;
  43     padding-left: 0;
  44     margin-left: -22px;
  45     top: 15%}
  46 .markdown-body h1:hover a.anchor .mini-icon-link, .markdown-body h2:hover a.anchor .mini-icon-link, .markdown-body h3:hover a.anchor .mini-icon-link, .markdown-body h4:hover a.anchor .mini-icon-link, .markdown-body h5:hover a.anchor .mini-icon-link, .markdown-body h6:hover a.anchor .mini-icon-link {
  47     display: inline-block;
  48 }
  49 .markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code {
  50     font-size: inherit;
  51 }
  52 .markdown-body h1 {
  53     font-size: 28px;
  54     color: #000;
  55 }
  56 .markdown-body h2 {
  57     font-size: 24px;
  58     border-bottom: 1px solid #ccc;
  59     color: #000;
  60 }
  61 .markdown-body h3 {
  62     font-size: 18px;
  63 }
  64 .markdown-body h4 {
  65     font-size: 16px;
  66 }
  67 .markdown-body h5 {
  68     font-size: 14px;
  69 }
  70 .markdown-body h6 {
  71     color: #777;
  72     font-size: 14px;
  73 }
  74 .markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre {
  75     margin: 15px 0;
  76 }
  77 .markdown-body hr {
  78     background: transparent url("/dirty-shade.png") repeat-x 0 0;
  79     border: 0 none;
  80     color: #ccc;
  81     height: 4px;
  82     padding: 0;
  83 }
  84 .markdown-body>h2:first-child, .markdown-body>h1:first-child, .markdown-body>h1:first-child+h2, .markdown-body>h3:first-child, .markdown-body>h4:first-child, .markdown-body>h5:first-child, .markdown-body>h6:first-child {
  85     margin-top: 0;
  86     padding-top: 0;
  87 }
  88 .markdown-body a:first-child h1, .markdown-body a:first-child h2, .markdown-body a:first-child h3, .markdown-body a:first-child h4, .markdown-body a:first-child h5, .markdown-body a:first-child h6 {
  89     margin-top: 0;
  90     padding-top: 0;
  91 }
  92 .markdown-body h1+p, .markdown-body h2+p, .markdown-body h3+p, .markdown-body h4+p, .markdown-body h5+p, .markdown-body h6+p {
  93     margin-top: 0;
  94 }
  95 .markdown-body li p.first {
  96     display: inline-block;
  97 }
  98 .markdown-body ul, .markdown-body ol {
  99     padding-left: 30px;
 100 }
 101 .markdown-body ul.no-list, .markdown-body ol.no-list {
 102     list-style-type: none;
 103     padding: 0;
 104 }
 105 .markdown-body ul li>:first-child, .markdown-body ul li ul:first-of-type, .markdown-body ul li ol:first-of-type, .markdown-body ol li>:first-child, .markdown-body ol li ul:first-of-type, .markdown-body ol li ol:first-of-type {
 106     margin-top: 0px;
 107 }
 108 .markdown-body ul li p:last-of-type, .markdown-body ol li p:last-of-type {
 109     margin-bottom: 0;
 110 }
 111 .markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul {
 112     margin-bottom: 0;
 113 }
 114 .markdown-body dl {
 115     padding: 0;
 116 }
 117 .markdown-body dl dt {
 118     font-size: 14px;
 119     font-weight: bold;
 120     font-style: italic;
 121     padding: 0;
 122     margin: 15px 0 5px;
 123 }
 124 .markdown-body dl dt:first-child {
 125     padding: 0;
 126 }
 127 .markdown-body dl dt>:first-child {
 128     margin-top: 0px;
 129 }
 130 .markdown-body dl dt>:last-child {
 131     margin-bottom: 0px;
 132 }
 133 .markdown-body dl dd {
 134     margin: 0 0 15px;
 135     padding: 0 15px;
 136 }
 137 .markdown-body dl dd>:first-child {
 138     margin-top: 0px;
 139 }
 140 .markdown-body dl dd>:last-child {
 141     margin-bottom: 0px;
 142 }
 143 .markdown-body blockquote {
 144     border-left: 4px solid #DDD;
 145     padding: 0 15px;
 146     color: #777;
 147 }
 148 .markdown-body blockquote>:first-child {
 149     margin-top: 0px;
 150 }
 151 .markdown-body blockquote>:last-child {
 152     margin-bottom: 0px;
 153 }
 154 .markdown-body table th {
 155     font-weight: bold;
 156 }
 157 .markdown-body table th, .markdown-body table td {
 158     border: 1px solid #ccc;
 159     padding: 6px 13px;
 160 }
 161 .markdown-body table tr {
 162     border-top: 1px solid #ccc;
 163     background-color: #fff;
 164 }
 165 .markdown-body table tr:nth-child(2n) {
 166     background-color: #f8f8f8;
 167 }
 168 .markdown-body img {
 169     max-width: 100%;
 170     -moz-box-sizing: border-box;
 171     box-sizing: border-box;
 172 }
 173 .markdown-body span.frame {
 174     display: block;
 175     overflow: hidden;
 176 }
 177 .markdown-body span.frame>span {
 178     border: 1px solid #ddd;
 179     display: block;
 180     float: left;
 181     overflow: hidden;
 182     margin: 13px 0 0;
 183     padding: 7px;
 184     width: auto;
 185 }
 186 .markdown-body span.frame span img {
 187     display: block;
 188     float: left;
 189 }
 190 .markdown-body span.frame span span {
 191     clear: both;
 192     color: #333;
 193     display: block;
 194     padding: 5px 0 0;
 195 }
 196 .markdown-body span.align-center {
 197     display: block;
 198     overflow: hidden;
 199     clear: both;
 200 }
 201 .markdown-body span.align-center>span {
 202     display: block;
 203     overflow: hidden;
 204     margin: 13px auto 0;
 205     text-align: center;
 206 }
 207 .markdown-body span.align-center span img {
 208     margin: 0 auto;
 209     text-align: center;
 210 }
 211 .markdown-body span.align-right {
 212     display: block;
 213     overflow: hidden;
 214     clear: both;
 215 }
 216 .markdown-body span.align-right>span {
 217     display: block;
 218     overflow: hidden;
 219     margin: 13px 0 0;
 220     text-align: right;
 221 }
 222 .markdown-body span.align-right span img {
 223     margin: 0;
 224     text-align: right;
 225 }
 226 .markdown-body span.float-left {
 227     display: block;
 228     margin-right: 13px;
 229     overflow: hidden;
 230     float: left;
 231 }
 232 .markdown-body span.float-left span {
 233     margin: 13px 0 0;
 234 }
 235 .markdown-body span.float-right {
 236     display: block;
 237     margin-left: 13px;
 238     overflow: hidden;
 239     float: right;
 240 }
 241 .markdown-body span.float-right>span {
 242     display: block;
 243     overflow: hidden;
 244     margin: 13px auto 0;
 245     text-align: right;
 246 }
 247 .markdown-body code, .markdown-body tt {
 248     margin: 0 2px;
 249     padding: 0px 5px;
 250     border: 1px solid #eaeaea;
 251     background-color: #f8f8f8;
 252     border-radius: 3px;
 253 }
 254 .markdown-body code {
 255     white-space: nowrap;
 256 }
 257 .markdown-body pre>code {
 258     margin: 0;
 259     padding: 0;
 260     white-space: pre;
 261     border: none;
 262     background: transparent;
 263 }
 264 .markdown-body .highlight pre, .markdown-body pre {
 265     background-color: #f8f8f8;
 266     border: 1px solid #ccc;
 267     font-size: 13px;
 268     line-height: 19px;
 269     overflow: auto;
 270     padding: 6px 10px;
 271     border-radius: 3px;
 272 }
 273 .markdown-body pre code, .markdown-body pre tt {
 274     margin: 0;
 275     padding: 0;
 276     background-color: transparent;
 277     border: none;
 278 }
 279 </style>
 280 _EOF
 281 echo "<div class='markdown-body'>"
 282 markdown_py -o html5
 283 echo "</div>"