mirror of https://github.com/IoTcat/sakura2.git
Mashiro
5 years ago
parent
893cd61989
commit
664d7c44ad
11 changed files with 2460 additions and 13 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,964 @@ |
||||
/** |
||||
* @description github markdown style (https://github.com/sindresorhus/github-markdown-css) |
||||
* @author NOT Mashiro |
||||
* @license MIT |
||||
*/ |
||||
|
||||
|
||||
@font-face { |
||||
font-family: octicons-link; |
||||
src: url(data:font/woff;charset=utf-8;base64,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) format('woff'); |
||||
} |
||||
|
||||
.markdown .octicon { |
||||
display: inline-block; |
||||
fill: currentColor; |
||||
vertical-align: text-bottom; |
||||
} |
||||
|
||||
.markdown .anchor { |
||||
float: left; |
||||
line-height: 1; |
||||
margin-left: -20px; |
||||
padding-right: 4px; |
||||
} |
||||
|
||||
.markdown .anchor:focus { |
||||
outline: none; |
||||
} |
||||
|
||||
.markdown h1 .octicon-link, |
||||
.markdown h2 .octicon-link, |
||||
.markdown h3 .octicon-link, |
||||
.markdown h4 .octicon-link, |
||||
.markdown h5 .octicon-link, |
||||
.markdown h6 .octicon-link { |
||||
color: #1b1f23; |
||||
vertical-align: middle; |
||||
visibility: hidden; |
||||
} |
||||
|
||||
.markdown h1:hover .anchor, |
||||
.markdown h2:hover .anchor, |
||||
.markdown h3:hover .anchor, |
||||
.markdown h4:hover .anchor, |
||||
.markdown h5:hover .anchor, |
||||
.markdown h6:hover .anchor { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.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 { |
||||
visibility: visible; |
||||
} |
||||
|
||||
.markdown { |
||||
-ms-text-size-adjust: 100%; |
||||
-webkit-text-size-adjust: 100%; |
||||
color: #24292e; |
||||
line-height: 1.5; |
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; |
||||
font-size: 16px; |
||||
line-height: 1.5; |
||||
word-wrap: break-word; |
||||
} |
||||
|
||||
.markdown .pl-c { |
||||
color: #6a737d; |
||||
} |
||||
|
||||
.markdown .pl-c1, |
||||
.markdown .pl-s .pl-v { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
.markdown .pl-e, |
||||
.markdown .pl-en { |
||||
color: #6f42c1; |
||||
} |
||||
|
||||
.markdown .pl-s .pl-s1, |
||||
.markdown .pl-smi { |
||||
color: #24292e; |
||||
} |
||||
|
||||
.markdown .pl-ent { |
||||
color: #22863a; |
||||
} |
||||
|
||||
.markdown .pl-k { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
.markdown .pl-pds, |
||||
.markdown .pl-s, |
||||
.markdown .pl-s .pl-pse .pl-s1, |
||||
.markdown .pl-sr, |
||||
.markdown .pl-sr .pl-cce, |
||||
.markdown .pl-sr .pl-sra, |
||||
.markdown .pl-sr .pl-sre { |
||||
color: #032f62; |
||||
} |
||||
|
||||
.markdown .pl-smw, |
||||
.markdown .pl-v { |
||||
color: #e36209; |
||||
} |
||||
|
||||
.markdown .pl-bu { |
||||
color: #b31d28; |
||||
} |
||||
|
||||
.markdown .pl-ii { |
||||
background-color: #b31d28; |
||||
color: #fafbfc; |
||||
} |
||||
|
||||
.markdown .pl-c2 { |
||||
background-color: #d73a49; |
||||
color: #fafbfc; |
||||
} |
||||
|
||||
.markdown .pl-c2:before { |
||||
content: "^M"; |
||||
} |
||||
|
||||
.markdown .pl-sr .pl-cce { |
||||
color: #22863a; |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.markdown .pl-ml { |
||||
color: #735c0f; |
||||
} |
||||
|
||||
.markdown .pl-mh, |
||||
.markdown .pl-mh .pl-en, |
||||
.markdown .pl-ms { |
||||
color: #005cc5; |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.markdown .pl-mi { |
||||
color: #24292e; |
||||
font-style: italic; |
||||
} |
||||
|
||||
.markdown .pl-mb { |
||||
color: #24292e; |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.markdown .pl-md { |
||||
background-color: #ffeef0; |
||||
color: #b31d28; |
||||
} |
||||
|
||||
.markdown .pl-mi1 { |
||||
background-color: #f0fff4; |
||||
color: #22863a; |
||||
} |
||||
|
||||
.markdown .pl-mc { |
||||
background-color: #ffebda; |
||||
color: #e36209; |
||||
} |
||||
|
||||
.markdown .pl-mi2 { |
||||
background-color: #005cc5; |
||||
color: #f6f8fa; |
||||
} |
||||
|
||||
.markdown .pl-mdr { |
||||
color: #6f42c1; |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.markdown .pl-ba { |
||||
color: #586069; |
||||
} |
||||
|
||||
.markdown .pl-sg { |
||||
color: #959da5; |
||||
} |
||||
|
||||
.markdown .pl-corl { |
||||
color: #032f62; |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
.markdown details { |
||||
display: block; |
||||
} |
||||
|
||||
.markdown summary { |
||||
display: list-item; |
||||
} |
||||
|
||||
.markdown a { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.markdown a:active, |
||||
.markdown a:hover { |
||||
outline-width: 0; |
||||
} |
||||
|
||||
.markdown strong { |
||||
font-weight: inherit; |
||||
font-weight: bolder; |
||||
} |
||||
|
||||
.markdown h1 { |
||||
font-size: 2em; |
||||
margin: .67em 0; |
||||
} |
||||
|
||||
.markdown img { |
||||
border-style: none; |
||||
} |
||||
|
||||
.markdown code, |
||||
.markdown kbd, |
||||
.markdown pre { |
||||
font-family: monospace, monospace; |
||||
font-size: 1em; |
||||
} |
||||
|
||||
.markdown hr { |
||||
box-sizing: content-box; |
||||
height: 0; |
||||
overflow: visible; |
||||
} |
||||
|
||||
.markdown input { |
||||
font: inherit; |
||||
margin: 0; |
||||
} |
||||
|
||||
.markdown input { |
||||
overflow: visible; |
||||
} |
||||
|
||||
.markdown [type=checkbox] { |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
} |
||||
|
||||
.markdown * { |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.markdown input { |
||||
font-family: inherit; |
||||
font-size: inherit; |
||||
line-height: inherit; |
||||
} |
||||
|
||||
.markdown a { |
||||
color: #0366d6; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.markdown a:hover { |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
.markdown strong { |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.markdown hr { |
||||
background: transparent; |
||||
border: 0; |
||||
border-bottom: 1px solid #dfe2e5; |
||||
height: 0; |
||||
margin: 15px 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.markdown hr:before { |
||||
content: ""; |
||||
display: table; |
||||
} |
||||
|
||||
.markdown hr:after { |
||||
clear: both; |
||||
content: ""; |
||||
display: table; |
||||
} |
||||
|
||||
.markdown table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
|
||||
.markdown td, |
||||
.markdown th { |
||||
padding: 0; |
||||
} |
||||
|
||||
.markdown details summary { |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.markdown h1, |
||||
.markdown h2, |
||||
.markdown h3, |
||||
.markdown h4, |
||||
.markdown h5, |
||||
.markdown h6 { |
||||
margin-bottom: 0; |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.markdown h1 { |
||||
font-size: 32px; |
||||
} |
||||
|
||||
.markdown h1, |
||||
.markdown h2 { |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.markdown h2 { |
||||
font-size: 24px; |
||||
} |
||||
|
||||
.markdown h3 { |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.markdown h3, |
||||
.markdown h4 { |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.markdown h4 { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.markdown h5 { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.markdown h5, |
||||
.markdown h6 { |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.markdown h6 { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.markdown p { |
||||
margin-bottom: 10px; |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.markdown blockquote { |
||||
margin: 0; |
||||
} |
||||
|
||||
.markdown ol, |
||||
.markdown ul { |
||||
margin-bottom: 0; |
||||
margin-top: 0; |
||||
padding-left: 0; |
||||
} |
||||
|
||||
.markdown ol ol, |
||||
.markdown ul ol { |
||||
list-style-type: lower-roman; |
||||
} |
||||
|
||||
.markdown ol ol ol, |
||||
.markdown ol ul ol, |
||||
.markdown ul ol ol, |
||||
.markdown ul ul ol { |
||||
list-style-type: lower-alpha; |
||||
} |
||||
|
||||
.markdown dd { |
||||
margin-left: 0; |
||||
} |
||||
|
||||
.markdown code, |
||||
.markdown pre { |
||||
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.markdown pre { |
||||
margin-bottom: 0; |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.markdown input::-webkit-inner-spin-button, |
||||
.markdown input::-webkit-outer-spin-button { |
||||
-webkit-appearance: none; |
||||
appearance: none; |
||||
margin: 0; |
||||
} |
||||
|
||||
.markdown .border { |
||||
border: 1px solid #e1e4e8 !important; |
||||
} |
||||
|
||||
.markdown .border-0 { |
||||
border: 0 !important; |
||||
} |
||||
|
||||
.markdown .border-bottom { |
||||
border-bottom: 1px solid #e1e4e8 !important; |
||||
} |
||||
|
||||
.markdown .rounded-1 { |
||||
border-radius: 3px !important; |
||||
} |
||||
|
||||
.markdown .bg-white { |
||||
background-color: #fff !important; |
||||
} |
||||
|
||||
.markdown .bg-gray-light { |
||||
background-color: #fafbfc !important; |
||||
} |
||||
|
||||
.markdown .text-gray-light { |
||||
color: #6a737d !important; |
||||
} |
||||
|
||||
.markdown .mb-0 { |
||||
margin-bottom: 0 !important; |
||||
} |
||||
|
||||
.markdown .my-2 { |
||||
margin-bottom: 8px !important; |
||||
margin-top: 8px !important; |
||||
} |
||||
|
||||
.markdown .pl-0 { |
||||
padding-left: 0 !important; |
||||
} |
||||
|
||||
.markdown .py-0 { |
||||
padding-bottom: 0 !important; |
||||
padding-top: 0 !important; |
||||
} |
||||
|
||||
.markdown .pl-1 { |
||||
padding-left: 4px !important; |
||||
} |
||||
|
||||
.markdown .pl-2 { |
||||
padding-left: 8px !important; |
||||
} |
||||
|
||||
.markdown .py-2 { |
||||
padding-bottom: 8px !important; |
||||
padding-top: 8px !important; |
||||
} |
||||
|
||||
.markdown .pl-3, |
||||
.markdown .px-3 { |
||||
padding-left: 16px !important; |
||||
} |
||||
|
||||
.markdown .px-3 { |
||||
padding-right: 16px !important; |
||||
} |
||||
|
||||
.markdown .pl-4 { |
||||
padding-left: 24px !important; |
||||
} |
||||
|
||||
.markdown .pl-5 { |
||||
padding-left: 32px !important; |
||||
} |
||||
|
||||
.markdown .pl-6 { |
||||
padding-left: 40px !important; |
||||
} |
||||
|
||||
.markdown .f6 { |
||||
font-size: 12px !important; |
||||
} |
||||
|
||||
.markdown .lh-condensed { |
||||
line-height: 1.25 !important; |
||||
} |
||||
|
||||
.markdown .text-bold { |
||||
font-weight: 600 !important; |
||||
} |
||||
|
||||
.markdown:before { |
||||
content: ""; |
||||
display: table; |
||||
} |
||||
|
||||
.markdown:after { |
||||
clear: both; |
||||
content: ""; |
||||
display: table; |
||||
} |
||||
|
||||
.markdown>:first-child { |
||||
margin-top: 0 !important; |
||||
} |
||||
|
||||
.markdown>:last-child { |
||||
margin-bottom: 0 !important; |
||||
} |
||||
|
||||
.markdown a:not([href]) { |
||||
color: inherit; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.markdown blockquote, |
||||
.markdown dl, |
||||
.markdown ol, |
||||
.markdown p, |
||||
.markdown pre, |
||||
.markdown table, |
||||
.markdown ul { |
||||
margin-bottom: 16px; |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.markdown hr { |
||||
background-color: #e1e4e8; |
||||
border: 0; |
||||
height: .25em; |
||||
margin: 24px 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
.markdown blockquote { |
||||
border-left: .25em solid #dfe2e5; |
||||
color: #6a737d; |
||||
padding: 0 1em; |
||||
} |
||||
|
||||
.markdown blockquote>:first-child { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.markdown blockquote>:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.markdown kbd { |
||||
background-color: #fafbfc; |
||||
border: 1px solid #c6cbd1; |
||||
border-bottom-color: #959da5; |
||||
border-radius: 3px; |
||||
box-shadow: inset 0 -1px 0 #959da5; |
||||
color: #444d56; |
||||
display: inline-block; |
||||
font-size: 11px; |
||||
line-height: 10px; |
||||
padding: 3px 5px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.markdown h1, |
||||
.markdown h2, |
||||
.markdown h3, |
||||
.markdown h4, |
||||
.markdown h5, |
||||
.markdown h6 { |
||||
font-weight: 600; |
||||
line-height: 1.25; |
||||
margin-bottom: 16px; |
||||
margin-top: 24px; |
||||
} |
||||
|
||||
.markdown h1 { |
||||
font-size: 2em; |
||||
} |
||||
|
||||
.markdown h1, |
||||
.markdown h2 { |
||||
border-bottom: 1px solid #eaecef; |
||||
padding-bottom: .3em; |
||||
} |
||||
|
||||
.markdown h2 { |
||||
font-size: 1.5em; |
||||
} |
||||
|
||||
.markdown h3 { |
||||
font-size: 1.25em; |
||||
} |
||||
|
||||
.markdown h4 { |
||||
font-size: 1em; |
||||
} |
||||
|
||||
.markdown h5 { |
||||
font-size: .875em; |
||||
} |
||||
|
||||
.markdown h6 { |
||||
color: #6a737d; |
||||
font-size: .85em; |
||||
} |
||||
|
||||
.markdown ol, |
||||
.markdown ul { |
||||
padding-left: 2em; |
||||
} |
||||
|
||||
.markdown ol ol, |
||||
.markdown ol ul, |
||||
.markdown ul ol, |
||||
.markdown ul ul { |
||||
margin-bottom: 0; |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.markdown li { |
||||
word-wrap: break-all; |
||||
} |
||||
|
||||
.markdown li>p { |
||||
margin-top: 16px; |
||||
} |
||||
|
||||
.markdown li+li { |
||||
margin-top: .25em; |
||||
} |
||||
|
||||
.markdown dl { |
||||
padding: 0; |
||||
} |
||||
|
||||
.markdown dl dt { |
||||
font-size: 1em; |
||||
font-style: italic; |
||||
font-weight: 600; |
||||
margin-top: 16px; |
||||
padding: 0; |
||||
} |
||||
|
||||
.markdown dl dd { |
||||
margin-bottom: 16px; |
||||
padding: 0 16px; |
||||
} |
||||
|
||||
.markdown table { |
||||
display: block; |
||||
overflow: auto; |
||||
width: 100%; |
||||
} |
||||
|
||||
.markdown table th { |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.markdown table td, |
||||
.markdown table th { |
||||
border: 1px solid #dfe2e5; |
||||
padding: 6px 13px; |
||||
} |
||||
|
||||
.markdown table tr { |
||||
background-color: #fff; |
||||
border-top: 1px solid #c6cbd1; |
||||
} |
||||
|
||||
.markdown table tr:nth-child(2n) { |
||||
background-color: #f6f8fa; |
||||
} |
||||
|
||||
.markdown img { |
||||
background-color: #fff; |
||||
box-sizing: content-box; |
||||
max-width: 100%; |
||||
} |
||||
|
||||
.markdown img[align=right] { |
||||
padding-left: 20px; |
||||
} |
||||
|
||||
.markdown img[align=left] { |
||||
padding-right: 20px; |
||||
} |
||||
|
||||
.markdown code { |
||||
background-color: rgba(27, 31, 35, .05); |
||||
border-radius: 3px; |
||||
font-size: 85%; |
||||
margin: 0; |
||||
padding: .2em .4em; |
||||
} |
||||
|
||||
.markdown pre { |
||||
word-wrap: normal; |
||||
} |
||||
|
||||
.markdown pre>code { |
||||
background: transparent; |
||||
border: 0; |
||||
font-size: 100%; |
||||
margin: 0; |
||||
padding: 0; |
||||
white-space: pre; |
||||
word-break: normal; |
||||
} |
||||
|
||||
.markdown .highlight { |
||||
margin-bottom: 16px; |
||||
} |
||||
|
||||
.markdown .highlight pre { |
||||
margin-bottom: 0; |
||||
word-break: normal; |
||||
} |
||||
|
||||
.markdown .highlight pre, |
||||
.markdown pre { |
||||
background-color: #f6f8fa; |
||||
border-radius: 3px; |
||||
font-size: 85%; |
||||
line-height: 1.45; |
||||
overflow: auto; |
||||
padding: 16px; |
||||
} |
||||
|
||||
.markdown pre code { |
||||
background-color: transparent; |
||||
border: 0; |
||||
display: inline; |
||||
line-height: inherit; |
||||
margin: 0; |
||||
max-width: auto; |
||||
overflow: visible; |
||||
padding: 0; |
||||
word-wrap: normal; |
||||
} |
||||
|
||||
.markdown .commit-tease-sha { |
||||
color: #444d56; |
||||
display: inline-block; |
||||
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; |
||||
font-size: 90%; |
||||
} |
||||
|
||||
.markdown .blob-wrapper { |
||||
border-bottom-left-radius: 3px; |
||||
border-bottom-right-radius: 3px; |
||||
overflow-x: auto; |
||||
overflow-y: hidden; |
||||
} |
||||
|
||||
.markdown .blob-wrapper-embedded { |
||||
max-height: 240px; |
||||
overflow-y: auto; |
||||
} |
||||
|
||||
.markdown .blob-num { |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
-webkit-user-select: none; |
||||
color: rgba(27, 31, 35, .3); |
||||
cursor: pointer; |
||||
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; |
||||
font-size: 12px; |
||||
line-height: 20px; |
||||
min-width: 50px; |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
text-align: right; |
||||
user-select: none; |
||||
vertical-align: top; |
||||
white-space: nowrap; |
||||
width: 1%; |
||||
} |
||||
|
||||
.markdown .blob-num:hover { |
||||
color: rgba(27, 31, 35, .6); |
||||
} |
||||
|
||||
.markdown .blob-num:before { |
||||
content: attr(data-line-number); |
||||
} |
||||
|
||||
.markdown .blob-code { |
||||
line-height: 20px; |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
position: relative; |
||||
vertical-align: top; |
||||
} |
||||
|
||||
.markdown .blob-code-inner { |
||||
color: #24292e; |
||||
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; |
||||
font-size: 12px; |
||||
overflow: visible; |
||||
white-space: pre; |
||||
word-wrap: normal; |
||||
} |
||||
|
||||
.markdown .pl-token.active, |
||||
.markdown .pl-token:hover { |
||||
background: #ffea7f; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.markdown kbd { |
||||
background-color: #fafbfc; |
||||
border: 1px solid #d1d5da; |
||||
border-bottom-color: #c6cbd1; |
||||
border-radius: 3px; |
||||
box-shadow: inset 0 -1px 0 #c6cbd1; |
||||
color: #444d56; |
||||
display: inline-block; |
||||
font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; |
||||
line-height: 10px; |
||||
padding: 3px 5px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.markdown :checked+.radio-label { |
||||
border-color: #0366d6; |
||||
position: relative; |
||||
z-index: 1; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="1"] { |
||||
-moz-tab-size: 1; |
||||
tab-size: 1; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="2"] { |
||||
-moz-tab-size: 2; |
||||
tab-size: 2; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="3"] { |
||||
-moz-tab-size: 3; |
||||
tab-size: 3; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="4"] { |
||||
-moz-tab-size: 4; |
||||
tab-size: 4; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="5"] { |
||||
-moz-tab-size: 5; |
||||
tab-size: 5; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="6"] { |
||||
-moz-tab-size: 6; |
||||
tab-size: 6; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="7"] { |
||||
-moz-tab-size: 7; |
||||
tab-size: 7; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="8"] { |
||||
-moz-tab-size: 8; |
||||
tab-size: 8; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="9"] { |
||||
-moz-tab-size: 9; |
||||
tab-size: 9; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="10"] { |
||||
-moz-tab-size: 10; |
||||
tab-size: 10; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="11"] { |
||||
-moz-tab-size: 11; |
||||
tab-size: 11; |
||||
} |
||||
|
||||
.markdown .tab-size[data-tab-size="12"] { |
||||
-moz-tab-size: 12; |
||||
tab-size: 12; |
||||
} |
||||
|
||||
.markdown .task-list-item { |
||||
list-style-type: none; |
||||
} |
||||
|
||||
.markdown .task-list-item+.task-list-item { |
||||
margin-top: 3px; |
||||
} |
||||
|
||||
.markdown .task-list-item input { |
||||
margin: 0 .2em .25em -1.6em; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.markdown hr { |
||||
border-bottom-color: #eee; |
||||
} |
||||
|
||||
.markdown .pl-0 { |
||||
padding-left: 0 !important; |
||||
} |
||||
|
||||
.markdown .pl-1 { |
||||
padding-left: 4px !important; |
||||
} |
||||
|
||||
.markdown .pl-2 { |
||||
padding-left: 8px !important; |
||||
} |
||||
|
||||
.markdown .pl-3 { |
||||
padding-left: 16px !important; |
||||
} |
||||
|
||||
.markdown .pl-4 { |
||||
padding-left: 24px !important; |
||||
} |
||||
|
||||
.markdown .pl-5 { |
||||
padding-left: 32px !important; |
||||
} |
||||
|
||||
.markdown .pl-6 { |
||||
padding-left: 40px !important; |
||||
} |
||||
|
||||
.markdown .pl-7 { |
||||
padding-left: 48px !important; |
||||
} |
||||
|
||||
.markdown .pl-8 { |
||||
padding-left: 64px !important; |
||||
} |
||||
|
||||
.markdown .pl-9 { |
||||
padding-left: 80px !important; |
||||
} |
||||
|
||||
.markdown .pl-10 { |
||||
padding-left: 96px !important; |
||||
} |
||||
|
||||
.markdown .pl-11 { |
||||
padding-left: 112px !important; |
||||
} |
||||
|
||||
.markdown .pl-12 { |
||||
padding-left: 128px !important; |
||||
} |
||||
@ -0,0 +1,285 @@ |
||||
/** |
||||
* @description markdown.css (https://github.com/mrcoles/markdown-css) |
||||
* @author NOT Mashiro |
||||
* @license MIT |
||||
*/ |
||||
|
||||
.markdown { |
||||
$font-size: 14px; |
||||
$line-height: 20px; |
||||
$color: #333; |
||||
$four-space: 34px; |
||||
$four-space-css3: #{"4ch"}; // some browsers support char spacing |
||||
$two-space-css3: #{"2ch"}; // less does not support ch very well |
||||
$ul-tick: "*"; |
||||
$strong-char: "__"; |
||||
$em-char: "*"; |
||||
|
||||
// makes things like pre tags play more nicely with mobile |
||||
word-wrap: break-word; |
||||
|
||||
&, |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
pre, |
||||
code, |
||||
blockquote, |
||||
em, |
||||
strong, |
||||
code { |
||||
font-size: $font-size; |
||||
line-height: $line-height; |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
font-family: consolas, monaco, courier, "courier new", monospace; |
||||
color: $color; |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
pre, |
||||
code, |
||||
blockquote, |
||||
ol, |
||||
ul, |
||||
li, |
||||
p, |
||||
section, |
||||
header, |
||||
footer { |
||||
float: none; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
h1, |
||||
p, |
||||
ul, |
||||
ol, |
||||
pre, |
||||
blockquote { |
||||
margin-top: $line-height; |
||||
margin-bottom: $line-height; |
||||
} |
||||
|
||||
h1 { |
||||
position: relative; |
||||
display: inline-block; |
||||
|
||||
// table-cell puts on own line and limits width to text |
||||
display: table-cell; |
||||
|
||||
padding: $line-height 0 $line-height * 2; |
||||
margin: 0; |
||||
overflow: hidden; |
||||
|
||||
// `h1:after` creates something as the last child of the h1, |
||||
// likewise `:before` creates something as the first child |
||||
&:after { |
||||
// 100 characters wide max |
||||
content: "===================================================================================================="; |
||||
position: absolute; |
||||
bottom: $line-height; |
||||
left: 0; |
||||
} |
||||
} |
||||
|
||||
// this matches the next sibling after an h1 (apart from a pure text node) |
||||
// since h1s use padding instead of margin, I did not want to double pad |
||||
h1+* { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 { |
||||
position: relative; |
||||
margin-bottom: $line-height; |
||||
} |
||||
|
||||
h2:before, |
||||
h3:before, |
||||
h4:before, |
||||
h5:before, |
||||
h6:before { |
||||
content: "## "; |
||||
display: inline; |
||||
} |
||||
|
||||
h3:before { |
||||
content: "### "; |
||||
} |
||||
|
||||
h4:before { |
||||
content: "#### "; |
||||
} |
||||
|
||||
h5:before { |
||||
content: "##### "; |
||||
} |
||||
|
||||
h6:before { |
||||
content: "###### "; |
||||
} |
||||
|
||||
li { |
||||
position: relative; |
||||
display: block; |
||||
padding-left: $four-space; |
||||
padding-left: $four-space-css3; |
||||
} |
||||
|
||||
li:after { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
|
||||
ul>li:after { |
||||
content: $ul-tick; |
||||
} |
||||
|
||||
ol { |
||||
// Auto-increments the numbering for ordered lists. |
||||
counter-reset: ol; |
||||
} |
||||
|
||||
ol>li:after { |
||||
content: counter(ol) "."; |
||||
counter-increment: ol; |
||||
} |
||||
|
||||
pre { |
||||
margin-left: $four-space; |
||||
margin-left: $four-space-css3; |
||||
} |
||||
|
||||
blockquote { |
||||
position: relative; |
||||
padding-left: $four-space/2; |
||||
padding-left: $two-space-css3; |
||||
overflow: hidden; |
||||
|
||||
&:after { |
||||
// 100 lines max |
||||
// the \A becomes a newline character and `white-space: pre` |
||||
// makes it act like a <br> |
||||
content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>"; |
||||
white-space: pre; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
font-size: $font-size; |
||||
line-height: $line-height; |
||||
} |
||||
} |
||||
|
||||
strong:before, |
||||
strong:after { |
||||
content: $strong-char; |
||||
display: inline; |
||||
} |
||||
|
||||
em:before, |
||||
em:after { |
||||
content: $em-char; |
||||
display: inline; |
||||
} |
||||
|
||||
|
||||
a { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
a:before { |
||||
content: "["; |
||||
display: inline; |
||||
color: $color; |
||||
} |
||||
|
||||
a:after { |
||||
content: "]("attr(href) ")"; |
||||
display: inline; |
||||
color: $color; |
||||
} |
||||
|
||||
code { |
||||
font-weight: 100; |
||||
} |
||||
|
||||
code:before, |
||||
code:after { |
||||
content: "`"; |
||||
display: inline; |
||||
} |
||||
|
||||
pre code:before, |
||||
pre code:after { |
||||
content: none; |
||||
} |
||||
|
||||
hr { |
||||
position: relative; |
||||
height: $line-height; |
||||
font-size: 0; |
||||
line-height: 0; |
||||
overflow: hidden; |
||||
border: 0; |
||||
margin-bottom: $line-height; |
||||
|
||||
&:after { |
||||
// 100 characters wide max |
||||
// older ie versions do not show the content |
||||
content: "----------------------------------------------------------------------------------------------------"; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
font-size: $font-size; |
||||
line-height: $line-height; |
||||
width: 100%; |
||||
word-wrap: break-word; |
||||
} |
||||
} |
||||
|
||||
img { |
||||
width: 100%; |
||||
} |
||||
|
||||
// only opera support before and after with img :( |
||||
// img { |
||||
// display: inline-block; |
||||
|
||||
// &:before { |
||||
// content: "!["attr(alt); |
||||
// display: inline-block; |
||||
// } |
||||
|
||||
// &:after { |
||||
// content: "]("attr(src) ")"; |
||||
// display: inline-block; |
||||
// } |
||||
// } |
||||
} |
||||
|
||||
// firefox cannot put position absolute inside table-cell |
||||
@-moz-document url-prefix() { |
||||
.markdown h1 { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
.markdown-ones { |
||||
ol>li:after { |
||||
content: "1."; |
||||
} |
||||
} |
||||
@ -0,0 +1,278 @@ |
||||
$lightPrimaryColor: #c5cae9; |
||||
$textPrimaryColor: #fff; |
||||
$accentColor: rgb(99, 137, 185); |
||||
$primaryTextColor: #646464; |
||||
$secondaryTextColor: #000; |
||||
$borderColor: #dadada; |
||||
$backColor: #f6f6f6; |
||||
$codeBg: #f6f6f6; |
||||
|
||||
$font-custom:"Comic Sans MS", "Helvetica Neue", "Microsoft Yahei", "Microsoft Yahei", -apple-system, sans-serif; |
||||
$font-content:"Helvetica Neue", "Microsoft Yahei", "Microsoft Yahei", -apple-system, sans-serif; |
||||
$font-size: 15px; |
||||
|
||||
$contentWidth: 982px; |
||||
$menuWidth: 240px; |
||||
$menuPadding: 20px; |
||||
$headerH: 56px; |
||||
$navH: 44px; |
||||
$mNavH: 36px; |
||||
|
||||
.markdown { |
||||
text-align: left; |
||||
font-family: $font-content; |
||||
letter-spacing: 2px; |
||||
padding-bottom: 10px; |
||||
line-height: 1.8; |
||||
font-size: 120%; |
||||
|
||||
a:not(.post-more) { |
||||
// @include hoverAnchor($accentColor); |
||||
} |
||||
|
||||
>.highlight, |
||||
>.image-bubble, |
||||
>pre { |
||||
margin-left: -35px; |
||||
margin-right: -35px; |
||||
} |
||||
|
||||
>.highlight, |
||||
>pre { |
||||
padding: 10px 35px 20px 35px; |
||||
} |
||||
|
||||
.image-bubble { |
||||
margin-top: 20px; |
||||
margin-bottom: 20px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.image-caption { |
||||
display: inline-block; |
||||
margin-top: 10px; |
||||
color: $secondaryTextColor; |
||||
} |
||||
|
||||
.headerlink { |
||||
visibility: hidden; |
||||
margin-left: -1em; |
||||
padding-right: 5px; |
||||
color: $lightPrimaryColor; |
||||
border-bottom: none !important; |
||||
|
||||
&:hover { |
||||
text-decoration: none; |
||||
border: none; |
||||
} |
||||
} |
||||
|
||||
p { |
||||
word-wrap: break-word; |
||||
} |
||||
|
||||
p, |
||||
li { |
||||
a { |
||||
color: $accentColor; |
||||
word-break: break-all; |
||||
} |
||||
|
||||
margin-bottom:7px; |
||||
} |
||||
|
||||
strong { |
||||
font-weight: bold; |
||||
color: rgb(39, 39, 39); |
||||
text-shadow: rgb(158, 158, 158) 0px 0px 1px; |
||||
|
||||
a { |
||||
border-color: $accentColor |
||||
} |
||||
} |
||||
|
||||
em { |
||||
color: $secondaryTextColor |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 { |
||||
margin-left: 10px; |
||||
font-weight: bold; |
||||
color: $primaryTextColor; |
||||
padding-top: $headerH; |
||||
margin-top: 40px * -1; |
||||
padding-bottom: 8px; |
||||
text-shadow: rgb(187, 186, 186) 0px 0px 1px, rgb(255, 255, 251) 0px 0px 1px, rgb(255, 255, 251) 0px 0px 2px; |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
blockquote, |
||||
ol, |
||||
p, |
||||
pre, |
||||
table, |
||||
ul, |
||||
.video-container { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.video-container iframe { |
||||
max-width: 100%; |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 { |
||||
&:hover { |
||||
.headerlink { |
||||
visibility: visible |
||||
} |
||||
} |
||||
} |
||||
|
||||
h1 { |
||||
font-size: 170%; |
||||
} |
||||
|
||||
h2 { |
||||
font-size: 150%; |
||||
} |
||||
|
||||
blockquote p:first-child, |
||||
blockquote:first-child, |
||||
ol:first-child, |
||||
p:first-child, |
||||
pre:first-child, |
||||
table:first-child, |
||||
ul:first-child, |
||||
figure:first-child { |
||||
margin-top: 0 |
||||
} |
||||
|
||||
ol, |
||||
ul { |
||||
line-height: 30px; |
||||
} |
||||
|
||||
video, |
||||
audio { |
||||
max-width: 100%; |
||||
} |
||||
|
||||
blockquote { |
||||
position: relative; |
||||
padding: 6px 14px; |
||||
border-left: 3px solid #ccc; |
||||
color: #999; |
||||
background: $codeBg; |
||||
border-radius: 0 2px 2px 0; |
||||
|
||||
p { |
||||
margin: 0; |
||||
} |
||||
|
||||
footer { |
||||
margin-top: 10px; |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
table { |
||||
width: 100%; |
||||
border: 1px solid #dedede; |
||||
margin: 15px 0; |
||||
border-collapse: collapse; |
||||
|
||||
tr, |
||||
td { |
||||
height: 35px; |
||||
} |
||||
|
||||
thead { |
||||
tr { |
||||
background: #f8f8f8; |
||||
} |
||||
} |
||||
|
||||
tbody { |
||||
tr { |
||||
&:hover { |
||||
background: #efefef; |
||||
} |
||||
} |
||||
} |
||||
|
||||
td, |
||||
th { |
||||
border: 1px solid #dedede; |
||||
padding: 0 10px; |
||||
} |
||||
} |
||||
|
||||
figure { |
||||
table { |
||||
border: none; |
||||
width: auto; |
||||
margin: 0; |
||||
|
||||
tbody { |
||||
tr { |
||||
&:hover { |
||||
background: none; |
||||
} |
||||
} |
||||
|
||||
td { |
||||
border: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
code, |
||||
kbd, |
||||
pre, |
||||
samp { |
||||
font-family: $font-code; |
||||
} |
||||
|
||||
code, |
||||
pre { |
||||
background: $codeBg |
||||
} |
||||
|
||||
p code, |
||||
li code { |
||||
line-height: 1; |
||||
margin: 0 4px; |
||||
padding: 3px 5px; |
||||
border: 1px solid rgb(233, 233, 233); |
||||
border-radius: 2px; |
||||
word-wrap: break-word; |
||||
color: rgb(112, 111, 111); |
||||
font-weight: bold; |
||||
text-shadow: rgb(202, 202, 202) 0px 0px 1px; |
||||
} |
||||
|
||||
pre { |
||||
margin: 24px 0; |
||||
|
||||
code { |
||||
border-radius: 0; |
||||
font-size: inherit; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
} |
||||
} |
||||
Loading…
Reference in new issue