嘿嘿哈哈

GitHub MarkDown CSS样式
从一个Sublime编辑器第三方插件拷贝的 感觉不错
扫描右侧二维码阅读全文
13
2018/09

GitHub MarkDown CSS样式

从一个Sublime编辑器第三方插件拷贝的 感觉不错

font - family: octicons - anchor;
src: url(https: //cdnjs.cloudflare.com/ajax/libs/octicons/4.4.0/font/octicons.woff) format('woff');

}
* {
    box - sizing: border - box;
}
body {
    width: 980 px;
    margin - right: auto;
    margin - left: auto;
}
body.markdown - body {
    padding: 45 px;
    border: 1 px solid# ddd;
    border - radius: 3 px;
    word - wrap: break -word;
}
pre {
    font: 12 px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.markdown - body {
    -webkit - text - size - adjust: 100 %;
    text - size - adjust: 100 %;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word;
}
.markdown-body a {
    background-color: transparent;
}
.markdown-body a:active,
.markdown-body a:hover {
    outline: 0;
}
.markdown-body strong {
    font-weight: bold;
}
.markdown-body h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
.markdown-body img {
    border: 0;
}
.markdown-body hr {
    box-sizing: content-box;
    height: 0;
}
.markdown-body pre {
    overflow: auto;
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
.markdown-body input {
    color: inherit;
    font: inherit;
    margin: 0;
}
.markdown-body html input[disabled] {
    cursor: default;
}
.markdown-body input {
    line-height: normal;
}
.markdown-body input[type="checkbox"] {
    box - sizing: border - box;
    padding: 0;
}
.markdown - body table {
    border - collapse: collapse;
    border - spacing: 0;
}
.markdown - body td,
.markdown - body th {
    padding: 0;
}
.markdown - body input {
    font: 13 px / 1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans - serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.markdown - body a {
    color: #4078c0;
    text-decoration: none;
}
.markdown-body a:hover,
.markdown-body a:active {
    text-decoration: underline;
}
.markdown-body hr {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-bottom: 1px solid # ddd;
}
.markdown - body hr: before {
    display: table;
    content: "";
}
.markdown - body hr: after {
    display: table;
    clear: both;
    content: "";
}
.markdown - body h1,
.markdown - body h2,
.markdown - body h3,
.markdown - body h4,
.markdown - body h5,
.markdown - body h6 {
    margin - top: 15 px;
    margin - bottom: 15 px;
    line - height: 1.1;
}
.markdown - body h1 {
    font - size: 30 px;
}
.markdown - body h2 {
    font - size: 21 px;
}
.markdown - body h3 {
    font - size: 16 px;
}
.markdown - body h4 {
    font - size: 14 px;
}
.markdown - body h5 {
    font - size: 12 px;
}
.markdown - body h6 {
    font - size: 11 px;
}
.markdown - body blockquote {
    margin: 0;
}
.markdown - body ul,
.markdown - body ol {
    padding: 0;
    margin - top: 0;
    margin - bottom: 0;
}
.markdown - body ol ol,
.markdown - body ul ol {
    list - style - type: lower - roman;
}
.markdown - body ul ul ol,
.markdown - body ul ol ol,
.markdown - body ol ul ol,
.markdown - body ol ol ol {
    list - style - type: lower - alpha;
}
.markdown - body dd {
    margin - left: 0;
}
.markdown - body code {
    font - family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font - size: 12 px;
}
.markdown - body pre {
    margin - top: 0;
    margin - bottom: 0;
    font: 12 px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.markdown - body.select::-ms - expand {
    opacity: 0;
}
.markdown - body.octicon {
    font: normal normal normal 16 px / 1 octicons - anchor;
    display: inline - block;
    text - decoration: none;
    text - rendering: auto;
    - webkit - font - smoothing: antialiased;
    - moz - osx - font - smoothing: grayscale;
    - webkit - user - select: none;
    - moz - user - select: none;
    - ms - user - select: none;
    user - select: none;
}
.markdown - body.octicon - link: before {
    content: '\f05c';
}
.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.anchor {
    display: inline - block;
    padding - right: 2 px;
    margin - left: -18 px;
}
.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: 1 em;
    margin - bottom: 16 px;
    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 {
    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 {
    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 {
    visibility: visible;
}
.markdown-body h1 {
    padding-bottom: 0.3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid # eee;
}
.markdown - body h1.anchor {
    line - height: 1;
}
.markdown - body h2 {
    padding - bottom: 0.3 em;
    font - size: 1.75 em;
    line - height: 1.225;
    border - bottom: 1 px solid# eee;
}
.markdown - body h2.anchor {
    line - height: 1;
}
.markdown - body h3 {
    font - size: 1.5 em;
    line - height: 1.43;
}
.markdown - body h3.anchor {
    line - height: 1.2;
}
.markdown - body h4 {
    font - size: 1.25 em;
}
.markdown - body h4.anchor {
    line - height: 1.2;
}
.markdown - body h5 {
    font - size: 1 em;
}
.markdown - body h5.anchor {
    line - height: 1.1;
}
.markdown - body h6 {
    font - size: 1 em;
    color: #777;
}
.markdown-body h6 .anchor {
    line-height: 1.1;
}
.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: 2 em;
}
.markdown - body ul ul,
.markdown - body ul ol,
.markdown - body ol ol,
.markdown - body ol ul {
    margin - top: 0;
    margin - bottom: 0;
}
.markdown - body li>p {
    margin - top: 16 px;
}
.markdown - body dl {
    padding: 0;
}
.markdown - body dl dt {
    padding: 0;
    margin - top: 16 px;
    font - size: 1 em;
    font - style: italic;
    font - weight: bold;
}
.markdown - body dl dd {
    padding: 0 16 px;
    margin - bottom: 16 px;
}
.markdown - body blockquote {
    padding: 0 15 px;
    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 %;
    overflow: auto;
    word - break: normal;
    word - break: keep - all;
}
.markdown - body table th {
    font - weight: bold;
}
.markdown - body table th,
.markdown - body table td {
    padding: 6 px 13 px;
    border: 1 px solid# ddd;
}
.markdown - body table tr {
    background - color: #fff;
    border - top: 1 px solid# ccc;
}
.markdown - body table tr: nth - child(2n) {
    background - color: #f8f8f8;
}
.markdown - body img {
    max - width: 100 %;
    box - sizing: content - box;
    background - color: #fff;
}
.markdown - body code {
    padding: 0;
    padding - top: 0.2 em;
    padding - bottom: 0.2 em;
    margin: 0;
    font - size: 85 %;
    background - color: rgba(0, 0, 0, 0.04);
    border - radius: 3 px;
}
.markdown - body code: before,
.markdown - body code: after {
    letter - spacing: -0.2 em;
    content: "\00a0";
}
.markdown - body pre>code {
    padding: 0;
    margin: 0;
    font - size: 100 %;
    word - break: normal;
    white - space: pre;
    background: transparent;
    border: 0;
}
.markdown - body.highlight {
    margin - bottom: 16 px;
}
.markdown - body.highlight pre,
.markdown - body pre {
    padding: 16 px;
    overflow: auto;
    font - size: 85 %;
    line - height: 1.45;
    background - color: #f7f7f7;
    border - radius: 3 px;
}
.markdown - body.highlight pre {
    margin - bottom: 0;
    word - break: normal;
}
.markdown - body pre {
    word - wrap: normal;
}
.markdown - body pre code {
    display: inline;
    max - width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line - height: inherit;
    word - wrap: normal;
    background - color: transparent;
    border: 0;
}
.markdown - body pre code: before,
.markdown - body pre code: after {
    content: normal;
}
.markdown - body kbd {
    display: inline - block;
    padding: 3 px 5 px;
    font - size: 11 px;
    line - height: 10 px;
    color: #555;
    vertical-align: middle;
    background-color: # fcfcfc;
    border: solid 1 px# ccc;
    border - bottom - color: #bbb;
    border - radius: 3 px;
    box - shadow: inset 0 - 1 px 0# bbb;
}
.markdown - body.pl - c {
    color: #969896;
}
.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
    color: # 0086 b3;
}
.markdown - body.pl - e,
.markdown - body.pl - en {
    color: #795da3;
}
.markdown-body .pl-s .pl-s1,
.markdown-body .pl-smi {
    color: # 333;
}
.markdown - body.pl - ent {
    color: #63a35c;
}
.markdown-body .pl-k {
    color: # a71d5d;
}
.markdown - body.pl - pds,
.markdown - body.pl - s,
.markdown - body.pl - s.pl - pse.pl - s1,
.markdown - body.pl - sr,
.markdown - body.pl - sr.pl - cce,
.markdown - body.pl - sr.pl - sra,
.markdown - body.pl - sr.pl - sre {
    color: #183691;
}
.markdown-body .pl-v {
    color: # ed6a43;
}
.markdown - body.pl - id {
    color: #b52a1d;
}
.markdown - body.pl - ii {
    background - color: #b52a1d;
    color: #f8f8f8;
}
.markdown - body.pl - sr.pl - cce {
    color: #63a35c;
    font-weight: bold;
}
.markdown-body .pl-ml {
    color: # 693 a17;
}
.markdown - body.pl - mh,
.markdown - body.pl - mh.pl - en,
.markdown - body.pl - ms {
    color: #1d3e81;
    font-weight: bold;
}
.markdown-body .pl-mq {
    color: # 008080;
}
.markdown - body.pl - mi {
    color: #333;
    font-style: italic;
}
.markdown-body .pl-mb {
    color: # 333;
    font - weight: bold;
}
.markdown - body.pl - md {
    background - color: #ffecec;
    color: #bd2c00;
}
.markdown - body.pl - mi1 {
    background - color: #eaffea;
    color: #55a532;
}
.markdown-body .pl-mdr {
    color: # 795 da3;
    font - weight: bold;
}
.markdown - body.pl - mo {
    color: #1d3e81;
}
.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    line-height: 10px;
    color: # 555;
    vertical - align: middle;
    background - color: #fcfcfc;
    border: solid 1 px# ccc;
    border - bottom - color: #bbb;
    border - radius: 3 px;
    box - shadow: inset 0 - 1 px 0# bbb;
}
.markdown - body.plan - price - unit {
    color: #767676;
    font-weight: normal;
}
.markdown-body .task-list-item {
    list-style-type: none;
}
.markdown-body .task-list-item+.task-list-item {
    margin-top: 3px;
}
.markdown-body .task-list-item input {
    margin: 0 0.35em 0.25em -1.6em;
    vertical-align: middle;
}
.markdown-body .plan-choice {
    padding: 15px;
    padding-left: 40px;
    display: block;
    border: 1px solid # e0e0e0;
    position: relative;
    font - weight: normal;
    background - color: #fafafa;
}
.markdown - body.plan - choice.open {
    background - color: #fff;
}
.markdown - body.plan - choice.open.plan - choice - seat - breakdown {
    display: block;
}
.markdown - body.plan - choice - free {
    border - radius: 3 px 3 px 0 0;
}
.markdown - body.plan - choice - paid {
    border - radius: 0 0 3 px 3 px;
    border - top: 0;
    margin - bottom: 20 px;
}
.markdown - body.plan - choice - radio {
    position: absolute;
    left: 15 px;
    top: 18 px;
}
.markdown - body.plan - choice - exp {
    color: #999;
    font-size: 12px;
    margin-top: 5px;
}
.markdown-body .plan-choice-seat-breakdown {
    margin-top: 10px;
    display: none;
}
.markdown-body :checked+.radio-label {
    z-index: 1;
    position: relative;
    border-color: # 4078 c0;
}
@media print {
    body.markdown - body {
        padding: 0;
        border: none;
    }
}
Last modification:September 14th, 2018 at 11:07 am

Leave a Comment