Jure Šorn
2 years ago
13 changed files with 1696 additions and 407 deletions
Split View
Diff Options
-
14README.md
-
253index.html
-
32parse.js
-
1pdf/remove_links.py
-
1web/default_dark.min.css
-
1web/default_dark1.min.css
-
1web/default_dark2.min.css
-
BINweb/image_orig_blue6.png
-
196web/style.css
-
464web/style_dark.css
-
465web/style_dark1.css
-
461web/style_dark2.css
-
214web/template.html
@ -0,0 +1 @@ |
|||
.hljs{overflow-x:auto}.hljs,.hljs-subst{}.hljs-comment{color:#797979}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:bold;color:#40b0dbb8}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:hsl(340deg 82% 43%)}.hljs-title,.hljs-section{color:hsl(340deg 82% 37%);font-weight:bold}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#BC6060}.hljs-literal{color:#78A960}.hljs-meta{color:#1f7199}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold} |
|||
@ -0,0 +1 @@ |
|||
.hljs{overflow-x:auto}.hljs,.hljs-subst{}.hljs-comment{color:hsl(0deg 0% 49% / 77%)}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:bold;color:hsl(197deg 68% 64% / 72%)}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:hsl(0deg 67% 57% / 88%)}.hljs-title,.hljs-section{color:hsl(188deg 100% 54% / 59%);font-weight:bold}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#BC6060}.hljs-literal{color:#78A960}.hljs-meta{color:hsl(200deg 66% 47%)}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold} |
|||
@ -0,0 +1 @@ |
|||
.hljs{overflow-x:auto}.hljs,.hljs-subst{}.hljs-comment{color:#797979}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:bold;color:hsl(187deg 85% 28%)}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:hsl(340deg 82% 43%)}.hljs-title,.hljs-section{color:hsl(340deg 82% 37%);font-weight:bold}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#BC6060}.hljs-literal{color:#78A960}.hljs-meta{color:hsl(189deg 83% 22%)}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold} |
|||
| Before | After |
|---|---|
|
|
| Width: 1280 | Height: 297 | Size: 267 KiB |
@ -0,0 +1,464 @@ |
|||
/* Copyright 2013 Michael Bostock. All rights reserved. Do not copy. */ |
|||
|
|||
@import url(https://fonts.googleapis.com/css?family=PT+Serif|PT+Serif:b|PT+Serif:i|PT+Sans|PT+Sans:b); |
|||
|
|||
.ocks-org body { |
|||
background: hsl(206deg 47% 9%); |
|||
color: hsl(0deg 0% 72%); |
|||
font-family: "PT Serif", serif; |
|||
margin: 1em auto 4em auto; |
|||
position: relative; |
|||
width: 960px; |
|||
padding: 1rem; |
|||
} |
|||
|
|||
.ocks-org header, |
|||
.ocks-org footer, |
|||
.ocks-org aside, |
|||
.ocks-org h1, |
|||
.ocks-org h2, |
|||
.ocks-org h3, |
|||
.ocks-org h4 { |
|||
font-family: "PT Sans", sans-serif; |
|||
} |
|||
|
|||
.ocks-org h1, |
|||
.ocks-org h2, |
|||
.ocks-org h3, |
|||
.ocks-org h4 { |
|||
color: hsl(0deg 1% 71%); |
|||
} |
|||
|
|||
.ocks-org header, |
|||
.ocks-org footer { |
|||
color: #636363; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 67px; |
|||
font-weight: 300; |
|||
letter-spacing: -2px; |
|||
margin: 0.3em 0 0.1em 0; |
|||
} |
|||
|
|||
h2 { |
|||
margin-top: 2em; |
|||
} |
|||
|
|||
h1, |
|||
h2 { |
|||
text-rendering: optimizeLegibility; |
|||
} |
|||
|
|||
h2 a[name], |
|||
h2 a[id] { |
|||
color: hsl(0deg 0% 63% / 49%); |
|||
padding-right: 0.3em; |
|||
} |
|||
|
|||
header, |
|||
footer { |
|||
font-size: small; |
|||
} |
|||
|
|||
.ocks-org header aside, |
|||
.ocks-org footer aside { |
|||
float: left; |
|||
margin-right: 0.5em; |
|||
} |
|||
|
|||
.ocks-org header aside:after, |
|||
.ocks-org footer aside:after { |
|||
padding-left: 0.5em; |
|||
content: "/"; |
|||
} |
|||
|
|||
footer { |
|||
margin-top: 6em; |
|||
} |
|||
|
|||
h1 ~ aside { |
|||
font-size: small; |
|||
right: 0; |
|||
position: absolute; |
|||
width: 180px; |
|||
} |
|||
|
|||
.attribution { |
|||
font-size: small; |
|||
margin-bottom: 2em; |
|||
} |
|||
|
|||
body > p, |
|||
li > p, |
|||
div > p { |
|||
line-height: 1.5em; |
|||
} |
|||
|
|||
body > p, |
|||
div > p { |
|||
width: 720px; |
|||
} |
|||
|
|||
body > blockquote { |
|||
width: 640px; |
|||
} |
|||
|
|||
blockquote q { |
|||
display: block; |
|||
font-style: oblique; |
|||
} |
|||
|
|||
ul { |
|||
padding: 0; |
|||
} |
|||
|
|||
li { |
|||
width: 690px; |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
a { |
|||
color: steelblue; |
|||
} |
|||
|
|||
a:not(:hover) { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
pre, |
|||
code, |
|||
textarea { |
|||
font-family: "Menlo", "Menlo Regular", monospace; |
|||
} |
|||
|
|||
code { |
|||
line-height: 1em; |
|||
} |
|||
|
|||
textarea { |
|||
font-size: 100%; |
|||
} |
|||
|
|||
pre { |
|||
border-left: solid 2px hsl(206deg 34% 14%); |
|||
padding-left: 18px; |
|||
margin: 1em 0 1em 0; |
|||
background: hsl(206deg 34% 14%); |
|||
border-radius: 6px; |
|||
padding-top: 16px; |
|||
padding-bottom: 16px; |
|||
} |
|||
|
|||
.html .value, |
|||
.javascript .string, |
|||
.javascript .regexp { |
|||
color: #756bb1; |
|||
} |
|||
|
|||
.html .tag, |
|||
.css .tag, |
|||
.javascript .keyword { |
|||
color: #3182bd; |
|||
} |
|||
|
|||
.comment { |
|||
color: #636363; |
|||
} |
|||
|
|||
.html .doctype, |
|||
.javascript .number { |
|||
color: #31a354; |
|||
} |
|||
|
|||
.html .attribute, |
|||
.css .attribute, |
|||
.javascript .class, |
|||
.javascript .special { |
|||
color: #e6550d; |
|||
} |
|||
|
|||
svg { |
|||
font: 10px sans-serif; |
|||
} |
|||
|
|||
.axis path, |
|||
.axis line { |
|||
fill: none; |
|||
stroke: #000; |
|||
shape-rendering: crispEdges; |
|||
} |
|||
|
|||
sup, |
|||
sub { |
|||
line-height: 0; |
|||
} |
|||
|
|||
q:before { |
|||
content: "“"; |
|||
} |
|||
|
|||
q:after { |
|||
content: "â€"; |
|||
} |
|||
|
|||
blockquote q { |
|||
line-height: 1.5em; |
|||
display: inline; |
|||
} |
|||
|
|||
blockquote q:before, |
|||
blockquote q:after { |
|||
content: ""; |
|||
} |
|||
|
|||
h3, |
|||
h4, |
|||
p, |
|||
ul { |
|||
padding-left: 1.2rem; |
|||
} |
|||
|
|||
.banner { |
|||
padding: 0; |
|||
} |
|||
|
|||
#toc { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
@media only screen and (max-device-width: 1023px) { |
|||
.ocks-org body { |
|||
font-size: 72%; |
|||
padding: 0.5rem; |
|||
} |
|||
|
|||
body > p, |
|||
div > p { |
|||
width: 90vw !important; |
|||
} |
|||
|
|||
li { |
|||
width: 82vw; |
|||
} |
|||
|
|||
h3, |
|||
h4, |
|||
p, |
|||
ul { |
|||
padding-left: .7rem; |
|||
width: 90vw; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 2rem; |
|||
} |
|||
|
|||
pre { |
|||
padding-left: 0.5rem; |
|||
} |
|||
|
|||
.banner, |
|||
h1, |
|||
img { |
|||
max-width: calc(100vw - 2em); |
|||
min-width: calc(100vw - 2em); |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/*@import url(web/style.css);*/ |
|||
|
|||
@font-face {font-family: "Menlo Regular"; |
|||
src: url("OnlineWebFonts_COM_cb7eb796ae7de7195a34c485cacebad1\\@font-face\\9f94dc20bb2a09c15241d3a880b7ad01.woff2") format("woff2"), /* chrome、firefox */ |
|||
url("OnlineWebFonts_COM_cb7eb796ae7de7195a34c485cacebad1\\@font-face\\9f94dc20bb2a09c15241d3a880b7ad01.woff") format("woff"); |
|||
} |
|||
|
|||
.join, |
|||
.link, |
|||
.node rect { |
|||
fill: none; |
|||
stroke: #636363; |
|||
stroke-width: 1.5px; |
|||
} |
|||
|
|||
.link { |
|||
stroke: #969696; |
|||
} |
|||
|
|||
.node rect { |
|||
fill: white; |
|||
} |
|||
|
|||
.link path, |
|||
.node rect, |
|||
.node text, |
|||
.join { |
|||
-webkit-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
-moz-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
-ms-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
-o-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
} |
|||
|
|||
.node .element rect { |
|||
fill: #bdbdbd; |
|||
stroke: none; |
|||
} |
|||
|
|||
.node .null rect { |
|||
fill: none; |
|||
stroke: none; |
|||
} |
|||
|
|||
.node .null text { |
|||
fill: #636363; |
|||
} |
|||
|
|||
.node .selection rect { |
|||
stroke: #e6550d; |
|||
} |
|||
|
|||
.node .data rect { |
|||
stroke: #3182bd; |
|||
} |
|||
|
|||
.node .datum rect { |
|||
fill: #d9d9d9; |
|||
stroke: none; |
|||
} |
|||
|
|||
.node .code text { |
|||
font-family: monospace; |
|||
color: hsl(0deg 0% 74%) |
|||
} |
|||
|
|||
.node .key rect { |
|||
fill: #a1d99b; |
|||
stroke: none; |
|||
} |
|||
|
|||
.link .to-key, |
|||
.join { |
|||
stroke: #a1d99b; |
|||
} |
|||
|
|||
.join { |
|||
stroke-dasharray: 2,2; |
|||
} |
|||
|
|||
.link .to-null { |
|||
stroke-dasharray: .5,3.5; |
|||
stroke-linecap: round; |
|||
} |
|||
|
|||
.link .from-data { |
|||
stroke: #3182bd; |
|||
} |
|||
|
|||
.play circle { |
|||
fill: #fff; |
|||
stroke: #000; |
|||
stroke-width: 3px; |
|||
} |
|||
|
|||
.play:hover path { |
|||
fill: #f00; |
|||
} |
|||
|
|||
.play.mousedown circle { |
|||
fill: #f00; |
|||
} |
|||
|
|||
.play.mousedown path { |
|||
fill: #fff; |
|||
} |
|||
|
|||
.play rect { |
|||
fill: none; |
|||
pointer-events: all; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
code span { |
|||
-webkit-transition: background 250ms linear; |
|||
-moz-transition: background 250ms linear; |
|||
-ms-transition: background 250ms linear; |
|||
-o-transition: background 250ms linear; |
|||
transition: background 250ms linear; |
|||
} |
|||
|
|||
pre.prettyprint, code.prettyprint { |
|||
background-color: #222; |
|||
border-radius: 8px; |
|||
font-size: 15px; |
|||
} |
|||
|
|||
pre.prettyprint { |
|||
width: 90%; |
|||
margin: 0.5em; |
|||
padding: 1em; |
|||
white-space: pre-wrap; |
|||
} |
|||
|
|||
#return-to-top { |
|||
position: fixed; |
|||
bottom: 20px; |
|||
right: 20px; |
|||
background: rgb(0, 0, 0); |
|||
background: rgba(0, 0, 0, 0.2); |
|||
width: 50px; |
|||
height: 50px; |
|||
display: block; |
|||
text-decoration: none; |
|||
-webkit-border-radius: 35px; |
|||
-moz-border-radius: 35px; |
|||
border-radius: 35px; |
|||
display: none; |
|||
-webkit-transition: all 0.3s linear; |
|||
-moz-transition: all 0.3s ease; |
|||
-ms-transition: all 0.3s ease; |
|||
-o-transition: all 0.3s ease; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
#return-to-top i { |
|||
color: #fff; |
|||
margin: 0; |
|||
position: relative; |
|||
left: 16px; |
|||
top: 13px; |
|||
font-size: 19px; |
|||
-webkit-transition: all 0.3s ease; |
|||
-moz-transition: all 0.3s ease; |
|||
-ms-transition: all 0.3s ease; |
|||
-o-transition: all 0.3s ease; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
#return-to-top:hover { |
|||
background: rgba(0, 0, 0, 0.35); |
|||
} |
|||
|
|||
#return-to-top:hover i { |
|||
color: #f0f0f0; |
|||
} |
|||
|
|||
@media print { |
|||
.pagebreak { |
|||
page-break-before: always; |
|||
} |
|||
div { |
|||
page-break-inside: avoid; |
|||
} |
|||
pre { |
|||
page-break-inside: avoid; |
|||
} |
|||
} |
|||
|
|||
.modebar{ |
|||
display: none !important; |
|||
} |
|||
@ -0,0 +1,465 @@ |
|||
/* Copyright 2013 Michael Bostock. All rights reserved. Do not copy. */ |
|||
|
|||
@import url(https://fonts.googleapis.com/css?family=PT+Serif|PT+Serif:b|PT+Serif:i|PT+Sans|PT+Sans:b); |
|||
|
|||
.ocks-org body { |
|||
background: hsl(206deg 47% 9%); |
|||
color: hsl(0deg 0% 72%); |
|||
font-family: "PT Serif", serif; |
|||
margin: 1em auto 4em auto; |
|||
position: relative; |
|||
width: 960px; |
|||
padding: 1rem; |
|||
} |
|||
|
|||
.ocks-org header, |
|||
.ocks-org footer, |
|||
.ocks-org aside, |
|||
.ocks-org h1, |
|||
.ocks-org h2, |
|||
.ocks-org h3, |
|||
.ocks-org h4 { |
|||
font-family: "PT Sans", sans-serif; |
|||
} |
|||
|
|||
.ocks-org h1, |
|||
.ocks-org h2, |
|||
.ocks-org h3, |
|||
.ocks-org h4 { |
|||
color: hsl(0deg 1% 77%); |
|||
} |
|||
|
|||
.ocks-org header, |
|||
.ocks-org footer { |
|||
color: #636363; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 67px; |
|||
font-weight: 300; |
|||
letter-spacing: -2px; |
|||
margin: 0.3em 0 0.1em 0; |
|||
} |
|||
|
|||
h2 { |
|||
margin-top: 2em; |
|||
} |
|||
|
|||
h1, |
|||
h2 { |
|||
text-rendering: optimizeLegibility; |
|||
} |
|||
|
|||
h2 a[name], |
|||
h2 a[id] { |
|||
color: hsl(0deg 0% 75% / 49%); |
|||
padding-right: 0.3em; |
|||
} |
|||
|
|||
header, |
|||
footer { |
|||
font-size: small; |
|||
} |
|||
|
|||
.ocks-org header aside, |
|||
.ocks-org footer aside { |
|||
float: left; |
|||
margin-right: 0.5em; |
|||
} |
|||
|
|||
.ocks-org header aside:after, |
|||
.ocks-org footer aside:after { |
|||
padding-left: 0.5em; |
|||
content: "/"; |
|||
} |
|||
|
|||
footer { |
|||
margin-top: 6em; |
|||
} |
|||
|
|||
h1 ~ aside { |
|||
font-size: small; |
|||
right: 0; |
|||
position: absolute; |
|||
width: 180px; |
|||
} |
|||
|
|||
.attribution { |
|||
font-size: small; |
|||
margin-bottom: 2em; |
|||
} |
|||
|
|||
body > p, |
|||
li > p, |
|||
div > p { |
|||
line-height: 1.5em; |
|||
} |
|||
|
|||
body > p, |
|||
div > p { |
|||
width: 720px; |
|||
} |
|||
|
|||
body > blockquote { |
|||
width: 640px; |
|||
} |
|||
|
|||
blockquote q { |
|||
display: block; |
|||
font-style: oblique; |
|||
} |
|||
|
|||
ul { |
|||
padding: 0; |
|||
} |
|||
|
|||
li { |
|||
width: 690px; |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
a { |
|||
color: steelblue; |
|||
} |
|||
|
|||
a:not(:hover) { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
pre, |
|||
code, |
|||
textarea { |
|||
font-family: "Menlo", "Menlo Regular", monospace; |
|||
} |
|||
|
|||
code { |
|||
line-height: 1em; |
|||
color: hsl(0deg 0% 96% / 65%); |
|||
} |
|||
|
|||
textarea { |
|||
font-size: 100%; |
|||
} |
|||
|
|||
pre { |
|||
border-left: solid 2px hsl(206deg 34% 14%); |
|||
padding-left: 18px; |
|||
margin: 1em 0 1em 0; |
|||
background: hsl(206deg 34% 14%); |
|||
border-radius: 6px; |
|||
padding-top: 16px; |
|||
padding-bottom: 16px; |
|||
} |
|||
|
|||
.html .value, |
|||
.javascript .string, |
|||
.javascript .regexp { |
|||
color: #756bb1; |
|||
} |
|||
|
|||
.html .tag, |
|||
.css .tag, |
|||
.javascript .keyword { |
|||
color: #3182bd; |
|||
} |
|||
|
|||
.comment { |
|||
color: #636363; |
|||
} |
|||
|
|||
.html .doctype, |
|||
.javascript .number { |
|||
color: #31a354; |
|||
} |
|||
|
|||
.html .attribute, |
|||
.css .attribute, |
|||
.javascript .class, |
|||
.javascript .special { |
|||
color: #e6550d; |
|||
} |
|||
|
|||
svg { |
|||
font: 10px sans-serif; |
|||
} |
|||
|
|||
.axis path, |
|||
.axis line { |
|||
fill: none; |
|||
stroke: #000; |
|||
shape-rendering: crispEdges; |
|||
} |
|||
|
|||
sup, |
|||
sub { |
|||
line-height: 0; |
|||
} |
|||
|
|||
q:before { |
|||
content: "“"; |
|||
} |
|||
|
|||
q:after { |
|||
content: "â€"; |
|||
} |
|||
|
|||
blockquote q { |
|||
line-height: 1.5em; |
|||
display: inline; |
|||
} |
|||
|
|||
blockquote q:before, |
|||
blockquote q:after { |
|||
content: ""; |
|||
} |
|||
|
|||
h3, |
|||
h4, |
|||
p, |
|||
ul { |
|||
padding-left: 1.2rem; |
|||
} |
|||
|
|||
.banner { |
|||
padding: 0; |
|||
} |
|||
|
|||
#toc { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
@media only screen and (max-device-width: 1023px) { |
|||
.ocks-org body { |
|||
font-size: 72%; |
|||
padding: 0.5rem; |
|||
} |
|||
|
|||
body > p, |
|||
div > p { |
|||
width: 90vw !important; |
|||
} |
|||
|
|||
li { |
|||
width: 82vw; |
|||
} |
|||
|
|||
h3, |
|||
h4, |
|||
p, |
|||
ul { |
|||
padding-left: .7rem; |
|||
width: 90vw; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 2rem; |
|||
} |
|||
|
|||
pre { |
|||
padding-left: 0.5rem; |
|||
} |
|||
|
|||
.banner, |
|||
h1, |
|||
img { |
|||
max-width: calc(100vw - 2em); |
|||
min-width: calc(100vw - 2em); |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/*@import url(web/style.css);*/ |
|||
|
|||
@font-face {font-family: "Menlo Regular"; |
|||
src: url("OnlineWebFonts_COM_cb7eb796ae7de7195a34c485cacebad1\\@font-face\\9f94dc20bb2a09c15241d3a880b7ad01.woff2") format("woff2"), /* chrome、firefox */ |
|||
url("OnlineWebFonts_COM_cb7eb796ae7de7195a34c485cacebad1\\@font-face\\9f94dc20bb2a09c15241d3a880b7ad01.woff") format("woff"); |
|||
} |
|||
|
|||
.join, |
|||
.link, |
|||
.node rect { |
|||
fill: none; |
|||
stroke: #636363; |
|||
stroke-width: 1.5px; |
|||
} |
|||
|
|||
.link { |
|||
stroke: #969696; |
|||
} |
|||
|
|||
.node rect { |
|||
fill: white; |
|||
} |
|||
|
|||
.link path, |
|||
.node rect, |
|||
.node text, |
|||
.join { |
|||
-webkit-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
-moz-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
-ms-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
-o-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
} |
|||
|
|||
.node .element rect { |
|||
fill: #bdbdbd; |
|||
stroke: none; |
|||
} |
|||
|
|||
.node .null rect { |
|||
fill: none; |
|||
stroke: none; |
|||
} |
|||
|
|||
.node .null text { |
|||
fill: #636363; |
|||
} |
|||
|
|||
.node .selection rect { |
|||
stroke: #e6550d; |
|||
} |
|||
|
|||
.node .data rect { |
|||
stroke: #3182bd; |
|||
} |
|||
|
|||
.node .datum rect { |
|||
fill: #d9d9d9; |
|||
stroke: none; |
|||
} |
|||
|
|||
.node .code text { |
|||
font-family: monospace; |
|||
color: hsl(0deg 0% 74%) |
|||
} |
|||
|
|||
.node .key rect { |
|||
fill: #a1d99b; |
|||
stroke: none; |
|||
} |
|||
|
|||
.link .to-key, |
|||
.join { |
|||
stroke: #a1d99b; |
|||
} |
|||
|
|||
.join { |
|||
stroke-dasharray: 2,2; |
|||
} |
|||
|
|||
.link .to-null { |
|||
stroke-dasharray: .5,3.5; |
|||
stroke-linecap: round; |
|||
} |
|||
|
|||
.link .from-data { |
|||
stroke: #3182bd; |
|||
} |
|||
|
|||
.play circle { |
|||
fill: #fff; |
|||
stroke: #000; |
|||
stroke-width: 3px; |
|||
} |
|||
|
|||
.play:hover path { |
|||
fill: #f00; |
|||
} |
|||
|
|||
.play.mousedown circle { |
|||
fill: #f00; |
|||
} |
|||
|
|||
.play.mousedown path { |
|||
fill: #fff; |
|||
} |
|||
|
|||
.play rect { |
|||
fill: none; |
|||
pointer-events: all; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
code span { |
|||
-webkit-transition: background 250ms linear; |
|||
-moz-transition: background 250ms linear; |
|||
-ms-transition: background 250ms linear; |
|||
-o-transition: background 250ms linear; |
|||
transition: background 250ms linear; |
|||
} |
|||
|
|||
pre.prettyprint, code.prettyprint { |
|||
background-color: #222; |
|||
border-radius: 8px; |
|||
font-size: 15px; |
|||
} |
|||
|
|||
pre.prettyprint { |
|||
width: 90%; |
|||
margin: 0.5em; |
|||
padding: 1em; |
|||
white-space: pre-wrap; |
|||
} |
|||
|
|||
#return-to-top { |
|||
position: fixed; |
|||
bottom: 20px; |
|||
right: 20px; |
|||
background: rgb(0, 0, 0); |
|||
background: rgba(0, 0, 0, 0.2); |
|||
width: 50px; |
|||
height: 50px; |
|||
display: block; |
|||
text-decoration: none; |
|||
-webkit-border-radius: 35px; |
|||
-moz-border-radius: 35px; |
|||
border-radius: 35px; |
|||
display: none; |
|||
-webkit-transition: all 0.3s linear; |
|||
-moz-transition: all 0.3s ease; |
|||
-ms-transition: all 0.3s ease; |
|||
-o-transition: all 0.3s ease; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
#return-to-top i { |
|||
color: #fff; |
|||
margin: 0; |
|||
position: relative; |
|||
left: 16px; |
|||
top: 13px; |
|||
font-size: 19px; |
|||
-webkit-transition: all 0.3s ease; |
|||
-moz-transition: all 0.3s ease; |
|||
-ms-transition: all 0.3s ease; |
|||
-o-transition: all 0.3s ease; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
#return-to-top:hover { |
|||
background: rgba(0, 0, 0, 0.35); |
|||
} |
|||
|
|||
#return-to-top:hover i { |
|||
color: #f0f0f0; |
|||
} |
|||
|
|||
@media print { |
|||
.pagebreak { |
|||
page-break-before: always; |
|||
} |
|||
div { |
|||
page-break-inside: avoid; |
|||
} |
|||
pre { |
|||
page-break-inside: avoid; |
|||
} |
|||
} |
|||
|
|||
.modebar{ |
|||
display: none !important; |
|||
} |
|||
@ -0,0 +1,461 @@ |
|||
/* Copyright 2013 Michael Bostock. All rights reserved. Do not copy. */ |
|||
|
|||
@import url(https://fonts.googleapis.com/css?family=PT+Serif|PT+Serif:b|PT+Serif:i|PT+Sans|PT+Sans:b); |
|||
|
|||
.ocks-org body { |
|||
background: hsl(206deg 47% 9%); |
|||
color: hsl(0deg 0% 72%); |
|||
font-family: "PT Serif", serif; |
|||
margin: 1em auto 4em auto; |
|||
position: relative; |
|||
width: 960px; |
|||
padding: 1rem; |
|||
} |
|||
|
|||
.ocks-org header, |
|||
.ocks-org footer, |
|||
.ocks-org aside, |
|||
.ocks-org h1, |
|||
.ocks-org h2, |
|||
.ocks-org h3, |
|||
.ocks-org h4 { |
|||
font-family: "PT Sans", sans-serif; |
|||
} |
|||
|
|||
.ocks-org h1, |
|||
.ocks-org h2, |
|||
.ocks-org h3, |
|||
.ocks-org h4 { |
|||
color: hsl(0deg 1% 71%); |
|||
} |
|||
|
|||
.ocks-org header, |
|||
.ocks-org footer { |
|||
color: #999999; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 64px; |
|||
font-weight: 300; |
|||
letter-spacing: -2px; |
|||
margin: 0.3em 0 0.1em 0; |
|||
} |
|||
|
|||
h2 { |
|||
margin-top: 2em; |
|||
} |
|||
|
|||
h1, |
|||
h2 { |
|||
text-rendering: optimizeLegibility; |
|||
} |
|||
|
|||
h2 a[name], |
|||
h2 a[id] { |
|||
color: #5f5c5c; |
|||
padding-right: 0.3em; |
|||
} |
|||
|
|||
header, |
|||
footer { |
|||
font-size: small; |
|||
} |
|||
|
|||
.ocks-org header aside, |
|||
.ocks-org footer aside { |
|||
float: left; |
|||
margin-right: 0.5em; |
|||
} |
|||
|
|||
.ocks-org header aside:after, |
|||
.ocks-org footer aside:after { |
|||
padding-left: 0.5em; |
|||
content: "/"; |
|||
} |
|||
|
|||
footer { |
|||
margin-top: 6em; |
|||
} |
|||
|
|||
h1 ~ aside { |
|||
font-size: small; |
|||
right: 0; |
|||
position: absolute; |
|||
width: 180px; |
|||
} |
|||
|
|||
.attribution { |
|||
font-size: small; |
|||
margin-bottom: 2em; |
|||
} |
|||
|
|||
body > p, |
|||
li > p, |
|||
div > p { |
|||
line-height: 1.5em; |
|||
} |
|||
|
|||
body > p, |
|||
div > p { |
|||
width: 720px; |
|||
} |
|||
|
|||
body > blockquote { |
|||
width: 640px; |
|||
} |
|||
|
|||
blockquote q { |
|||
display: block; |
|||
font-style: oblique; |
|||
} |
|||
|
|||
ul { |
|||
padding: 0; |
|||
} |
|||
|
|||
li { |
|||
width: 690px; |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
a { |
|||
color: hsl(187deg 100% 33%); |
|||
} |
|||
|
|||
a:not(:hover) { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
pre, |
|||
code, |
|||
textarea { |
|||
font-family: "Menlo", "Menlo Regular", monospace; |
|||
} |
|||
|
|||
code { |
|||
line-height: 1em; |
|||
color: hsl(0deg 0% 74%); |
|||
} |
|||
|
|||
textarea { |
|||
font-size: 100%; |
|||
} |
|||
|
|||
pre { |
|||
border-left: solid 2px #424242; |
|||
padding-left: 18px; |
|||
margin: 2em 0 2em 0; |
|||
} |
|||
|
|||
.html .value, |
|||
.javascript .string, |
|||
.javascript .regexp { |
|||
color: #756bb1; |
|||
} |
|||
|
|||
.html .tag, |
|||
.css .tag, |
|||
.javascript .keyword { |
|||
color: #3182bd; |
|||
} |
|||
|
|||
.comment { |
|||
color: #636363; |
|||
} |
|||
|
|||
.html .doctype, |
|||
.javascript .number { |
|||
color: #31a354; |
|||
} |
|||
|
|||
.html .attribute, |
|||
.css .attribute, |
|||
.javascript .class, |
|||
.javascript .special { |
|||
color: #e6550d; |
|||
} |
|||
|
|||
svg { |
|||
font: 10px sans-serif; |
|||
} |
|||
|
|||
.axis path, |
|||
.axis line { |
|||
fill: none; |
|||
stroke: #000; |
|||
shape-rendering: crispEdges; |
|||
} |
|||
|
|||
sup, |
|||
sub { |
|||
line-height: 0; |
|||
} |
|||
|
|||
q:before { |
|||
content: "“"; |
|||
} |
|||
|
|||
q:after { |
|||
content: "â€"; |
|||
} |
|||
|
|||
blockquote q { |
|||
line-height: 1.5em; |
|||
display: inline; |
|||
} |
|||
|
|||
blockquote q:before, |
|||
blockquote q:after { |
|||
content: ""; |
|||
} |
|||
|
|||
h3, |
|||
h4, |
|||
p, |
|||
ul { |
|||
padding-left: 1.2rem; |
|||
} |
|||
|
|||
.banner { |
|||
padding: 0; |
|||
} |
|||
|
|||
#toc { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
@media only screen and (max-device-width: 1023px) { |
|||
.ocks-org body { |
|||
font-size: 72%; |
|||
padding: 0.5rem; |
|||
} |
|||
|
|||
body > p, |
|||
div > p { |
|||
width: 90vw !important; |
|||
} |
|||
|
|||
li { |
|||
width: 82vw; |
|||
} |
|||
|
|||
h3, |
|||
h4, |
|||
p, |
|||
ul { |
|||
padding-left: .7rem; |
|||
width: 90vw; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 2rem; |
|||
} |
|||
|
|||
pre { |
|||
padding-left: 0.5rem; |
|||
} |
|||
|
|||
.banner, |
|||
h1, |
|||
img { |
|||
max-width: calc(100vw - 2em); |
|||
min-width: calc(100vw - 2em); |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/*@import url(web/style.css);*/ |
|||
|
|||
@font-face {font-family: "Menlo Regular"; |
|||
src: url("OnlineWebFonts_COM_cb7eb796ae7de7195a34c485cacebad1\\@font-face\\9f94dc20bb2a09c15241d3a880b7ad01.woff2") format("woff2"), /* chrome、firefox */ |
|||
url("OnlineWebFonts_COM_cb7eb796ae7de7195a34c485cacebad1\\@font-face\\9f94dc20bb2a09c15241d3a880b7ad01.woff") format("woff"); |
|||
} |
|||
|
|||
.join, |
|||
.link, |
|||
.node rect { |
|||
fill: none; |
|||
stroke: #636363; |
|||
stroke-width: 1.5px; |
|||
} |
|||
|
|||
.link { |
|||
stroke: #969696; |
|||
} |
|||
|
|||
.node rect { |
|||
fill: white; |
|||
} |
|||
|
|||
.link path, |
|||
.node rect, |
|||
.node text, |
|||
.join { |
|||
-webkit-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
-moz-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
-ms-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
-o-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
transition: stroke-opacity 500ms linear, fill-opacity 500ms linear; |
|||
} |
|||
|
|||
.node .element rect { |
|||
fill: #bdbdbd; |
|||
stroke: none; |
|||
} |
|||
|
|||
.node .null rect { |
|||
fill: none; |
|||
stroke: none; |
|||
} |
|||
|
|||
.node .null text { |
|||
fill: #636363; |
|||
} |
|||
|
|||
.node .selection rect { |
|||
stroke: #e6550d; |
|||
} |
|||
|
|||
.node .data rect { |
|||
stroke: #3182bd; |
|||
} |
|||
|
|||
.node .datum rect { |
|||
fill: #d9d9d9; |
|||
stroke: none; |
|||
} |
|||
|
|||
.node .code text { |
|||
font-family: monospace; |
|||
color: hsl(0deg 0% 74%) |
|||
} |
|||
|
|||
.node .key rect { |
|||
fill: #a1d99b; |
|||
stroke: none; |
|||
} |
|||
|
|||
.link .to-key, |
|||
.join { |
|||
stroke: #a1d99b; |
|||
} |
|||
|
|||
.join { |
|||
stroke-dasharray: 2,2; |
|||
} |
|||
|
|||
.link .to-null { |
|||
stroke-dasharray: .5,3.5; |
|||
stroke-linecap: round; |
|||
} |
|||
|
|||
.link .from-data { |
|||
stroke: #3182bd; |
|||
} |
|||
|
|||
.play circle { |
|||
fill: #fff; |
|||
stroke: #000; |
|||
stroke-width: 3px; |
|||
} |
|||
|
|||
.play:hover path { |
|||
fill: #f00; |
|||
} |
|||
|
|||
.play.mousedown circle { |
|||
fill: #f00; |
|||
} |
|||
|
|||
.play.mousedown path { |
|||
fill: #fff; |
|||
} |
|||
|
|||
.play rect { |
|||
fill: none; |
|||
pointer-events: all; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
code span { |
|||
-webkit-transition: background 250ms linear; |
|||
-moz-transition: background 250ms linear; |
|||
-ms-transition: background 250ms linear; |
|||
-o-transition: background 250ms linear; |
|||
transition: background 250ms linear; |
|||
} |
|||
|
|||
pre.prettyprint, code.prettyprint { |
|||
background-color: #222; |
|||
border-radius: 8px; |
|||
font-size: 15px; |
|||
} |
|||
|
|||
pre.prettyprint { |
|||
width: 90%; |
|||
margin: 0.5em; |
|||
padding: 1em; |
|||
white-space: pre-wrap; |
|||
} |
|||
|
|||
#return-to-top { |
|||
position: fixed; |
|||
bottom: 20px; |
|||
right: 20px; |
|||
background: rgb(0, 0, 0); |
|||
background: rgba(0, 0, 0, 0.2); |
|||
width: 50px; |
|||
height: 50px; |
|||
display: block; |
|||
text-decoration: none; |
|||
-webkit-border-radius: 35px; |
|||
-moz-border-radius: 35px; |
|||
border-radius: 35px; |
|||
display: none; |
|||
-webkit-transition: all 0.3s linear; |
|||
-moz-transition: all 0.3s ease; |
|||
-ms-transition: all 0.3s ease; |
|||
-o-transition: all 0.3s ease; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
#return-to-top i { |
|||
color: #fff; |
|||
margin: 0; |
|||
position: relative; |
|||
left: 16px; |
|||
top: 13px; |
|||
font-size: 19px; |
|||
-webkit-transition: all 0.3s ease; |
|||
-moz-transition: all 0.3s ease; |
|||
-ms-transition: all 0.3s ease; |
|||
-o-transition: all 0.3s ease; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
#return-to-top:hover { |
|||
background: rgba(0, 0, 0, 0.35); |
|||
} |
|||
|
|||
#return-to-top:hover i { |
|||
color: #f0f0f0; |
|||
} |
|||
|
|||
@media print { |
|||
.pagebreak { |
|||
page-break-before: always; |
|||
} |
|||
div { |
|||
page-break-inside: avoid; |
|||
} |
|||
pre { |
|||
page-break-inside: avoid; |
|||
} |
|||
} |
|||
|
|||
.modebar{ |
|||
display: none !important; |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save