parent
5a8284c263
commit
ac89de3334
13 changed files with 1224 additions and 5 deletions
@ -0,0 +1,796 @@ |
||||
#post-content hr:after,#post-content hr:before { |
||||
content:""; |
||||
display:table |
||||
} |
||||
.editormd-logo-1x:before,.editormd-logo-2x:before,.editormd-logo-3x:before,.editormd-logo-4x:before,.editormd-logo-5x:before,.editormd-logo-6x:before,.editormd-logo-7x:before,.editormd-logo-8x:before,.editormd-logo:before { |
||||
content:"\e1987" |
||||
} |
||||
.editormd-logo-1x { |
||||
font-size:1em |
||||
} |
||||
.editormd-logo-lg { |
||||
font-size:1.2em |
||||
} |
||||
.editormd-logo-2x { |
||||
font-size:2em |
||||
} |
||||
.editormd-logo-3x { |
||||
font-size:3em |
||||
} |
||||
.editormd-logo-4x { |
||||
font-size:4em |
||||
} |
||||
.editormd-logo-5x { |
||||
font-size:5em |
||||
} |
||||
.editormd-logo-6x { |
||||
font-size:6em |
||||
} |
||||
.editormd-logo-7x { |
||||
font-size:7em |
||||
} |
||||
.editormd-logo-8x { |
||||
font-size:8em |
||||
} |
||||
.editormd-logo-color { |
||||
color:#2196F3 |
||||
} |
||||
@font-face { |
||||
font-family:octicons-anchor; |
||||
src:url(data:font/woff; |
||||
charset=utf-8; |
||||
base64,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)format("woff") |
||||
} |
||||
#post-content { |
||||
-ms-text-size-adjust:100%; |
||||
-webkit-text-size-adjust:100%; |
||||
color:#333; |
||||
overflow:hidden; |
||||
font-family:"Microsoft YaHei",Helvetica,"Meiryo UI","Malgun Gothic","Segoe UI","Trebuchet MS",Monaco,monospace,Tahoma,STXihei,"鍗庢枃缁嗛粦",STHeiti,"Helvetica Neue","Droid Sans","wenquanyi micro hei",FreeSans,Arimo,Arial,SimSun,"瀹嬩綋",Heiti,"榛戜綋",sans-serif; |
||||
font-size:16px; |
||||
line-height:1.6; |
||||
word-wrap:break-word |
||||
} |
||||
#post-content strong { |
||||
font-weight:700 |
||||
} |
||||
#post-content h1 { |
||||
margin:.67em 0 |
||||
} |
||||
#post-content img { |
||||
border:0 |
||||
} |
||||
#post-content hr { |
||||
-moz-box-sizing:content-box; |
||||
box-sizing:content-box; |
||||
height:0 |
||||
} |
||||
#post-content input { |
||||
color:inherit; |
||||
margin:0; |
||||
line-height:normal; |
||||
font:13px/1.4 Helvetica,arial,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol" |
||||
} |
||||
#post-content html input[disabled] { |
||||
cursor:default |
||||
} |
||||
#post-content input[type=checkbox] { |
||||
-moz-box-sizing:border-box; |
||||
box-sizing:border-box; |
||||
padding:0 |
||||
} |
||||
#post-content td,#post-content th { |
||||
padding:0 |
||||
} |
||||
#post-content * { |
||||
-moz-box-sizing:border-box; |
||||
box-sizing:border-box |
||||
} |
||||
#post-content a { |
||||
background:0 0; |
||||
color:#4183c4; |
||||
text-decoration:none |
||||
} |
||||
#post-content a:active,#post-content a:hover { |
||||
outline:0 |
||||
} |
||||
#post-content hr { |
||||
margin:15px 0; |
||||
overflow:hidden; |
||||
background:0 0; |
||||
border:0; |
||||
border-bottom:1px solid #ddd |
||||
} |
||||
#post-content h1,#post-content h2 { |
||||
padding-bottom:.3em; |
||||
border-bottom:1px solid #bbb |
||||
} |
||||
#post-content hr:after { |
||||
clear:both |
||||
} |
||||
#post-content blockquote { |
||||
margin:0 |
||||
} |
||||
#post-content ol,#post-content ul { |
||||
padding:0 |
||||
} |
||||
#post-content ol ol,#post-content ul ol { |
||||
list-style-type:lower-roman |
||||
} |
||||
#post-content ol ol ol,#post-content ol ul ol,#post-content ul ol ol,#post-content ul ul ol { |
||||
list-style-type:lower-alpha |
||||
} |
||||
#post-content dd { |
||||
margin-left:0 |
||||
} |
||||
#post-content code { |
||||
font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace |
||||
} |
||||
#post-content pre { |
||||
font:12px Consolas,"Liberation Mono",Menlo,Courier,monospace; |
||||
word-wrap:normal |
||||
} |
||||
#post-content .octicon { |
||||
font:normal normal 16px octicons-anchor; |
||||
line-height:1; |
||||
display:inline-block; |
||||
text-decoration:none; |
||||
-webkit-font-smoothing:antialiased; |
||||
-webkit-user-select:none; |
||||
-moz-user-select:none; |
||||
-ms-user-select:none; |
||||
user-select:none |
||||
} |
||||
#post-content .octicon-link:before { |
||||
content:'\f05c' |
||||
} |
||||
#post-content>:first-child { |
||||
margin-top:0!important |
||||
} |
||||
#post-content>:last-child { |
||||
margin-bottom:0!important |
||||
} |
||||
#post-content .anchor { |
||||
position:absolute; |
||||
top:0; |
||||
left:0; |
||||
display:block; |
||||
padding-right:6px; |
||||
padding-left:30px; |
||||
margin-left:-30px |
||||
} |
||||
#post-content .anchor:focus { |
||||
outline:0 |
||||
} |
||||
#post-content h1,#post-content h2,#post-content h3,#post-content h4,#post-content h5,#post-content h6 { |
||||
position:relative; |
||||
margin-top:1em; |
||||
margin-bottom:16px; |
||||
font-weight:700; |
||||
line-height:1.4 |
||||
} |
||||
#post-content h1 .octicon-link,#post-content h2 .octicon-link,#post-content h3 .octicon-link,#post-content h4 .octicon-link,#post-content h5 .octicon-link,#post-content h6 .octicon-link { |
||||
display:none; |
||||
color:#000; |
||||
vertical-align:middle |
||||
} |
||||
#post-content h1:hover .anchor,#post-content h2:hover .anchor,#post-content h3:hover .anchor,#post-content h4:hover .anchor,#post-content h5:hover .anchor,#post-content h6:hover .anchor { |
||||
padding-left:8px; |
||||
margin-left:-30px; |
||||
text-decoration:none |
||||
} |
||||
#post-content h1:hover .anchor .octicon-link,#post-content h2:hover .anchor .octicon-link,#post-content h3:hover .anchor .octicon-link,#post-content h4:hover .anchor .octicon-link,#post-content h5:hover .anchor .octicon-link,#post-content h6:hover .anchor .octicon-link { |
||||
display:inline-block |
||||
} |
||||
#post-content h1 { |
||||
font-size:1.6em; |
||||
line-height:1.2 |
||||
} |
||||
#post-content h1 .anchor { |
||||
line-height:1 |
||||
} |
||||
#post-content h2 { |
||||
font-size:1.4em; |
||||
line-height:1.225 |
||||
} |
||||
#post-content h2 .anchor { |
||||
line-height:1 |
||||
} |
||||
#post-content h3 { |
||||
font-size:1.1em; |
||||
line-height:1.43 |
||||
} |
||||
#post-content h3 .anchor,#post-content h4 .anchor { |
||||
line-height:1.2 |
||||
} |
||||
#post-content h4 { |
||||
font-size:0.8em |
||||
} |
||||
#post-content h5 .anchor,#post-content h6 .anchor { |
||||
line-height:1.1 |
||||
} |
||||
#post-content h5 { |
||||
font-size:1em |
||||
} |
||||
#post-content h6 { |
||||
font-size:1em; |
||||
color:#777 |
||||
} |
||||
#post-content blockquote,#post-content dl,#post-content ol,#post-content p,#post-content pre,#post-content ul { |
||||
margin-top:0; |
||||
margin-bottom:16px |
||||
} |
||||
#post-content ol,#post-content ul { |
||||
padding-left:2em |
||||
} |
||||
#post-content ol ol,#post-content ol ul,#post-content ul ol,#post-content ul ul { |
||||
margin-top:0; |
||||
margin-bottom:0 |
||||
} |
||||
#post-content dl { |
||||
padding:0 |
||||
} |
||||
#post-content dl dt { |
||||
padding:0; |
||||
margin-top:16px; |
||||
font-size:1em; |
||||
font-style:italic; |
||||
font-weight:700 |
||||
} |
||||
#post-content dl dd { |
||||
padding:0 16px; |
||||
margin-bottom:16px |
||||
} |
||||
#post-content blockquote { |
||||
padding:15px; |
||||
color:#777; |
||||
border-left:4px solid #ccc |
||||
} |
||||
#post-content blockquote>:first-child { |
||||
margin-top:0 |
||||
} |
||||
#post-content blockquote>:last-child { |
||||
margin-bottom:0 |
||||
} |
||||
#post-content table { |
||||
border-collapse:collapse; |
||||
border-spacing:0; |
||||
display:block; |
||||
width:100%; |
||||
overflow:auto; |
||||
word-break:normal; |
||||
word-break:keep-all |
||||
} |
||||
#post-content table th { |
||||
font-weight:700 |
||||
} |
||||
#post-content table td,#post-content table th { |
||||
padding:6px 13px; |
||||
border:1px solid #ddd |
||||
} |
||||
#post-content table tr { |
||||
background-color:#fff; |
||||
border-top:1px solid #ccc |
||||
} |
||||
#post-content table tr:nth-child(2n) { |
||||
background-color:#f8f8f8 |
||||
} |
||||
#post-content img { |
||||
max-width:100%; |
||||
-moz-box-sizing:border-box; |
||||
box-sizing:border-box |
||||
} |
||||
#post-content code { |
||||
padding:.2em 0; |
||||
margin:0; |
||||
font-size:85%; |
||||
background-color:rgba(0,0,0,.04); |
||||
border-radius:3px |
||||
} |
||||
#post-content code:after,#post-content code:before { |
||||
letter-spacing:-.2em; |
||||
content:"\00a0" |
||||
} |
||||
|
||||
#post-content pre>code { |
||||
padding:0; |
||||
margin:0; |
||||
font-size:100%; |
||||
word-break:normal; |
||||
white-space:pre; |
||||
background:0 0; |
||||
border:0 |
||||
} |
||||
#post-content .highlight { |
||||
margin-bottom:16px |
||||
}/* |
||||
#post-content .highlight pre,#post-content pre { |
||||
padding:16px; |
||||
overflow-y:hidden; |
||||
overflow-x:auto; |
||||
font-size:85%; |
||||
background-color:#f7f7f7; |
||||
border-radius:3px |
||||
} |
||||
#post-content .highlight pre { |
||||
margin-bottom:0; |
||||
word-break:normal |
||||
}*/ |
||||
#post-content pre code{ |
||||
display:block; |
||||
max-width:initial; |
||||
padding:0px; |
||||
margin: 10px 0px 0px 40px; |
||||
overflow:auto; |
||||
line-height:inherit; |
||||
word-wrap:normal; |
||||
background-color:transparent; |
||||
border:0; |
||||
} |
||||
|
||||
#post-content pre code:after,#post-content pre code:before { |
||||
content:normal |
||||
} |
||||
#post-content .pl-c { |
||||
color:#969896 |
||||
} |
||||
#post-content .pl-c1,#post-content .pl-mdh,#post-content .pl-mm,#post-content .pl-mp,#post-content .pl-mr,#post-content .pl-s1 .pl-v,#post-content .pl-s3,#post-content .pl-sc,#post-content .pl-sv { |
||||
color:#0086b3 |
||||
} |
||||
#post-content .pl-e,#post-content .pl-en { |
||||
color:#795da3 |
||||
} |
||||
#post-content .pl-s1 .pl-s2,#post-content .pl-smi,#post-content .pl-smp,#post-content .pl-stj,#post-content .pl-vo,#post-content .pl-vpf { |
||||
color:#333 |
||||
} |
||||
#post-content .pl-ent { |
||||
color:#63a35c |
||||
} |
||||
#post-content .pl-k,#post-content .pl-s,#post-content .pl-st { |
||||
color:#a71d5d |
||||
} |
||||
#post-content .pl-pds,#post-content .pl-s1,#post-content .pl-s1 .pl-pse .pl-s2,#post-content .pl-sr,#post-content .pl-sr .pl-cce,#post-content .pl-sr .pl-sra,#post-content .pl-sr .pl-sre,#post-content .pl-src { |
||||
color:#df5000 |
||||
} |
||||
#post-content .pl-mo,#post-content .pl-v { |
||||
color:#1d3e81 |
||||
} |
||||
#post-content .pl-id { |
||||
color:#b52a1d |
||||
} |
||||
#post-content .pl-ii { |
||||
background-color:#b52a1d; |
||||
color:#f8f8f8 |
||||
} |
||||
#post-content .pl-sr .pl-cce { |
||||
color:#63a35c; |
||||
font-weight:700 |
||||
} |
||||
#post-content .pl-ml { |
||||
color:#693a17 |
||||
} |
||||
#post-content .pl-mh,#post-content .pl-mh .pl-en,#post-content .pl-ms { |
||||
color:#1d3e81; |
||||
font-weight:700 |
||||
} |
||||
#post-content .pl-mq { |
||||
color:teal |
||||
} |
||||
#post-content .pl-mi { |
||||
color:#333; |
||||
font-style:italic |
||||
} |
||||
#post-content .pl-mb { |
||||
color:#333; |
||||
font-weight:700 |
||||
} |
||||
#post-content .pl-md,#post-content .pl-mdhf { |
||||
background-color:#ffecec; |
||||
color:#bd2c00 |
||||
} |
||||
#post-content .pl-mdht,#post-content .pl-mi1 { |
||||
background-color:#eaffea; |
||||
color:#55a532 |
||||
} |
||||
#post-content .pl-mdr { |
||||
color:#795da3; |
||||
font-weight:700 |
||||
} |
||||
#post-content 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:1px solid #ccc; |
||||
border-bottom-color:#bbb; |
||||
border-radius:3px; |
||||
box-shadow:inset 0 -1px 0 #bbb |
||||
} |
||||
#post-content .task-list-item+.task-list-item { |
||||
margin-top:3px |
||||
} |
||||
#post-content .task-list-item input { |
||||
float:left; |
||||
margin:.3em 0 .25em -1.6em; |
||||
vertical-align:middle |
||||
} |
||||
#post-content:checked+.radio-label { |
||||
z-index:1; |
||||
position:relative; |
||||
border-color:#4183c4 |
||||
} |
||||
.editormd-html-preview,.editormd-preview-container { |
||||
text-align:left; |
||||
font-size:14px; |
||||
line-height:1.6; |
||||
overflow:auto; |
||||
background:none repeat scroll 0 0!important |
||||
} |
||||
.editormd-html-preview blockquote,.editormd-preview-container blockquote { |
||||
color:#666; |
||||
border-left:4px solid #ddd; |
||||
padding-left:20px; |
||||
margin-left:0; |
||||
font-size:14px; |
||||
font-style:italic |
||||
} |
||||
.editormd-html-preview p code,.editormd-preview-container p code { |
||||
margin-left:5px; |
||||
margin-right:4px |
||||
} |
||||
.editormd-html-preview abbr,.editormd-preview-container abbr { |
||||
background:#ffd |
||||
} |
||||
.editormd-html-preview hr,.editormd-preview-container hr { |
||||
height:1px; |
||||
border:none; |
||||
border-top:1px solid #ddd; |
||||
background:0 0 |
||||
} |
||||
.editormd-html-preview code,.editormd-preview-container code { |
||||
border:1px solid #ddd; |
||||
background:#f6f6f6; |
||||
padding:3px; |
||||
border-radius:3px; |
||||
font-size:14px |
||||
} |
||||
.editormd-html-preview pre,.editormd-preview-container pre { |
||||
border:1px solid #ddd; |
||||
background:#f6f6f6; |
||||
padding:10px; |
||||
-webkit-border-radius:3px; |
||||
-moz-border-radius:3px; |
||||
-ms-border-radius:3px; |
||||
-o-border-radius:3px; |
||||
border-radius:3px |
||||
} |
||||
.editormd-html-preview pre code,.editormd-preview-container pre code { |
||||
padding:0 |
||||
} |
||||
.editormd-html-preview code,.editormd-html-preview kbd,.editormd-html-preview pre,.editormd-preview-container code,.editormd-preview-container kbd,.editormd-preview-container pre { |
||||
font-family:"YaHei Consolas Hybrid",Consolas,"Meiryo UI","Malgun Gothic","Segoe UI","Trebuchet MS",Helvetica,monospace,monospace |
||||
} |
||||
.editormd-html-preview table thead tr,.editormd-preview-container table thead tr { |
||||
background-color:#F8F8F8 |
||||
} |
||||
.editormd-html-preview p.editormd-tex,.editormd-preview-container p.editormd-tex { |
||||
text-align:center |
||||
} |
||||
.editormd-html-preview span.editormd-tex,.editormd-preview-container span.editormd-tex { |
||||
margin:0 5px |
||||
} |
||||
.editormd-html-preview .emoji,.editormd-preview-container .emoji { |
||||
width:24px; |
||||
height:24px |
||||
} |
||||
.editormd-html-preview .katex,.editormd-preview-container .katex { |
||||
font-size:1.4em |
||||
} |
||||
.editormd-html-preview .flowchart,.editormd-html-preview .sequence-diagram,.editormd-preview-container .flowchart,.editormd-preview-container .sequence-diagram { |
||||
margin:0 auto; |
||||
text-align:center |
||||
} |
||||
.editormd-html-preview .flowchart svg,.editormd-html-preview .sequence-diagram svg,.editormd-preview-container .flowchart svg,.editormd-preview-container .sequence-diagram svg { |
||||
margin:0 auto |
||||
} |
||||
.editormd-html-preview .flowchart text,.editormd-html-preview .sequence-diagram text,.editormd-preview-container .flowchart text,.editormd-preview-container .sequence-diagram text { |
||||
font-size:15px!important; |
||||
font-family:"YaHei Consolas Hybrid",Consolas,"Microsoft YaHei","Malgun Gothic","Segoe UI",Helvetica,Arial!important |
||||
} |
||||
/*! Pretty printing styles. Used with prettify.js. */.pln { |
||||
color:#000 |
||||
} |
||||
@media screen { |
||||
.str { |
||||
color:#080 |
||||
} |
||||
.kwd { |
||||
color:#008 |
||||
} |
||||
.com { |
||||
color:#800 |
||||
} |
||||
.typ { |
||||
color:#606 |
||||
} |
||||
.lit { |
||||
color:#066 |
||||
} |
||||
.clo,.opn,.pun { |
||||
color:#660 |
||||
} |
||||
.tag { |
||||
color:#008 |
||||
} |
||||
.atn { |
||||
color:#606 |
||||
} |
||||
.atv { |
||||
color:#080 |
||||
} |
||||
.dec,.var { |
||||
color:#606 |
||||
} |
||||
.fun { |
||||
color:red |
||||
} |
||||
}@media print,projection { |
||||
.kwd,.tag,.typ { |
||||
font-weight:700 |
||||
} |
||||
.str { |
||||
color:#060 |
||||
} |
||||
.kwd { |
||||
color:#006 |
||||
} |
||||
.com { |
||||
color:#600; |
||||
font-style:italic |
||||
} |
||||
.typ { |
||||
color:#404 |
||||
} |
||||
.lit { |
||||
color:#044 |
||||
} |
||||
.clo,.opn,.pun { |
||||
color:#440 |
||||
} |
||||
.tag { |
||||
color:#006 |
||||
} |
||||
.atn { |
||||
color:#404 |
||||
} |
||||
.atv { |
||||
color:#060 |
||||
} |
||||
}/*#post-content pre.prettyprint { |
||||
padding:2px; |
||||
border:1px solid #888 |
||||
} |
||||
*/ol.linenums { |
||||
margin-top:0; |
||||
margin-bottom:0 |
||||
} |
||||
li.L1,li.L3,li.L5,li.L7,li.L9 { |
||||
background:#eee |
||||
} |
||||
.editormd-html-preview pre.prettyprint,.editormd-preview-container pre.prettyprint { |
||||
padding:10px; |
||||
border:1px solid #ddd; |
||||
white-space:pre-wrap; |
||||
word-wrap:break-word |
||||
} |
||||
.editormd-html-preview ol.linenums,.editormd-preview-container ol.linenums { |
||||
color:#999; |
||||
padding-left:2.5em |
||||
} |
||||
.editormd-html-preview ol.linenums li,.editormd-preview-container ol.linenums li { |
||||
list-style-type:decimal |
||||
} |
||||
.editormd-html-preview ol.linenums li code,.editormd-preview-container ol.linenums li code { |
||||
border:none; |
||||
background:0 0; |
||||
padding:0 |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu,.editormd-preview-container .editormd-toc-menu { |
||||
margin:8px 0 12px; |
||||
display:inline-block |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu>.markdown-toc,.editormd-preview-container .editormd-toc-menu>.markdown-toc { |
||||
position:relative; |
||||
-webkit-border-radius:4px; |
||||
-moz-border-radius:4px; |
||||
-ms-border-radius:4px; |
||||
-o-border-radius:4px; |
||||
border-radius:4px; |
||||
border:1px solid #ddd; |
||||
display:inline-block; |
||||
font-size:1em |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu>.markdown-toc>ul,.editormd-preview-container .editormd-toc-menu>.markdown-toc>ul { |
||||
width:160%; |
||||
min-width:180px; |
||||
position:absolute; |
||||
left:-1px; |
||||
top:-2px; |
||||
z-index:100; |
||||
padding:0 10px 10px; |
||||
display:none; |
||||
background:#fff; |
||||
border:1px solid #ddd; |
||||
-webkit-border-radius:4px; |
||||
-moz-border-radius:4px; |
||||
-ms-border-radius:4px; |
||||
-o-border-radius:4px; |
||||
border-radius:4px; |
||||
-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2); |
||||
-moz-box-shadow:0 3px 5px rgba(0,0,0,.2); |
||||
-ms-box-shadow:0 3px 5px rgba(0,0,0,.2); |
||||
-o-box-shadow:0 3px 5px rgba(0,0,0,.2); |
||||
box-shadow:0 3px 5px rgba(0,0,0,.2) |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu>.markdown-toc>ul>li ul,.editormd-preview-container .editormd-toc-menu>.markdown-toc>ul>li ul { |
||||
width:100%; |
||||
min-width:180px; |
||||
border:1px solid #ddd; |
||||
display:none; |
||||
background:#fff; |
||||
-webkit-border-radius:4px; |
||||
-moz-border-radius:4px; |
||||
-ms-border-radius:4px; |
||||
-o-border-radius:4px; |
||||
border-radius:4px |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu .toc-menu-btn:hover,.editormd-html-preview .editormd-toc-menu>.markdown-toc>ul>li a:hover,.editormd-preview-container .editormd-toc-menu .toc-menu-btn:hover,.editormd-preview-container .editormd-toc-menu>.markdown-toc>ul>li a:hover { |
||||
background-color:#f6f6f6 |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu>.markdown-toc>ul>li a,.editormd-preview-container .editormd-toc-menu>.markdown-toc>ul>li a { |
||||
color:#666; |
||||
padding:6px 10px; |
||||
display:block; |
||||
-webkit-transition:background-color .5s ease-out; |
||||
-moz-transition:background-color .5s ease-out; |
||||
transition:background-color .5s ease-out |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu>.markdown-toc li,.editormd-preview-container .editormd-toc-menu>.markdown-toc li { |
||||
position:relative |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul { |
||||
position:absolute; |
||||
top:32px; |
||||
left:10%; |
||||
display:none; |
||||
-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2); |
||||
-moz-box-shadow:0 3px 5px rgba(0,0,0,.2); |
||||
-ms-box-shadow:0 3px 5px rgba(0,0,0,.2); |
||||
-o-box-shadow:0 3px 5px rgba(0,0,0,.2); |
||||
box-shadow:0 3px 5px rgba(0,0,0,.2) |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul:after,.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul:before,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul:after,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul:before { |
||||
pointer-events:pointer-events; |
||||
position:absolute; |
||||
left:15px; |
||||
top:-6px; |
||||
display:block; |
||||
content:""; |
||||
width:0; |
||||
height:0; |
||||
border:6px solid transparent; |
||||
border-width:0 6px 6px; |
||||
z-index:10 |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul:before,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul:before { |
||||
border-bottom-color:#ccc |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul:after,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul:after { |
||||
border-bottom-color:#fff; |
||||
top:-5px |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu ul,.editormd-preview-container .editormd-toc-menu ul { |
||||
list-style:none |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu a,.editormd-preview-container .editormd-toc-menu a { |
||||
text-decoration:none |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu h1,.editormd-preview-container .editormd-toc-menu h1 { |
||||
font-size:16px; |
||||
padding:5px 0 10px 10px; |
||||
line-height:1; |
||||
border-bottom:1px solid #eee |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu h1 .fa,.editormd-preview-container .editormd-toc-menu h1 .fa { |
||||
padding-left:10px |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu .toc-menu-btn,.editormd-preview-container .editormd-toc-menu .toc-menu-btn { |
||||
color:#666; |
||||
min-width:180px; |
||||
padding:5px 10px; |
||||
border-radius:4px; |
||||
display:inline-block; |
||||
-webkit-transition:background-color .5s ease-out; |
||||
-moz-transition:background-color .5s ease-out; |
||||
transition:background-color .5s ease-out |
||||
} |
||||
.editormd-html-preview .editormd-toc-menu .toc-menu-btn .fa,.editormd-preview-container .editormd-toc-menu .toc-menu-btn .fa { |
||||
float:right; |
||||
padding:3px 0 0 10px; |
||||
font-size:1.3em |
||||
} |
||||
#post-content .editormd-toc-menu ul { |
||||
padding-left:0 |
||||
} |
||||
#post-content .highlight pre,#post-content pre { |
||||
line-height:1.6 |
||||
} |
||||
hr.editormd-page-break { |
||||
border:1px dotted #ccc; |
||||
font-size:0; |
||||
height:2px |
||||
} |
||||
@media only print { |
||||
hr.editormd-page-break { |
||||
background:0 0; |
||||
border:none; |
||||
height:0 |
||||
} |
||||
}.editormd-html-preview textarea { |
||||
display:none |
||||
} |
||||
.editormd-html-preview hr.editormd-page-break { |
||||
background:0 0; |
||||
border:none; |
||||
height:0 |
||||
} |
||||
.editormd-preview-close-btn { |
||||
color:#fff; |
||||
padding:4px 6px; |
||||
font-size:18px; |
||||
-webkit-border-radius:500px; |
||||
-moz-border-radius:500px; |
||||
-ms-border-radius:500px; |
||||
-o-border-radius:500px; |
||||
border-radius:500px; |
||||
display:none; |
||||
background-color:#ccc; |
||||
position:absolute; |
||||
top:25px; |
||||
right:35px; |
||||
z-index:19; |
||||
-webkit-transition:background-color .3s ease-out; |
||||
-moz-transition:background-color .3s ease-out; |
||||
transition:background-color .3s ease-out |
||||
} |
||||
.editormd-preview-close-btn:hover { |
||||
background-color:#999 |
||||
} |
||||
.editormd-preview-active { |
||||
width:100%; |
||||
padding:40px |
||||
} |
||||
#post-content ol.linenums { |
||||
margin-bottom:0!important |
||||
} |
||||
/*self-modify*/#post-content pre { |
||||
margin-bottom:8px |
||||
} |
||||
#post-content li { |
||||
margin-bottom:10px |
||||
} |
||||
#post-content li:last-of-type,#post-content pre ol li { |
||||
margin-bottom:0 |
||||
} |
||||
#post-content code { |
||||
padding:.14em 0 |
||||
} |
||||
#post-content ol.linenums { |
||||
min-width:calc(100% + 16px) |
||||
} |
||||
#post-content li p { |
||||
margin-bottom:2px |
||||
} |
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 71 KiB |
After Width: | Height: | Size: 118 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,88 @@ |
||||
/* ---- |
||||
|
||||
# Pio Plugin |
||||
# By: Dreamer-Paul |
||||
# Last Update: 2019.2.1 |
||||
|
||||
一个支持更换 Live2D 模型的 Typecho 插件。 |
||||
|
||||
本代码为奇趣保罗原创,并遵守 GPL 2.0 开源协议。欢迎访问我的博客:https://paugram.com |
||||
|
||||
---- */ |
||||
|
||||
.pio-container{ |
||||
bottom: 0; |
||||
z-index: 52; |
||||
position: fixed; |
||||
user-select: none; |
||||
} |
||||
.pio-container.left{ left: 0 } |
||||
.pio-container.right{ right: 0 } |
||||
.pio-container.active{ cursor: move } |
||||
.pio-container.static{ pointer-events: none } |
||||
|
||||
.pio-container .pio-action{ |
||||
top: 3em; |
||||
opacity: 0; |
||||
position: absolute; |
||||
transition: opacity .3s; |
||||
} |
||||
.pio-container.left .pio-action{ right: 0 } |
||||
.pio-container.right .pio-action{ left: 0 } |
||||
.pio-container:hover .pio-action{ opacity: 1 } |
||||
|
||||
.pio-action span{ |
||||
color: #fff; |
||||
width: 1.5em; |
||||
height: 1.5em; |
||||
display: block; |
||||
cursor: pointer; |
||||
text-align: center; |
||||
border-radius: 66%; |
||||
margin-bottom: .5em; |
||||
border: 1px solid #666; |
||||
background: #fff center/70% no-repeat; |
||||
} |
||||
.pio-action .pio-home{ |
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg5My43IDUwNS45SDEyOS4zYy0xMyAwLTI0LjgtNy45LTI5LjgtMTkuOS01LTEyLTIuMi0yNS45IDctMzUuMmwzMDctMzA3YzI2LjEtMjYuMSA2MC45LTQwLjUgOTgtNDAuNXM3MS45IDE0LjQgOTggNDAuNWwzMDcgMzA3YzkuMiA5LjIgMTIgMjMuMSA3IDM1LjItNSAxMi4xLTE2LjcgMTkuOS0yOS44IDE5Ljl6TTY3My4yIDkxOS45aC0zMS41Yy0xNy44IDAtMzIuMy0xNC40LTMyLjMtMzIuM3YtNzcuNGMwLTIzLjEtMTguOC00Mi4xLTQxLjktNDIuNC0yMi4zIDAuMy00MS4xIDE5LjMtNDEuMSA0Mi40djc3LjRjMCAxNy44LTE0LjQgMzIuMy0zMi4zIDMyLjNIMzQ5LjhjLTcwLjkgMC0xMjguNy02My43LTEyOC43LTE0MS45VjU4MS45YzAtMTcuOCAxNC40LTMyLjMgMzIuMy0zMi4zaDUxNi4yYzE3LjggMCAzMi4zIDE0LjQgMzIuMyAzMi4zVjc3OGMtMC4xIDc4LjMtNTcuOCAxNDEuOS0xMjguNyAxNDEuOXoiPjwvcGF0aD48L3N2Zz4=); |
||||
} |
||||
.pio-action .pio-close{ |
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1NS4yNTIgOTQzLjgyNWMtMTkuMjEzIDAtMzguNDI5LTcuMzMyLTUzLjA4OS0yMS45ODgtMjkuMzE3LTI5LjMyMS0yOS4zMTctNzYuODU1IDAtMTA2LjE3NWw3MTMuNDk0LTcxMy40OTRjMjkuMzE3LTI5LjMyMSA3Ni44NTMtMjkuMzIxIDEwNi4xNzUgMCAyOS4zMTcgMjkuMzE3IDI5LjMxNyA3Ni44NTUgMCAxMDYuMTc1bC03MTMuNDk0IDcxMy40OTRjLTE0LjY2IDE0LjY2LTMzLjg3NCAyMS45ODgtNTMuMDg5IDIxLjk4OHoiIGZpbGw9IiI+PC9wYXRoPjxwYXRoIGQ9Ik04NjguNzQ5IDk0My44MjRjLTE5LjIxMyAwLTM4LjQyOC03LjMzMi01My4wODktMjEuOTg4bC03MTMuNDk0LTcxMy40OTNjLTI5LjMxNy0yOS4zMTctMjkuMzE3LTc2Ljg1NyAwLTEwNi4xNzUgMjkuMzE2LTI5LjMxNyA3Ni44NTUtMjkuMzIxIDEwNi4xNzQgMGw3MTMuNDk0IDcxMy40OTJjMjkuMzE3IDI5LjMyMSAyOS4zMTcgNzYuODU1IDAgMTA2LjE3NS0xNC42NTcgMTQuNjYxLTMzLjg3MSAyMS45OTMtNTMuMDg3IDIxLjk5M3oiIGZpbGw9IiI+PC9wYXRoPjwvc3ZnPg==); |
||||
} |
||||
.pio-action .pio-skin{ |
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk2NS45MTEgMzEwLjUzMWwtMTc0LjQtMTc0LjM5OGMtMTMuMDIyLTEzLjAyMS0zMC45MzMtMTkuNjQ5LTQ5LjM4MS0xOC4yMjgtMS43NC0wLjE1LTMuNDIyLTAuMjI0LTUuMDctMC4yMjRsLTkyLjkxNCAwLTYuNTE3IDMuNjI1Yy0zNC40MjEgMTkuMTQ2LTc4LjM0MSAyOS42ODktMTIzLjY2OCAyOS42ODktNDUuMzI4IDAtODkuMjQ2LTEwLjU0My0xMjMuNjY3LTI5LjY4OWwtNi41MTgtMy42MjVMMjkwLjg2IDExNy42ODFjLTIzLjY5MSAwLTQ0Ljk4NiAxMi45MjQtNTUuOTk1IDMzLjQ1MUw2Mi40NzcgMzIzLjUyMWMtMTEuOSAxMS44OTktMTguNDU0IDI3LjcyLTE4LjQ1NCA0NC41NDggMCAxNi44MjkgNi41NTQgMzIuNjQ5IDE4LjQ1MyA0NC41NDlsMTI1Ljk1MyAxMjUuOTU1YzEwLjU0IDEwLjUzOCAyNC4xNTcgMTYuODc4IDM4LjgyNiAxOC4xODFsMCAzMDQuMzk5YzAgMzUuMDczIDI4LjUzMyA2My42MDYgNjMuNjA0IDYzLjYwNmw0NDYuMTk5IDBjMzUuMDc0IDAgNjMuNjA3LTI4LjUzMyA2My42MDctNjMuNjA2bC0wLjAwMS0zMTcuMzQ1YzE0Ljg0NC0xLjIxMSAyOC42MzktNy41NzcgMzkuMjg4LTE4LjIyNEw5NjUuOTEgMzk5LjYyOEM5OTAuNDc1IDM3NS4wNjQgOTkwLjQ3NSAzMzUuMDk1IDk2NS45MTEgMzEwLjUzMXoiPjwvcGF0aD48L3N2Zz4=); |
||||
} |
||||
.pio-action .pio-info{ |
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY4Mi45IDgyNS45SDI2Ny44Yy0yMS44IDAtMzkuNS0xNy43LTM5LjUtMzkuNXMxNy43LTM5LjUgMzkuNS0zOS41aDQxNS4xYzIxLjggMCAzOS41IDE3LjcgMzkuNSAzOS41cy0xNy43IDM5LjUtMzkuNSAzOS41ek04NjQuNyAxMDAuNGMtMTguNSAzLjctMzEuMyAyMC45LTMxLjMgMzkuN3Y2NDUuOGMwIDQ4LTM4LjkgODctODcgODdIMjE5LjNjLTE2LjQgMC0yOS42LTEzLjMtMjkuNi0yOS42VjczMi43YzAtMTYuMSAxMy4xLTI5LjIgMjkuMi0yOS4yaDM3NS45Yzg4LjEgMCAxNTkuNS03MS40IDE1OS41LTE1OS41VjE4NS41YzAtNjYuMi01My43LTExOS45LTExOS45LTExOS45aC00MDRjLTY2LjIgMC0xMTkuOSA1My43LTExOS45IDExOS45djY1Ny44YzAgNjAgNDguNyAxMDguNyAxMDguNyAxMDguN2g1MjcuMWM5MS43IDAgMTY2LjEtNzQuMyAxNjYuMS0xNjYuMVYxMzkuMWMwLjEtMjQuNi0yMi4yLTQzLjktNDcuNy0zOC43eiI+PC9wYXRoPjwvc3ZnPg==); |
||||
} |
||||
.pio-action .pio-night{ |
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiAyMDkuNDAzMjQxYy0yMDEuNzMxNTE0IDAtMzc0LjAwOTIwNiAxMjUuNDc2NzgzLTQ0My44MDg5MjIgMzAyLjU5Njc1OSA2OS43OTg2OTIgMTc3LjExOTk3NyAyNDIuMDc3NDA4IDMwMi41OTY3NTkgNDQzLjgwODkyMiAzMDIuNTk2NzU5IDIwMS45MzMxMDUgMCAzNzQuMDEwMjI5LTEyNS40NzY3ODMgNDQzLjgwODkyMi0zMDIuNTk2NzU5Qzg4Ni4wMDkyMDYgMzM0Ljg4MDAyMyA3MTMuOTMzMTA1IDIwOS40MDMyNDEgNTEyIDIwOS40MDMyNDF6TTUxMiA3MTMuNzMxNTE0Yy0xMTEuMzU1MTU3IDAtMjAxLjczMTUxNC05MC4zNzUzMzQtMjAxLjczMTUxNC0yMDEuNzMxNTE0czkwLjM3NTMzNC0yMDEuNzMxNTE0IDIwMS43MzE1MTQtMjAxLjczMTUxNCAyMDEuNzMxNTE0IDkwLjM3NTMzNCAyMDEuNzMxNTE0IDIwMS43MzE1MTRTNjIzLjM1NTE1NyA3MTMuNzMxNTE0IDUxMiA3MTMuNzMxNTE0ek01MTIgMzkwLjk2MTI5NmMtNjYuNzcyNzc2IDAtMTIxLjAzODcwNCA1NC4yNjU5MjgtMTIxLjAzODcwNCAxMjEuMDM4NzA0czU0LjI2NTkyOCAxMjEuMDM4NzA0IDEyMS4wMzg3MDQgMTIxLjAzODcwNCAxMjEuMDM4NzA0LTU0LjI2NTkyOCAxMjEuMDM4NzA0LTEyMS4wMzg3MDRTNTc4Ljc3Mjc3NiAzOTAuOTYxMjk2IDUxMiAzOTAuOTYxMjk2eiI+PC9wYXRoPjwvc3ZnPg==); |
||||
} |
||||
.pio-container .pio-dialog{ |
||||
top: -2em; |
||||
left: 1em; |
||||
right: 1em; |
||||
opacity: 0; |
||||
z-index: -1; |
||||
font-size: .8em; |
||||
background: #fff; |
||||
padding: .75em 1em; |
||||
border-radius: 1em; |
||||
visibility: hidden; |
||||
position: absolute; |
||||
word-break: break-all; |
||||
border: 1px solid #eee; |
||||
transition: opacity .3s, visibility .3s; |
||||
} |
||||
.pio-container .pio-dialog.active{ |
||||
opacity: 1; |
||||
visibility: visible; |
||||
} |
||||
|
||||
#pio{ vertical-align: middle } |
||||
|
||||
@media screen and (max-width: 768px){ |
||||
#pio{ width: 8em } |
||||
.pio-container{ pointer-events: none } |
||||
.pio-container.hidden, .pio-action, .pio-dialog{ display: none } |
||||
} |
@ -0,0 +1,274 @@ |
||||
/* ---- |
||||
|
||||
# Pio Plugin |
||||
# By: Dreamer-Paul |
||||
# Last Update: 2019.2.13 |
||||
|
||||
一个支持更换 Live2D 模型的 Typecho 插件。 |
||||
|
||||
本代码为奇趣保罗原创,并遵守 GPL 2.0 开源协议。欢迎访问我的博客:https://paugram.com
|
||||
|
||||
---- */ |
||||
|
||||
var Paul_Pio = function (prop) { |
||||
var current = { |
||||
idol: 0, |
||||
menu: document.querySelector(".pio-container .pio-action"), |
||||
canvas: document.getElementById("pio"), |
||||
body: document.getElementsByClassName("pio-container")[0], |
||||
root: document.location.protocol +'//' + document.location.hostname +'/' |
||||
}; |
||||
|
||||
/* - 方法 */ |
||||
var modules = { |
||||
// 更换模型
|
||||
idol: function () { |
||||
current.idol < (prop.model.length - 1) ? current.idol++ : current.idol = 0; |
||||
return current.idol; |
||||
}, |
||||
// 创建内容
|
||||
create: function (tag, prop) { |
||||
var e = document.createElement(tag); |
||||
if(prop.class) e.className = prop.class; |
||||
return e; |
||||
}, |
||||
// 随机内容
|
||||
rand: function (arr) { |
||||
return arr[Math.floor(Math.random() * arr.length + 1) - 1]; |
||||
}, |
||||
// 创建对话框方法
|
||||
render: function (text) { |
||||
if(text.constructor === Array){ |
||||
dialog.innerText = modules.rand(text); |
||||
} |
||||
else if(text.constructor === String){ |
||||
dialog.innerText = text; |
||||
} |
||||
else{ |
||||
dialog.innerText = "输入内容出现问题了 X_X"; |
||||
} |
||||
|
||||
dialog.classList.add("active"); |
||||
|
||||
clearTimeout(this.t); |
||||
this.t = setTimeout(function () { |
||||
dialog.classList.remove("active"); |
||||
}, 3000); |
||||
}, |
||||
// 移除方法
|
||||
destroy: function () { |
||||
current.body.parentNode.removeChild(current.body); |
||||
} |
||||
}; |
||||
|
||||
var elements = { |
||||
home: modules.create("span", {class: "pio-home"}), |
||||
skin: modules.create("span", {class: "pio-skin"}), |
||||
info: modules.create("span", {class: "pio-info"}), |
||||
night: modules.create("span", {class: "pio-night"}), |
||||
close: modules.create("span", {class: "pio-close"}) |
||||
}; |
||||
|
||||
var dialog = modules.create("div", {class: "pio-dialog"}); |
||||
current.body.appendChild(dialog); |
||||
|
||||
/* - 提示操作 */ |
||||
var action = { |
||||
// 欢迎
|
||||
welcome: function () { |
||||
if(document.referrer !== "" && document.referrer.indexOf(current.root) === -1){ |
||||
var referrer = document.createElement('a'); |
||||
referrer.href = document.referrer; |
||||
prop.content.referer ? modules.render(prop.content.referer.replace(/%t/, "“" + referrer.hostname + "”")) : modules.render("欢迎来自 “" + referrer.hostname + "” 的朋友!"); |
||||
} |
||||
else if(prop.tips){ |
||||
var text, hour = new Date().getHours(); |
||||
|
||||
if (hour > 22 || hour <= 5) { |
||||
text = '你是夜猫子呀?这么晚还不睡觉,明天起的来嘛'; |
||||
} |
||||
else if (hour > 5 && hour <= 8) { |
||||
text = '早上好!'; |
||||
} |
||||
else if (hour > 8 && hour <= 11) { |
||||
text = '上午好!工作顺利嘛,不要久坐,多起来走动走动哦!'; |
||||
} |
||||
else if (hour > 11 && hour <= 14) { |
||||
text = '中午了,工作了一个上午,现在是午餐时间!'; |
||||
} |
||||
else if (hour > 14 && hour <= 17) { |
||||
text = '午后很容易犯困呢,今天的运动目标完成了吗?'; |
||||
} |
||||
else if (hour > 17 && hour <= 19) { |
||||
text = '傍晚了!窗外夕阳的景色很美丽呢,最美不过夕阳红~'; |
||||
} |
||||
else if (hour > 19 && hour <= 21) { |
||||
text = '晚上好,今天过得怎么样?'; |
||||
} |
||||
else if (hour > 21 && hour <= 23) { |
||||
text = '已经这么晚了呀,早点休息吧,晚安~'; |
||||
} |
||||
else{ |
||||
text = "见鬼了吧,哈哈"; |
||||
} |
||||
|
||||
modules.render(text); |
||||
} |
||||
else{ |
||||
prop.content.welcome ? modules.render(prop.content.welcome) : modules.render("欢迎来到本站!"); |
||||
} |
||||
}, |
||||
// 文章
|
||||
article: function () { |
||||
if(prop.selector.articles){ |
||||
var a = document.querySelectorAll(prop.selector.articles), b; |
||||
prop.content.article ? b = prop.content.article : b = "想阅读 %t 吗?"; |
||||
|
||||
for(var i = 0; i < a.length; i++){ |
||||
a[i].onmouseover = function () { |
||||
modules.render(b.replace(/%t/, "“" + this.innerText + "”")); |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
// 触摸
|
||||
touch: function () { |
||||
if(prop.content.touch){ |
||||
current.canvas.onclick = function () { |
||||
modules.render(prop.content.touch); |
||||
} |
||||
} |
||||
else{ |
||||
current.canvas.onclick = function () { |
||||
modules.render(["你在干什么?", "再摸我就报警了!⌇●﹏●⌇", "啊好舒服喔~", "你够了喔!","你只有四分之一的几率会遇到我哦~","鼠…鼠标放错地方了~"]); |
||||
} |
||||
} |
||||
}, |
||||
// 右侧按钮
|
||||
buttons: function () { |
||||
// 返回首页
|
||||
elements.home.onclick = function () { |
||||
//location.href = current.root;
|
||||
$("html,body").animate({scrollTop:0},500); |
||||
}; |
||||
elements.home.onmouseover = function () { |
||||
prop.content.home ? modules.render(prop.content.home) : modules.render("点击这里回到顶部"); |
||||
}; |
||||
current.menu.appendChild(elements.home); |
||||
|
||||
// 更换模型
|
||||
elements.skin.onclick = function () { |
||||
loadlive2d("pio", prop.model[modules.idol()]); |
||||
prop.content.skin && prop.content.skin[1] ? modules.render(prop.content.skin[1]) : modules.render("新衣服真漂亮~"); |
||||
}; |
||||
elements.skin.onmouseover = function () { |
||||
prop.content.skin && prop.content.skin[0] ? modules.render(prop.content.skin[0]) : modules.render("想看看我的新衣服吗?"); |
||||
}; |
||||
if(prop.model.length > 1) current.menu.appendChild(elements.skin); |
||||
|
||||
// 关于我
|
||||
elements.info.onclick = function () { |
||||
prop.content.link ? window.open(prop.content.link) : window.open("https://video.yimian.xyz"); |
||||
}; |
||||
elements.info.onmouseover = function () { |
||||
modules.render("快来寻找我的踪影吧o( ̄▽ ̄)d"); |
||||
}; |
||||
current.menu.appendChild(elements.info); |
||||
|
||||
// 夜间模式
|
||||
if(prop.night){ |
||||
elements.night.onclick = function () { |
||||
eval(prop.night); |
||||
}; |
||||
elements.night.onmouseover = function () { |
||||
modules.render("夜间点击这里可以保护眼睛呢"); |
||||
}; |
||||
current.menu.appendChild(elements.night); |
||||
} |
||||
|
||||
// 关闭看板娘
|
||||
elements.close.onclick = function () { |
||||
modules.destroy(); |
||||
}; |
||||
elements.close.onmouseover = function () { |
||||
prop.content.close ? modules.render(prop.content.close) : modules.render("QWQ 下次再见吧~"); |
||||
}; |
||||
current.menu.appendChild(elements.close); |
||||
document.cookie = "posterGirl=false;" + "path=/"; |
||||
}, |
||||
custom: function () { |
||||
for(var i = 0; i < prop.content.custom.length; i++){ |
||||
var e = document.querySelectorAll(prop.content.custom[i].s); |
||||
var c = prop.content.custom[i].t; |
||||
|
||||
if(e[0]){ |
||||
for(var j = 0; j < e.length; j++){ |
||||
e[j].onmouseover = function () { |
||||
modules.render(c); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
|
||||
/* - 运行 */ |
||||
var begin = { |
||||
static: function () { |
||||
action.welcome(); action.article(); |
||||
current.body.classList.add("static"); |
||||
}, |
||||
fixed: function () { |
||||
action.welcome(); action.article(); action.touch(); action.buttons(); |
||||
}, |
||||
draggable: function () { |
||||
action.welcome(); action.article(); action.touch(); action.buttons(); |
||||
|
||||
var body = current.body; |
||||
body.onmousedown = function () { |
||||
var location = { |
||||
x: event.clientX - this.offsetLeft, |
||||
y: event.clientY - this.offsetTop |
||||
}; |
||||
|
||||
function move(e) { |
||||
body.classList.add("active"); |
||||
body.classList.remove("right"); |
||||
if(event.clientX - location.x>230) |
||||
body.style.left = (event.clientX - location.x) + 'px'; |
||||
body.style.top = (event.clientY - location.y) + 'px'; |
||||
} |
||||
|
||||
document.addEventListener("mousemove", move); |
||||
document.addEventListener("mouseup", function () { |
||||
body.classList.remove("active"); |
||||
document.removeEventListener("mousemove", move); |
||||
}); |
||||
}; |
||||
} |
||||
}; |
||||
|
||||
// 运行
|
||||
this.init = function () { |
||||
if(prop.hidden === true && window.innerWidth < 400){ |
||||
current.body.classList.add("hidden"); |
||||
} |
||||
else{ |
||||
switch (prop.mode){ |
||||
case "static": begin.static(); break; |
||||
case "fixed": begin.fixed(); break; |
||||
case "draggable": begin.draggable(); break; |
||||
} |
||||
|
||||
if(prop.content.custom) action.custom(); |
||||
|
||||
loadlive2d("pio", prop.model[0]); |
||||
} |
||||
}; |
||||
this.init(); |
||||
}; |
||||
|
||||
// 请保留版权说明
|
||||
if (window.console && window.console.log) { |
||||
console.log("%c Pio %c https://paugram.com ","color: #fff; margin: 1em 0; padding: 5px 0; background: #673ab7;","margin: 1em 0; padding: 5px 0; background: #efefef;"); |
||||
} |
Loading…
Reference in new issue