diff --git a/github-markdown.css b/github-markdown.css index 9b68d8c..60261e8 100644 --- a/github-markdown.css +++ b/github-markdown.css @@ -226,13 +226,9 @@ } .markdown-body .anchor { - position: absolute; - top: 0; - left: 0; - display: block; - padding-right: 6px; - padding-left: 30px; - margin-left: -30px; + display: inline-block; + padding-right: 2px; + margin-left: -18px; } .markdown-body .anchor:focus { @@ -245,7 +241,6 @@ .markdown-body h4, .markdown-body h5, .markdown-body h6 { - position: relative; margin-top: 1em; margin-bottom: 16px; font-weight: bold; @@ -258,9 +253,9 @@ .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { - display: none; color: #000; vertical-align: middle; + visibility: hidden; } .markdown-body h1:hover .anchor, @@ -269,8 +264,6 @@ .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { - padding-left: 8px; - margin-left: -30px; text-decoration: none; } @@ -280,7 +273,7 @@ .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { - display: inline-block; + visibility: visible; } .markdown-body h1 { @@ -435,7 +428,8 @@ .markdown-body img { max-width: 100%; - box-sizing: border-box; + box-sizing: content-box; + background-color: #fff; } .markdown-body code { @@ -631,6 +625,17 @@ box-shadow: inset 0 -1px 0 #bbb; } +.markdown-body:before { + display: table; + content: ""; +} + +.markdown-body:after { + display: table; + clear: both; + content: ""; +} + .markdown-body .task-list-item { list-style-type: none; }