diff options
Diffstat (limited to 'public/css/markdown.css')
-rw-r--r-- | public/css/markdown.css | 559 |
1 files changed, 344 insertions, 215 deletions
diff --git a/public/css/markdown.css b/public/css/markdown.css index d46fd943..e682b080 100644 --- a/public/css/markdown.css +++ b/public/css/markdown.css @@ -1,235 +1,408 @@ .markdown { - font-size: 14px; + overflow: hidden; + font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; + font-size: 16px; + line-height: 1.6; + word-wrap: break-word; + padding: 0 2em 2em !important; +} +.markdown > *:first-child { + margin-top: 0 !important; +} +.markdown > *:last-child { + margin-bottom: 0 !important; } - -.markdown a { - color: #4183C4; +.markdown a:not([href]) { + color: inherit; + text-decoration: none; +} +.markdown .absent { + color: #c00; +} +.markdown .anchor { + position: absolute; + top: 0; + left: 0; + display: block; + padding-right: 6px; + padding-left: 30px; + margin-left: -30px; +} +.markdown .anchor:focus { + outline: none; } - .markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 { - line-height: 1.7; - padding: 15px 0 0; - margin: 0 0 15px; - color: #444; + position: relative; + margin-top: 1em; + margin-bottom: 16px; font-weight: bold; + line-height: 1.4; +} +.markdown h1 .octicon-link, +.markdown h2 .octicon-link, +.markdown h3 .octicon-link, +.markdown h4 .octicon-link, +.markdown h5 .octicon-link, +.markdown h6 .octicon-link { + display: none; + color: #000; + vertical-align: middle; +} +.markdown h1:hover .anchor, +.markdown h2:hover .anchor, +.markdown h3:hover .anchor, +.markdown h4:hover .anchor, +.markdown h5:hover .anchor, +.markdown h6:hover .anchor { + padding-left: 8px; + margin-left: -30px; + text-decoration: none; } - -.markdown h1, -.markdown h2 { - border-bottom: 1px solid #EEE; +.markdown h1:hover .anchor .octicon-link, +.markdown h2:hover .anchor .octicon-link, +.markdown h3:hover .anchor .octicon-link, +.markdown h4:hover .anchor .octicon-link, +.markdown h5:hover .anchor .octicon-link, +.markdown h6:hover .anchor .octicon-link { + display: inline-block; } - -.markdown h2 { - border-bottom: 1px solid #EEE; +.markdown h1 tt, +.markdown h1 code, +.markdown h2 tt, +.markdown h2 code, +.markdown h3 tt, +.markdown h3 code, +.markdown h4 tt, +.markdown h4 code, +.markdown h5 tt, +.markdown h5 code, +.markdown h6 tt, +.markdown h6 code { + font-size: inherit; } - .markdown h1 { - color: #000; - font-size: 33px + padding-bottom: 0.3em; + font-size: 2.25em; + line-height: 1.2; + border-bottom: 1px solid #eee; +} +.markdown h1 .anchor { + line-height: 1; } - .markdown h2 { - color: #333; - font-size: 28px + padding-bottom: 0.3em; + font-size: 1.75em; + line-height: 1.225; + border-bottom: 1px solid #eee; +} +.markdown h2 .anchor { + line-height: 1; } - .markdown h3 { - font-size: 22px + font-size: 1.5em; + line-height: 1.43; +} +.markdown h3 .anchor { + line-height: 1.2; } - .markdown h4 { - font-size: 18px + font-size: 1.25em; +} +.markdown h4 .anchor { + line-height: 1.2; } - .markdown h5 { - font-size: 14px + font-size: 1em; +} +.markdown h5 .anchor { + line-height: 1.1; } - .markdown h6 { - font-size: 14px + font-size: 1em; + color: #777; +} +.markdown h6 .anchor { + line-height: 1.1; +} +.markdown p, +.markdown blockquote, +.markdown ul, +.markdown ol, +.markdown dl, +.markdown table, +.markdown pre { + margin-top: 0; + margin-bottom: 16px; +} +.markdown hr { + height: 4px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; +} +.markdown ul, +.markdown ol { + padding-left: 2em; +} +.markdown ul.no-list, +.markdown ol.no-list { + padding: 0; + list-style-type: none; +} +.markdown ul ul, +.markdown ul ol, +.markdown ol ol, +.markdown ol ul { + margin-top: 0; + margin-bottom: 0; +} +.markdown ol ol, +.markdown ul ol { + list-style-type: lower-roman; +} +.markdown li > p { + margin-top: 16px; +} +.markdown dl { + padding: 0; +} +.markdown dl dt { + padding: 0; + margin-top: 16px; + font-size: 1em; + font-style: italic; + font-weight: bold; +} +.markdown dl dd { + padding: 0 16px; + margin-bottom: 16px; +} +.markdown blockquote { + padding: 0 15px; + color: #777; + border-left: 4px solid #ddd; +} +.markdown blockquote > :first-child { + margin-top: 0; +} +.markdown blockquote > :last-child { + margin-bottom: 0; } - .markdown table { - border-collapse: collapse; - border-spacing: 0; display: block; - overflow: auto; width: 100%; - margin: 0 0 9px; + overflow: auto; + word-break: normal; + word-break: keep-all; } - .markdown table th { - font-weight: 700 + font-weight: bold; } - .markdown table th, .markdown table td { - border: 1px solid #DDD; - padding: 6px 13px; + padding: 6px 13px !important; + border: 1px solid #ddd; } - .markdown table tr { - background-color: #FFF; - border-top: 1px solid #CCC; + background-color: #fff; + border-top: 1px solid #ccc; } - .markdown table tr:nth-child(2n) { - background-color: #F8F8F8 + background-color: #f8f8f8; } - -.markdown li { - line-height: 1.6; - margin-top: 6px; +.markdown img { + max-width: 100%; + box-sizing: border-box; } - -.markdown li:first-child { - margin-top: 0; +.markdown .emoji { + max-width: none; } - -.markdown dl dt { - font-style: italic; - margin-top: 9px; +.markdown span.frame { + display: block; + overflow: hidden; } - -.markdown dl dd { - margin: 0 0 9px; - padding: 0 9px; +.markdown span.frame > span { + display: block; + float: left; + width: auto; + padding: 7px; + margin: 13px 0 0; + overflow: hidden; + border: 1px solid #ddd; } - -.markdown blockquote, -.markdown blockquote p { - font-size: 14px; - background-color: #f5f5f5; +.markdown span.frame span img { + display: block; + float: left; } - -.markdown > pre { - line-height: 1.6; - overflow: auto; - background: #f8f8f8; - border: 1px solid #ddd; - padding: 0; +.markdown span.frame span span { + display: block; + padding: 5px 0 0; + clear: both; + color: #333; } - -.markdown > pre.linenums { - padding: 0; +.markdown span.align-center { + display: block; + overflow: hidden; + clear: both; } - -.markdown > pre > ol.linenums { - list-style: none; - padding: 0; +.markdown span.align-center > span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: center; } - -.markdown > pre > ol.linenums > li { - margin-top: 2px; +.markdown span.align-center span img { + margin: 0 auto; + text-align: center; } - -.markdown > pre.nums-style > ol.linenums { - list-style-type: decimal; - padding: 0 0 0 40px; - -webkit-box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc; - box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc; +.markdown span.align-right { + display: block; + overflow: hidden; + clear: both; } - -.markdown > pre > code { - white-space: pre; - word-wrap: normal; +.markdown span.align-right > span { + display: block; + margin: 13px 0 0; + overflow: hidden; + text-align: right; +} +.markdown span.align-right span img { + margin: 0; + text-align: right; +} +.markdown span.float-left { + display: block; + float: left; + margin-right: 13px; + overflow: hidden; +} +.markdown span.float-left span { + margin: 13px 0 0; } - -.markdown > pre > ol.linenums > li { - padding: 0 10px; +.markdown span.float-right { + display: block; + float: right; + margin-left: 13px; + overflow: hidden; } - -.markdown > pre > ol.linenums > li:first-child { - padding-top: 12px; +.markdown span.float-right > span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: right; } - -.markdown > pre > ol.linenums > li:last-child { - padding-bottom: 12px; +.markdown code, +.markdown 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; +} +.markdown code:before, +.markdown code:after, +.markdown tt:before, +.markdown tt:after { + letter-spacing: -0.2em; + content: "\00a0"; +} +.markdown code br, +.markdown tt br { + display: none; } - -.markdown > pre.nums-style > ol.linenums > li { - border-left: 1px solid #ddd; +.markdown del code { + text-decoration: inherit; } - -.markdown hr { - border: none; - color: #ccc; - height: 4px; +.markdown pre > code { padding: 0; - margin: 15px 0; - border-bottom: 2px solid #EEE; -} - -.markdown blockquote:last-child, -.markdown ul:last-child, -.markdown ol:last-child, -.markdown > pre:last-child, -.markdown > pre:last-child, -.markdown p:last-child { - margin-bottom: 0; + margin: 0; + font-size: 100%; + word-break: normal; + white-space: pre; + background: transparent; + border: 0; } - -.markdown img { - max-width: 100%; +.markdown .highlight { + margin-bottom: 16px; } - -.markdown .btn { - color: #fff; +.markdown .highlight pre, +.markdown pre { + padding: 16px; + overflow: auto; + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border-radius: 3px; } - -.markdown .anchor-wrap { - /*margin-top: -50px;*/ - /*padding-top: 50px;*/ +.markdown .highlight pre { + margin-bottom: 0; + word-break: normal; } - -.markdown h1 a, .markdown h2 a, .markdown h3 a { - text-decoration: none; +.markdown pre { + word-wrap: normal; } - -.markdown h1 a.anchor, -.markdown h2 a.anchor, -.markdown h3 a.anchor, -.markdown h4 a.anchor, -.markdown h5 a.anchor, -.markdown h6 a.anchor { - text-decoration:none; - line-height:1; - padding-left:0; - margin-left:5px; - top:15%; -} -.markdown a span.octicon { - font-size: 16px; - font-family: "FontAwesome"; - line-height: 1; +.markdown pre code, +.markdown pre tt { + display: inline; + max-width: initial; + padding: 0; + margin: 0; + overflow: initial; + line-height: inherit; + word-wrap: normal; + background-color: transparent; + border: 0; +} +.markdown pre code:before, +.markdown pre code:after, +.markdown pre tt:before, +.markdown pre tt:after { + content: normal; +} +.markdown kbd { display: inline-block; - text-decoration: none; - -webkit-font-smoothing: antialiased; + 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 #bbbbbb; +} +.markdown .csv-data td, +.markdown .csv-data th { + padding: 5px; + overflow: hidden; + font-size: 12px; + line-height: 1; + text-align: left; + white-space: nowrap; } - -.markdown a span.octicon-link { - display: none; - color: #000; +.markdown .csv-data .blob-num { + padding: 10px 8px 9px; + text-align: right; + background: #fff; + border: 0; } - -.markdown a span.octicon-link:before { - content: "\f0c1"; +.markdown .csv-data tr { + border-top: 0; } - -.markdown h1:hover .octicon-link, -.markdown h2:hover .octicon-link, -.markdown h3:hover .octicon-link, -.markdown h4:hover .octicon-link, -.markdown h5:hover .octicon-link, -.markdown h6:hover .octicon-link { - display:inline-block +.markdown .csv-data th { + font-weight: bold; + background: #f8f8f8; + border-top: 0; } - /* Author: jmblog */ /* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */ /* GitHub Theme */ @@ -239,74 +412,60 @@ .pln { color: #333333; } - @media screen { /* string content */ .str { color: #dd1144; } - /* a keyword */ .kwd { color: #333333; } - /* a comment */ .com { color: #999988; font-style: italic; } - /* a type name */ .typ { color: #445588; } - /* a literal value */ .lit { color: #445588; } - /* punctuation */ .pun { color: #333333; } - /* lisp open bracket */ .opn { color: #333333; } - /* lisp close bracket */ .clo { color: #333333; } - /* a markup tag name */ .tag { color: navy; } - /* a markup attribute name */ .atn { color: teal; } - /* a markup attribute value */ .atv { color: #dd1144; } - /* a declaration */ .dec { color: #333333; } - /* a variable name */ .var { color: teal; } - /* a function name */ .fun { color: #990000; @@ -317,69 +476,39 @@ .str { color: #006600; } - .kwd { color: #006; font-weight: bold; } - .com { color: #600; font-style: italic; } - .typ { color: #404; font-weight: bold; } - .lit { color: #004444; } - - .pun, .opn, .clo { + .pun, + .opn, + .clo { color: #444400; } - .tag { color: #006; font-weight: bold; } - .atn { color: #440044; } - .atv { color: #006600; } } - /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin-top: 0; margin-bottom: 0; } - -/* IE indents via margin-left */ -li.L0, -li.L1, -li.L2, -li.L3, -li.L4, -li.L5, -li.L6, -li.L7, -li.L8, -li.L9 { - /* */ -} - -/* Alternate shading for lines */ -li.L1, -li.L3, -li.L5, -li.L7, -li.L9 { - /* */ -}
\ No newline at end of file |