You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
298 lines
4.2 KiB
298 lines
4.2 KiB
3 years ago
|
body {
|
||
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
|
||
|
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||
|
color: #222;
|
||
|
line-height: 1.5;
|
||
|
font-size: 16px;
|
||
|
}
|
||
|
|
||
|
.documentation {
|
||
|
background: #65daa2;
|
||
|
}
|
||
|
|
||
|
.home {
|
||
|
background: #65daa2;
|
||
|
color: #fff !important;
|
||
|
}
|
||
|
|
||
|
.header {
|
||
|
text-align: center;
|
||
|
margin-top: 5em;
|
||
|
}
|
||
|
|
||
|
.logo {
|
||
|
height: 10em;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
.home h2,
|
||
|
.home h3 {
|
||
|
text-shadow: 0 1px 1px #3a9b6d;
|
||
|
text-shadow: 0 1px 1px rgba(58, 155, 109, 0.37);
|
||
|
}
|
||
|
|
||
|
.home a {
|
||
|
color: #fff !important;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
.home h2 {
|
||
|
font-size: 2em;
|
||
|
}
|
||
|
|
||
|
.home h3 {
|
||
|
font-size: 1.5em;
|
||
|
}
|
||
|
|
||
|
.installation {
|
||
|
margin-bottom: 1.5em;
|
||
|
margin-top: 1.5em;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.command,
|
||
|
.javascript {
|
||
|
background-color: #3a9b6d;
|
||
|
color: #d6f5e6;
|
||
|
border-radius: 4px;
|
||
|
padding: 0.5em 1.5em;
|
||
|
display: inline-block;
|
||
|
font-size: 1em;
|
||
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
|
||
|
}
|
||
|
|
||
|
#installation ~ .installation,
|
||
|
#usage ~ .usage {
|
||
|
text-align: center;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
.command:before {
|
||
|
content: '$';
|
||
|
margin-right: 0.5em;
|
||
|
}
|
||
|
|
||
|
.button {
|
||
|
background-color: #ff583f;
|
||
|
border-bottom: 4px solid #d7493a;
|
||
|
border-radius: 4px;
|
||
|
padding: 1em 2em;
|
||
|
color: #fff !important;
|
||
|
font-weight: bold;
|
||
|
font-size: 1em;
|
||
|
display: inline-block;
|
||
|
text-decoration: none !important;
|
||
|
}
|
||
|
|
||
|
.button img {
|
||
|
height: 1em;
|
||
|
width: 1em;
|
||
|
transform: translateY(0.1em);
|
||
|
margin-right: 0.5em;
|
||
|
}
|
||
|
|
||
|
.button:hover {
|
||
|
text-decoration: none;
|
||
|
border-bottom: 5px solid #d7493a;
|
||
|
transform: translateY(-1px);
|
||
|
margin-bottom: -1px;
|
||
|
}
|
||
|
|
||
|
.button:active {
|
||
|
text-decoration: none;
|
||
|
border-bottom: 3px solid #d7493a;
|
||
|
transform: translateY(1px);
|
||
|
margin-bottom: 1px;
|
||
|
}
|
||
|
|
||
|
.main {
|
||
|
text-align: center;
|
||
|
max-width: 35em;
|
||
|
text-align: left;
|
||
|
margin: 0 auto;
|
||
|
width: 100%;
|
||
|
text-shadow: 0 1px 1px #3a9b6d;
|
||
|
text-shadow: 0 1px 1px rgba(58, 155, 109, 0.37);
|
||
|
}
|
||
|
|
||
|
.repl {
|
||
|
position: relative;
|
||
|
width: 100%;
|
||
|
max-width: 35em;
|
||
|
height: 10em;
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
margin: 2em auto;
|
||
|
background: #48be85;
|
||
|
padding: 1em;
|
||
|
border-radius: 4px;
|
||
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
|
||
|
}
|
||
|
|
||
|
.repl__input,
|
||
|
.repl__output {
|
||
|
position: relative;
|
||
|
text-align: left;
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
width: 50%;
|
||
|
overflow: scroll;
|
||
|
color: #1e7b4f;
|
||
|
}
|
||
|
|
||
|
.repl__arg {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.repl__func {
|
||
|
color: #0a291a;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.footer {
|
||
|
text-align: center;
|
||
|
text-shadow: 0 1px 1px #3a9b6d;
|
||
|
text-shadow: 0 1px 1px rgba(58, 155, 109, 0.37);
|
||
|
}
|
||
|
|
||
|
.bg-white {
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
h4 {
|
||
|
margin: 20px 0 10px 0;
|
||
|
}
|
||
|
|
||
|
.documentation h3 {
|
||
|
color: #000;
|
||
|
}
|
||
|
|
||
|
.border-bottom {
|
||
|
border-color: #ddd;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
color: #0d3523;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
.section__heading {
|
||
|
text-align: center;
|
||
|
color: #fff;
|
||
|
text-shadow: 0 1px 1px #3a9b6d;
|
||
|
text-shadow: 0 1px 1px rgba(58, 155, 109, 0.37);
|
||
|
font-size: 2em;
|
||
|
}
|
||
|
|
||
|
.documentation a[href]:hover {
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.py1-ul li {
|
||
|
padding: 5px 0;
|
||
|
}
|
||
|
|
||
|
.max-height-100 {
|
||
|
max-height: 100%;
|
||
|
}
|
||
|
|
||
|
section:target h3 {
|
||
|
font-weight: 700;
|
||
|
}
|
||
|
|
||
|
.documentation td,
|
||
|
.documentation th {
|
||
|
padding: 0.25rem 0.25rem;
|
||
|
}
|
||
|
|
||
|
h1:hover .anchorjs-link,
|
||
|
h2:hover .anchorjs-link,
|
||
|
h3:hover .anchorjs-link,
|
||
|
h4:hover .anchorjs-link {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
.fix-3 {
|
||
|
width: 25%;
|
||
|
max-width: 244px;
|
||
|
}
|
||
|
|
||
|
.fix-3 {
|
||
|
width: 25%;
|
||
|
max-width: 244px;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 52em) {
|
||
|
.fix-margin-3 {
|
||
|
margin-left: 25%;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.pre,
|
||
|
pre,
|
||
|
code,
|
||
|
.code {
|
||
|
font-family: Source Code Pro, Menlo, Consolas, Liberation Mono, monospace;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
.fill-light {
|
||
|
background: #f9f9f9;
|
||
|
}
|
||
|
|
||
|
.width2 {
|
||
|
width: 1rem;
|
||
|
}
|
||
|
|
||
|
.input {
|
||
|
font-family: inherit;
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 2rem;
|
||
|
padding: 0.5rem;
|
||
|
margin-bottom: 1rem;
|
||
|
border: 1px solid #ccc;
|
||
|
font-size: 0.875rem;
|
||
|
border-radius: 3px;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
table {
|
||
|
border-collapse: collapse;
|
||
|
}
|
||
|
|
||
|
.prose table th,
|
||
|
.prose table td {
|
||
|
text-align: left;
|
||
|
padding: 8px;
|
||
|
border: 1px solid #ddd;
|
||
|
}
|
||
|
|
||
|
.prose table th:nth-child(1) {
|
||
|
border-right: none;
|
||
|
}
|
||
|
.prose table th:nth-child(2) {
|
||
|
border-left: none;
|
||
|
}
|
||
|
|
||
|
.prose table {
|
||
|
border: 1px solid #ddd;
|
||
|
}
|
||
|
|
||
|
.prose-big {
|
||
|
font-size: 18px;
|
||
|
line-height: 30px;
|
||
|
}
|
||
|
|
||
|
.quiet {
|
||
|
opacity: 0.7;
|
||
|
}
|
||
|
|
||
|
.minishadow {
|
||
|
box-shadow: 2px 2px 10px #f3f3f3;
|
||
|
}
|