fix markdown.css

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.";
 }