diff options
Diffstat (limited to '')
-rw-r--r-- | public/css/github-extract.css | 338 |
1 files changed, 243 insertions, 95 deletions
diff --git a/public/css/github-extract.css b/public/css/github-extract.css index 3caf247f..4d2650d4 100644 --- a/public/css/github-extract.css +++ b/public/css/github-extract.css @@ -1,118 +1,216 @@ .markdown-body { - overflow: hidden; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; - line-height: 1.6; + line-height: 1.5; word-wrap: break-word; } + +.markdown-body::before { + display: table; + content: "" +} + +.markdown-body::after { + display: table; + clear: both; + content: ""; +} + .markdown-body>*:first-child { margin-top: 0 !important; } + .markdown-body>*:last-child { margin-bottom: 0 !important; } + +.markdown-body a:not([href]) { + color: inherit; + text-decoration: none; +} + .markdown-body .absent { color: #c00; } + .markdown-body .anchor { - display: inline-block; - padding-right: 2px; - margin-left: -18.36px; + float: left; + padding-right: 4px; + margin-left: -20px; + line-height: 1 } + .markdown-body .anchor:focus { outline: none; } -.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { - margin-top: 1em; + +.markdown-body p, +.markdown-body blockquote, +.markdown-body ul, +.markdown-body ol, +.markdown-body dl, +.markdown-body table, +.markdown-body pre { + margin-top: 0; margin-bottom: 16px; - font-weight: bold; - line-height: 1.4; } -.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { + +.markdown-body hr { + height: 0.25em; + padding: 0; + margin: 24px 0; + background-color: #e7e7e7; + border: 0; +} + +.markdown-body blockquote { + padding: 0 1em; + color: #777; + border-left: 0.25em solid #ddd; +} + +.markdown-body blockquote>:first-child { + margin-top: 0; +} + +.markdown-body blockquote>:last-child { + margin-bottom: 0; +} + +.markdown-body kbd { + display: inline-block; + padding: 3px 5px; + font-size: 11px; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px #ccc; + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb; +} + +.markdown-body .loweralpha { + list-style-type: lower-alpha; +} + +.markdown-body h1, +.markdown-body h2, +.markdown-body h3, +.markdown-body h4, +.markdown-body h5, +.markdown-body h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + +.markdown-body h1 .octicon-link, +.markdown-body h2 .octicon-link, +.markdown-body h3 .octicon-link, +.markdown-body h4 .octicon-link, +.markdown-body h5 .octicon-link, +.markdown-body h6 .octicon-link { color: #000; vertical-align: middle; visibility: hidden; } -.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { + +.markdown-body h1:hover .anchor, +.markdown-body h2:hover .anchor, +.markdown-body h3:hover .anchor, +.markdown-body h4:hover .anchor, +.markdown-body h5:hover .anchor, +.markdown-body h6:hover .anchor { text-decoration: none; } -.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { + +.markdown-body h1:hover .anchor .octicon-link, +.markdown-body h2:hover .anchor .octicon-link, +.markdown-body h3:hover .anchor .octicon-link, +.markdown-body h4:hover .anchor .octicon-link, +.markdown-body h5:hover .anchor .octicon-link, +.markdown-body h6:hover .anchor .octicon-link { visibility: visible; } -.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { + +.markdown-body h1 tt, +.markdown-body h1 code, +.markdown-body h2 tt, +.markdown-body h2 code, +.markdown-body h3 tt, +.markdown-body h3 code, +.markdown-body h4 tt, +.markdown-body h4 code, +.markdown-body h5 tt, +.markdown-body h5 code, +.markdown-body h6 tt, +.markdown-body h6 code { font-size: inherit; } + .markdown-body h1 { padding-bottom: 0.3em; - font-size: 2.25em; - line-height: 1.2; + font-size: 2em; border-bottom: 1px solid #eee; } -.markdown-body h1 .anchor { - line-height: 1; -} + .markdown-body h2 { padding-bottom: 0.3em; - font-size: 1.75em; - line-height: 1.225; + font-size: 1.5em; border-bottom: 1px solid #eee; } -.markdown-body h2 .anchor { - line-height: 1; -} + .markdown-body h3 { - font-size: 1.5em; - line-height: 1.43; -} -.markdown-body h3 .anchor { - line-height: 1.2; -} -.markdown-body h4 { font-size: 1.25em; } -.markdown-body h4 .anchor { - line-height: 1.2; -} -.markdown-body h5 { + +.markdown-body h4 { font-size: 1em; } -.markdown-body h5 .anchor { - line-height: 1.1; + +.markdown-body h5 { + font-size: 0.875em; } + .markdown-body h6 { - font-size: 1em; - color: #777; -} -.markdown-body h6 .anchor { - line-height: 1.1; + font-size: 0.85em; + color: #777 } -.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { - margin-top: 0; - margin-bottom: 16px; -} -.markdown-body hr { - height: 4px; - padding: 0; - margin: 16px 0; - background-color: #e7e7e7; - border: 0 none; -} -.markdown-body ul, .markdown-body ol { - padding-left: 2em; + +.markdown-body ul, +.markdown-body ol { + padding-left: 2em } -.markdown-body ul.no-list, .markdown-body ol.no-list { + +.markdown-body ul.no-list, +.markdown-body ol.no-list { padding: 0; list-style-type: none; } -.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { + +.markdown-body ul ul, +.markdown-body ul ol, +.markdown-body ol ol, +.markdown-body ol ul { margin-top: 0; - margin-bottom: 0; + margin-bottom: 0 } + .markdown-body li>p { - margin-top: 16px; + margin-top: 16px +} + +.markdown-body li+li { + margin-top: 0.25em; } + .markdown-body dl { padding: 0; } + .markdown-body dl dt { padding: 0; margin-top: 16px; @@ -120,21 +218,12 @@ font-style: italic; font-weight: bold; } + .markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; } -.markdown-body blockquote { - padding: 0 15px; - color: #777; - border-left: 4px solid #ddd; -} -.markdown-body blockquote>:first-child { - margin-top: 0; -} -.markdown-body blockquote>:last-child { - margin-bottom: 0; -} + .markdown-body table { display: block; width: 100%; @@ -142,35 +231,51 @@ word-break: normal; word-break: keep-all; } + .markdown-body table th { - font-weight: bold; + font-weight: bold } -.markdown-body table th, .markdown-body table td { + +.markdown-body table th, +.markdown-body table td { padding: 6px 13px; border: 1px solid #ddd; } + .markdown-body table tr { background-color: #fff; border-top: 1px solid #ccc; } + .markdown-body table tr:nth-child(2n) { background-color: #f8f8f8; } + .markdown-body img { max-width: 100%; - -moz-box-sizing: border-box; - box-sizing: border-box; + box-sizing: content-box; + background-color: #fff; +} + +.markdown-body img[align=right] { + padding-left: 20px; } + +.markdown-body img[align=left] { + padding-right: 20px; +} + .markdown-body .emoji { - width: 20px; - height: 20px; max-width: none; - margin-bottom: 0; + vertical-align: text-top; + background-color: transparent; } + .markdown-body span.frame { display: block; overflow: hidden; } + .markdown-body span.frame>span { display: block; float: left; @@ -180,68 +285,82 @@ overflow: hidden; border: 1px solid #ddd; } + .markdown-body span.frame span img { display: block; float: left; } + .markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #333; } + .markdown-body span.align-center { display: block; overflow: hidden; clear: both; } + .markdown-body span.align-center>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; } + .markdown-body span.align-center span img { margin: 0 auto; text-align: center; } + .markdown-body span.align-right { display: block; overflow: hidden; clear: both; } + .markdown-body span.align-right>span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; } + .markdown-body span.align-right span img { margin: 0; text-align: right; } + .markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; } + .markdown-body span.float-left span { margin: 13px 0 0; } + .markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; } + .markdown-body span.float-right>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; } -.markdown-body code, .markdown-body tt { + +.markdown-body code, +.markdown-body tt { padding: 0; padding-top: 0.2em; padding-bottom: 0.2em; @@ -250,15 +369,28 @@ background-color: rgba(0, 0, 0, 0.04); border-radius: 3px; } -.markdown-body code:before, .markdown-body code:after, .markdown-body tt:before, .markdown-body tt:after { + +.markdown-body code::before, +.markdown-body code::after, +.markdown-body tt::before, +.markdown-body tt::after { letter-spacing: -0.2em; - content: "\00a0"} -.markdown-body code br, .markdown-body tt br { + content: "\00a0"; +} + +.markdown-body code br, +.markdown-body tt br { display: none; } + .markdown-body del code { text-decoration: inherit; } + +.markdown-body pre { + word-wrap: normal; +} + .markdown-body pre>code { padding: 0; margin: 0; @@ -268,10 +400,18 @@ background: transparent; border: 0; } + .markdown-body .highlight { margin-bottom: 16px; } -.markdown-body .highlight pre, .markdown-body pre { + +.markdown-body .highlight pre { + margin-bottom: 0; + word-break: normal; +} + +.markdown-body .highlight pre, +.markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; @@ -279,29 +419,29 @@ background-color: #f7f7f7; border-radius: 3px; } -.markdown-body .highlight pre { - margin-bottom: 0; - word-break: normal; -} -.markdown-body pre { - word-wrap: normal; -} -.markdown-body pre code, .markdown-body pre tt { + +.markdown-body pre code, +.markdown-body pre tt { display: inline; - max-width: initial; + max-width: auto; padding: 0; margin: 0; - overflow: initial; + overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } -.markdown-body pre code:before, .markdown-body pre code:after, .markdown-body pre tt:before, .markdown-body pre tt:after { + +.markdown-body pre code::before, +.markdown-body pre code::after, +.markdown-body pre tt::before, +.markdown-body pre tt::after { content: normal; } -.markdown-body .csv-data td, .markdown-body .csv-data th { +.markdown-body .csv-data td, +.markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; @@ -309,15 +449,18 @@ text-align: left; white-space: nowrap; } + .markdown-body .csv-data .blob-line-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; } + .markdown-body .csv-data tr { border-top: 0; } + .markdown-body .csv-data th { font-weight: bold; background: #f8f8f8; @@ -335,7 +478,7 @@ border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; - box-shadow: inset 0 -1px 0 #bbb + box-shadow: inset 0 -1px 0 #bbb; } .news .alert .markdown-body blockquote { @@ -343,22 +486,27 @@ border: 0 none; } -.activity-tab .news .markdown-body blockquote, .activity-tab .news .alert .commits { +.activity-tab .news .markdown-body blockquote, +.activity-tab .news .alert .commits { padding-left: 0; } .task-list-item { list-style-type: none; } + .task-list-item label { font-weight: normal; } + .task-list-item.enabled label { cursor: pointer; } + .task-list-item+.task-list-item { margin-top: 3px; } + .task-list-item-checkbox { float: left; margin: 0.31em 0 0.2em -1.3em !important; |