StarMirror/github-markdown-css
1
0
Fork 0
mirror of https://github.com/sindresorhus/github-markdown-css.git synced 2024-03-22 13:10:53 +08:00
Code Issues Projects Releases Wiki Activity

Merge 6465f325c0e3bedd748c0b0bced8ed556eb55a53 into 9981e776899a8dad2cb4c066362e622d7dd03a6a

Browse Source
This commit is contained in:
Mihai Stancu 2017-04-16 05:58:09 +00:00 committed by GitHub
commit feec2cf64b
2 changed files with 161 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
github-markdown-htllm.css Normal file
View File

@ -0,0 +1,92 @@
.markdown-body a:before {
content: '[';
}
.markdown-body a:after {
content: '](' attr(href) ')';
}
.markdown-body strong:before,
.markdown-body strong:after {
content: '**';
}
.markdown-body h1 {
border-bottom: 0;
}
.markdown-body h1:before {
content: '#\00a0';
color: #666666;
}
.markdown-body h2 {
border-bottom: 0;
}
.markdown-body h2:before {
content: '##\00a0';
color: #666666;
}
.markdown-body h3:before {
content: '###\00a0';
color: #666666;
}
.markdown-body h4:before {
content: '####\00a0';
color: #666666;
}
.markdown-body h4:after {
content: '\00a0####';
color: #666666;
}
.markdown-body h5:before {
content: '#####\00a0';
color: #666666;
}
.markdown-body h5:after {
content: '\00a0#####';
color: #666666;
}
.markdown-body h6:before {
content: '######\00a0';
color: #999999;
}
.markdown-body h6:after {
content: '\00a0######';
color: #999999;
}
/*.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;
}
.markdown-body u {
text-decoration: none;
padding-bottom: .1em;
border-bottom: .1em solid;
}
.markdown-body u:before,
.markdown-body u:after {
content: '_';
}
.markdown-body em:before,
.markdown-body em:after {
content: '/';
}

69
index-htllm.html Normal file
View File

@ -0,0 +1,69 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
<title>GitHub Markdown CSS demo</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="github-markdown.css">
<link rel="stylesheet" href="github-markdown-htllm.css">
<style>
body {
min-width: 200px;
max-width: 790px;
margin: 0 auto;
padding: 30px;
}
</style>
</head>
<body>
<article class="markdown-body">
<h1>This is an H1 heading</h1>
<h2>This is an H2 heading</h2>
<h3>This is an H3 heading</h3>
<h4>This is an H4 heading</h4>
<h5>This is an H5 heading</h5>
<h6>This is an H6 heading</h6>
<ul>
<li>List item</li>
<li>List item</li>
<li>
<ul>
<li>Sublist item</li>
<li>Sublist item</li>
</ul>
</li>
</ul>
<ol>
<li>List item</li>
<li>List item</li>
<li>
<ol>
<li>Sublist item</li>
<li>Sublist item</li>
</ol>
</li>
</ol>
<blockquote>
A quoted block of unexpectedly short text which might hopefully reach a second row in your page
depending on screen resolution and whatnot.
</blockquote>
<p>
A paragraph of unexpectedly short text which might hopefully reach a second row in your page
depending on screen resolution and whatnot.
</p>
<p>A paragraph exemplifying <a href="http://bit.ly">a simple link</a> with text after it.</p>
<p>A paragraph exemplifying <code>inline code</code> with text after it.</p>
<p>A paragraph exemplifying <strong>a bolded item</strong> with text after it.</p>
<p>A paragraph exemplifying <em>an italic item</em> with text after it.</p>
<p>A paragraph exemplifying <u>an underlined item</u> with text after it.</p>
</article>
</body>
</html>