css 标记为github.css

Posted 2021-05-13

html,
body {
    color: black
}
#wrapper {
    font: 16px helvetica, arial, freesans, clean, sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
    padding: 3px;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 1px #dddddd !important;
    color: #333
}
p {
    margin: 1em 0
}
a {
    color: #4183c4;
    text-decoration: none
}
#wrapper {
    background-color: #fff;
    padding: 30px;
    margin: 15px;
    font-size: 16px;
    line-height: 1.6
}
#wrapper>*:first-child {
    margin-top: 0 !important
}
#wrapper>*:last-child {
    margin-bottom: 0 !important
}
@media screen {
    #wrapper {
        border: solid 1px #ddd
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #333
}
h1 {
    padding-bottom: .3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee
}
h2 {
    padding-bottom: 0.3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee
}
h3 {
    font-size: 1.5em;
    line-height: 1.43
}
h4 {
    font-size: 1.25em
}
h5 {
    font-size: 1em
}
h6 {
    color: #777;
    font-size: 1em
}
p,
blockquote,
ul,
ol,
dl,
table,
pre {
    margin-top: 0;
    margin-bottom: 16px
}
hr {
    height: 4px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0 none
}
ul,
ol {
    padding-left: 2em
}
ul.no-list,
ol.no-list {
    padding: 0;
    list-style-type: none
}
ul ul,
ul ol {
    margin-top: 0;
    margin-bottom: 0
}
ol ol,
ol ul {
    margin-top: 0;
    margin-bottom: 0
}
li>p {
    margin-top: 16px
}
dl {
    padding: 0
}
dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: 700
}
dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}
blockquote {
    padding: 0 15px;
    margin-left: 0;
    color: #777;
    border-left: 4px solid #ddd
}
blockquote>:first-child {
    margin-top: 0
}
blockquote>:last-child {
    margin-bottom: 0
}
table {
    display: block;
    width: 100%;
    overflow: auto
}
table th {
    font-weight: 700;
    padding: 6px 13px;
    border: 1px solid #ddd
}
table td {
    padding: 6px 13px;
    border: 1px solid #ddd
}
table tr {
    background-color: #fff;
    border-top: 1px solid #ccc
}
table tr:nth-child(2n) {
    background-color: #f8f8f8
}
img {
    max-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
span.frame {
    display: block;
    overflow: hidden
}
span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
    border: 1px solid #ddd
}
span.frame span img {
    display: block;
    float: left
}
span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
    color: #333
}
span.align-center {
    display: block;
    overflow: hidden;
    clear: both
}
span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center
}
span.align-center span img {
    margin: 0 auto;
    text-align: center
}
span.align-right {
    display: block;
    overflow: hidden;
    clear: both
}
span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right
}
span.align-right span img {
    margin: 0;
    text-align: right
}
span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden
}
span.float-left span {
    margin: 13px 0 0
}
span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden
}
span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right
}
code,
tt {
    padding: 0;
    padding-top: .2em;
    padding-bottom: .2em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 3px
}
code:before,
code:after {
    letter-spacing: -.2em;
    content: "\00a0"
}
tt:before,
tt:after {
    letter-spacing: -.2em;
    content: "\00a0"
}
code br,
tt br {
    display: none
}
del code {
    text-decoration: inherit;
    vertical-align: text-top
}
pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    white-space: pre;
    background: transparent;
    border: 0
}
.highlight {
    margin-bottom: 16px
}
.highlight pre {
    padding: 16px;
    margin-bottom: 0;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px
}
pre {
    padding: 16px;
    margin-bottom: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px;
    word-wrap: normal
}
pre code,
pre tt {
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}
pre code:before,
pre code:after {
    content: normal
}
pre tt:before,
pre tt:after {
    content: normal
}
.poetry pre {
    font-family: Georgia, Garamond, serif !important;
    font-style: italic;
    font-size: 110% !important;
    line-height: 1.6em;
    display: block;
    margin-left: 1em
}
.poetry pre code {
    font-family: Georgia, Garamond, serif !important;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: pre-wrap
}
sup,
sub,
a.footnote {
    font-size: 1.4ex;
    height: 0;
    line-height: 1;
    vertical-align: super;
    position: relative
}
sub {
    vertical-align: sub;
    top: -1px
}
@media print {
    body {
        background: #fff
    }
    img,
    table,
    figure {
        page-break-inside: avoid
    }
    #wrapper {
        background: #fff;
        border: none !important;
        font-size: 12px
    }
    pre code {
        overflow: visible
    }
}
@media screen {
    body.inverted {
        color: #eee !important;
        border-color: #555;
        box-shadow: none
    }
    .inverted #wrapper,
    .inverted hr,
    .inverted p,
    .inverted td,
    .inverted li,
    .inverted h1,
    .inverted h2,
    .inverted h3,
    .inverted h4,
    .inverted h5,
    .inverted h6,
    .inverted th,
    .inverted .math,
    .inverted caption,
    .inverted dd,
    .inverted dt,
    .inverted blockquote {
        color: #eee !important;
        border-color: #555;
        box-shadow: none
    }
    .inverted td,
    .inverted th {
        background: #333
    }
    .inverted pre,
    .inverted code,
    .inverted tt {
        background: #eeeeee !important;
        color: #111
    }
    .inverted h2 {
        border-color: #555555
    }
    .inverted hr {
        border-color: #777;
        border-width: 1px !important
    }
    ::selection {
        background: rgba(157, 193, 200, 0.5)
    }
    h1::selection {
        background-color: rgba(45, 156, 208, 0.3)
    }
    h2::selection {
        background-color: rgba(90, 182, 224, 0.3)
    }
    h3::selection,
    h4::selection,
    h5::selection,
    h6::selection,
    li::selection,
    ol::selection {
        background-color: rgba(133, 201, 232, 0.3)
    }
    code::selection {
        background-color: rgba(0, 0, 0, 0.7);
        color: #eeeeee
    }
    code span::selection {
        background-color: rgba(0, 0, 0, 0.7) !important;
        color: #eeeeee !important
    }
    a::selection {
        background-color: rgba(255, 230, 102, 0.2)
    }
    .inverted a::selection {
        background-color: rgba(255, 230, 102, 0.6)
    }
    td::selection,
    th::selection,
    caption::selection {
        background-color: rgba(180, 237, 95, 0.5)
    }
    .inverted {
        background: #0b2531;
        background: #252a2a
    }
    .inverted #wrapper {
        background: #252a2a
    }
    .inverted a {
        color: #acd1d5
    }
}
.highlight {
    background: #fff
}
.highlight .c {
    color: #998;
    font-style: italic
}
.highlight .err {
    color: #a61717;
    background-color: #e3d2d2
}
.highlight .k,
.highlight .o {
    font-weight: 700
}
.highlight .cm {
    color: #998;
    font-style: italic
}
.highlight .cp {
    color: #999;
    font-weight: 700
}
.highlight .c1 {
    color: #998;
    font-style: italic
}
.highlight .cs {
    color: #999;
    font-weight: 700;
    font-style: italic
}
.highlight .gd {
    color: #000;
    background-color: #fdd
}
.highlight .gd .x {
    color: #000;
    background-color: #faa
}
.highlight .ge {
    font-style: italic
}
.highlight .gr {
    color: #a00
}
.highlight .gh {
    color: #999
}
.highlight .gi {
    color: #000;
    background-color: #dfd
}
.highlight .gi .x {
    color: #000;
    background-color: #afa
}
.highlight .go {
    color: #888
}
.highlight .gp {
    color: #555
}
.highlight .gs {
    font-weight: 700
}
.highlight .gu {
    color: purple;
    font-weight: 700
}
.highlight .gt {
    color: #a00
}
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr {
    font-weight: 700
}
.highlight .kt {
    color: #458;
    font-weight: 700
}
.highlight .m {
    color: #099
}
.highlight .s {
    color: #d14
}
.highlight .n {
    color: #333
}
.highlight .na {
    color: teal
}
.highlight .nb {
    color: #0086b3
}
.highlight .nc {
    color: #458;
    font-weight: 700
}
.highlight .no {
    color: teal
}
.highlight .ni {
    color: purple
}
.highlight .ne,
.highlight .nf {
    color: #900;
    font-weight: 700
}
.highlight .nn {
    color: #555
}
.highlight .nt {
    color: navy
}
.highlight .nv {
    color: teal
}
.highlight .ow {
    font-weight: 700
}
.highlight .w {
    color: #bbb
}
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
    color: #099
}
.highlight .sb,
.highlight .sc,
.highlight .sd,
.highlight .s2,
.highlight .se,
.highlight .sh,
.highlight .si,
.highlight .sx {
    color: #d14
}
.highlight .sr {
    color: #009926
}
.highlight .s1 {
    color: #d14
}
.highlight .ss {
    color: #990073
}
.highlight .bp {
    color: #999
}
.highlight .vc,
.highlight .vg,
.highlight .vi {
    color: teal
}
.highlight .il {
    color: #099
}
.highlight .gc {
    color: #999;
    background-color: #EAF2F5
}
.type-csharp .highlight .k,
.type-csharp .highlight .kt {
    color: blue
}
.type-csharp .highlight .nf {
    color: #000;
    font-weight: 400
}
.type-csharp .highlight .nc {
    color: #2b91af
}
.type-csharp .highlight .nn {
    color: #000
}
.type-csharp .highlight .s,
.type-csharp .highlight .sc {
    color: #a31515
}
.type-csharp .highlight .k,
.type-csharp .highlight .kt {
    color: #00F
}
.type-csharp .highlight .nf {
    color: #000;
    font-weight: normal
}
.type-csharp .highlight .nc {
    color: #2B91AF
}
.type-csharp .highlight .nn {
    color: #000
}
.type-csharp .highlight .s,
.type-csharp .highlight .sc {
    color: #A31515
}
body.dark #wrapper {
    background: transparent !important;
    box-shadow: none !important
}