Github Markdown Styles

article.css

article {
  font-size: 16px;
}

article > *:first-child {
  margin-top:0 !important
}

article > *:last-child {
  margin-bottom:0 !important
}

article .absent {
  color:#c00
}

article .anchor {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  display:block;
  padding-right:6px;
  padding-left:30px;
  margin-left:-30px
}

article .anchor:focus  {
  outline:none
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  position:relative;
  margin-top:1em;
  margin-bottom:16px;
  font-weight:bold;
  line-height:1.4
}

article h1:hover .anchor,
article h2:hover .anchor,
article h3:hover .anchor,
article h4:hover .anchor,
article h5:hover .anchor,
article h6:hover .anchor {
  height:1em;
  padding-left:8px;
  margin-left:-30px;
  line-height:1;
  text-decoration:none
}

article h1:hover .anchor .octicon-link,
article h2:hover .anchor .octicon-link,
article h3:hover .anchor .octicon-link,
article h4:hover .anchor .octicon-link,
article h5:hover .anchor .octicon-link,
article h6:hover .anchor .octicon-link {
  display:inline-block
}

article h1 tt, article h1 code,
article h2 tt, article h2 code,
article h3 tt, article h3 code,
article h4 tt, article h4 code,
article h5 tt, article h5 code,
article h6 tt, article h6 code {
  font-size:inherit
}

article h1 {
  padding-bottom:0.3em;
  font-size:2.25em;
  line-height:1.2;
  border-bottom:1px solid #eee
}

article h2 {
  padding-bottom:0.3em;
  font-size:1.75em;
  line-height:1.225;
  border-bottom:1px solid #eee
}

article h3 {
  font-size:1.5em;
  line-height:1.43
}

article h4 {
  font-size:1.25em
}

article h5 {
  font-size:1em
}

article h6 {
  font-size:1em;
  color:#777
}

article p,
article blockquote,
article ul,
article ol,
article dl,
article table,
article pre {
  margin-top:0;
  margin-bottom:16px
}

article hr {
  height:4px;
  padding:0;
  margin:16px 0;
  background-color:#e7e7e7;
  border:0 none
}

article ul,
article ol {
  padding-left:2em
}

article ul.no-list,
article ol.no-list {
  padding:0;
  list-style-type:none
}

article ul ul,
article ul ol,
article ol ol,
article ol ul {
  margin-top:0;
  margin-bottom:0
}

article li > p {
  margin-top:16px
}

article dl {
  padding:0
}

article dl dt {
  padding:0;
  margin-top:16px;
  font-size:1em;
  font-style:italic;
  font-weight:bold
}

article dl dd {
  padding:0 16px;
  margin-bottom:16px
}

article blockquote {
  padding:0 15px;
  color:#777;
  border-left:4px solid #ddd
}

article blockquote > :first-child {
  margin-top:0
}

article blockquote > :last-child {
  margin-bottom:0
}

article table {
  display:block;
  width:100%;
  overflow:auto;
  word-break:normal;
  word-break:keep-all
}

article table th {
  font-weight:bold
}

article table th,
article table td {
  padding:6px 13px;
  border:1px solid #ddd
}

article table tr {
  background-color:#fff;
  // border-top:1px solid #ccc
}

article table tr:nth-child(2n) {
  background-color:#f8f8f8
}

article img {
  max-width:100%;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}

article span.frame {
  display:block;
  overflow:hidden
}

article span.frame > span  {
  display:block;
  float:left;
  width:auto;
  padding:7px;
  margin:13px 0 0;
  overflow:hidden;
  border:1px solid #ddd
}

article span.frame span img {
  display:block;
  float:left
}

article span.frame span span {
  display:block;
  padding:5px 0 0;
  clear:both;
  color:#333
}

article span.align-center {
  display:block;
  overflow:hidden;
  clear:both
}

article span.align-center > span {
  display:block;
  margin:13px auto 0;
  overflow:hidden;
  text-align:center
}

article span.align-center span img {
  margin:0 auto;
  text-align:center
}

article span.align-right {
  display:block;
  overflow:hidden;
  clear:both
}

article span.align-right > span {
  display:block;
  margin:13px 0 0;
  overflow:hidden;
  text-align:right
}

article span.align-right span img {
  margin:0;
  text-align:right
}

article span.float-left {
  display:block;
  float:left;
  margin-right:13px;
  overflow:hidden
}

article span.float-left span {
  margin:13px 0 0
}

article span.float-right {
  display:block;
  float:right;
  margin-left:13px;
  overflow:hidden
}

article span.float-right > span {
  display:block;
  margin:13px auto 0;
  overflow:hidden;
  text-align:right
}

article code,article tt {
  padding:0;
  padding-top:0.2em;
  padding-bottom:0.2em;
  margin:0;
  font-size:85%;
  background-color:rgba(0,0,0,0.04);
  border-radius:3px
}

article code:before,article code:after,article tt:before,article tt:after {
  letter-spacing:-0.2em;
  content:"\00a0"
}

article code br,article tt br {
  display:none
}

article del code {
  text-decoration:inherit
}

article pre > code {
  padding:0;
  margin:0;
  font-size:100%;
  word-break:normal;
  white-space:pre;
  background:transparent;
  border:0
}

article .highlight {
  margin-bottom:16px
}

article .highlight pre,
article pre {
  padding:16px;
  overflow:auto;
  font-size:85%;
  line-height:1.45;
  background-color:#f7f7f7;
  border-radius:3px
}

article .highlight pre {
  margin-bottom:0;
  word-break:normal
}

article pre {
  word-wrap:normal
}

article pre code,
article pre tt {
  display:inline;
  max-width:initial;
  padding:0;
  margin:0;
  overflow:initial;
  line-height:inherit;
  word-wrap:normal;
  background-color:transparent;
  border:0
}

article pre code:before,
article pre code:after,
article pre tt:before,
article pre tt:after {
  content:normal
}