mirror of
https://github.com/kognise/water.css.git
synced 2025-08-07 13:46:49 +02:00
Finish merging (again)
This commit is contained in:
Felix
495
dist/dark-legacy.standalone.css
vendored
495
dist/dark-legacy.standalone.css
vendored
@@ -1,495 +0,0 @@
|
|||||||
/**
|
|
||||||
* Standalone dark-themed version for legacy browsers.
|
|
||||||
* Includes dark variables and core, compiled at build time so the final output
|
|
||||||
* will only include regular CSS, no variables.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
||||||
line-height: 1.4;
|
|
||||||
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 20px auto;
|
|
||||||
padding: 0 10px;
|
|
||||||
|
|
||||||
color: #dbdbdb;
|
|
||||||
background: #202b38;
|
|
||||||
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
transition: background-color 0.1s linear,
|
|
||||||
border-color 0.1s linear,
|
|
||||||
color 0.1s linear,
|
|
||||||
box-shadow 0.1s linear,
|
|
||||||
transform 0.1s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
transition: background-color 0.1s linear,
|
|
||||||
border-color 0.1s linear,
|
|
||||||
color 0.1s linear,
|
|
||||||
box-shadow 0.1s linear,
|
|
||||||
transform 0.1s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
transition: background-color 0.1s linear,
|
|
||||||
border-color 0.1s linear,
|
|
||||||
color 0.1s linear,
|
|
||||||
box-shadow 0.1s linear,
|
|
||||||
transform 0.1s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.2em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
b,
|
|
||||||
strong,
|
|
||||||
th {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:before {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:after {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote{
|
|
||||||
border-left: 4px solid #0096bfab;
|
|
||||||
margin: 1.5em 0em;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
q{
|
|
||||||
border-left: 4px solid #0096bfab;
|
|
||||||
margin: 1.5em 0em;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote > footer {
|
|
||||||
margin-top: 10px;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote cite {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
address {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='mailto']::before {
|
|
||||||
content: '📧 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='tel']::before {
|
|
||||||
content: '📞 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='sms']::before {
|
|
||||||
content: '💬 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background-color: #efdb43;
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 0px 2px 0px 2px;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'],
|
|
||||||
input[type='checkbox'],
|
|
||||||
input[type='range'] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
select {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
color: #ffffff;
|
|
||||||
background-color: #161f27;
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
color: #ffffff;
|
|
||||||
background-color: #161f27;
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
color: #ffffff;
|
|
||||||
background-color: #161f27;
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
input[type='range'],
|
|
||||||
select,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'] {
|
|
||||||
padding-right: 30px;
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background: #324759;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='submit']:hover {
|
|
||||||
background: #324759;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='button']:hover {
|
|
||||||
background: #324759;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus {
|
|
||||||
box-shadow: 0 0 0 2px #0096bfab;
|
|
||||||
}
|
|
||||||
|
|
||||||
select:focus {
|
|
||||||
box-shadow: 0 0 0 2px #0096bfab;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:focus {
|
|
||||||
box-shadow: 0 0 0 2px #0096bfab;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea:focus {
|
|
||||||
box-shadow: 0 0 0 2px #0096bfab;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='checkbox']:active,
|
|
||||||
input[type='radio']:active,
|
|
||||||
input[type='submit']:active,
|
|
||||||
input[type='button']:active,
|
|
||||||
input[type='range']:active,
|
|
||||||
button:active {
|
|
||||||
transform: translateY(2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:disabled,
|
|
||||||
select:disabled,
|
|
||||||
button:disabled,
|
|
||||||
textarea:disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-input-placeholder {
|
|
||||||
color: #a9a9a9;
|
|
||||||
}
|
|
||||||
|
|
||||||
:-ms-input-placeholder {
|
|
||||||
color: #a9a9a9;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-ms-input-placeholder {
|
|
||||||
color: #a9a9a9;
|
|
||||||
}
|
|
||||||
|
|
||||||
::placeholder {
|
|
||||||
color: #a9a9a9;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range'] {
|
|
||||||
margin: 10px 0;
|
|
||||||
padding: 10px 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-runnable-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: #161f27;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-thumb {
|
|
||||||
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #dbdbdb;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin-top: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-webkit-slider-runnable-track {
|
|
||||||
background: #161f27;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: #161f27;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #dbdbdb;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
background: transparent;
|
|
||||||
border-color: transparent;
|
|
||||||
border-width: 16px 0;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-lower {
|
|
||||||
background: #161f27;
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-upper {
|
|
||||||
background: #161f27;
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
border: 1px solid #000000;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #dbdbdb;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-lower {
|
|
||||||
background: #161f27;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-upper {
|
|
||||||
background: #161f27;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #41adff;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
background: #161f27;
|
|
||||||
color: #ffbe85;
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
samp {
|
|
||||||
background: #161f27;
|
|
||||||
color: #ffbe85;
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
time {
|
|
||||||
background: #161f27;
|
|
||||||
color: #ffbe85;
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre > code {
|
|
||||||
padding: 10px;
|
|
||||||
display: block;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
var {
|
|
||||||
color: #d941e2;
|
|
||||||
font-style: normal;
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
kbd {
|
|
||||||
background: #161f27;
|
|
||||||
border: 1px solid #dbdbdb;
|
|
||||||
border-radius: 2px;
|
|
||||||
color: #dbdbdb;
|
|
||||||
padding: 2px 4px 2px 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid #dbdbdb;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
padding: 6px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
border-bottom: 1px solid #dbdbdb;
|
|
||||||
}
|
|
||||||
|
|
||||||
tbody tr:nth-child(even) {
|
|
||||||
background-color: #1a242f;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
height: 10px;
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: #161f27;
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: #324759;
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: rgb(65, 92, 115);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
background-color: #161f27;
|
|
||||||
}
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
background-color: #161f27;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=dark-legacy.standalone.css.map */
|
|
||||||
1
dist/dark-legacy.standalone.css.map
vendored
1
dist/dark-legacy.standalone.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/dark-legacy.standalone.min.css
vendored
2
dist/dark-legacy.standalone.min.css
vendored
@@ -1,2 +0,0 @@
|
|||||||
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:#efdb43;border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#324759}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}::-ms-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#161f27}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#161f27;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#161f27;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#161f27}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}code,samp,time{background:#161f27;color:#ffbe85;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#d941e2;font-style:normal;font-family:monospace}kbd{background:#161f27;border:1px solid #dbdbdb;border-radius:2px;color:#dbdbdb;padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#1a242f}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;border-radius:6px}::-webkit-scrollbar-thumb{background:#324759;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#415c73}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27}
|
|
||||||
/*# sourceMappingURL=dark-legacy.standalone.min.css.map */
|
|
||||||
1
dist/dark-legacy.standalone.min.css.map
vendored
1
dist/dark-legacy.standalone.min.css.map
vendored
File diff suppressed because one or more lines are too long
454
dist/dark.css
vendored
454
dist/dark.css
vendored
@@ -1,454 +0,0 @@
|
|||||||
/**
|
|
||||||
* Dark-themed version:
|
|
||||||
* uses dark theme by default but switches to light theme
|
|
||||||
* if a system-wide theme preference is set on the user's device.
|
|
||||||
*
|
|
||||||
* Variables will remain uncompiled so the theme can update dynamically
|
|
||||||
* at runtime in the browser.
|
|
||||||
*/
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--background-body: #202b38;
|
|
||||||
--background: #161f27;
|
|
||||||
--background-alt: #1a242f;
|
|
||||||
|
|
||||||
--selection: #161f27;
|
|
||||||
|
|
||||||
--text-main: #dbdbdb;
|
|
||||||
--text-bright: #ffffff;
|
|
||||||
|
|
||||||
--links: #41adff;
|
|
||||||
--focus: #0096bfab;
|
|
||||||
--border: #dbdbdb;
|
|
||||||
--code: #ffbe85;
|
|
||||||
|
|
||||||
--animation-duration: 0.1s;
|
|
||||||
--button-hover: #324759;
|
|
||||||
|
|
||||||
--scrollbar-thumb: var(--button-hover);
|
|
||||||
--scrollbar-thumb-hover: rgb(65, 92, 115);
|
|
||||||
|
|
||||||
--form-placeholder: #a9a9a9;
|
|
||||||
--form-text: #ffffff;
|
|
||||||
|
|
||||||
--variable: #d941e2;
|
|
||||||
--highlight: #efdb43;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
:root {
|
|
||||||
--background-body: #ffffff;
|
|
||||||
--background: #efefef;
|
|
||||||
--background-alt: #f7f7f7;
|
|
||||||
|
|
||||||
--selection: #9e9e9e;
|
|
||||||
|
|
||||||
--text-main: #363636;
|
|
||||||
--text-bright: #000000;
|
|
||||||
|
|
||||||
--links: #0076d1;
|
|
||||||
--focus: #0096bfab;
|
|
||||||
--border: #dbdbdb;
|
|
||||||
--code: #000000;
|
|
||||||
|
|
||||||
--animation-duration: 0.1s;
|
|
||||||
--button-hover: #dddddd;
|
|
||||||
|
|
||||||
--scrollbar-thumb: rgb(44, 63, 79);
|
|
||||||
--scrollbar-thumb-hover: rgb(32, 45, 56);
|
|
||||||
|
|
||||||
--form-placeholder: #949494;
|
|
||||||
--form-text: #000000;
|
|
||||||
|
|
||||||
--variable: #39a33c;
|
|
||||||
--highlight: #ffff00;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
||||||
line-height: 1.4;
|
|
||||||
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 20px auto;
|
|
||||||
padding: 0 10px;
|
|
||||||
|
|
||||||
color: var(--text-main);
|
|
||||||
background: var(--background-body);
|
|
||||||
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
button, input, textarea {
|
|
||||||
transition: background-color var(--animation-duration) linear,
|
|
||||||
border-color var(--animation-duration) linear,
|
|
||||||
color var(--animation-duration) linear,
|
|
||||||
box-shadow var(--animation-duration) linear,
|
|
||||||
transform var(--animation-duration) ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.2em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
strong {
|
|
||||||
color: var(--text-bright);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
b,
|
|
||||||
strong,
|
|
||||||
th {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:before {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:after {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote , q{
|
|
||||||
border-left: 4px solid var(--focus);
|
|
||||||
margin: 1.5em 0em;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote > footer {
|
|
||||||
margin-top: 10px;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote cite {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
address {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='mailto']::before {
|
|
||||||
content: '📧 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='tel']::before {
|
|
||||||
content: '📞 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='sms']::before {
|
|
||||||
content: '💬 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background-color: var(--highlight);
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 0px 2px 0px 2px;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'],
|
|
||||||
input[type='checkbox'],
|
|
||||||
input[type='range'] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
select {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
color: var(--form-text);
|
|
||||||
background-color: var(--background);
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
input[type='range'],
|
|
||||||
select,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'] {
|
|
||||||
padding-right: 30px;
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover,
|
|
||||||
input[type='submit']:hover,
|
|
||||||
input[type='button']:hover {
|
|
||||||
background: var(--button-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus,
|
|
||||||
select:focus,
|
|
||||||
button:focus,
|
|
||||||
textarea:focus {
|
|
||||||
box-shadow: 0 0 0 2px var(--focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='checkbox']:active,
|
|
||||||
input[type='radio']:active,
|
|
||||||
input[type='submit']:active,
|
|
||||||
input[type='button']:active,
|
|
||||||
input[type='range']:active,
|
|
||||||
button:active {
|
|
||||||
transform: translateY(2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:disabled,
|
|
||||||
select:disabled,
|
|
||||||
button:disabled,
|
|
||||||
textarea:disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
:-ms-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-ms-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
::placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range'] {
|
|
||||||
margin: 10px 0;
|
|
||||||
padding: 10px 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-runnable-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-thumb {
|
|
||||||
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin-top: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-webkit-slider-runnable-track {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
background: transparent;
|
|
||||||
border-color: transparent;
|
|
||||||
border-width: 16px 0;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-lower {
|
|
||||||
background: var(--background);
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-upper {
|
|
||||||
background: var(--background);
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
border: 1px solid #000000;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-lower {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-upper {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--links);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
code, samp, time {
|
|
||||||
background: var(--background);
|
|
||||||
color: var(--code);
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre > code {
|
|
||||||
padding: 10px;
|
|
||||||
display: block;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
var {
|
|
||||||
color: var(--variable);
|
|
||||||
font-style: normal;
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
kbd {
|
|
||||||
background: var(--background);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 2px;
|
|
||||||
color: var(--text-main);
|
|
||||||
padding: 2px 4px 2px 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
padding: 6px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
border-bottom: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
tbody tr:nth-child(even) {
|
|
||||||
background-color: var(--background-alt);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
height: 10px;
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: var(--scrollbar-thumb);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: var(--scrollbar-thumb-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
background-color: var(--selection);
|
|
||||||
}
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
background-color: var(--selection);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=dark.css.map */
|
|
||||||
1
dist/dark.css.map
vendored
1
dist/dark.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/dark.min.css
vendored
2
dist/dark.min.css
vendored
File diff suppressed because one or more lines are too long
1
dist/dark.min.css.map
vendored
1
dist/dark.min.css.map
vendored
File diff suppressed because one or more lines are too long
421
dist/dark.standalone.css
vendored
421
dist/dark.standalone.css
vendored
@@ -1,421 +0,0 @@
|
|||||||
/**
|
|
||||||
* Standalone dark-themed version.
|
|
||||||
* Includes dark variables and core, left as CSS variables
|
|
||||||
* so the theming can be adjusted at runtime.
|
|
||||||
*/
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--background-body: #202b38;
|
|
||||||
--background: #161f27;
|
|
||||||
--background-alt: #1a242f;
|
|
||||||
|
|
||||||
--selection: #161f27;
|
|
||||||
|
|
||||||
--text-main: #dbdbdb;
|
|
||||||
--text-bright: #ffffff;
|
|
||||||
|
|
||||||
--links: #41adff;
|
|
||||||
--focus: #0096bfab;
|
|
||||||
--border: #dbdbdb;
|
|
||||||
--code: #ffbe85;
|
|
||||||
|
|
||||||
--animation-duration: 0.1s;
|
|
||||||
--button-hover: #324759;
|
|
||||||
|
|
||||||
--scrollbar-thumb: var(--button-hover);
|
|
||||||
--scrollbar-thumb-hover: rgb(65, 92, 115);
|
|
||||||
|
|
||||||
--form-placeholder: #a9a9a9;
|
|
||||||
--form-text: #ffffff;
|
|
||||||
|
|
||||||
--variable: #d941e2;
|
|
||||||
--highlight: #efdb43;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
||||||
line-height: 1.4;
|
|
||||||
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 20px auto;
|
|
||||||
padding: 0 10px;
|
|
||||||
|
|
||||||
color: var(--text-main);
|
|
||||||
background: var(--background-body);
|
|
||||||
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
button, input, textarea {
|
|
||||||
transition: background-color var(--animation-duration) linear,
|
|
||||||
border-color var(--animation-duration) linear,
|
|
||||||
color var(--animation-duration) linear,
|
|
||||||
box-shadow var(--animation-duration) linear,
|
|
||||||
transform var(--animation-duration) ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.2em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
strong {
|
|
||||||
color: var(--text-bright);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
b,
|
|
||||||
strong,
|
|
||||||
th {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:before {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:after {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote , q{
|
|
||||||
border-left: 4px solid var(--focus);
|
|
||||||
margin: 1.5em 0em;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote > footer {
|
|
||||||
margin-top: 10px;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote cite {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
address {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='mailto']::before {
|
|
||||||
content: '📧 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='tel']::before {
|
|
||||||
content: '📞 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='sms']::before {
|
|
||||||
content: '💬 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background-color: var(--highlight);
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 0px 2px 0px 2px;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'],
|
|
||||||
input[type='checkbox'],
|
|
||||||
input[type='range'] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
select {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
color: var(--form-text);
|
|
||||||
background-color: var(--background);
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
input[type='range'],
|
|
||||||
select,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'] {
|
|
||||||
padding-right: 30px;
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover,
|
|
||||||
input[type='submit']:hover,
|
|
||||||
input[type='button']:hover {
|
|
||||||
background: var(--button-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus,
|
|
||||||
select:focus,
|
|
||||||
button:focus,
|
|
||||||
textarea:focus {
|
|
||||||
box-shadow: 0 0 0 2px var(--focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='checkbox']:active,
|
|
||||||
input[type='radio']:active,
|
|
||||||
input[type='submit']:active,
|
|
||||||
input[type='button']:active,
|
|
||||||
input[type='range']:active,
|
|
||||||
button:active {
|
|
||||||
transform: translateY(2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:disabled,
|
|
||||||
select:disabled,
|
|
||||||
button:disabled,
|
|
||||||
textarea:disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
:-ms-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-ms-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
::placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range'] {
|
|
||||||
margin: 10px 0;
|
|
||||||
padding: 10px 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-runnable-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-thumb {
|
|
||||||
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin-top: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-webkit-slider-runnable-track {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
background: transparent;
|
|
||||||
border-color: transparent;
|
|
||||||
border-width: 16px 0;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-lower {
|
|
||||||
background: var(--background);
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-upper {
|
|
||||||
background: var(--background);
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
border: 1px solid #000000;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-lower {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-upper {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--links);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
code, samp, time {
|
|
||||||
background: var(--background);
|
|
||||||
color: var(--code);
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre > code {
|
|
||||||
padding: 10px;
|
|
||||||
display: block;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
var {
|
|
||||||
color: var(--variable);
|
|
||||||
font-style: normal;
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
kbd {
|
|
||||||
background: var(--background);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 2px;
|
|
||||||
color: var(--text-main);
|
|
||||||
padding: 2px 4px 2px 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
padding: 6px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
border-bottom: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
tbody tr:nth-child(even) {
|
|
||||||
background-color: var(--background-alt);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
height: 10px;
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: var(--scrollbar-thumb);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: var(--scrollbar-thumb-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
background-color: var(--selection);
|
|
||||||
}
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
background-color: var(--selection);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=dark.standalone.css.map */
|
|
||||||
1
dist/dark.standalone.css.map
vendored
1
dist/dark.standalone.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/dark.standalone.min.css
vendored
2
dist/dark.standalone.min.css
vendored
File diff suppressed because one or more lines are too long
1
dist/dark.standalone.min.css.map
vendored
1
dist/dark.standalone.min.css.map
vendored
File diff suppressed because one or more lines are too long
495
dist/light-legacy.standalone.css
vendored
495
dist/light-legacy.standalone.css
vendored
@@ -1,495 +0,0 @@
|
|||||||
/**
|
|
||||||
* Standalone light-themed version for legacy browsers.
|
|
||||||
* Includes light variables and core, compiled at build time so the final output
|
|
||||||
* will only include regular CSS, no variables.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
||||||
line-height: 1.4;
|
|
||||||
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 20px auto;
|
|
||||||
padding: 0 10px;
|
|
||||||
|
|
||||||
color: #363636;
|
|
||||||
background: #ffffff;
|
|
||||||
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
transition: background-color 0.1s linear,
|
|
||||||
border-color 0.1s linear,
|
|
||||||
color 0.1s linear,
|
|
||||||
box-shadow 0.1s linear,
|
|
||||||
transform 0.1s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
transition: background-color 0.1s linear,
|
|
||||||
border-color 0.1s linear,
|
|
||||||
color 0.1s linear,
|
|
||||||
box-shadow 0.1s linear,
|
|
||||||
transform 0.1s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
transition: background-color 0.1s linear,
|
|
||||||
border-color 0.1s linear,
|
|
||||||
color 0.1s linear,
|
|
||||||
box-shadow 0.1s linear,
|
|
||||||
transform 0.1s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.2em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
b,
|
|
||||||
strong,
|
|
||||||
th {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:before {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:after {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote{
|
|
||||||
border-left: 4px solid #0096bfab;
|
|
||||||
margin: 1.5em 0em;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
q{
|
|
||||||
border-left: 4px solid #0096bfab;
|
|
||||||
margin: 1.5em 0em;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote > footer {
|
|
||||||
margin-top: 10px;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote cite {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
address {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='mailto']::before {
|
|
||||||
content: '📧 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='tel']::before {
|
|
||||||
content: '📞 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='sms']::before {
|
|
||||||
content: '💬 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background-color: #ffff00;
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 0px 2px 0px 2px;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'],
|
|
||||||
input[type='checkbox'],
|
|
||||||
input[type='range'] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
select {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
color: #000000;
|
|
||||||
background-color: #efefef;
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
color: #000000;
|
|
||||||
background-color: #efefef;
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
color: #000000;
|
|
||||||
background-color: #efefef;
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
input[type='range'],
|
|
||||||
select,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'] {
|
|
||||||
padding-right: 30px;
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background: #dddddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='submit']:hover {
|
|
||||||
background: #dddddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='button']:hover {
|
|
||||||
background: #dddddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus {
|
|
||||||
box-shadow: 0 0 0 2px #0096bfab;
|
|
||||||
}
|
|
||||||
|
|
||||||
select:focus {
|
|
||||||
box-shadow: 0 0 0 2px #0096bfab;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:focus {
|
|
||||||
box-shadow: 0 0 0 2px #0096bfab;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea:focus {
|
|
||||||
box-shadow: 0 0 0 2px #0096bfab;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='checkbox']:active,
|
|
||||||
input[type='radio']:active,
|
|
||||||
input[type='submit']:active,
|
|
||||||
input[type='button']:active,
|
|
||||||
input[type='range']:active,
|
|
||||||
button:active {
|
|
||||||
transform: translateY(2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:disabled,
|
|
||||||
select:disabled,
|
|
||||||
button:disabled,
|
|
||||||
textarea:disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-input-placeholder {
|
|
||||||
color: #949494;
|
|
||||||
}
|
|
||||||
|
|
||||||
:-ms-input-placeholder {
|
|
||||||
color: #949494;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-ms-input-placeholder {
|
|
||||||
color: #949494;
|
|
||||||
}
|
|
||||||
|
|
||||||
::placeholder {
|
|
||||||
color: #949494;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range'] {
|
|
||||||
margin: 10px 0;
|
|
||||||
padding: 10px 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-runnable-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: #efefef;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-thumb {
|
|
||||||
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #dbdbdb;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin-top: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-webkit-slider-runnable-track {
|
|
||||||
background: #efefef;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: #efefef;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #dbdbdb;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
background: transparent;
|
|
||||||
border-color: transparent;
|
|
||||||
border-width: 16px 0;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-lower {
|
|
||||||
background: #efefef;
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-upper {
|
|
||||||
background: #efefef;
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
border: 1px solid #000000;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #dbdbdb;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-lower {
|
|
||||||
background: #efefef;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-upper {
|
|
||||||
background: #efefef;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #0076d1;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
background: #efefef;
|
|
||||||
color: #000000;
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
samp {
|
|
||||||
background: #efefef;
|
|
||||||
color: #000000;
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
time {
|
|
||||||
background: #efefef;
|
|
||||||
color: #000000;
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre > code {
|
|
||||||
padding: 10px;
|
|
||||||
display: block;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
var {
|
|
||||||
color: #39a33c;
|
|
||||||
font-style: normal;
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
kbd {
|
|
||||||
background: #efefef;
|
|
||||||
border: 1px solid #dbdbdb;
|
|
||||||
border-radius: 2px;
|
|
||||||
color: #363636;
|
|
||||||
padding: 2px 4px 2px 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid #dbdbdb;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
padding: 6px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
border-bottom: 1px solid #dbdbdb;
|
|
||||||
}
|
|
||||||
|
|
||||||
tbody tr:nth-child(even) {
|
|
||||||
background-color: #f7f7f7;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
height: 10px;
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: #efefef;
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: rgb(213, 213, 213);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: rgb(196, 196, 196);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
background-color: #9e9e9e;
|
|
||||||
}
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
background-color: #9e9e9e;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=light-legacy.standalone.css.map */
|
|
||||||
1
dist/light-legacy.standalone.css.map
vendored
1
dist/light-legacy.standalone.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/light-legacy.standalone.min.css
vendored
2
dist/light-legacy.standalone.min.css
vendored
@@ -1,2 +0,0 @@
|
|||||||
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}mark{background-color:#ff0;border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=range],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#ddd}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef}input[type=range]::-moz-range-track{width:100%;height:9.5px;transition:.2s;background:#efefef;border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}code,samp,time{background:#efefef;color:#000;padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#39a33c;font-style:normal;font-family:monospace}kbd{background:#efefef;border:1px solid #dbdbdb;border-radius:2px;color:#363636;padding:2px 4px}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#f7f7f7}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e}
|
|
||||||
/*# sourceMappingURL=light-legacy.standalone.min.css.map */
|
|
||||||
1
dist/light-legacy.standalone.min.css.map
vendored
1
dist/light-legacy.standalone.min.css.map
vendored
File diff suppressed because one or more lines are too long
453
dist/light.css
vendored
453
dist/light.css
vendored
@@ -1,453 +0,0 @@
|
|||||||
/**
|
|
||||||
* Light-themed version:
|
|
||||||
* uses light theme by default but switches to dark theme
|
|
||||||
* if a system-wide theme preference is set on the user's device.
|
|
||||||
*
|
|
||||||
* Variables will remain uncompiled so the theme can update dynamically
|
|
||||||
* at runtime in the browser.
|
|
||||||
*/
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--background-body: #ffffff;
|
|
||||||
--background: #efefef;
|
|
||||||
--background-alt: #f7f7f7;
|
|
||||||
|
|
||||||
--selection: #9e9e9e;
|
|
||||||
|
|
||||||
--text-main: #363636;
|
|
||||||
--text-bright: #000000;
|
|
||||||
|
|
||||||
--links: #0076d1;
|
|
||||||
--focus: #0096bfab;
|
|
||||||
--border: #dbdbdb;
|
|
||||||
--code: #000000;
|
|
||||||
|
|
||||||
--animation-duration: 0.1s;
|
|
||||||
--button-hover: #dddddd;
|
|
||||||
|
|
||||||
--scrollbar-thumb: rgb(213, 213, 213);
|
|
||||||
--scrollbar-thumb-hover: rgb(196, 196, 196);
|
|
||||||
|
|
||||||
--form-placeholder: #949494;
|
|
||||||
--form-text: #000000;
|
|
||||||
|
|
||||||
--variable: #39a33c;
|
|
||||||
--highlight: #ffff00;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
:root {
|
|
||||||
--background-body: #202b38;
|
|
||||||
--background: #161f27;
|
|
||||||
--background-alt: #1a242f;
|
|
||||||
|
|
||||||
--selection: #161f27;
|
|
||||||
|
|
||||||
--text-main: #dbdbdb;
|
|
||||||
--text-bright: #ffffff;
|
|
||||||
|
|
||||||
--links: #41adff;
|
|
||||||
--focus: #0096bfab;
|
|
||||||
--border: #dbdbdb;
|
|
||||||
--code: #ffbe85;
|
|
||||||
|
|
||||||
--animation-duration: 0.1s;
|
|
||||||
--button-hover: #324759;
|
|
||||||
|
|
||||||
--scrollbar-thumb: var(--button-hover);
|
|
||||||
--scrollbar-thumb-hover: rgb(20, 20, 20);
|
|
||||||
|
|
||||||
--form-placeholder: #a9a9a9;
|
|
||||||
--form-text: #ffffff;
|
|
||||||
|
|
||||||
--variable: #d941e2;
|
|
||||||
--highlight: #efdb43;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
||||||
line-height: 1.4;
|
|
||||||
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 20px auto;
|
|
||||||
padding: 0 10px;
|
|
||||||
|
|
||||||
color: var(--text-main);
|
|
||||||
background: var(--background-body);
|
|
||||||
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
button, input, textarea {
|
|
||||||
transition: background-color var(--animation-duration) linear,
|
|
||||||
border-color var(--animation-duration) linear,
|
|
||||||
color var(--animation-duration) linear,
|
|
||||||
box-shadow var(--animation-duration) linear,
|
|
||||||
transform var(--animation-duration) ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.2em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
strong {
|
|
||||||
color: var(--text-bright);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
b,
|
|
||||||
strong,
|
|
||||||
th {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:before {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:after {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote , q{
|
|
||||||
border-left: 4px solid var(--focus);
|
|
||||||
margin: 1.5em 0em;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote > footer {
|
|
||||||
margin-top: 10px;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote cite {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
address {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='mailto']::before {
|
|
||||||
content: '📧 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='tel']::before {
|
|
||||||
content: '📞 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='sms']::before {
|
|
||||||
content: '💬 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background-color: var(--highlight);
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 0px 2px 0px 2px;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'],
|
|
||||||
input[type='checkbox'],
|
|
||||||
input[type='range'] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
select {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
color: var(--form-text);
|
|
||||||
background-color: var(--background);
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
input[type='range'],
|
|
||||||
select,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'] {
|
|
||||||
padding-right: 30px;
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover,
|
|
||||||
input[type='submit']:hover,
|
|
||||||
input[type='button']:hover {
|
|
||||||
background: var(--button-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus,
|
|
||||||
select:focus,
|
|
||||||
button:focus,
|
|
||||||
textarea:focus {
|
|
||||||
box-shadow: 0 0 0 2px var(--focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='checkbox']:active,
|
|
||||||
input[type='radio']:active,
|
|
||||||
input[type='submit']:active,
|
|
||||||
input[type='button']:active,
|
|
||||||
input[type='range']:active,
|
|
||||||
button:active {
|
|
||||||
transform: translateY(2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:disabled,
|
|
||||||
select:disabled,
|
|
||||||
button:disabled,
|
|
||||||
textarea:disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
:-ms-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-ms-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
::placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range'] {
|
|
||||||
margin: 10px 0;
|
|
||||||
padding: 10px 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-runnable-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-thumb {
|
|
||||||
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin-top: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-webkit-slider-runnable-track {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
background: transparent;
|
|
||||||
border-color: transparent;
|
|
||||||
border-width: 16px 0;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-lower {
|
|
||||||
background: var(--background);
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-upper {
|
|
||||||
background: var(--background);
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
border: 1px solid #000000;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-lower {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-upper {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--links);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
code, samp, time {
|
|
||||||
background: var(--background);
|
|
||||||
color: var(--code);
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre > code {
|
|
||||||
padding: 10px;
|
|
||||||
display: block;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
var {
|
|
||||||
color: var(--variable);
|
|
||||||
font-style: normal;
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
kbd {
|
|
||||||
background: var(--background);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 2px;
|
|
||||||
color: var(--text-main);
|
|
||||||
padding: 2px 4px 2px 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
padding: 6px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
border-bottom: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
tbody tr:nth-child(even) {
|
|
||||||
background-color: var(--background-alt);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
height: 10px;
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: var(--scrollbar-thumb);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: var(--scrollbar-thumb-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
background-color: var(--selection);
|
|
||||||
}
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
background-color: var(--selection);
|
|
||||||
}
|
|
||||||
/*# sourceMappingURL=light.css.map */
|
|
||||||
2
dist/light.min.css
vendored
2
dist/light.min.css
vendored
File diff suppressed because one or more lines are too long
1
dist/light.min.css.map
vendored
1
dist/light.min.css.map
vendored
File diff suppressed because one or more lines are too long
421
dist/light.standalone.css
vendored
421
dist/light.standalone.css
vendored
@@ -1,421 +0,0 @@
|
|||||||
/**
|
|
||||||
* Standalone light-themed version.
|
|
||||||
* Includes light variables and core, left as CSS variables
|
|
||||||
* so the theming can be adjusted at runtime.
|
|
||||||
*/
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--background-body: #ffffff;
|
|
||||||
--background: #efefef;
|
|
||||||
--background-alt: #f7f7f7;
|
|
||||||
|
|
||||||
--selection: #9e9e9e;
|
|
||||||
|
|
||||||
--text-main: #363636;
|
|
||||||
--text-bright: #000000;
|
|
||||||
|
|
||||||
--links: #0076d1;
|
|
||||||
--focus: #0096bfab;
|
|
||||||
--border: #dbdbdb;
|
|
||||||
--code: #000000;
|
|
||||||
|
|
||||||
--animation-duration: 0.1s;
|
|
||||||
--button-hover: #dddddd;
|
|
||||||
|
|
||||||
--scrollbar-thumb: rgb(213, 213, 213);
|
|
||||||
--scrollbar-thumb-hover: rgb(196, 196, 196);
|
|
||||||
|
|
||||||
--form-placeholder: #949494;
|
|
||||||
--form-text: #000000;
|
|
||||||
|
|
||||||
--variable: #39a33c;
|
|
||||||
--highlight: #ffff00;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
||||||
line-height: 1.4;
|
|
||||||
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 20px auto;
|
|
||||||
padding: 0 10px;
|
|
||||||
|
|
||||||
color: var(--text-main);
|
|
||||||
background: var(--background-body);
|
|
||||||
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
button, input, textarea {
|
|
||||||
transition: background-color var(--animation-duration) linear,
|
|
||||||
border-color var(--animation-duration) linear,
|
|
||||||
color var(--animation-duration) linear,
|
|
||||||
box-shadow var(--animation-duration) linear,
|
|
||||||
transform var(--animation-duration) ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.2em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
strong {
|
|
||||||
color: var(--text-bright);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
b,
|
|
||||||
strong,
|
|
||||||
th {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:before {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
q:after {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote , q{
|
|
||||||
border-left: 4px solid var(--focus);
|
|
||||||
margin: 1.5em 0em;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote > footer {
|
|
||||||
margin-top: 10px;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote cite {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
address {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='mailto']::before {
|
|
||||||
content: '📧 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='tel']::before {
|
|
||||||
content: '📞 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^='sms']::before {
|
|
||||||
content: '💬 ';
|
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
|
||||||
background-color: var(--highlight);
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 0px 2px 0px 2px;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'],
|
|
||||||
input[type='checkbox'],
|
|
||||||
input[type='range'] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
select {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
color: var(--form-text);
|
|
||||||
background-color: var(--background);
|
|
||||||
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
|
|
||||||
margin-right: 6px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not([type='checkbox']):not([type='radio']),
|
|
||||||
input[type='range'],
|
|
||||||
select,
|
|
||||||
button,
|
|
||||||
textarea {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
margin-right: 0;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input[type='submit'],
|
|
||||||
input[type='button'] {
|
|
||||||
padding-right: 30px;
|
|
||||||
padding-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover,
|
|
||||||
input[type='submit']:hover,
|
|
||||||
input[type='button']:hover {
|
|
||||||
background: var(--button-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus,
|
|
||||||
select:focus,
|
|
||||||
button:focus,
|
|
||||||
textarea:focus {
|
|
||||||
box-shadow: 0 0 0 2px var(--focus);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='checkbox']:active,
|
|
||||||
input[type='radio']:active,
|
|
||||||
input[type='submit']:active,
|
|
||||||
input[type='button']:active,
|
|
||||||
input[type='range']:active,
|
|
||||||
button:active {
|
|
||||||
transform: translateY(2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:disabled,
|
|
||||||
select:disabled,
|
|
||||||
button:disabled,
|
|
||||||
textarea:disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
:-ms-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-ms-input-placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
::placeholder {
|
|
||||||
color: var(--form-placeholder);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range'] {
|
|
||||||
margin: 10px 0;
|
|
||||||
padding: 10px 0;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-runnable-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-webkit-slider-thumb {
|
|
||||||
box-shadow: 0px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin-top: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-webkit-slider-runnable-track {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-moz-range-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-track {
|
|
||||||
width: 100%;
|
|
||||||
height: 9.5px;
|
|
||||||
background: transparent;
|
|
||||||
border-color: transparent;
|
|
||||||
border-width: 16px 0;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-lower {
|
|
||||||
background: var(--background);
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-fill-upper {
|
|
||||||
background: var(--background);
|
|
||||||
border: 0.2px solid #010101;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']::-ms-thumb {
|
|
||||||
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
||||||
border: 1px solid #000000;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-lower {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='range']:focus::-ms-fill-upper {
|
|
||||||
background: var(--background);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--links);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
code, samp, time {
|
|
||||||
background: var(--background);
|
|
||||||
color: var(--code);
|
|
||||||
padding: 2.5px 5px;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre > code {
|
|
||||||
padding: 10px;
|
|
||||||
display: block;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
var {
|
|
||||||
color: var(--variable);
|
|
||||||
font-style: normal;
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
kbd {
|
|
||||||
background: var(--background);
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
border-radius: 2px;
|
|
||||||
color: var(--text-main);
|
|
||||||
padding: 2px 4px 2px 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
padding: 6px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
border-bottom: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
tbody tr:nth-child(even) {
|
|
||||||
background-color: var(--background-alt);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
height: 10px;
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: var(--background);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: var(--scrollbar-thumb);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: var(--scrollbar-thumb-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-moz-selection {
|
|
||||||
background-color: var(--selection);
|
|
||||||
}
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
background-color: var(--selection);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=light.standalone.css.map */
|
|
||||||
1
dist/light.standalone.css.map
vendored
1
dist/light.standalone.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/light.standalone.min.css
vendored
2
dist/light.standalone.min.css
vendored
File diff suppressed because one or more lines are too long
1
dist/light.standalone.min.css.map
vendored
1
dist/light.standalone.min.css.map
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user