From 443ef1cc8db3afba41f21e519cd2d4ce8ef900b7 Mon Sep 17 00:00:00 2001 From: Mihai Stancu Date: Tue, 14 Oct 2014 21:55:20 +0300 Subject: [PATCH] Adding a separate CSS file with rules to make HTML elements look like Markdown code. --- github-markdown-htllm.css | 65 +++++++++++++++++++++++++++++++++++++++ index-htllm.html | 59 +++++++++++++++++++++++++++++++++++ 2 files changed, 124 insertions(+) create mode 100644 github-markdown-htllm.css create mode 100644 index-htllm.html diff --git a/github-markdown-htllm.css b/github-markdown-htllm.css new file mode 100644 index 0000000..b374a64 --- /dev/null +++ b/github-markdown-htllm.css @@ -0,0 +1,65 @@ +.markdown-body a:before { + content: '[\00a0'; +} +.markdown-body a:after { + content: '\00a0]( ' attr(href) ' )'; +} + +.markdown-body strong:before, +.markdown-body strong:after { + content: '**'; +} + +.markdown-body h1 { + border-bottom: 6px double #999999; +} +.markdown-body h1:before { + content: '#\00a0'; + color: #999999; +} + +.markdown-body h2 { + border-bottom: 2px solid #999999; +} +.markdown-body h2:before { + content: '##\00a0'; + color: #999999; +} + +.markdown-body h3:before { + content: '###\00a0'; + color: #999999; +} + +.markdown-body h4:before { + content: '####\00a0'; + color: #999999; +} + +.markdown-body h5:before { + content: '#####\00a0'; + color: #999999; +} + +.markdown-body h6:before { + content: '######\00a0'; + color: #dddddd; +} + +.markdown-body ul { + padding-left: .75em; + list-style-type: none; +} +.markdown-body ul li:before { + content: '\2217'; + padding-right: .75em; +} + +.markdown-body code:before { + content: '\00a0`'; + vertical-align: text-top; +} +.markdown-body code:after { + content: '`\00a0'; + vertical-align: text-top; +} \ No newline at end of file diff --git a/index-htllm.html b/index-htllm.html new file mode 100644 index 0000000..8090025 --- /dev/null +++ b/index-htllm.html @@ -0,0 +1,59 @@ + + + + + + GitHub Markdown CSS demo + + + + + +
+

This is an H1 heading

+ +

This is an H2 heading

+ +

This is an H3 heading

+

This is an H4 heading

+
This is an H5 heading
+
This is an H6 heading
+ +
    +
  1. List item
    2. +
  2. List item
    3. +
  3. +
      +
    1. Sublist item
      2. +
    2. Sublist item
      3. +
    +
    4. +
+ +
+

Link ipsum dolor sit amet filet mignon ribeye swine jerky porchetta beef ribs.

+
+ +

Bacon pastrami ham hock tongue t-bone, ham shankle capicola biltong fatback shoulder pork tenderloin + boudin. Pastrami sausage short ribs, pig bacon shoulder biltong ham. Sausage shankle meatball pork loin, + pancetta flank pork frankfurter pig pork chop ham hock chicken ribeye capicola.

+ +
+ +