diff --git a/src/markdown.css b/src/markdown.css index b16316a..0a3fbfc 100644 --- a/src/markdown.css +++ b/src/markdown.css @@ -1,56 +1,56 @@ -.markdown { +body { word-wrap: break-word; -} -.markdown, -.markdown h1, -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6, -.markdown pre, -.markdown code, -.markdown blockquote, -.markdown em, -.markdown strong, -.markdown code { + font-family: consolas, monaco, courier, "courier new", fixed-width; +} +h1, +h2, +h3, +h4, +h5, +h6, +pre, +code, +blockquote, +em, +strong, +code { font-size: 14px; line-height: 20px; font-weight: normal; font-style: normal; - font-family: consolas, monaco, courier, "courier new", monospace; + font-family: consolas, monaco, courier, "courier new", fixed-width; color: #333333; } -.markdown h1, -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6, -.markdown pre, -.markdown code, -.markdown blockquote, -.markdown ol, -.markdown ul, -.markdown li, -.markdown p, -.markdown section, -.markdown header, -.markdown footer { +h1, +h2, +h3, +h4, +h5, +h6, +pre, +code, +blockquote, +ol, +ul, +li, +p, +section, +header, +footer { float: none; margin: 0; padding: 0; } -.markdown h1, -.markdown p, -.markdown ul, -.markdown ol, -.markdown pre, -.markdown blockquote { +h1, +p, +ul, +ol, +pre, +blockquote { margin-top: 20px; margin-bottom: 20px; } -.markdown h1 { +h1 { position: relative; display: inline-block; display: table-cell; @@ -58,75 +58,75 @@ margin: 0; overflow: hidden; } -.markdown h1:after { +h1:after { content: "===================================================================================================="; position: absolute; bottom: 20px; left: 0; } -.markdown h1 + * { +h1 + * { margin-top: 0; } -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6 { +h2, +h3, +h4, +h5, +h6 { position: relative; margin-bottom: 20px; } -.markdown h2:before, -.markdown h3:before, -.markdown h4:before, -.markdown h5:before, -.markdown h6:before { +h2:before, +h3:before, +h4:before, +h5:before, +h6:before { content: "## "; display: inline; } -.markdown h3:before { +h3:before { content: "### "; } -.markdown h4:before { +h4:before { content: "#### "; } -.markdown h5:before { +h5:before { content: "##### "; } -.markdown h6:before { +h6:before { content: "###### "; } -.markdown li { +li { position: relative; display: block; padding-left: 34px; padding-left: 4ch; } -.markdown li:after { +li:after { position: absolute; top: 0; left: 0; } -.markdown ul > li:after { +ul > li:after { content: "*"; } -.markdown ol { +ol { counter-reset: ol; } -.markdown ol > li:after { +ol > li:after { content: counter(ol) "."; counter-increment: ol; } -.markdown pre { +pre { margin-left: 34px; - margin-left: 4ch; + padding-left: 4ch; } -.markdown blockquote { +blockquote { position: relative; padding-left: 17px; padding-left: 2ch; overflow: hidden; } -.markdown blockquote:after { +blockquote:after { content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>"; white-space: pre; position: absolute; @@ -135,42 +135,44 @@ font-size: 14px; line-height: 20px; } -.markdown strong:before, -.markdown strong:after { +strong:before, +strong:after { content: "__"; display: inline; } -.markdown em:before, -.markdown em:after { +em:before, +em:after { content: "*"; display: inline; } -.markdown a { +a { text-decoration: none; + color: black; + cursor: pointer; } -.markdown a:before { +a:before { content: "["; display: inline; color: #333333; } -.markdown a:after { +a:after { content: "](" attr(href) ")"; display: inline; color: #333333; } -.markdown code { +code { font-weight: 100; } -.markdown code:before, -.markdown code:after { +code:before, +code:after { content: "`"; display: inline; } -.markdown pre code:before, -.markdown pre code:after { +pre code:before, +pre code:after { content: none; } -.markdown hr { +hr { position: relative; height: 20px; font-size: 0; @@ -179,7 +181,7 @@ border: 0; margin-bottom: 20px; } -.markdown hr:after { +hr:after { content: "----------------------------------------------------------------------------------------------------"; position: absolute; top: 0; @@ -189,11 +191,96 @@ width: 100%; word-wrap: break-word; } +img { + display: inline; + content: ""; + height: 1px +} +img:before { + content: "![" attr(alt) "](" attr(src) ")"; + display: inline; + color: #333333; +} +/*th:after { + content: "---"; +}*/ +td:after { + content: " | "; +} +td:last-child:after { + content: ""; +} +td { + margin: 0; + padding: 0; +} + +th { + float: none; + position: relative; + display: inline-block; + display: table-cell; + padding: 20px 0 40px; + margin: 0; + overflow: hidden; + font-weight: normal; +} +th:after { + content: "----------"; + position: absolute; + bottom: 20px; + left: 15px; +} +th:before { + content: " | "; + position: absolute; + bottom: 20px; + left: 0; + padding-right: 2px; +} +th:first-child:before { + content: ""; + position: absolute; + bottom: 20px; + left: 0; +} +/*th:last-child:after { + content: "--------------"; + position: absolute; + bottom: 20px; + left: 0; +}*/ + +tfoot { + display: none; +} + +/*video { + display: inline; + content: ""; + height: 1px +} +audio { + display: inline; + content: ""; + height: 1px +} +source { + display: inline; + content: ""; + height: 1px +} +source:before { + content: "![](" attr(src) ")"; + display: inline; + color: #333333; +}*/ + @-moz-document url-prefix() { - .markdown h1 { + h1 { display: block; } } -.markdown-ones ol > li:after { +ol > li:after { content: "1."; }