Skip to content

Instantly share code, notes, and snippets.

@LSTANCZYK
Forked from jonschoning/markdown.css
Last active August 29, 2015 14:09
Show Gist options
  • Save LSTANCZYK/9114e66441a66e659f7f to your computer and use it in GitHub Desktop.
Save LSTANCZYK/9114e66441a66e659f7f to your computer and use it in GitHub Desktop.
.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-size: 15px;
line-height: 1.7;
font-weight: normal;
font-style: normal;
font-family: Helvetica, arial, freesans, clean, sans-serif;
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 {
float: none;
margin: 0;
padding: 0;
}
.markdown h1,
.markdown p,
.markdown ul,
.markdown ol,
.markdown pre,
.markdown blockquote {
margin-top: 20px;
margin-bottom: 20px;
}
.markdown h1 {
position: relative;
display: inline-block;
display: table-cell;
padding: 20px 0 40px;
margin: 0;
overflow: hidden;
}
.markdown h1:after {
content: "====================================================================================================";
position: absolute;
bottom: 20px;
left: 0;
}
.markdown h1 + * {
margin-top: 0;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
position: relative;
margin-bottom: 20px;
}
.markdown h2:before,
.markdown h3:before,
.markdown h4:before,
.markdown h5:before,
.markdown h6:before {
content: "## ";
display: inline;
}
.markdown h3:before {
content: "### ";
}
.markdown h4:before {
content: "#### ";
}
.markdown h5:before {
content: "##### ";
}
.markdown h6:before {
content: "###### ";
}
.markdown li {
position: relative;
display: block;
padding-left: 36px;
}
.markdown li:after {
position: absolute;
top: 0;
left: 0;
}
.markdown ul > li:after {
content: "*";
}
.markdown ol > li:after {
content: "1.";
}
.markdown pre {
margin-left: 36px;
}
.markdown blockquote {
position: relative;
padding-left: 18px;
overflow: hidden;
}
.markdown 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;
top: 0;
left: 0;
font-size: 14px;
line-height: 20px;
}
.markdown strong:before,
.markdown strong:after {
content: "__";
display: inline;
}
.markdown em:before,
.markdown em:after {
content: "*";
display: inline;
}
.markdown a {
text-decoration: none;
}
.markdown a:before {
content: "[";
display: inline;
color: #333333;
}
.markdown a:after {
content: "](" attr(href) ")";
display: inline;
color: #333333;
}
.markdown code {
font-weight: 100;
}
.markdown code:before,
.markdown code:after {
content: "`";
display: inline;
}
.markdown pre code:before,
.markdown pre code:after {
content: none;
}
.markdown hr {
position: relative;
height: 20px;
font-size: 0;
line-height: 0;
overflow: hidden;
border: 0;
margin-bottom: 20px;
}
.markdown hr:after {
content: "----------------------------------------------------------------------------------------------------";
position: absolute;
top: 0;
left: 0;
font-size: 14px;
line-height: 20px;
word-wrap: break-word;
}
@-moz-document url-prefix() {
.markdown h1 {
display: block;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment