mirror of https://github.com/jkjoy/sunpeiwen.git
252 lines
4.1 KiB
CSS
252 lines
4.1 KiB
CSS
.article-entry pre,
|
|
.article-entry .highlight {
|
|
background: #2d2d2d;
|
|
margin: 0 -20px;
|
|
padding: 15px 20px;
|
|
border-style: solid;
|
|
border-color: color-border;
|
|
border-width: 1px 0;
|
|
overflow: auto;
|
|
color: #ccc;
|
|
line-height: 22.400000000000002px
|
|
}
|
|
|
|
.article-entry .highlight .gutter pre,
|
|
.article-entry .gist .gist-file .gist-data .line-numbers {
|
|
color: #666;
|
|
font-size: .85em
|
|
}
|
|
|
|
.article-entry pre,
|
|
.article-entry code {
|
|
font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace
|
|
}
|
|
|
|
.article-entry code {
|
|
background: color-background;
|
|
text-shadow: 0 1px #fff;
|
|
padding: 0 .3em
|
|
}
|
|
|
|
.article-entry pre code {
|
|
background: none;
|
|
text-shadow: none;
|
|
padding: 0
|
|
}
|
|
|
|
.article-entry .highlight pre {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.article-entry .highlight table {
|
|
margin: 0;
|
|
width: auto
|
|
}
|
|
|
|
.article-entry .highlight td {
|
|
border: none;
|
|
padding: 0
|
|
}
|
|
|
|
.article-entry .highlight figcaption {
|
|
font-size: .85em;
|
|
color: #999;
|
|
line-height: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.article-entry .highlight figcaption a {
|
|
float: right
|
|
}
|
|
|
|
.article-entry .highlight .gutter pre {
|
|
text-align: right;
|
|
padding-right: 20px
|
|
}
|
|
|
|
.article-entry .highlight .line {
|
|
height: 22.400000000000002px
|
|
}
|
|
|
|
.article-entry .highlight .line.marked {
|
|
background: #515151
|
|
}
|
|
|
|
.article-entry .gist {
|
|
margin: 0 -20px;
|
|
border-style: solid;
|
|
border-color: color-border;
|
|
border-width: 1px 0;
|
|
background: #2d2d2d;
|
|
padding: 15px 20px 15px 0;
|
|
}
|
|
|
|
.article-entry .gist .gist-file {
|
|
border: none;
|
|
font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
|
|
margin: 0;
|
|
}
|
|
|
|
.article-entry .gist .gist-file .gist-data {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
.article-entry .gist .gist-file .gist-data .line-numbers {
|
|
background: none;
|
|
border: none;
|
|
padding: 0 20px 0 0
|
|
}
|
|
|
|
.article-entry .gist .gist-file .gist-data .line-data {
|
|
padding: 0 !important
|
|
}
|
|
|
|
.article-entry .gist .gist-file .highlight {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none
|
|
}
|
|
|
|
.article-entry .gist .gist-file .gist-meta {
|
|
background: #2d2d2d;
|
|
color: #999;
|
|
font: .85em -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
text-shadow: 0 0;
|
|
padding: 0;
|
|
margin-top: 1em;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.article-entry .gist .gist-file .gist-meta a {
|
|
color: #258fb8;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.article-entry .gist .gist-file .gist-meta a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
pre .comment,
|
|
pre .title {
|
|
color: #999
|
|
}
|
|
|
|
pre .variable,
|
|
pre .attribute,
|
|
pre .tag,
|
|
pre .regexp,
|
|
pre .ruby .constant,
|
|
pre .xml .tag .title,
|
|
pre .xml .pi,
|
|
pre .xml .doctype,
|
|
pre .html .doctype,
|
|
pre .css .id,
|
|
pre .css .class,
|
|
pre .css .pseudo {
|
|
color: #f2777a
|
|
}
|
|
|
|
pre .number,
|
|
pre .preprocessor,
|
|
pre .built_in,
|
|
pre .literal,
|
|
pre .params,
|
|
pre .constant {
|
|
color: #f99157
|
|
}
|
|
|
|
pre .class,
|
|
pre .ruby .class .title,
|
|
pre .css .rules .attribute {
|
|
color: #9c9
|
|
}
|
|
|
|
pre .string,
|
|
pre .value,
|
|
pre .inheritance,
|
|
pre .header,
|
|
pre .ruby .symbol,
|
|
pre .xml .cdata {
|
|
color: #9c9
|
|
}
|
|
|
|
pre .css .hexcolor {
|
|
color: #6cc
|
|
}
|
|
|
|
pre .function,
|
|
pre .python .decorator,
|
|
pre .python .title,
|
|
pre .ruby .function .title,
|
|
pre .ruby .title .keyword,
|
|
pre .perl .sub,
|
|
pre .javascript .title,
|
|
pre .coffeescript .title {
|
|
color: #69c
|
|
}
|
|
|
|
pre .keyword,
|
|
pre .javascript .function {
|
|
color: #c9c
|
|
}
|
|
|
|
.markdown-body .highlight {
|
|
color: #ccc;
|
|
background-color: #2d2d2d;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.markdown-body .highlight table td {
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
.markdown-body .highlight table tr {
|
|
border: none;
|
|
}
|
|
|
|
.markdown-body .highlight .gutter pre {
|
|
color: #999;
|
|
background: #1b1b1b;
|
|
}
|
|
|
|
.highlight .code pre {
|
|
width: 100%;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
background-color: #2d2d2d !important;
|
|
}
|
|
|
|
.markdown-body .highlight table tbody pre {
|
|
border-radius: 0;
|
|
}
|
|
|
|
details summary {
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
figure {
|
|
position: relative;
|
|
}
|
|
|
|
figure figcaption {
|
|
padding-left: 1rem;
|
|
background-color: #1b1b1b;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
figure table .gutter {
|
|
user-select: none;
|
|
}
|
|
|
|
figure .pin-copy {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 1rem;
|
|
cursor: pointer;
|
|
}
|